Layout updates
This commit is contained in:
parent
2f36c2ee35
commit
56ae5d9ff9
5 changed files with 33 additions and 48 deletions
|
|
@ -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 |
|
|
@ -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);
|
||||||
|
|
|
||||||
|
|
@ -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 © <a href="http://c9.io/site/company/">c9.io</a> 2012
|
||||||
|
|
||||||
|
|
||||||
mixin endingScripts
|
mixin endingScripts
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue