]> git.ipfire.org Git - ipfire.org.git/blobdiff - www/include/style.css
Changed table colors at uriel page.
[ipfire.org.git] / www / include / style.css
index 0340a785beb3af866ea00dda75119abaca93fc42..8636b9ae05f05676620a074dc228a2ff75d7b716 100644 (file)
@@ -31,11 +31,10 @@ padding: 0em;
 
 body
 {
-background-color: #fff;
-color: #585858;
   font-family: "Verdana", "Deja-Vu Sans", "Bitstream Vera Sans", sans-serif;
-font-size: 0.9em;
-background: #f0f0f0 url(/images/bg.png) repeat;
+  font-size: 0.9em;
+  background: #880400; /* url(/images/bg.png) repeat;*/
+  color: #585858;
 }
 
 h1,h2,h3,h4,h5,h6
@@ -138,7 +137,7 @@ line-height: 1.5em;
 {
 width:100%;
 height:102px;
-background: #440000 url('/images/bg1.png') repeat-x;
+background: url('/images/bg-menu99.png') repeat-x;
 }
 
 #header_inner
@@ -280,9 +279,15 @@ margin-bottom: 0.5em;
 font-size: 0.9em;
 }
 
+#main_inner .post a
+{
+font-size: 0.9em;
+}
+
 #main_inner ul
 {
 margin-bottom: 2.0em;
+font-size: 0.9em;
 }
 
 #main_inner
@@ -307,7 +312,7 @@ margin-bottom: 0.5em;
 
 #main_inner h4
 {
-font-size: 1.2em;
+font-size: 1.1em;
 padding-bottom: 0.175em;
 margin-bottom: 0.25em;
 margin-top: 0.95em;
@@ -322,7 +327,7 @@ margin-bottom: 2.0em;
 #main_inner .post h3
 {
 position: relative;
-font-size: 1.7em;
+font-size: 1.4em;
 padding-bottom: 0.25em;
 }
 
@@ -331,7 +336,7 @@ padding-bottom: 0.25em;
 list-style: none;
 position: absolute;
 top: 3em;
-font-size: 0.8em;
+font-size: 0.7em;
 }
 
 #main_inner .post .post_info
@@ -340,11 +345,17 @@ width: 100%;
 text-align: right;
 margin-top: -1.5em;
 }
+
 #main_inner .post ul
 {
 padding-left: 1.0em; 
 }
 
+#main_inner .post ul a
+{
+font-size: 1.0em;
+}
+
 #main_inner .post ul.post_info li
 {
 background-position: 0em center;
@@ -376,6 +387,7 @@ table {
 .post table {
   width: 900px;
   max-width: 900px;
+  font-size: 0.9em;
 }
 #sh-tl {
   background: url(/images/sh-tl.png) no-repeat right bottom;
@@ -402,7 +414,8 @@ table {
   background: url(/images/sh-br.png) no-repeat left top;
 }
 #no-sh {
-background-color: #f5f5f5;
+  background-color: #f5f5f5;
+  width: 980px;
 }
 #sh-tl, #sh-top, #sh-tr, #sh-lft, #sh-rgt, #sh-bl, #sh-btn, #sh-br {
   width: 16px;
@@ -415,28 +428,64 @@ background-color: #f5f5f5;
   border: 0;
 }
 
+/* Cluster */
+
 #nodes {
-  width: 720px;
+  width: 100%;
+  font-size: 0.9em;
 }
 #nodes th, #nodes td {
   text-align: left;
 }
-#nodes td {
-  width: 50px;
+#nodes th.hostname {
+  width: 40%;
+}
+#nodes th.arch {
+  width: 8%;
+}
+#nodes th.jobs {
+  width: 24%;
+}
+#nodes th.speed {
+  width: 10%;
+}
+#nodes th.load {
+  width: 18%;
+}
+
+/* Builds */
+
+#builds {
+  width: 100%;
+  font-size: 0.9em;
+}
+#builds img {
+       border: 0;
+}
+#builds td {
+  text-align: left;
 }
+#builds tr.headline td {
+       text-align: center;
+       font-weight: bold;
+}
+#builds td.packages {
+       text-align: right;
+}
+
 /* Footer */
 
 #footer
 {
 clear: both;
-width: 100%;
 height: 26px;
 color: #ddd;
 text-align: center;
 background: url(/images/ft.png) left top;
 margin-top: 0em;
 margin-bottom: 0em;
-padding-top: 1.0em;
+padding-top: 0.5em;
+padding-bottom: 0.5em;
 text-transform: lowercase;
 }
 
