diff options
Diffstat (limited to 'root/ttsite.css')
-rw-r--r-- | root/ttsite.css | 252 |
1 files changed, 252 insertions, 0 deletions
diff --git a/root/ttsite.css b/root/ttsite.css new file mode 100644 index 0000000..520bb5b --- /dev/null +++ b/root/ttsite.css @@ -0,0 +1,252 @@ + +html { + height: 100%; + margin: 0; +} + +body { + /*background-color: #ccc;*/ + color: #000; + margin: 0; + padding: 0px; + height: 100%; +} + +#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 */ +} + |