Refine class="right", remove duplicated styles.

[wiki.git] / style.css

diff --git a/style.css b/style.css
index 155d81288696583f487bb896536e75c98b3c62e6..84b52499d179966752e209e10cbcfb5c63edc040 100644 (file)
--- a/style.css
+++ b/style.css
@@ -1,11 +1,11 @@
 html{ height:100%; }
 body{
        height:100%;
-       font-family: Verdana, Arial, Helvetica, sans-serif;
-       font-size: 12px;
+       font-family: Tahoma, Sans, sans-serif;
+       font-size: 80%;
        color: #333333;
-       line-height: 1.2em;
-       background-color: #333333;
+       line-height: 1.5em;
+       background: url('images/gradientbg.jpg') no-repeat center top #333333;
        padding:0;
        margin:0;
 }
@@ -17,32 +17,24 @@ a:hover{
        text-decoration:underline;
 }
 #content-block{
-       width: 951px;
+       width: 867px;
        min-height:100%;
-       background: url('images/gradient.png') no-repeat 0 0 #A8A9AD;
        margin:0 auto;
+       background: url('images/gradient.jpg') no-repeat center top #EEEEEE; 
 }
-
-.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%;
+#content-block h1{
+       float:right;
+       color:#ffffff;
+       font-size:2em;
+       font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
+       font-weight: normal;
+       margin-top:-1em;
+       margin-bottom:0;
+       text-transform: uppercase;
+       padding:0;
 }
-
 #logo{
-       padding-left: 47px;
+       padding-left: 0px;
        padding-top:18px;
        }
 #logo img{
@@ -60,8 +52,8 @@ a img{
 ul#navigation{
        list-style: none;
        position:absolute;
-       top:121px;
-       margin-left:298px;
+       top:48px;
+       margin-left:423px;
 }
 ul#navigation li{
        display:block;
@@ -89,28 +81,28 @@ ul#navigation li a:hover{
        background: url('images/nav-white.png') 0 0 no-repeat;
        color:#000000;
 }
-ul#navigation .blue{
+ul#navigation .first-navbox{
        background: transparent url('images/nav-blue.png') 0 0 no-repeat;
 }
-ul#navigation .blue a:hover{
+ul#navigation .first-navbox a:hover{
        color:#1171D2;
 }
-ul#navigation .green{
+ul#navigation .second-navbox{
        background: transparent url('images/nav-green.png') 0 0 no-repeat;
 }
-ul#navigation .green a:hover{
+ul#navigation .second-navbox a:hover{
        color:#62B200;
 }
-ul#navigation .orange{
+ul#navigation .third-navbox{
        background: transparent url('images/nav-orange.png') 0 0 no-repeat;
 }
-ul#navigation .orange a:hover{
+ul#navigation .third-navbox a:hover{
        color:#FE6D06;
 }
-ul#navigation .yellow{
+ul#navigation .fourth-navbox{
        background: transparent url('images/nav-yellow.png') 0 0 no-repeat;
 }
-ul#navigation .yellow a:hover{
+ul#navigation .fourth-navbox a:hover{
        color:#FFA207;
 }
 
@@ -119,33 +111,54 @@ ul#navigation li a span{
        bottom:8px;
        padding-left:8px;
 }
+#breadcrumbs{
+       min-height:1em;
+       clear:both;
+       margin:0;
+}
+#breadcrumbs ul{
+       margin:0 1em;
+       float:right;
+       padding:0;
+       list-style: none;
+}
+#breadcrumbs ul li{
+       float:left;
+       line-height:2em;
+       font-size: 1.2em;
+       font-weight: bold;
+       margin-left:0.8em;
+       color: #15447D;
+}
+#breadcrumbs ul li a{
+       color: inherit;
+       font-weight: normal;
+       margin-right:0.8em;
+}
+.first-pagetype #breadcrumbs{ background-color: #4793E4; } 
+.first-pagetype #breadcrumbs ul li { color:#15447D; }
+.second-pagetype #breadcrumbs{ background-color: #60D61E; } 
+.second-pagetype #breadcrumbs ul li { color:#263B08; }
+.third-pagetype #breadcrumbs{ background-color: #F89129; } 
+.third-pagetype #breadcrumbs ul li { color:#6F3F21; }
+.fourth-pagetype #breadcrumbs{ background-color: #FECC28; } 
+.fourth-pagetype #breadcrumbs ul li { color:#6F3F21; }
 
 #featured-block{
-       width:430px;
-       background-color:#EEEEEE;
-       margin-left:277px;
-       padding: 27px 0;
-       
-}
-#featured-block h1{
-       font-size:2em;
-       line-height:1.2em;
-       font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
-       padding-bottom:10px;
-       border-bottom: 1px solid #A8A9AD;
-       margin: 0 22px;
-       margin-bottom:1em;
-       text-transform: uppercase;
+        margin: 1em 3em;
 }
+
 #featured-block h2{
-       font-size:1.3em;
+       font-size:1.5em;
        font-weight: bold;
-       margin: 1em 22px;
+       margin: 1em 0;
        font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
 }
 #featured-block p{
-       margin: 1em 33px;
-       line-height: 1.5em;
+       margin: 1em 0;
+}
+#featured-block li{
+        margin: 0.5em 0;
 }
 dl.services{
        margin:0 33px;
@@ -296,26 +309,38 @@ dl.services dd{
        display:none;
 }
 #prefooter{
-       height: 120px;
+       height: 140px;
        clear:both;
 }
 #footer{
-       font-size:.9em;
+       font-size:.8em;
        clear:both;
-       width:951px;
        margin: 0 auto;
-       margin-top:-65px;
+       margin-top:-130px;
        text-align:center;
-       color: #545557;
+       color: #666666; 
+       width:867px;
+       height:130px;
+       background-color:#1F1F1F;
+       
+}
+#footer p{
+       width:800px;
+       margin:0 auto;
+       padding:1em 0;
+       line-height:1.4em;
+       text-align:left;
 }
 .actions ul{
        list-style: none;
        background-color:#696969;
-       padding:.5em 0;
+       padding:0;
+       margin:0;
 }
 .actions ul li{
        display: inline;
        padding: 0 .5em;
+       line-height:3em;
 }
 .actions ul li a{
        text-decoration: none;
@@ -323,4 +348,4 @@ dl.services dd{
 }
 .actions ul li a:hover{
        text-decoration:underline;
-}
\ No newline at end of file
+}