Skip to content

Added new header for new theme site #157

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 2 commits into
base: master
Choose a base branch
from
Open

Added new header for new theme site #157

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
e0b6e50
Merge pull request #1 from baasbox/master
matteoerrera Jul 18, 2016
f9e7ecc
Added new header for the new theme site
Jul 18, 2016
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file modified source/images/logo.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
57 changes: 41 additions & 16 deletions source/layouts/layout.erb
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -49,6 +49,7 @@ under the License.
<% end %>
<% end %>
<% end %>

languagesTags += '</div>';
console.log(languagesTags);
$(".highlight").before(languagesTags)
Expand Down Expand Up @@ -111,44 +112,68 @@ under the License.
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();




$(document).ready(function() {
var delay;
setupMenu();
$(".mainmenu .menuwrapper .menulist ul li a").mouseenter(function() {
clearTimeout(delay);
var width = $(this).width();
var left = $(this).position().left+5;
$(".border_active").css("width", width+ "px").css("left", left+"px");
}).mouseleave(function() {
delay = setTimeout(setupMenu, 200);
});


});

function setupMenu(){
if($(".current_page_item").length>0){
var width = $(".current_page_item").width();
var left = $(".current_page_item").position().left+5;
$(".border_active").css("width", "51px").css("left", left+"px");
}
else {
$(".border_active").css("width", "0" + "px").css("left", "0"+"px");
}
}

</script>
<link rel="stylesheet" type="text/css" href="MyFontsWebfontsKit.css'; ?>">

</head>

<body class="<%= page_classes %>">

<div class="mainmenu">
<div class="menuwrapper">

<nav class="menulist">
<span class="border_active"></span>
<div class="iconmenu">
<i class="icon-th-list icon-2x"></i>
</div>
<ul class="items">
<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-6636" id="menu-item-6636"><a href="http://www.baasbox.com/features" title="Features">Features</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-6637" id="menu-item-6637"><a href="http://www.baasbox.com/documentation" title="Docs">Docs</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-6638" id="menu-item-6638"><a href="https://groups.google.com/forum/#!forum/baasbox" target="_new" title="Community">Community</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-6639" id="menu-item-6639"><a href="http://www.baasbox.com/download" title="Downloads">Downloads</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-6640" id="menu-item-6640"><a href="http://www.baasbox.com/blog" title="Blog">Blog</a></li>

<li class="menu-item">
<form action="http://beta.baasbox.com/" method="GET">
<span class="bb-cloud-service">
<input type="submit" value="BAASBOX Cloud Service">
</span>
</form>
</li>

<li id="menu-item-278" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-6"><a href="http://vccw.dev/">Home</a></li>
<li id="menu-item-147" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-147"><a href="http://vccw.dev/features">Features</a></li>
<li id="menu-item-148" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-148 current_page_item menu-item"><a href="http://vccw.dev/docs">Docs</a></li>
<li id="menu-item-149" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-149"><a href="http://vccw.dev/community">Community</a></li>
<li id="menu-item-150" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-150"><a href="http://vccw.dev/downloads">Downloads</a></li>
<li id="menu-item-151" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-151"><a href="http://vccw.dev/blog">Blog</a></li>


</ul> </nav>
<a class="logoblock" href="http://www.baasbox.com/#home">
<img class="companylogo" src="http://www.baasbox.com/wp-content/uploads/2014/06/marchio_bianco.png">
<img class="companylogo" src="images/logo.png">
</a>

<div class="socialblock">
</div>
</div>
</div>
-->

<div class="tocify-wrapper">
<div id="toc">
Expand Down
77 changes: 43 additions & 34 deletions source/stylesheets/_fix.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,9 @@
@import url("//hello.myfonts.net/count/31990b");


@font-face {font-family: 'IntroRegular';src: url('webfonts/31990B_0_0.eot');src: url('webfonts/31990B_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/31990B_0_0.woff2') format('woff2'),url('webfonts/31990B_0_0.woff') format('woff'),url('webfonts/31990B_0_0.ttf') format('truetype');}


