Layout updates

This commit is contained in:
Garen Torikian 2012-04-24 22:55:54 -07:00
commit 56ae5d9ff9
5 changed files with 33 additions and 48 deletions

View file

@ -98,16 +98,12 @@ ul.topLinks {
margin-right: 40%; margin-right: 40%;
} }
.brand { .brand {
background: transparent url(../images/node-logo.png) no-repeat 13px 5px; background: transparent url(../images/ace_logo_menu.png) no-repeat 13px 5px;
/* margin-top: 7px;*/ width: 105px;
/* height: 30px;*/ outline: none;
width: 105px; height: 40px;
outline: none; padding: 0 10px !important;
height: 40px; border: none;
padding: 0 10px !important;
border: none;
/* height: 30px;*/
} }
.brand.dropdown-toggle:after { .brand.dropdown-toggle:after {
content: none; content: none;
@ -324,24 +320,8 @@ ul.menu {
margin-bottom: 5px; margin-bottom: 5px;
position: absolute; position: absolute;
/* line-height: inherit;
margin-bottom: -37px;
margin-top: -42px;*/
/* margin-left: 10px;*/
} }
.srolledHeader .memberHeader {
/* margin-bottom: -21px;
margin-top: -27px;*/
}
.membersContent .tabs,
.membersContent .tabs li,
.membersContent .tabs li a {
/* line-height: inherit;*/
}
.membersContent .tabs li a {
/* display: inline;*/
}
.tabs a.menu:after, .tabs .dropdown-toggle:after { .tabs a.menu:after, .tabs .dropdown-toggle:after {
margin-top: 22px; margin-top: 22px;
} }
@ -350,21 +330,17 @@ ul.menu {
margin-top: 14px; margin-top: 14px;
} }
/*.backToMDN { li.dropdown {
position: absolute; color: #2D2D2D;
right: 0px; font-weight: bold;
top: -20px; }
}*/
.backToMDN, .editInC9 { .backToMDN, .editInC9 {
font-size: 11px; font-size: 11px;
color: #657383; color: #657383;
margin : 0 0 0 5px; margin : 0 0 0 5px;
} }
/*.editInC9 {
}
.backToMDN {
top: 0;
}*/
.backToMDN a, .editInC9 a { .backToMDN a, .editInC9 a {
color: #657383; color: #657383;
@ -384,12 +360,16 @@ ul.menu {
} }
.tabs, .pills { .tabs, .pills {
margin-bottom: 0; margin-bottom: 0;
/* margin-left: 10px;
margin-right: 10px;*/
} }
.srolledHeader .members .tabs { .srolledHeader .members .tabs {
background-color: white; background-color: white;
} }
li.dropdown {
color: #2D2D2D;
font-weight: bold;
}
.members .tabs .dropdown a, .members .tabs .dropdown a,
.members .tabs a.menu:after, .members .tabs a.menu:after,
.members .tabs .dropdown-toggle:after { .members .tabs .dropdown-toggle:after {
@ -470,6 +450,7 @@ ul.menu {
border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px;
top: 32px; top: 32px;
right: 0px; right: 0px;
width: 150px;
} }
.srolled .tabs .menu-dropdown, .srolled .tabs .dropdown-menu { .srolled .tabs .menu-dropdown, .srolled .tabs .dropdown-menu {
top: 32px; top: 32px;
@ -513,8 +494,8 @@ header.filler {
width: 100%; width: 100%;
} }
#container { .container {
background: #edf5fa url(../images/main_bg.png) 0 0 repeat; width: 100%;
} }
/* /*
.container-fluid .row-fluid { .container-fluid .row-fluid {
@ -524,7 +505,8 @@ header.filler {
}*/ }*/
.sidebarContainer { .sidebarContainer {
margin-right: 25px; width: 280px;
margin-left: 0px;
} }
#sidebar { #sidebar {
@ -806,6 +788,8 @@ table td{
.mainContent { .mainContent {
padding-top: 10px; padding-top: 10px;
float: right float: right
margin-left: 0px;
width: 695px;
} }
#documentation h3 { #documentation h3 {
@ -889,12 +873,11 @@ h3.methodToggle.active {
*/ */
#footer { #footer {
/*position:fixed; */
left:0px; left:0px;
bottom:0px; bottom:0px;
padding-top: 0; padding-top: 0;
width:100%; width:100%;
background: #101010 url(../images/footer-bg.png) repeat 0 0; background: #101010 url(../images/dashed_back.png) repeat 0 0;
color: #c3c3c3; color: #c3c3c3;
border-top: none; border-top: none;
font-size: 12px; font-size: 12px;
@ -907,7 +890,6 @@ h3.methodToggle.active {
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
min-height: 60px; min-height: 60px;
background: url(../images/arrow-footer.png) no-repeat 261px 0;
} }
#footer .footer-text { #footer .footer-text {
display: block; display: block;

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.4 KiB

View file

@ -87,7 +87,7 @@ $(document).ready(function () {
var $classContent = $(this).closest('.classContent'); var $classContent = $(this).closest('.classContent');
$(this).scrollspy({ $(this).scrollspy({
min: $classContent.position().top, min: $classContent.position().top - 35,
max: $classContent.position().top + $classContent.height(), max: $classContent.position().top + $classContent.height(),
onEnter: function (element, position) { onEnter: function (element, position) {
var $pagination = $(element); var $pagination = $(element);

View file

@ -43,6 +43,8 @@ mixin navBar
div.navbar.navbar-fixed-top div.navbar.navbar-fixed-top
div.navbar-inner div.navbar-inner
div.container div.container
a(class="brand", href="/")
ul.nav.topLinks ul.nav.topLinks
li#ace_site li#ace_site
a(href='http://ace.ajax.org') Ace a(href='http://ace.ajax.org') Ace
@ -54,7 +56,8 @@ mixin navBar
mixin footer mixin footer
footer#footer footer#footer
.container .container
.footer-text .footer-text.pull-right
Ace & Cloud9 IDE are &copy; <a href="http://c9.io/site/company/">c9.io</a> 2012
mixin endingScripts mixin endingScripts