silverstripe-docsviewer/css/DocumentationViewer.css

/**
 * Documentation Viewer Styles.
 *
 */

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; }
#left-column {
	width: 600px;
	float: left;
}

#right-column {
	width: 240px; 
	float: right;
}

#home #left-column { width: 500px; }
#home #right-column { 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;
		}
	#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;
}

/** 
 * 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; }