Initial checkin.

[people/shoehn/ipfire.org.git] / www / static / css / style.css

diff --git a/www/include/style.css b/www/static/css/style.css
similarity index 87%
rename from www/include/style.css
rename to www/static/css/style.css
index 508f990665e9da4a2ac6714f406b4736b55a8e45..0542dbecd6de30040d5a5328a7369bdfda4a6c0b 100644 (file)
--- a/www/include/style.css
+++ b/www/static/css/style.css
@@ -33,7 +33,7 @@ body
 {
   font-family: "Verdana", "Deja-Vu Sans", "Bitstream Vera Sans", sans-serif;
   font-size: 0.9em;
-  background: #880400; /* url(/images/bg.png) repeat;*/
+  background: #880400; /* url(../images/bg.png) repeat;*/
   color: #585858;
 }
 
@@ -131,13 +131,17 @@ p
 line-height: 1.5em;
 }
 
+p.right {
+       float: right;
+}
+
 /* Header */
 
 #header
 {
 width:100%;
 height:102px;
-background: url('/images/bg-menu99.png') repeat-x;
+background: url('../images/bg-menu99.png') repeat-x;
 }
 
 #header_inner
@@ -236,7 +240,7 @@ float: left;
 #menu li
 {
 vertical-align: middle;
-background: #333 url('/images/btn-break.png') center;
+background: #333 url('../images/btn-break.png') center;
 }
 #menu li a
 {
@@ -245,7 +249,7 @@ margin-right: 1px;
 display: block;
 padding: 10px 5px 0 8px;
 height: 26px;
-background: #333 url('/images/btn-empty.png') repeat-x center;
+background: #333 url('../images/btn-empty.png') repeat-x center;
 color: #ddd;
 font-weight: bolder;
 vertical-align: middle;
@@ -255,13 +259,13 @@ text-decoration: none;
 
 #menu li a.active
 {
-background: #CA2F2F url('/images/btn-red2.png') repeat-x center;
+background: #CA2F2F url('../images/btn-red2.png') repeat-x center;
 color: #ddd;
 }
 
 #menu li a:hover
 {
-background: #333 url('/images/btn-red2.png') repeat-x center;
+background: #333 url('../images/btn-red2.png') repeat-x center;
 color: #fff;
 }
 
@@ -269,7 +273,7 @@ color: #fff;
 
 #main
 {
-/* background: #fff url('images/n2.gif') 0px 1px repeat-x; */
+/* background: #fff url('../images/n2.gif') 0px 1px repeat-x; */
 }
 
 #main_inner p
@@ -366,12 +370,12 @@ padding-left: 15px;
 
 #main_inner .post ul.post_info li.date
 {
-background-image: url('images/n5.gif');
+background-image: url('../images/n5.gif');
 }
 
 #main_inner .post ul.post_info li.comments
 {
-background-image: url('images/n6.gif');
+background-image: url('../images/n6.gif');
 margin-left: 1.1em;
 }
 
@@ -390,28 +394,28 @@ table {
   font-size: 0.9em;
 }
 #sh-tl {
-  background: url(/images/sh-tl.png) no-repeat right bottom;
+  background: url("../images/sh-tl.png") no-repeat right bottom;
 }
 #sh-top {
-  background: url(/images/sh-top.png) repeat-x bottom;
+  background: url("../images/sh-top.png") repeat-x bottom;
 }
 #sh-tr {
-  background: url(/images/sh-tr.png) no-repeat left bottom;
+  background: url("../images/sh-tr.png") no-repeat left bottom;
 }
 #sh-lft {
-  background: url(/images/sh-lft.png) repeat-y right;
+  background: url("../images/sh-lft.png") repeat-y right;
 }
 #sh-rgt {
-  background: url(/images/sh-rgt.png) repeat-y left;
+  background: url("../images/sh-rgt.png") repeat-y left;
 }
 #sh-bl {
-  background: url(/images/sh-bl.png) no-repeat right top;
+  background: url("../images/sh-bl.png") no-repeat right top;
 }
 #sh-btn {
-  background: url(/images/sh-btn.png) repeat-x top;
+  background: url("../images/sh-btn.png") repeat-x top;
 }
 #sh-br {
