387 lines
7.8 KiB
CSS
387 lines
7.8 KiB
CSS
body,
|
|
input,
|
|
textarea,
|
|
select { font-family:"Lucida","Lucida Grande","Trebuchet MS",Tahoma,Verdana,sans-serif; }
|
|
|
|
html { overflow-y:scroll; }
|
|
|
|
body.tao {
|
|
color:#333;
|
|
background:#fff;
|
|
}
|
|
|
|
a {
|
|
color:#008eb1;
|
|
text-decoration:none;
|
|
}
|
|
|
|
.limiter { margin:0px 30px; }
|
|
|
|
/**
|
|
* Skip to content link ===============================================
|
|
*/
|
|
#skip-link {
|
|
width:200px;
|
|
height:0px;
|
|
left:50%;
|
|
margin-left:-100px;
|
|
}
|
|
|
|
#skip-link a:hover,
|
|
#skip-link a:active,
|
|
#skip-link a:focus {
|
|
left:0px;
|
|
z-index:20;
|
|
text-align:center;
|
|
width:200px;
|
|
background:#333;
|
|
color:#fff;
|
|
opacity:.9;
|
|
padding:10px 0px;
|
|
|
|
border-radius:0px 0px 5px 5px;
|
|
-moz-border-radius:0px 0px 5px 5px;
|
|
-webkit-border-radius:0px 0px 5px 5px;
|
|
}
|
|
|
|
/**
|
|
* "Rounded" elements =================================================
|
|
*/
|
|
.compact-link a,
|
|
input.teaser-button,
|
|
input.form-submit {
|
|
-moz-border-radius:3px;
|
|
-webkit-border-radius:3px;
|
|
}
|
|
|
|
/**
|
|
* "Popped" elements ==================================================
|
|
*/
|
|
input.teaser-button,
|
|
input.form-submit {
|
|
box-shadow:#ddd 0px 1px 1px;
|
|
-moz-box-shadow:#ddd 0px 1px 1px;
|
|
-webkit-box-shadow:#ddd 0px 1px 1px;
|
|
}
|
|
|
|
/**
|
|
* "Embossed" elements ================================================
|
|
*/
|
|
table th {
|
|
text-shadow:#fff 0px 1px 0px;
|
|
}
|
|
|
|
/**
|
|
* Branding ===========================================================
|
|
*/
|
|
#branding {
|
|
background:url(images/bleeds.png) 0px -30px repeat-x;
|
|
color:#ccc;
|
|
font-size:11px;
|
|
height:30px;
|
|
overflow:hidden;
|
|
}
|
|
|
|
#branding ul.links { float:right; }
|
|
|
|
#branding ul.links a {
|
|
background:url(images/bleeds.png) 0% -30px no-repeat;
|
|
color:#fff;
|
|
float:left;
|
|
padding:5px 10px;
|
|
}
|
|
|
|
#branding ul.links a:hover { background-position:0% -90px; }
|
|
|
|
#branding .breadcrumb {
|
|
padding:0px;
|
|
float:left;
|
|
text-transform:uppercase;
|
|
font-weight:normal;
|
|
}
|
|
|
|
#branding .breadcrumb-link {
|
|
float:left;
|
|
position:relative;
|
|
}
|
|
|
|
#branding .breadcrumb-depth-0 { z-index:10; }
|
|
#branding .breadcrumb-depth-1 { z-index:9; }
|
|
#branding .breadcrumb-depth-2 { z-index:8; }
|
|
#branding .breadcrumb-depth-3 { z-index:7; }
|
|
#branding .breadcrumb-depth-4 { z-index:6; }
|
|
#branding .breadcrumb-depth-5 { z-index:5; }
|
|
#branding .breadcrumb-depth-6 { z-index:4; }
|
|
#branding .breadcrumb-depth-7 { z-index:3; }
|
|
#branding .breadcrumb-depth-8 { z-index:2; }
|
|
|
|
#branding .breadcrumb a,
|
|
#branding .breadcrumb strong {
|
|
color:#fff;
|
|
font-weight:normal;
|
|
float:left;
|
|
margin-right:-10px;
|
|
padding:5px 20px;
|
|
background:url(images/bleeds.png) 100% -60px no-repeat;
|
|
}
|
|
|
|
#branding .breadcrumb-depth-0 a,
|
|
#branding .breadcrumb-depth-0 strong { padding-left:10px; }
|
|
|
|
#branding .breadcrumb a:hover { background-position:100% -90px; }
|
|
|
|
/**
|
|
* Page title =========================================================
|
|
*/
|
|
#page-title { background:#fff url(images/bleeds.png) 0px -350px repeat-x; }
|
|
#page-title .limiter { position:relative; }
|
|
|
|
#page-title .page-title {
|
|
float:left;
|
|
padding:15px 10px 15px 0px;
|
|
line-height:30px;
|
|
min-height:30px;
|
|
|
|
text-shadow:#fff 0px 1px 0px;
|
|
-webkit-text-shadow:#fff 0px 1px 0px;
|
|
|
|
letter-spacing:-1px;
|
|
font-weight:normal;
|
|
font-size:20px;
|
|
}
|
|
|
|
#page-title .page-title span.icon {
|
|
float:left;
|
|
margin-right:10px;
|
|
}
|
|
|
|
.add-or-remove-shortcuts,
|
|
.action-links {
|
|
float:left;
|
|
font-size:11px;
|
|
}
|
|
|
|
.add-or-remove-shortcuts { padding:20px 0px; }
|
|
.action-links { padding:20px 0px 20px 10px; }
|
|
|
|
.action-links a {
|
|
background-color:#7bc;
|
|
text-shadow:#38a 0px 1px 0px;
|
|
}
|
|
|
|
.add-or-remove-shortcuts a {
|
|
background-color:#999;
|
|
text-shadow:#666 0px 1px 0px;
|
|
}
|
|
|
|
/**
|
|
* Tabs ===============================================================
|
|
*/
|
|
.tabs {
|
|
position:absolute;
|
|
right:0px;
|
|
}
|
|
|
|
.primary-tabs {
|
|
float:left;
|
|
height:30px;
|
|
margin:15px 0px 0px;
|
|
border-radius:5px;
|
|
-moz-border-radius:5px;
|
|
-webkit-border-radius:5px;
|
|
}
|
|
|
|
div.pager {
|
|
margin:10px 0px 0px;
|
|
height:30px;
|
|
}
|
|
|
|
.pager li,
|
|
.primary-tabs li {
|
|
height:30px;
|
|
position:relative;
|
|
background:#eee url(images/bleeds.png) 50% 0px no-repeat;
|
|
}
|
|
|
|
.pager a,
|
|
.pager span,
|
|
.primary-tabs a {
|
|
float:left;
|
|
text-align:center;
|
|
min-width:70px;
|
|
padding:5px 10px;
|
|
color:#333;
|
|
text-shadow:#fff 0px 1px 0px;
|
|
}
|
|
|
|
.pager a,
|
|
.pager span {
|
|
min-width:10px;
|
|
padding:5px 15px;
|
|
}
|
|
|
|
.pager li:hover,
|
|
.primary-tabs li:hover { background-color:#f8f8f8; }
|
|
|
|
.pager li:first-child,
|
|
.primary-tabs li:first-child {
|
|
border-radius:5px 0px 0px 5px;
|
|
-moz-border-radius:5px 0px 0px 5px;
|
|
-webkit-border-radius:5px 0px 0px 5px;
|
|
background-position:0% 0px;
|
|
}
|
|
|
|
.pager li:last-child,
|
|
.primary-tabs li:last-child {
|
|
border-radius:0px 5px 5px 0px;
|
|
-moz-border-radius:0px 5px 5px 0px;
|
|
-webkit-border-radius:0px 5px 5px 0px;
|
|
background-position:100% 0px;
|
|
}
|
|
|
|
.pager li.pager-current,
|
|
.primary-tabs li.active { background-color:#7bc; }
|
|
|
|
.pager li.pager-current span,
|
|
.primary-tabs li.active a {
|
|
color:#fff;
|
|
text-shadow:#38a 0px 1px 0px;
|
|
}
|
|
|
|
/* Secondary tabs, nested */
|
|
.secondary-tabs {
|
|
min-width:100px;
|
|
float:left;
|
|
position:relative;
|
|
margin:5px 5px 5px 0px;
|
|
font-size:11px;
|
|
background:#59a url(images/buttons.png) -800px 50% no-repeat;
|
|
border-radius:3px;
|
|
-moz-border-radius:3px;
|
|
-webkit-border-radius:3px;
|
|
z-index: 1;
|
|
}
|
|
|
|
.secondary-tabs:hover {
|
|
background:#59a;
|
|
opacity:.9;
|
|
}
|
|
|
|
ul.secondary-tabs li,
|
|
ul.secondary-tabs li a {
|
|
background:transparent;
|
|
float:none;
|
|
height:auto;
|
|
text-align:left;
|
|
}
|
|
|
|
.secondary-tabs a {
|
|
color:#fff;
|
|
text-shadow:#38a 0px 1px 0px;
|
|
display:none;
|
|
padding:0px 10px 0px 25px;
|
|
}
|
|
|
|
.secondary-tabs:hover a,
|
|
.secondary-tabs .active a { display:block; }
|
|
|
|
.secondary-tabs li:hover,
|
|
.secondary-tabs li.active { background:transparent; }
|
|
.secondary-tabs a:hover { background:#389 url(images/buttons.png) -800px 50% no-repeat; }
|
|
|
|
.secondary-tabs li:last-child a:hover {
|
|
border-radius:0px 0px 3px 3px;
|
|
-moz-border-radius:0px 0px 3px 3px;
|
|
-webkit-border-radius:0px 0px 3px 3px;
|
|
}
|
|
|
|
.secondary-tabs li:first-child a:hover {
|
|
border-radius:3px 3px 0px 0px;
|
|
-moz-border-radius:3px 3px 0px 0px;
|
|
-webkit-border-radius:3px 3px 0px 0px;
|
|
}
|
|
|
|
/**
|
|
* Content ============================================================
|
|
*/
|
|
.help-page,
|
|
div.comment,
|
|
div.node {
|
|
border-style:solid;
|
|
border-width:1px;
|
|
border-color:#ddd;
|
|
|
|
background:#fff url(images/vrule.png) 65% 0% repeat-y;
|
|
margin:0px 0px 10px;
|
|
}
|
|
|
|
#help-text .column-main .column-wrapper,
|
|
.help-page .column-main .column-wrapper,
|
|
div.comment .column-main .column-wrapper,
|
|
div.node .column-main .column-wrapper { padding:19px; }
|
|
|
|
#help-text .column-main .column-wrapper {
|
|
padding-left:59px;
|
|
position:relative;
|
|
}
|
|
|
|
#help-text .column-main .column-wrapper span.icon {
|
|
position:absolute;
|
|
top:15px;
|
|
left:15px;
|
|
}
|
|
|
|
#help-text .column-side .column-wrapper,
|
|
.help-page .column-side .column-wrapper,
|
|
div.comment .column-side .column-wrapper,
|
|
div.node .column-side .column-wrapper {
|
|
padding:9px;
|
|
font-size:11px;
|
|
}
|
|
|
|
#help-text .column-side .help-links,
|
|
.help-page .column-side .help-page-links,
|
|
.node-submitted,
|
|
.comment-submitted {
|
|
padding:10px;
|
|
background:#f8f8f8;
|
|
}
|
|
|
|
.comment-links,
|
|
.node-links { padding:10px 0px; }
|
|
|
|
.help-page .help-page-links ul.links {
|
|
-moz-column-count:2;
|
|
-webkit-column-count:2;
|
|
}
|
|
|
|
.column-side ul.links li,
|
|
.column-side ul.links a,
|
|
.column-side ul.links span {
|
|
display:block;
|
|
float:none;
|
|
}
|
|
|
|
.column-side ul.links a,
|
|
.column-side ul.links span {
|
|
padding:0px 10px;
|
|
display:block;
|
|
float:none;
|
|
}
|
|
|
|
.column-side ul.links span a {
|
|
padding:0px;
|
|
display:inline;
|
|
}
|
|
|
|
.column-side ul.links a.active,
|
|
.column-side ul.links a:hover { background:#fff; }
|
|
.comment-links ul.links a:hover { background:#f4f4f4; }
|
|
|
|
.comment-title,
|
|
.node-title {
|
|
margin:0px 0px 20px;
|
|
font-weight:normal;
|
|
font-size:16px;
|
|
}
|