Page MenuHomeIn-Portal Phabricator
Files F772645

layout.css
No OneTemporary
Actions

File Metadata

Created
Sat, Feb 1, 1:35 PM

layout.css
View Options

html {
margin:0;
padding:0;
}
body {
margin:0;
padding:28px 0 0;
background: #f8f8f8 url('@templates_base@/img/bg-body.png') repeat-x left top;
}
#wrapper {
margin:0 auto;
width:945px;
height:auto;
}
#content {
clear:both;
position:relative;
}
#content-main {
background:#FFF;
float:left;
margin:0 13px;
width:531px;
}
#content-main.inner {
margin:0 0 20px 13px;
width:738px;
}
#content-main {
margin:0 13px;
width:531px;
}
#content-ter {
float:left;
width:194px;
}
#content-sec {
float:left;
margin:0 0 20px;
width:194px;
}
#site-info {
clear:both;
}
/* !Layout - Other
--------------------- */
#nav-accessibility {
display:none;
}
hr {
display:none;
}
/* !Masthead
--------------------- */
#masthead {
background:#a60d03;
clear:both;
height:138px;
position:relative;
}
.inside #masthead {
margin-top:-19px;
padding-top:19px;
}
/* -- !Branding -- */
h1#branding {
position:relative;
top:-13px;
left:-4px;
}
h1#branding a {
background:url('@templates_base@/img/logo.png') no-repeat left top;
display:block;
height:105px;
text-indent:-999em;
width:220px;
}
/* -- !Intro -- */
#intro {
position:absolute;
right:-8px;
top:-17px;
}
/* -- !Secondary Navigation -- */
#nav-sec {
clear:both;
margin:8px 0 9px 19px;
}
/* Adjust for border on hover */
#nav-sec {
margin-bottom:9px;
}
#nav-sec li {
background:url('@templates_base@/img/bg-nav-sec-li.png') no-repeat left center;
float:left;
margin:0 0 0 15px;
padding:0 0 0 16px;
}
#nav-sec li.first-child {
background:none;
margin:0;
padding:0;
}
#nav-sec a {
color:#FFF;
display:block;
font-weight:700;
line-height:32px;
padding:0 0 2px;
text-decoration:none;
}
#nav-sec a:hover {
color:#000;
text-decoration:underline;
}
/* Red Border on Hover */
.js #nav-sec li a:hover {
text-decoration:none;
}
#nav-sec li a div {
padding:0 0 2px;
margin:0 -5px -2px;
position:relative;
top:-9px;
}
#nav-sec li a:hover div {
border-bottom:2px solid #c4160b;
padding:0;
}
/* -- !Navigation -- */
ul#nav {
background:#282828 url('@templates_base@/img/bg-nav.png') repeat-x left top;
border-top:1px solid #FFF;
font-size:12px;
margin:0;
}
#nav li {
float:left;
margin:0;
}
#nav li a {
background:url('@templates_base@/img/bg-nav.png') no-repeat left -35px;
color:#FFF;
display:block;
font-weight:700;
line-height:32px;
padding:0 18px 2px 17px;
text-align:center;
text-decoration:none;
}
#nav li:hover a,#nav li.hover a,#nav li a.active {
background:url('@templates_base@/img/bg-nav.png') no-repeat left -70px;
}
#nav li a:hover {
text-decoration:underline;
}
/* Rounded Corner */
#nav li:first-child a,#nav li.first-child a {
background:url('@templates_base@/img/bg-nav.png') no-repeat left -105px;
}
#nav li:first-child:hover a,#nav li:first-child a.active,#nav li.first-child:hover a,#nav li.first-child-hover a,#nav li.first-child a.active {
background:url('@templates_base@/img/bg-nav.png') no-repeat left -140px;
}
/* Contact Us */
#nav li.last-child a {
background:url('@templates_base@/img/bg-nav.png') no-repeat left -315px;
}
/* Red Border on Hover */
#nav li a:hover {
text-decoration:none;
}
#nav li a div {
padding:0 0 2px;
margin:0 -5px -4px;
position:relative;
top:-8px;
}
#nav li:hover a div,#nav li.hover a div {
border:1px solid #a60d03;
padding:0;
}
/* Second Level */
#nav li ul {
background:#000;
display:block;
padding:4px 0 1px;
position:absolute;
left:-999em;
width:220px;
z-index:100;
}
#nav li ul li {
background:none;
clear:both;
width:100%;
}
#wrapper #nav li ul li a {
background:none;
border:1px solid #313131;
border-width:0 0 1px;
display:block;
font-size:11px;
line-height:1.2;
padding:5px 17px;
text-align:left;
}
#wrapper #nav li ul li a:hover {
background:#282828;
}
#nav li:hover ul,#nav li.hover ul {
left:auto;
}
/* -- !Search Form -- */
#masthead form {
background:#282828 url('@templates_base@/img/bg-form-search.png') no-repeat right top;
border-top:1px solid #FFF;
bottom:0;
position:absolute;
right:0;
height:32px;
width:180px;
}
#masthead form fieldset {
padding:6px 6px 0 0;
float:right;
}
#masthead form label {
display:none;
}
#masthead form input.sq-form-field,
#masthead form .submit input {
border:1px solid #e3e4e4;
display:block;
float:left;
font-size:10px;
padding:2px 2px 1px;
width:109px;
}
#masthead form .submit input {
background:url('@templates_base@/img/bg-form-search-submit.png') no-repeat left top;
border:none;
color:#FFF;
cursor:pointer;
cursor:hand;
font-weight:700;
height:18px;
width:53px;
}
/* !Breadcrumb
--------------------- */
#breadcrumb {
color:#4790b4;
float:left;
font-size:.91em;
line-height:31px;
margin:0 0 0 4px;
}
#breadcrumb a {
color:#4790b4;
}
/* !Content Tools
--------------------- */
#content-tools {
float:right;
margin:10px 23px 0 10px;
}
#content-tools li {
display:inline;
}
#content-tools a {
background:url('@templates_base@/img/ir-content-tools.png') no-repeat 0 50%;
display:block;
float:left;
height:11px;
margin:0 0 0 14px;
outline:none;
text-indent:-999em;
}
#content-tools #send-to-friend a {
width:13px;
}
#content-tools #text-size #text-decrease {
background-position:-23px 50%;
margin:0 0 0 12px;
width:5px;
}
#content-tools #text-size #text-increase {
background-position:-33px 50%;
margin:0 0 0 5px;
width:6px;
}
#content-tools #print-version a {
background-position:-54px 50%;
width:12px;
}
#content-tools #text-version a {
background-position:-80px 50%;
width:10px;
}
/* !Site Information
--------------------- */
#site-info {
margin:20px 0 0;
}
#site-info ul {
background:url('@templates_base@/img/bg-nav.png') repeat-x 0 -350px;
}
#site-info ul li {
float:left;
margin:0;
}
#site-info ul li a {
background:url('@templates_base@/img/bg-nav.png') no-repeat left -35px;
color:#FFF;
display:block;
font-weight:700;
line-height:34px;
padding:0 21px 0 20px;
text-align:center;
text-decoration:none;
}
#site-info ul li a:hover,
#site-info ul li a.active {
background:url('@templates_base@/img/bg-nav.png') no-repeat left -70px;
}
#site-info ul li a:hover {
text-decoration:underline;
}
/* Rounded Corner */
#site-info ul li:first-child a,
#site-info ul li.first-child a {
background:url('@templates_base@/img/bg-nav.png') no-repeat left -175px;
}
#site-info ul li:first-child a:hover,
#site-info ul li:first-child a.active,
#site-info ul li.first-child a:hover,
#site-info ul li.first-child a.active {
background:url('@templates_base@/img/bg-nav.png') no-repeat left -210px;
}
/* Back to top */
#site-info ul li.last-child {
float:right;
}
#site-info ul li.last-child a {
background:url('@templates_base@/img/bg-nav.png') no-repeat right -245px;
}
#site-info ul li.last-child a:hover,
#site-info ul li.last-child a.active {
background:url('@templates_base@/img/bg-nav.png') no-repeat right -280px;
}
/* Red Border on Hover */
#site-info ul li a:hover {
text-decoration:none;
}
#site-info ul li a div {
display:block;
padding:0 0 2px;
margin:0 -5px -4px;
position:relative;
top:-8px;
}
#site-info ul li a:hover div {
border-bottom:2px solid #a60d03;
padding:0;
}
/* !Borders
--------------------- */
#content-main {
border:1px solid #e8e9e9;
border-width:0 1px;
padding:0 20px;
}
#content-main.inner .round-top {
background:url('@templates_base@/img/bg-content-inside-top.png') no-repeat left top;
height:21px;
margin:0 -21px;
}
#content-main.inner .round-bottom {
background:url('@templates_base@/img/bg-content-inside-bottom.png') no-repeat left bottom;
height:21px;
margin:0 -21px;
}
/* !Sub Navigation
--------------------- */
#nav-sub {
background:#46474b url('@templates_base@/img/bg-nav-sub-bottom.png') no-repeat left bottom;
}
#nav-sub ul {
background:url('@templates_base@/img/bg-nav-sub-top.png') no-repeat left top;
list-style:none;
margin:0;
padding:15px 0;
}
#nav-sub ul li {
display:inline;
margin:0;
padding:0;
}
#nav-sub li a {
background:url('@templates_base@/img/bg-nav-sub-li.png') no-repeat 12px .65em;
border-bottom:1px solid #1c1d21;
color:#FFF;
display:block;
margin:0 1px;
padding:3px 12px 3px 25px;
}
#nav-sub li.expanded a {
background:#6a6b6d url('@templates_base@/img/bg-nav-sub-li-expanded.png') no-repeat 10px .65em;
text-decoration:none;
}
#nav-sub li a:hover {
background-color:#6a6b6d;
text-decoration:none;
}
#nav-sub li.current a {
background-color:#6a6d6d;
}
/* Level 2 */
#nav-sub ul ul {
background:none;
border-bottom:1px solid #1c1d21;
padding:0;
}
#nav-sub li.expanded li a {
background:none;
border:none;
margin:0 0 1px;
padding:3px 12px 3px 34px;
}
#nav-sub li li a:hover {
background-color:#6a6b6d;
}
#nav-sub li.expanded li.current a {
background-color:#6a6d6d;
}
/* No margin for last child */
#nav-sub li.expanded li.last-child a {
margin:0;
}

Event Timeline

In-Portal CMS · In-Portal Community Pages · In-Portal Issue Tracker · In-Portal Repository Browser · Quality Assurance · In-Portal CI Server