-  background: url(/images/sh-br.png) no-repeat left top;
+  background: url("../images/sh-br.png") no-repeat left top;
 }
 #no-sh {
   background-color: #f5f5f5;
@@ -481,7 +485,7 @@ clear: both;
 height: 26px;
 color: #ddd;
 text-align: center;
-background: url(/images/ft.png) left top;
+background: url("../images/ft.png") left top;
 margin-top: 0em;
 margin-bottom: 0em;
 padding-top: 0.5em;
@@ -493,7 +497,7 @@ text-transform: lowercase;
 
 input.button
 {
-background: #CA2F2F url('images/n3.gif') repeat-x;
+background: #CA2F2F url("../images/n3.gif") repeat-x;
 color: #fff;
 border: solid 1px #A94B4B;
 font-weight: bold;
@@ -569,7 +573,7 @@ left: 60px; /*position where enlarged image should offset horizontally */
 .feed {
   margin-left: 3px;
   padding: 0 0 0 19px;
-  background: url("/images/feed.png") no-repeat 0 50%;
+  background: url("../images/feed.png") no-repeat 0 50%;
 }
 
 /* LAYOUT - 3 COLUMNS */
@@ -764,7 +768,7 @@ table.translate td.lang {
 /* Component containers */
 .ui-widget-content {
     border: 1px solid #999/*{borderColorContent}*/;
-       background: #F5F5F5/*{bgColorContent}*/ 50%/*{bgContentXPos}*/ url(/images/ui-bg_flat_75_f5f5f5_40x100.png)/*{bgImgUrlDefault}*/50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/;
+       background: #F5F5F5/*{bgColorContent}*/ 50%/*{bgContentXPos}*/ url(../images/ui-bg_flat_75_f5f5f5_40x100.png)/*{bgImgUrlDefault}*/50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/;
        color: #222222/*{fcContent}*/;
 }
 .ui-widget-content a {
@@ -772,7 +776,7 @@ table.translate td.lang {
 }
 .ui-widget-header {
        border: 1px solid #aaaaaa/*{borderColorHeader}*/;
-       background: #cccccc/*{bgColorHeader}*/ url(/images/ui-bg_highlight-soft_75_cccccc_1x100.png)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/;
+       background: #cccccc/*{bgColorHeader}*/ url(/../images/ui-bg_highlight-soft_75_cccccc_1x100.png)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/;
        color: #222222/*{fcHeader}*/;
        font-weight: bold;
 }
@@ -782,7 +786,7 @@ table.translate td.lang {
 /* Interaction states */
 .ui-state-default, .ui-widget-content .ui-state-default {
        border: 1px solid #d3d3d3/*{borderColorDefault}*/;
-       background: #e6e6e6/*{bgColorDefault}*/ url(/images/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/;
+       background: #e6e6e6/*{bgColorDefault}*/ url(../images/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/;
        font-weight: normal/*{fwDefault}*/;
        color: #555555/*{fcDefault}*/;
        outline: none;
@@ -794,7 +798,7 @@ table.translate td.lang {
 }
 .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus {
        border: 1px solid #999999/*{borderColorHover}*/;
-       background: #dadada/*{bgColorHover}*/ url(/images/ui-bg_glass_75_dadada_1x400.png)/*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/;
+       background: #dadada/*{bgColorHover}*/ url(../images/ui-bg_glass_75_dadada_1x400.png)/*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/;
        font-weight: normal/*{fwDefault}*/;
        color: #212121/*{fcHover}*/;
        outline: none;
@@ -963,7 +967,7 @@ table.translate td.lang {
 
 /* IPFire Download Button */
 .button {
-    background: url(/images/buttons/download_core_96x320.png);
+    background: url(../images/buttons/download_core_96x320.png);
     background-repeat: no-repeat;
     background-position: right;
     width: 700px;
@@ -985,7 +989,7 @@ table.translate td.lang {
 
 /* CeBIT Button */
 .cebit_button {
-    background: url(/images/buttons/cebit_96x320.png);
+    background: url(../images/buttons/cebit_96x320.png);
     background-repeat: no-repeat;
     background-position: right;
     width: 700px;