Reorganize CSS file.
authorEdward Z. Yang <edwardzyang@thewritingpot.com>
Thu, 15 Jan 2009 08:30:20 +0000 (03:30 -0500)
committerEdward Z. Yang <edwardzyang@thewritingpot.com>
Thu, 15 Jan 2009 08:30:20 +0000 (03:30 -0500)
Signed-off-by: Edward Z. Yang <edwardzyang@thewritingpot.com>
style.css

index 9063abce071cdc789c634485340f91761a773194..bc50c38d2ec8c6bb2b38aa546122895e76d3662f 100644 (file)
--- a/style.css
+++ b/style.css
@@ -1,3 +1,4 @@
+/* Layout CSS */
 html{ height:100%; }
 body{
        height:100%;
 html{ height:100%; }
 body{
        height:100%;
@@ -9,38 +10,12 @@ body{
        padding:0;
        margin:0;
 }
        padding:0;
        margin:0;
 }
-a{
-       text-decoration: none;
-       color:#0066CC;
-}
-a:hover{
-       text-decoration:underline;
-}
 #content-block{
        width: 951px;
        min-height:100%;
        background: url('images/gradient.png') no-repeat 0 0 #A8A9AD;
        margin:0 auto;
 }
 #content-block{
        width: 951px;
        min-height:100%;
        background: url('images/gradient.png') no-repeat 0 0 #A8A9AD;
        margin:0 auto;
 }
-
-.cols:after{
-       content: "";
-       display: block;
-       height: 0;
-       clear: both;
-}
-.col1{
-       position: relative;
-       float: left;
-       width: 50%;
-}
-.col2{
-       position: relative;
-       float: right;
-       align: left;
-       width: 50%;
-}
-
 #featured-block img{
        float: right;
 }
 #featured-block img{
        float: right;
 }
@@ -57,9 +32,6 @@ img#sipb-logo{
        padding-top:23px;
        padding-left:23px;
 }
        padding-top:23px;
        padding-left:23px;
 }
-a img{
-       border:none;
-}
 ul#navigation{
        list-style: none;
        position:absolute;
 ul#navigation{
        list-style: none;
        position:absolute;
@@ -127,8 +99,78 @@ ul#navigation li a span{
        background-color:#EEEEEE;
        margin-left:277px;
        padding: 27px 0;
        background-color:#EEEEEE;
        margin-left:277px;
        padding: 27px 0;
-       
 }
 }
+
+.generic{
+       width: 644px !important;
+}
+
+#hidden-title{
+       display:none;
+}
+#prefooter{
+       height: 120px;
+       clear:both;
+}
+#footer{
+       font-size:.9em;
+       clear:both;
+       width:951px;
+       margin: 0 auto;
+       margin-top:-65px;
+       text-align:center;
+       color: #545557;
+}
+.actions ul{
+       list-style: none;
+       background-color:#696969;
+       padding:.5em 0;
+}
+.actions ul li{
+       display: inline;
+       padding: 0 .5em;
+}
+.actions ul li a{
+       text-decoration: none;
+       color: #ffffff;
+}
+.actions ul li a:hover{
+       text-decoration:underline;
+}
+
+
+/* Sublayout CSS */
+.cols:after{
+       content: "";
+       display: block;
+       height: 0;
+       clear: both;
+}
+.col1{
+       position: relative;
+       float: left;
+       width: 50%;
+}
+.col2{
+       position: relative;
+       float: right;
+       align: left;
+       width: 50%;
+}
+
+/* Global Textual CSS */
+a{
+       text-decoration: none;
+       color:#0066CC;
+}
+a:hover{
+       text-decoration:underline;
+}
+a img{
+       border:none;
+}
+
+/* Featured Block Textual CSS */
 #featured-block h1{
        font-size:2em;
        line-height:1.2em;
 #featured-block h1{
        font-size:2em;
        line-height:1.2em;
@@ -149,6 +191,8 @@ ul#navigation li a span{
        margin: 1em 33px;
        line-height: 1.5em;
 }
        margin: 1em 33px;
        line-height: 1.5em;
 }
+
+/* Page Specific CSS (for now, Mainpage) */
 dl.services{
        margin:0 33px;
        padding:0;
 dl.services{
        margin:0 33px;
        padding:0;
@@ -165,11 +209,6 @@ dl.services dd{
        width:170px;
 }
 
        width:170px;
 }
 
-.generic{
-       width: 644px !important;
-}
-
-
 #events-block{
        width:212px;
        float:left;
 #events-block{
        width:212px;
        float:left;
@@ -294,39 +333,3 @@ dl.services dd{
        font-size: 1.4em;
 }
 
        font-size: 1.4em;
 }
 
-#hidden-title{
-       display:none;
-}
-#prefooter{
-       height: 120px;
-       clear:both;
-}
-#footer{
-       font-size:.9em;
-       clear:both;
-       width:951px;
-       margin: 0 auto;
-       margin-top:-65px;
-       text-align:center;
-       color: #545557;
-}
-.actions ul{
-       list-style: none;
-       background-color:#696969;
-       padding:.5em 0;
-}
-.actions ul li{
-       display: inline;
-       padding: 0 .5em;
-}
-.actions ul li a{
-       text-decoration: none;
-       color: #ffffff;
-}
-.actions ul li a:hover{
-       text-decoration:underline;
-}
-.breadcrumbs {
-       margin-right:4em;
-       text-align:right;
-}