Have blueview theme use as much as possible from Compass YUI framework.

1 files changed, 13 insertions, 209 deletions

diff --git a/blueview/style.scss b/blueview/style.scss
index 539e32f..ec18416 100644
--- a/blueview/style.scss
+++ b/blueview/style.scss
@@ -1,3 +1,6 @@
+$default-font-family: "Lucida Grande",Verdana,Lucida,Helvetica,Arial,sans-serif;
+$hilite: #315485;
+
 @import "../default/ikiwiki";
 @include ikiwiki-boilerplate;
 
@@ -14,91 +17,12 @@
 // TODO: include only relevant parts, and move below reset
 @include ikiwiki-style;
 
-/* -------------------------------------------------------------------------------------------------
-Based on reset-fonts-grids.css from yui.
-Copyright (c) 2008, Yahoo! Inc. All rights reserved.
-Code licensed under the BSD License:
-http://developer.yahoo.net/yui/license.txt
-version: 2.5.1
-*/
-body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, legend, p, blockquote, th, td {
-	margin: 0;
-	padding: 0;
-}
-
-table {
-	border-collapse: collapse;
-	border-spacing: 0;
-}
-
-img {
-	border: 0;
-}
-
-address, caption, cite, code, dfn, em, strong, th, var {
-	font-style: normal;
-	font-weight: normal;
-}
-
-li {
-	list-style: none;
-}
-
-caption, th {
-	text-align: left;
-}
-
-h1, h2, h3, h4, h5, h6 {
-	font-size: 100%;
-	font-weight: normal;
-}
+@import "yui";
+@import "compass/reset";
 
-q:before, q:after {
-	content: '';
-}
-
-abbr, acronym {
-	border: 0;
-	font-variant: normal;
-}
-
-sup {
-	vertical-align: text-top;
-}
-
-sub {
-	vertical-align: text-bottom;
-}
-
-input, textarea, select {
-	font-family: inherit;
-	font-size: 13px/1.23;
-	font-weight: normal;
-}
-
-input, textarea, select {
-	*font-size: 100%;
-}
-
-legend {
-	color: #000;
-}
-
-/* body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;} */
-body {
-	font: 13px/1.231 "Lucida Grande",Verdana,Lucida,Helvetica,Arial,sans-serif;
-	*font-size: small;
-	*font: x-small;
-}
-
-table {
-	font-size: inherit;
-	font: 100%;
-}
-
-pre, code, kbd, samp, tt {
-	font-family: monospace;
-}
+@include yui-base;
+@include yui-base-fonts($default-font-family);
+@include yui-grids-init("div#pagebody","div.sidebar, aside.sidebar","article.page, div.page");
 
 body {
 	text-align: left;
@@ -108,27 +32,12 @@ body {
 	clear: both;
 }
 
-/* #doc,#doc2,#doc3,#doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:left;width:57.69em;*width:56.25em;min-width:750px;} */
-.page {
-	margin: auto;
-	text-align: left;
-	width: 57.69em;
-	*width: 56.25em;
-	min-width: 750px;
-}
-
-/* #doc3{margin:auto 10px;width:auto;} */
 .page {
-	margin: auto 10px;
-	width: auto;
+	@include yui-document(fluid);
 }
 
 #pagebody, .sidebar {
-	position: relative;
-}
-
-#pagebody, .sidebar {
-	_position: static;
+	@include yui-block-base;
 }
 
 #pagebody {
@@ -146,111 +55,6 @@ body {
 	*margin-right: 18.5em;
 }
 
-/* #content {float:none;width:auto;} */
-#pagebody:after, .sidebar:after, .page:after {
-	content: ".";
-	display: block;
-	height: 0;
-	clear: both;
-	visibility: hidden;
-}
-
-.page f {
-	zoom: 1;
-}
-
-/* ------------------------------------------------------------------------------------------------
- * Taken from base.css, part of YUI's CSS Foundation
- * Copyright (c) 2008, Yahoo! Inc. All rights reserved.
- * Code licensed under the BSD License:
- * http://developer.yahoo.net/yui/license.txt
- * version: 2.5.1
-*/
-h1 {
-	/*18px via YUI Fonts CSS foundation*/
-	font-size: 138.5%;
-}
-
-h2 {
-	/*16px via YUI Fonts CSS foundation*/
-	font-size: 123.1%;
-}
-
-h3 {
-	/*14px via YUI Fonts CSS foundation*/
-	font-size: 108%;
-}
-
-h1, h2, h3 {
-	/* top & bottom margin based on font size */
-	margin: 1em 0;
-}
-
-h1, h2, h3, h4, h5, h6, strong {
-	/*bringing boldness back to headers and the strong element*/
-	font-weight: bold;
-}
-
-abbr, acronym {
-	/*indicating to users that more info is available */
-	border-bottom: 1px dotted #000;
-	cursor: help;
-}
-
-em {
-	/*bringing italics back to the em element*/
-	font-style: italic;
-}
-
-blockquote, ul, ol, dl {
-	/*giving blockquotes and lists room to breath*/
-	margin: 1em;
-}
-
-ol, ul, dl {
-	/*bringing lists on to the page with breathing room */
-	margin-left: 2em;
-}
-
-ol li {
-	/*giving OL's LIs generated numbers*/
-	list-style: decimal outside;
-}
-
-ul li {
-	/*giving UL's LIs generated disc markers*/
-	list-style: disc outside;
-}
-
-dl dd {
-	/*giving UL's LIs generated numbers*/
-	margin-left: 1em;
-}
-
-th, td {
-	/*borders and padding to make the table readable*/
-	border: 1px solid #000;
-	padding: .5em;
-}
-
-th {
-	/*distinguishing table headers from data cells*/
-	font-weight: bold;
-	text-align: center;
-}
-
-caption {
-	/*coordinated margin to match cell's padding*/
-	margin-bottom: .5em;
-	/*centered so it doesn't blend in to other content*/
-	text-align: center;
-}
-
-p, fieldset, table, pre {
-	/*so things don't run into each other*/
-	margin-bottom: 1em;
-}
-
 #searchbox {
 	width: 21.5em;
 	*width: 21em;
@@ -341,7 +145,7 @@ h1, h2, h3, h4, h5, h6 {
 }
 
 #content a, #enclosure a, #comments a, .sidebar a {
-	color: #315485;
+	color: $hilite;
 	text-decoration: none;
 	font-weight: bold;
 }
@@ -361,7 +165,7 @@ h1, h2, h3, h4, h5, h6 {
 }
 
 .inlinefooter {
-	border-top: 1px dotted #315485;
+	border-top: 1px dotted $hilite;
 }
 
 .inlinefooter .pagedate, .inlinefooter .tags {
@@ -387,7 +191,7 @@ h1, h2, h3, h4, h5, h6 {
 	}
 
 	.pageheader .header span a, .pageheader .actions ul li a, .pageheader .header .parentlinks a {
-		color: #315485;
+		color: $hilite;
 	}
 
 	#content, #enclosure, #comments, #pagebody {