doc.silverstripe.org/themes/docs/css/DocumentationViewer.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;
}