@@ -592,9 +641,9 @@ left: 60px; /*position where enlarged image should offset horizontally */
        
        #columnC_2columns
        {
-       width: 13.0em;
+       width: 12.0em;
        float: left;
-       padding: 0em 0.5em 0.5em 0.5em;
+       padding: 0em 1em 0.5em 1em;
        border-left: dotted 1px #E1E1E1;
        }
 
@@ -612,3 +661,152 @@ left: 60px; /*position where enlarged image should offset horizontally */
        position: relative;
        width: 100%;
        }
+
+
+/* URIEL */
+table.uriel {
+       width: 100%;
+       /* border: 1px solid #880400; */
+       font-size: 0.9em;
+}
+table.uriel td.header {
+       width: 80px;    
+}
+table.uriel td {
+       padding: 4px;
+}
+table.uriel td.item {
+       /* font-weight: bold; */
+}
+table.uriel td.value {
+       text-align: right;
+}
+table.uriel td.footer {
+       text-align: right;
+       background-color: #dedede;
+       border: 1px solid #999;
+}
+/* Tabs */
+.ui-tabs {
+       padding: .2em;
+       zoom: 1;
+}
+.ui-tabs .ui-tabs-nav {
+       list-style: none;
+       position: relative;
+       padding: .2em .2em 0;
+}
+.ui-tabs .ui-tabs-nav li {
+       position: relative;
+       float: left;
+       border-bottom-width: 0 !important;
+       margin: 0 .2em -1px 0;
+       padding: 0;
+}
+.ui-tabs .ui-tabs-nav li a {
+       float: left;
+       text-decoration: none;
+       padding: .5em .3em;
+}
+.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
+       padding-bottom: 1px;
+       border-bottom-width: 0;
+}
+.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
+       cursor: text;
+}
+.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
+       cursor: pointer;
+} /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
+.ui-tabs .ui-tabs-panel {
+       padding: 1em 0.6em;
+       display: block;
+       border-width: 0;
+       background: none;
+}
+.ui-tabs .ui-tabs-hide {
+       display: none !important;
+}
+/* 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}*/;
+       color: #222222/*{fcContent}*/;
+}
+.ui-widget-content a {
+       color: #222222/*{fcContent}*/;
+}
+.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}*/;
+       color: #222222/*{fcHeader}*/;
+       font-weight: bold;
+}
+.ui-widget-header a {
+       color: #222222/*{fcHeader}*/;
+}
+/* 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}*/;
+       font-weight: normal/*{fwDefault}*/;
+       color: #555555/*{fcDefault}*/;
+       outline: none;
+}
+.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
+       color: #555555/*{fcDefault}*/;
+       text-decoration: none;
+       outline: none;
+}
+.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}*/;
+       font-weight: normal/*{fwDefault}*/;
+       color: #212121/*{fcHover}*/;
+       outline: none;
+}
+.ui-state-hover a, .ui-state-hover a:hover {
+       color: #212121/*{fcHover}*/;
+       text-decoration: none;
+       outline: none;
+}
+.ui-state-active, .ui-widget-content .ui-state-active {
+       border: 1px solid #aaaaaa/*{borderColorActive}*/;
+       background: #F5F5F5/*{bgColorActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/;
+       font-weight: normal/*{fwDefault}*/;
+       color: #212121/*{fcActive}*/;
+       outline: none;
+}
+.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
+       color: #212121/*{fcActive}*/;
+       outline: none;
+       text-decoration: none;
+}
+/* Layout helpers */
+.ui-helper-clearfix:after {
+       content: ".";
+       display: block;
+       height: 0;
+       clear: both;
+       visibility: hidden;
+}
+.ui-helper-clearfix {
+       display: inline-block;
+}
+/* required comment for clearfix to work in Opera \*/
+* html .ui-helper-clearfix {
+       height:1%;
+}
+.ui-helper-clearfix {
+       display:block;
+}
+/* end clearfix */
+.ui-helper-zfix {
+       width: 100%;
+       height: 100%;
+       top: 0;
+       left: 0;
+       position: absolute;
+       opacity: 0;
+       filter:Alpha(Opacity=0);
+}