Skip to content

Commit

Permalink
fix ### layout issue on website
Browse files Browse the repository at this point in the history
Github buttons were not correctly displayed due to a css declaration on iframe.
  • Loading branch information
flongo committed Jul 18, 2014
1 parent c3b4d88 commit 9d9b292
Show file tree
Hide file tree
Showing 5 changed files with 353 additions and 386 deletions.
373 changes: 184 additions & 189 deletions doc/css/noder.css
@@ -1,190 +1,185 @@
#header { #header {
position:fixed; position:fixed;
height:49px; height:49px;
overflow:hidden; overflow:hidden;
background-color: #4b8ab5; background-color: #4b8ab5;
top: 0; top: 0;
left: 0; left: 0;
right: 0; right: 0;
z-index: 100; z-index: 100;
} }


#header a:hover { #header a:hover {
text-decoration:none; text-decoration:none;
} }


#header .logo { #header .logo {
color:#5092bd; color:#5092bd;
overflow:hidden; overflow:hidden;
float:left; float:left;
margin-left: 10px; margin-left: 10px;
} }


#header .logo h1, #header .logo h5 { #header .logo h1, #header .logo h5 {
float:left; float:left;
margin:12px 0 0 0; margin:12px 0 0 0;
font-size:72px; font-size:72px;
line-height:84px; line-height:84px;
font-family:'Trebuchet MS'; font-family:'Trebuchet MS';
font-weight:700;text-transform:none; font-weight:700;text-transform:none;
} }


#header nav { #header nav {
position:absolute; position:absolute;
left: 128px; left: 128px;
top:10px; top:10px;
} }


#header nav a { #header nav a {
display:inline-block; display:inline-block;
font-size:16px; font-size:16px;
font-weight:400; font-weight:400;
margin-right:17px; margin-right:17px;
padding:5px 10px; padding:5px 10px;
text-decoration:none; text-decoration:none;
} }


#header nav a, #header nav a:visited { #header nav a, #header nav a:visited {
color:#fff; color:#fff;
} }


#header nav a:hover { #header nav a:hover {
color:#bed63a; color:#bed63a;
} }


#header nav a:last-child { #header nav a:last-child {
margin-right:0; margin-right:0;
} }




#header nav a.selected { #header nav a.selected {
font-weight:700; font-weight:700;
color: #4b8ab5; color: #4b8ab5;
background-color: #fff; background-color: #fff;
} }


.banner-box { .banner-box {
margin-top: 80px; margin-top: 80px;
height: 350px; height: 350px;
padding: 60px; padding: 60px;
margin-bottom: 30px; margin-bottom: 30px;
background-color: #4b8ab5; background-color: #4b8ab5;
-webkit-border-radius: 6px; -webkit-border-radius: 6px;
-moz-border-radius: 6px; -moz-border-radius: 6px;
border-radius: 6px; border-radius: 6px;
} }


.center { .center {
text-align: center; text-align: center;
} }


.banner-box h1 { .banner-box h1 {
padding-top: 1.5em; padding-top: 1.5em;
padding-bottom: 1em; padding-bottom: 1em;
margin: 0; margin: 0;
font-size: 30px; font-size: 30px;
color: #ffffff; color: #ffffff;
font-family: 'helvetica neue', Helvetica, Arial; font-family: 'helvetica neue', Helvetica, Arial;
font-weight: 300; font-weight: 300;
} }


.quick-links { .quick-links {
text-align: center; text-align: center;
list-style: none; list-style: none;
margin-top: 50px; margin-top: 50px;
} }


.quick-links > li { .quick-links > li {
display: inline-block; display: inline-block;
margin: 0 1em; margin: 0 1em;
vertical-align: top; vertical-align: top;
} }


img.noderjs-home { img.noderjs-home {
width: 383px; width: 383px;
height: 108px; height: 108px;
} }


.content-wrapper { .content-wrapper {
background-color:#fff; background-color:#fff;
position:relative; position:relative;
margin-top: 60px; margin-top: 60px;
} }


.content-wrapper-home { .content-wrapper-home {
background-color:#fff; background-color:#fff;
position:relative; position:relative;
margin-top: 35px; margin-top: 35px;
} }


.content-wrapper section.content { .content-wrapper section.content {
margin:15px auto 15px; margin:15px auto 15px;
min-height:400px; min-height:400px;
} }


.spacer { .spacer {
display: inline-block; display: inline-block;
width: 6em; width: 6em;
height: 3em; height: 3em;
} }


.btn { .btn {
display: inline-block; display: inline-block;
padding: 6px 12px; padding: 6px 12px;
margin-bottom: 0; margin-bottom: 0;
font-size: 14px; font-size: 14px;
font-weight: normal; font-weight: normal;
line-height: 1.428571429; line-height: 1.428571429;
text-align: center; text-align: center;
white-space: nowrap; white-space: nowrap;
vertical-align: middle; vertical-align: middle;
cursor: pointer; cursor: pointer;
background-image: none; background-image: none;
border: 1px solid transparent; border: 1px solid transparent;
border-radius: 4px; border-radius: 4px;
-webkit-user-select: none; -webkit-user-select: none;
-moz-user-select: none; -moz-user-select: none;
-ms-user-select: none; -ms-user-select: none;
-o-user-select: none; -o-user-select: none;
user-select: none; user-select: none;
} }


.btn-lg { .btn-lg {
padding: 10px 16px; padding: 10px 16px;
font-size: 18px; font-size: 18px;
line-height: 1.33; line-height: 1.33;
border-radius: 6px; border-radius: 6px;
} }


.btn-normal { .btn-normal {
color: #fff; color: #fff;
background-color: transparent; background-color: transparent;
border-color: #fff; border-color: #fff;
} }


.btn-normal:hover { .btn-normal:hover {
color: #4b8ab5; color: #4b8ab5;
background-color: #fff; background-color: #fff;
border-color: #fff; border-color: #fff;
} }


.btn-white { .btn-white {
color: #4b8ab5; color: #4b8ab5;
background-color: transparent; background-color: transparent;
border-color: #4b8ab5; border-color: #4b8ab5;
} }


.btn-white:hover { .btn-white:hover {
color: #fff; color: #fff;
background-color: #4b8ab5; background-color: #4b8ab5;
border-color: #4b8ab5; border-color: #4b8ab5;
} }


ul { ul {
list-style: square inside none; list-style: square inside none;
}

iframe {
width: 100%;
height: 400px;
} }

0 comments on commit 9d9b292

Please sign in to comment.