new layout based on YUI CSS reset/fonts/grids

3 files changed, 264 insertions, 0 deletions

diff --git a/root/static/style/ttsite.css b/root/static/style/ttsite.css
new file mode 100644
index 0000000..2c0f26f
--- /dev/null
+++ b/root/static/style/ttsite.css
@@ -0,0 +1,250 @@
+
+html {
+    margin: 0;
+}
+
+body { 
+    /*background-color: #ccc;*/
+    color: #000;
+    margin: 0;
+    padding: 0px;
+}
+
+#header {
+    background-color: #eee;
+    border-bottom: 0px solid #fff;
+}
+
+#footer {
+    background-color: #ccc;
+    text-align: center;
+    /*border-top: 1px solid #000;*/
+    position: absolute;
+    /*top: 99%;*/
+    float: bottom;
+    left: 0px;
+    width: 100%;
+    height: 1em;
+    padding: 0px;
+    padding-bottom: 2px;
+    top: 100%;
+}
+
+#content {
+    padding: 10px;
+    vertical-align: top;
+}
+
+h1.title {
+    padding: 4px;
+    margin: 0px;
+}
+
+.message {
+    color: #000;
+}
+
+.error {
+    color: #f00;
+}
+
+
+/* Some stuff from skidoo_too.css */
+#outerColumnContainer
+{
+	/* reserves space for the left and right columns. you can use either
+	 * padding, margins, or borders, depending on your needs. however you
+	 * can use the border method to create a background color for both left
+	 * and right columns
+	 */
+	/*height: 98%;*/
+	border-left: solid 12em #eee;
+	border-right: solid 0em #eee;
+	/*border-bottom: solid 1em #fff;*/
+}
+#innerColumnContainer
+{
+	border: solid 0px #000;
+	border-width: 0 0px;
+	margin: 0 -1px;		/* compensate for the borders because of
+				   100% width declaration */
+	width: 100%;
+	/*height: 90%;*/
+	/*z-index: 1;*/
+    	background-color: #fff;
+	float: right;
+}
+#leftColumn, #middleColumn, #rightColumn, * html #SOWrap
+{
+	overflow: visible;	/* fix for IE italics bug */
+	position: relative;	/* fix some rendering issues */
+}
+#SOWrap
+{
+	float: left;
+	margin: 0 -1px 0 0;
+	width: 100%;
+	/*z-index: 3;*/
+}
+#middleColumn
+{
+	float: right;
+	margin: 0 0 0 -1px;
+	width: 100%;
+	/*z-index: 5;*/
+}
+#leftColumn
+{
+	float: left;
+	margin: 0 1px 0 -12em;
+	width: 12em;
+	/*z-index: 4;*/
+	height: 100%;
+    	background-color: #eee;
+}
+#rightColumn
+{
+	float: right;
+	width: 14em;
+	margin: 0 -14em 0 1px;
+	/*z-index: 2;*/
+}
+
+/* vertical navigation stuff. mostly exactly as seen in the vnav.css styleheet
+ * in the original skidoo layout.
+ */
+.vnav
+{
+	margin: 0em 0;
+}
+.vnav ul, .vnav ul li
+{
+	margin: 0;
+	padding: 0;
+	list-style-type: none;
+	display: block;
+}
+.vnav ul
+{
+	border: solid 0px #fff;
+	border-bottom-width: 0;
+}
+.vnav ul li
+{
+	border-bottom: solid 0px #fff;
+}
+.vnav ul li, .vnav ul li a
+{
+	margin: 0;
+	display: block;
+	padding: 0;
+	line-height: normal;
+}
+.vnav ul li a
+{
+	display: block;
+	padding: 2px 5px 3px 5px;
+}
+.vnav ul li a, .vnav ul li a:link, .vnav ul li a:visited, .vnav ul li a:active, .vnav ul li a:hover
+{
+	text-decoration: none;
+	cursor: pointer;
+	background-color: #eee;
+	color: #000;
+}
+
+.vnav ul li a:hover
+{
+	text-decoration: none;
+	background-color: #ccc;
+}
+
+
+.vnav h3
+{
+	margin-bottom: 0;
+	padding-bottom: 0;
+	font-size: 126%;
+}
+* html .vnav ul li a/* hide from IE5.0/Win & IE5/Mac */
+{
+	height: 0.01%;
+}
+* html .vnav ul
+{
+	position: relative;	/* IE needs this to fix a rendering problem */
+}
+
+/* horizontal navigation elements. create a DIV element with the class hnav
+ * and stick one unordered list inside it to generate a horizontal menu.
+ */
+.hnav
+{
+	border-bottom: solid 0px #fff;
+	text-align: center;
+}
+.hnav, .hnav ul li a
+{
+	/* need to middor veritcal padding on .hnav and child anchor elements
+	 * because the anchors are _not_ block elements. since they are not
+	 * block elements web browsers will not expand .hnav to contain them
+	 * even with the extra padding. by applying the same padding to both
+	 * the parent .hnav _looks_ like its containing the child anchor
+	 * elements. 
+	 */
+	padding-top: 3px;
+	padding-bottom: 4px;
+}
+.hnav ul, .hnav ul li
+{
+	display: inline;
+	list-style-type: none;
+	margin: 0;
+	padding: 0;
+}
+.hnav ul li a
+{
+	margin: 0 -1px 0 0;
+	padding-left: 10px;
+	padding-right: 10px;	/* short-hand padding attribute would overwrite
+				   top/bottom padding set in a previous rule */
+	border-left: solid 0px #000;
+	border-right: solid 0px #000;
+	white-space: nowrap;
+}
+.hnav ul li a:link, .hnav ul li a:visited, .hnav ul li a:active, .hnav ul li a:hover
+{
+	text-decoration: none;
+	color: #7f899a;
+}
+.hnav ul li a:hover
+{
+	text-decoration: none;
+	background-color: #ccc;
+}
+.hnav ul li span.divider
+{
+	display: none;
+}
+* html .hnav ul li, * html .hnav ul li a
+{
+	width: 1%; /* IE/Mac needs this */
+	display: inline-block;	/* IE/Mac needs this */
+	/* \*/
+		width: auto;
+		display: inline;
+	/* reset above hack */
+}
+* html .hnav, * html .hnav ul a
+{
+	/* \*/ height: 0.01%; /* hasLayout hack to fix render bugs in IE/Win. 
+				 IE/Mac will ignore this rule. */
+}
+* html .HNAV
+{
+	padding: 0;	/* IE5/Win will resize #hnav to fit the heights of its
+			   inline children that have vertical padding. So this
+			   incorrect case selector hack will be applied only by
+			   IE 5.x/Win */
+}
+
diff --git a/root/static/style/yui/base-min.css b/root/static/style/yui/base-min.css
new file mode 100644
index 0000000..c354440
--- /dev/null
+++ b/root/static/style/yui/base-min.css
@@ -0,0 +1,7 @@
+/*
+Copyright (c) 2010, Yahoo! Inc. All rights reserved.
+Code licensed under the BSD License:
+http://developer.yahoo.com/yui/license.html
+version: 2.8.2r1
+*/
+body{margin:10px;}h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong,dt{font-weight:bold;}optgroup{font-weight:normal;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;}em{font-style:italic;}del{text-decoration:line-through;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:1em;}th,td{border:1px solid #000;padding:.5em;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}sup{vertical-align:super;}sub{vertical-align:sub;}p,fieldset,table,pre{margin-bottom:1em;}button,input[type="checkbox"],input[type="radio"],input[type="reset"],input[type="submit"]{padding:1px;}
\ No newline at end of file
diff --git a/root/static/style/yui/reset-fonts-grids.css b/root/static/style/yui/reset-fonts-grids.css
new file mode 100644
index 0000000..70bf2a0
--- /dev/null
+++ b/root/static/style/yui/reset-fonts-grids.css
@@ -0,0 +1,7 @@
+/*
+Copyright (c) 2010, Yahoo! Inc. All rights reserved.
+Code licensed under the BSD License:
+http://developer.yahoo.com/yui/license.html
+version: 2.8.2r1
+*/
+html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}body{text-align:center;}#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;}#doc2{width:73.076em;*width:71.25em;}#doc3{margin:auto 10px;width:auto;}#doc4{width:74.923em;*width:73.05em;}.yui-b{position:relative;}.yui-b{_position:static;}#yui-main .yui-b{position:static;}#yui-main,.yui-g .yui-u .yui-g{width:100%;}.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main{float:right;margin-left:-25em;}.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main{float:left;margin-right:-25em;}.yui-t1 .yui-b{float:left;width:12.30769em;*width:12.00em;}.yui-t1 #yui-main .yui-b{margin-left:13.30769em;*margin-left:13.05em;}.yui-t2 .yui-b{float:left;width:13.8461em;*width:13.50em;}.yui-t2 #yui-main .yui-b{margin-left:14.8461em;*margin-left:14.55em;}.yui-t3 .yui-b{float:left;width:23.0769em;*width:22.50em;}.yui-t3 #yui-main .yui-b{margin-left:24.0769em;*margin-left:23.62em;}.yui-t4 .yui-b{float:right;width:13.8456em;*width:13.50em;}.yui-t4 #yui-main .yui-b{margin-right:14.8456em;*margin-right:14.55em;}.yui-t5 .yui-b{float:right;width:18.4615em;*width:18.00em;}.yui-t5 #yui-main .yui-b{margin-right:19.4615em;*margin-right:19.125em;}.yui-t6 .yui-b{float:right;width:23.0769em;*width:22.50em;}.yui-t6 #yui-main .yui-b{margin-right:24.0769em;*margin-right:23.62em;}.yui-t7 #yui-main .yui-b{display:block;margin:0 0 1em 0;}#yui-main .yui-b{float:none;width:auto;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{float:left;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf,.yui-gc .yui-u,.yui-gd .yui-g,.yui-g .yui-gc .yui-u,.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf .yui-g,.yui-gf .yui-u{float:right;}.yui-g div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first,.yui-g .yui-gc div.first,.yui-g .yui-ge div.first,.yui-gc div.first div.first{float:left;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf{width:49.1%;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{width:32%;margin-left:1.99%;}.yui-gb .yui-u{*margin-left:1.9%;*width:31.9%;}.yui-gc div.first,.yui-gd .yui-u{width:66%;}.yui-gd div.first{width:32%;}.yui-ge div.first,.yui-gf .yui-u{width:74.2%;}.yui-ge .yui-u,.yui-gf div.first{width:24%;}.yui-g .yui-gb div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{margin-left:0;}.yui-g .yui-g .yui-u,.yui-gb .yui-g .yui-u,.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u,.yui-ge .yui-g .yui-u,.yui-gf .yui-g .yui-u{width:49%;*width:48.1%;*margin-left:0;}.yui-g .yui-g .yui-u{width:48.1%;}.yui-g .yui-gb div.first,.yui-gb .yui-gb div.first{*margin-right:0;*width:32%;_width:31.7%;}.yui-g .yui-gc div.first,.yui-gd .yui-g{width:66%;}.yui-gb .yui-g div.first{*margin-right:4%;_margin-right:1.3%;}.yui-gb .yui-gc div.first,.yui-gb .yui-gd div.first{*margin-right:0;}.yui-gb .yui-gb .yui-u,.yui-gb .yui-gc .yui-u{*margin-left:1.8%;_margin-left:4%;}.yui-g .yui-gb .yui-u{_margin-left:1.0%;}.yui-gb .yui-gd .yui-u{*width:66%;_width:61.2%;}.yui-gb .yui-gd div.first{*width:31%;_width:29.5%;}.yui-g .yui-gc .yui-u,.yui-gb .yui-gc .yui-u{width:32%;_float:right;margin-right:0;_margin-left:0;}.yui-gb .yui-gc div.first{width:66%;*float:left;*margin-left:0;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf .yui-u{margin:0;}.yui-gb .yui-gb .yui-u{_margin-left:.7%;}.yui-gb .yui-g div.first,.yui-gb .yui-gb div.first{*margin-left:0;}.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u{*width:48.1%;*margin-left:0;}.yui-gb .yui-gd div.first{width:32%;}.yui-g .yui-gd div.first{_width:29.9%;}.yui-ge .yui-g{width:24%;}.yui-gf .yui-g{width:74.2%;}.yui-gb .yui-ge div.yui-u,.yui-gb .yui-gf div.yui-u{float:right;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf div.first{float:left;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf div.first{*width:24%;_width:20%;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf .yui-u{*width:73.5%;_width:65.5%;}.yui-ge div.first .yui-gd .yui-u{width:65%;}.yui-ge div.first .yui-gd div.first{width:32%;}#hd:after,#bd:after,#ft:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}#hd,#bd,#ft,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf{zoom:1;}
\ No newline at end of file