silverstripe-docsviewer/css/DocumentationViewer.css

134 lines
2.8 KiB
CSS

/**
* Development Admin Styles
*
* @todo Remove cms references
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding: 0;}
html { background: #f4f4f4;}
body { font: 14px/1.1 Arial,sans-serif; color: #444; }
a { color: #1389ce; text-decoration: none; }
a:hover { text-decoration: underline;}
p {
font-size: 14px;
line-height: 22px;
margin-bottom: 22px;
}
ul { margin: 8px 16px 20px 20px; }
li { font-size: 12px; line-height: 18px; margin-bottom: 8px;}
h1 { font-size: 30px; margin-bottom: 18px; }
h2 { font-size: 24px; margin-bottom: 16px; }
h3 { font-size: 18px; margin-bottom: 16px; }
h4 { font-size: 16px; margin-bottom: 6px; line-height: 16px;}
h5 { font-size: 14px; line-height: 18px; margin-bottom: 6px;}
pre {
margin-bottom: 18px;
font-family:'Bitstream Vera Sans Mono',Monaco, 'Courier New', monospace;
border-left: 4px solid #eee;
background: #f4f4f4;
padding: 12px;
}
#Container { width: 860px; margin: 20px auto; padding: 20px; background: #fff; overflow: hidden; }
#Header { border-bottom: 3px solid #535360; padding-top: 10px; margin-bottom: 30px; }
#Header h1 { margin-bottom: 9px;}
#Header h1 a { text-decoration: none; font-size: 30px; color: #333; letter-spacing: -1px;}
#Header .breadcrumbs { font-size: 12px; }
#LeftColumn {
width: 600px;
float: left;
}
#RightColumn {
width: 240px;
float: right;
}
#Home #LeftColumn { width: 500px; }
#Home #RightColumn { width: 340px; }
#Home .box {
margin: 0 12px 12px 0px;
border: 1px solid #d8d8d8;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
#Home .box h2 {
background: #535360;
border: 1px solid #535360;
-moz-border-top-radius: 4px;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
padding: 6px 8px;
font-weight: 500;
color: #fff;
font-size: 13px;
}
#Home .box h2 a {
background: url(../images/readme.png) no-repeat right center;
padding: 2px 20px 0 0;
font-size: 11px;
color: #fff;
display: block;
float: right;
}
#RightColumn .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;
}
.undocumentedModules {
clear: both;
padding-top: 10px;
font-style: italic;
}
/**
* TOC
*/
ul#toc {
margin: 0;
padding: 10px;
background: #f4f4f4;
width: 220px;
position: fixed;
}
ul#toc li {
list-style: none;
margin: 0 0 4px 0;
}
ul#toc li.h2 {
margin-left: 10px;
}
ul#toc li.h3 {
margin-left: 20px;
}
ul#toc li.h4 {
margin-right: 30px;
}