Override and extend style.css (instead of adding local.css).

1 files changed, 284 insertions, 0 deletions

diff --git a/style.scss b/style.scss
new file mode 100644
index 0000000..f00cb7c
--- /dev/null
+++ b/style.scss
@@ -0,0 +1,284 @@
+@import "compass/reset";
+@import "../shared/themes/default/style";
+
+h1 {
+	color: DarkRed;
+	font-size: 2em;
+}
+
+h2 {
+	font-size: 1.4em;
+}
+
+h3 {
+	font-size: 1.1em;
+	font-weight: bold;
+	line-height: 1.6em;
+}
+
+h1,
+h2,
+h3 {
+	margin-bottom: 0.1em;
+}
+
+h4,
+h5,
+h6 {
+	text-decoration: blink;
+}
+
+a {
+	color: darkblue;
+	font-weight: normal;
+	text-decoration: none;
+	&:hover {
+		text-decoration: underline;
+	}
+}
+
+p {
+	margin-top: 0.2em;
+	margin-bottom: 1.2em;
+}
+
+em {
+	font-weight: bold;
+}
+
+ol, ul {
+	list-style: disc inside none;
+}
+
+body {
+	margin: 0;
+	background-color: white;
+	font-size: 100%;
+	font-family: Helvetica, Verdana, Sans-serif;
+	line-height: 1.5;
+}
+
+div.header {
+	padding: 0.5em 0 0 1.5em;
+	background-color: LightBlue;
+	color: LightBlue;
+}
+
+span.author,
+div.recentchanges,
+span.committype,
+div#footer {
+	font-size: 80%;
+}
+
+div.pageheader span.title {
+	color: white;
+	font-size: 1.2em;
+}
+
+span.parentlinks {
+	display: none;
+}
+
+FORM#searchform {
+	margin: 0 2em 0 0;
+}
+
+div.pageheader div.actions {
+	background-color: LightBlue;
+	ul {
+		border-bottom: none;
+	}
+}
+
+div.actions ul {
+	padding: 1em 0 0.5em 2em;
+	a {
+	color: Lightblue;
+		&:hover {
+		color: white;
+		}
+	}
+}
+
+div#topbar,
+div.topbar {
+	height: 60px;
+	margin: 0;
+	padding: 20px 0;
+	background-color: LightBlue;
+	text-align: center;
+	text-transform: uppercase;
+	letter-spacing: 1px;
+	p {
+		float: left;
+	}
+	a {
+		font-weight: bold;
+	}
+	ul {
+		list-style-type:none;
+		margin: 0;
+		padding: 0;
+		li {
+			display:inline;
+			margin: 0 20px;
+		}
+	}
+}
+
+div#topbar li,
+div#topbar ul,
+div#topbar ul li,
+div#topbar ol,
+div#topbar ol li,
+div.topbar li,
+div.topbar ul,
+div.topbar ul li,
+div.topbar ol,
+div.topbar ol li {
+	font-size: 1.1em;
+	line-height: 2em;
+}
+
+div#topbar img,
+div.topbar img {
+	margin: 0 20px;
+}
+
+div#wrapper,
+div#pagebody {
+	float: left;
+	width: 100%;
+}
+
+div#content {
+	min-height: 480px;
+	max-width: 48em;
+	margin: 2% 40% 2% 20%;
+	padding: 0;
+	text-align: left;
+	background-color: none;
+}
+
+div#content IMG {
+	display: block;
+	clear: both;
+	float: right;
+	width: 50%;
+	max-width: 200px;
+	margin-right: -50%;
+	padding: 0 5% 5%;
+	background-color: none;
+}
+
+div.inlinepage {
+	border: 0;
+	padding: 1em;
+	margin: 0 -1em;
+	background-color: LightYellow;
+}
+
+div.inlinepage SPAN.header a {
+	font-size: 0.9em;
+	font-weight: normal;
+	color: DarkRed;
+}
+
+div.inlinefooter {
+	display: none;
+}
+
+div#sidebar,
+div.sidebar {
+	float: left;
+	min-height: 480px;
+	width: 14%;
+	padding: 1%;
+	margin-top: 2%;
+	margin-left: -98%;
+	margin-bottom: 2%;
+	border: none;
+	background-color: LightBlue;
+	text-align: left;
+}
+
+div#sidebar ul,
+div.sidebar ul {
+	padding-left: 0.5em;
+	margin-bottom:0;
+	margin-top:0;
+}
+
+div#sidebar ul li,
+div.sidebar ul li {
+	list-style-type: none;
+	padding: 0;
+}
+
+div#sidebar ul li,
+div.sidebar ul li,
+div#sidebar ul li p,
+div.sidebar ul li p {
+	margin-bottom: 0;
+	line-height: 1.5em;
+}
+
+div#sidebar ul li a,
+div.sidebar ul li a {
+	font-weight: normal;
+	color: black;
+	&:hover {
+		color: white;
+	}
+}
+
+div#sidebar ul li SPAN.selflink,
+div.sidebar ul li SPAN.selflink {
+	color: white;
+	font-weight: bold;
+}
+
+div#farbar,
+div.farbar {
+	float: left;
+	min-height: 480px;
+	width: 14%;
+	margin-top: 2%;
+	margin-left: -18%;
+	margin-bottom: 2%;
+	padding: 1%;
+	background-color: LightBlue;
+	text-align: left;
+}
+
+div.tags {
+	display: none;
+}
+
+div#backlinks {
+	display: none;
+}
+
+div#footer {
+	clear: left;
+	width: 100%;
+	margin: 2% 0 0;
+}
+
+div#pageinfo {
+	margin: 0;
+	border-top: 0;
+	padding:1em 1em 1em 20px;
+	background-color: LightBlue;
+}
+
+div.pagedate {
+	margin-top: 0;
+}
+
+div.pagecopyright,
+div.pagecopyright P {
+	margin-top: 0;
+	margin-bottom: 0;
+}