@font-face {
font-family: "Lato";
font-style: normal;
Expand All @@ -17,9 +23,11 @@
src: local("Lato Bold"), local("Lato-Bold"), url("http://themes.googleusercontent.com/static/fonts/lato/v7/qdgUG4U09HnJwhYI-uK18wLUuEpTyoUstqEm5AMlJo4.woff") format("woff");
}

@font-face { font-family: Lato-Regular; src: url('http://www.baasbox.com/investor-relations/wp-content/themes/PandoraBox/font/Lato-Regular.ttf'); }
@font-face { font-family: Lato-Regular; src: url('http://www.baasbox.com/investor-relations/wp-content/themes/PandoraBox/font/Lato-Regular.ttf'); }

@font-face { font-family: Lato-Bold; src: url('http://www.baasbox.com/investor-relations/wp-content/themes/PandoraBox/font/lato-bold.svg'); }


@font-face { font-family: Lato-Bold; src: url('http://www.baasbox.com/investor-relations/wp-content/themes/PandoraBox/font/lato-bold.svg'); }

body {
background: #ffffff;
Expand Down Expand Up @@ -54,71 +62,72 @@ nav {
}

.mainmenu {
background-color: #00A99D;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
background-color:#192226 !important;
border-bottom:3px white solid;
left: 0;
height: 73px;
height: 101px;
position: fixed;
text-align: center;
width: 100%;
z-index: 1000;
}

.mainmenu .menuwrapper .menulist ul li a {
color: #fff;
display: inline-block;
padding: 0.6em 1em;
margin: 0 0.5em;
border-radius: 4px;
text-transform: uppercase;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
text-decoration:none;
font-family:"Lato", sans-serif !important;
font-size:17px;
}
.mainmenu .menuwrapper .menulist ul li a:hover {
background: rgba(0, 0, 0, 0.2);
}
.mainmenu .menuwrapper .menulist ul li a:active {
background: rgba(255, 255, 255, 0.2);
position:relative;
margin-left:16px;
margin-top:0px;
display: inline-block;
font-family: 'IntroRegular';
font-size: 21px;
color:#fff;
text-decoration: none;
}

.mainmenu .menuwrapper .menulist ul li {
float: left;
list-style: none outside none;
list-style: none outside none;

}

.mainmenu .menuwrapper .menulist {
text-align: center;
margin-right:163px;
margin-top:5px;
margin-right:25px;
margin-top:50px;
float:right;
display: inline-block;
padding: 0.5em 1em;
position: relative;
text-align: center;
}

.border_active {
padding-bottom:5px;
width:0%;
height:5px;
left:0;
margin-left:16px;
bottom:-5px;
background-color: #ff5368;
position: absolute;
transition:all ease-out 300ms;
}

.mainmenu .menuwrapper .logoblock {
display: inline-block;
left: 0;
padding: 0.8em 1em;
position: absolute;
height:80px;
}
.mainmenu .menuwrapper .logoblock .companylogo {
max-height: 40px;
max-height: 79px;
margin-top:17px;
opacity: 1;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
margin-left:37px;
margin-left:-16px;
}
.mainmenu .menuwrapper .logoblock .companylogo:hover {
opacity: 0.7;
Expand All @@ -143,7 +152,7 @@ nav {

.tocify-wrapper{
background-color:#F2F2F2 !important;
margin-top:54px !important;
margin-top:104px !important;
}

.tocify-wrapper .toc-footer{
Expand Down Expand Up @@ -182,7 +191,7 @@ nav {
border-bottom:none !important;
margin-left:16px !important;
margin-top:0px !important;

}

.page-wrapper .lang-selector a{
Expand Down
Binary file added source/stylesheets/webfonts/31990B_0_0.eot
View file
Open in desktop
Binary file not shown.
Binary file added source/stylesheets/webfonts/31990B_0_0.ttf
View file
Open in desktop
Binary file not shown.
Binary file added source/stylesheets/webfonts/31990B_0_0.woff
View file
Open in desktop
Binary file not shown.
Binary file added source/stylesheets/webfonts/31990B_0_0.woff2
View file
Open in desktop
Binary file not shown.