doc.silverstripe.org/themes/docs/css/DocumentationViewer.css
2011-01-13 02:54:45 +00:00

249 lines
5.8 KiB
CSS

/**
* Documentation Viewer Styles. Uses the base styles from ss.screen.min.css
*
* @author Will Rossiter <will@silverstripe.com>
*/
/* Core */
html { background: #f4f4f4;}
a { color: #0973A6; text-decoration: none; }
a:hover,
a:focus { text-decoration: underline;}
p { font-size: 12px; line-height: 18px; margin-bottom: 18px; }
/* p { font-size: 14px; line-height: 22px; margin-bottom: 22px; } */
pre {
margin-bottom: 22px;
font-family:'Bitstream Vera Sans Mono',Monaco, 'Courier New', monospace;
background: #f4f4f4;
padding: 11px;
font-size: 11px;
}
.clear { clear: both; }
/* Headings */
h1 .heading-anchor-link,
h2 .heading-anchor-link,
h3 .heading-anchor-link,
h4 .heading-anchor-link,
h5 .heading-anchor-link,
h6 .heading-anchor-link {
display: none;
color: #fff;
text-decoration: none;
}
h1.hover .heading-anchor-link,
h2.hover .heading-anchor-link,
h3.hover .heading-anchor-link,
h4.hover .heading-anchor-link,
h5.hover .heading-anchor-link,
h6.hover .heading-anchor-link {
display: inline;
}
.heading-anchor-link:hover {
color: #aaa;
}
/* Forms */
fieldset { border: none; }
/* Container */
#container { width: 960px; margin: 44px auto 22px auto; padding: 22px 30px; background: #fff; overflow: hidden;
-webkit-box-shadow: 0 0 20px #ccc; -moz-box-shadow: 0 0 20px #ccc; position: relative;}
/* Header */
#header { height: 81px; }
#header h1 { margin-bottom: 0px; line-height: 33px;}
#header h1 a { text-decoration: none; font-size: 30px; color: #121929; letter-spacing: -1px;}
#header #breadcrumbs { position: absolute; margin-top: 55px;}
#header #breadcrumbs p { font-size: 11px; margin: 0 0 10px 0; color: #798D85;}
/* #header #breadcrumbs p a { color: #798D85;} */
/* Language Bar */
#language { position: absolute; top: 57px; right: 30px; width: 185px; }
#language label { float: left;/* width: 830px; */ line-height: 19px; text-align: right; font-size: 11px; color: #999;}
#language select { float: right; width: 120px;}
#language input.action { float: right; margin-top: 4px;}
/* Footer */
#footer { width: 960px; margin: 22px auto; }
#footer p { font-size: 11px; line-height: 18px; color: #798D85;}
#footer p a { color: #798D85; text-decoration: underline;}
.ccLogo { float: right; }
/* Content */
#layout { }
#content { }
.typography h1+p { font-size: 16px; line-height: 1.25em; }
/* Versions */
#versions-nav {
margin: 0 0 5px;
padding: 10px 0 5px 0px;
overflow: hidden; color: #999999;
font-size: 11px;
}
#versions-nav h2 { font-size: 11px; font-weight: normal; float: left; margin-right: 5px;}
#versions-nav ul { margin: 0; padding: 0; float: left;}
#versions-nav .current {
background-color: #0973A6;
margin-left: 5px;
padding: 1px 7px;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
color: #fff;
}
#versions-nav li { display: inline; list-style: none; padding: 0; margin: 0; font-size: 11px; }
#versions-nav li a { margin-left: 5px; padding: 0px; }
#versions-nav li a.current { background: #fff;}
#left-column { width: 640px; float: left; }
#right-column {
width: 250px;
float: right;
}
#right-column .box {
margin: 0 12px 12px 0;
}
/* Nested tree */
.box ul.tree {}
.box ul.tree li {
list-style: none;
}
.box ul.tree li.folder {
background: #d5eefd;
font-size: 12px;
color: #29688c;
margin-bottom: 9px;
border: 1px solid #d5eefd;
padding: 2px 6px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
.undocumented-modules {
clear: both;
padding-top: 10px;
font-style: italic;
}
.module { margin: 10px -; }
/* Comments */
#comments {
clear: both;
}
#comments .notice {
font-size: 12px;
}
/**
* TOC
*/
.sidebar-box {
margin: 0 0 11px 0;
padding: 11px 15px;
background: #f4f4f4;
width: 220px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.sidebar-box ul { margin: 0; padding: 0;}
.sidebar-box h4 { font-size: 12px; margin-bottom: 11px;}
.sidebar-box ul li { list-style: none; }
.sidebar-box ul li .current { font-weight: bold;}
.sidebar-box ul li.h1 { margin-top: 11px; font-weight: bold;}
.sidebar-box ul li.h2,
.sidebar-box ul ul { margin-top: 8px;}
.sidebar-box ul li li { font-size: 11px; }
.sidebar-box ul li.h3,
.sidebar-box ul li li li { margin-left: 20px; font-size: 11px; margin-left: 20px;}
.sidebar-box ul li.h4,
.sidebar-box ul li li li li { margin-right: 30px; font-size: 11px; margin-left: 20px; }
/**
* Header
*/
#Form_LanguageForm {
margin-top: 18px;
}
#header h1 { float: left; margin-top: -4px; }
#header h1 a {
color: #0973A6;
text-decoration: none;
letter-spacing: 0;
float:left;
}
a.ssLogo { background: #fff url(../../ssorgsites/images/logo.png) no-repeat top left; height: 50px; width:168px; display: inline-block; }
a.ssLogo:hover { background: #fff url(../../ssorgsites/images/logo.png) no-repeat 0 -47px; }
#header h1 a span {
font-size: 22px;
line-height: 2.5em;
}
#header h1 a span:hover {
/* color: #576a64; */
color: #667D76;
}
/**
* Search
*/
.searchBar {
border-top:1px solid #E6EBE9;
border-bottom:1px solid #E6EBE9;
margin-bottom: 34px;
}
#search {
float: right;
width: 252px;
margin-top: 8px;
}
#Form_DocumentationSearchForm {
}
#Search label {
float: left;
font-size: 11px;
color: #999;
margin: 3px;
}
#Form_DocumentationSearchForm_Search {
float: right;
width: 170px;
height: 22px;
background: url(../../ssorgsites/images/search.png) top left no-repeat;
font-size: 11px;
color: #495C56;
padding-left: 10px;
border: none;
}
#Form_DocumentationSearchForm fieldset {
width: 230px;
float: left;
}
#Form_DocumentationSearchForm .Actions {
}
#Form_DocumentationSearchForm input#Form_DocumentationSearchForm_action_results {
float: left;
width: 22px;
height: 22px;
border: none;
text-indent: 99999px;
cursor: pointer;
background: url(../../ssorgsites/images/search.png) top right no-repeat;
}