diff options
Diffstat (limited to 'template/yoga')
-rw-r--r-- | template/yoga/admin/default-layout.css | 309 | ||||
-rw-r--r-- | template/yoga/fix-ie7.css | 11 | ||||
-rw-r--r-- | template/yoga/not-ie.css | 5 | ||||
-rw-r--r-- | template/yoga/theme/clear/theme.css | 25 | ||||
-rw-r--r-- | template/yoga/theme/dark/theme.css | 24 | ||||
-rw-r--r-- | template/yoga/theme/p0w0/theme.css | 40 | ||||
-rw-r--r-- | template/yoga/theme/wipi/theme.css | 35 |
7 files changed, 211 insertions, 238 deletions
diff --git a/template/yoga/admin/default-layout.css b/template/yoga/admin/default-layout.css index b2a012b1b..edad24d3f 100644 --- a/template/yoga/admin/default-layout.css +++ b/template/yoga/admin/default-layout.css @@ -1,158 +1,158 @@ -/* $Id: */ -BODY#theAdminPage #theHeader P { - display: none; -} - -/* History tables */ -TABLE.table2 { - border: 1px solid black; - margin: 1em auto; - padding: 0; -} - -TABLE.table2 TD, TABLE.table2 TH { - padding: 0 1em; -} - -TABLE.table2 TR { - text-align: left; -} - -TABLE.table2 TR.throw { - text-align: center; -} - -.hour { - white-space: pre; -} - -.number { - text-align: right; -} - -TABLE#dailyStats { - width: 60%; -} - -TABLE#detailedStats { - width: 99%; -} - -/* categoryOrdering */ -SELECT.categoryList { - width: 100%; -} - -FORM#categoryOrdering { - padding-left: 1em; /* same as FIELDSET margin (there is no fieldset in this form) */ - padding-right: 1em; /* same as FIELDSET margin (there is no fieldset in this form) */ -} -FORM#categoryOrdering p { - text-align: left; - margin-top: 1em; - margin-bottom: 1em; -} -UL.categoryUl { - list-style: none; - padding: 0; - margin: 0; -} - -LI.categoryLi { - border: 1px solid gray; - padding: 0px 5px; - margin-bottom: 5px; -} - -FORM#categoryOrdering UL.categoryActions { - float: right; - margin-top: 5px; -} -/* */ - -FORM#catModify TABLE { width: auto; } - -FIELDSET.elementEdit A { - display: block; - float: right; -} - -TABLE.doubleSelect { - text-align: center; - margin: 0 auto; - width: 100%; -} - -TABLE.doubleSelect TD { - padding: 0 5px; - width: 50%; -} - -TABLE.doubleSelect SELECT.categoryList { - width: 100%; -} - -FORM#categoryPermissions LI { - display:inline; - white-space: nowrap; -} - -FIELDSET#generalConf SPAN.property { - width: 25%; -} -FIELDSET#generalConf TEXTAREA.description { - width: 70%; -} - -/* PWG Links Menu is fixed Graphic charts */ -.pwgmenu { - display: table; - list-style-type: none; - list-style-image: none; /* for firefox */ - white-space: nowrap; - position: relative; - text-decoration : none; - font-family: verdana, arial, helvetica, sans-serif; - font-size: 70%; - line-height: 1.1em; - width: 66em; - margin: 1px 8px 1px auto; - padding: 3px; - background: transparent; -} -.pwgmenu li { - float: left; - width: 10em !important; - text-align: center; - margin: 0 6px; - padding: 0; - -} -.pwgmenu a { - width: 9em !important; - display: block; - padding: 4px 8px; - background: #69c; /* PWG Graphic charts */ - color: white; - text-align: center; - text-decoration: none; - font-weight: bold; - border: 1px solid #fff; /* Why bordered? in case of #69c background */ -} -.pwgmenu a:hover { - background: #f92; - color: white; -} /* PWG Graphic charts */ - - -.statBar { - height: 10px; - background-color: #66f; - border: 1px solid black; +/* $Id: */
+BODY#theAdminPage #theHeader P {
+ display: none;
+}
+
+/* History tables */
+TABLE.table2 {
+ border: 1px solid black;
+ margin: 1em auto;
+ padding: 0;
+}
+
+TABLE.table2 TD, TABLE.table2 TH {
+ padding: 0 1em;
+}
+
+TABLE.table2 TR {
+ text-align: left;
+}
+
+TABLE.table2 TR.throw {
+ text-align: center;
+}
+
+.hour {
+ white-space: pre;
+}
+
+.number {
+ text-align: right;
+}
+
+TABLE#dailyStats {
+ width: 60%;
+}
+
+TABLE#detailedStats {
+ width: 99%;
+}
+
+/* categoryOrdering */
+SELECT.categoryList {
+ width: 100%;
+}
+
+FORM#categoryOrdering {
+ padding-left: 1em; /* same as FIELDSET margin (there is no fieldset in this form) */
+ padding-right: 1em; /* same as FIELDSET margin (there is no fieldset in this form) */
+}
+FORM#categoryOrdering p {
+ text-align: left;
+ margin-top: 1em;
+ margin-bottom: 1em;
+}
+UL.categoryUl {
+ list-style: none;
+ padding: 0;
+ margin: 0;
+}
+
+LI.categoryLi {
+ border: 1px solid gray;
+ padding: 0px 5px;
+ margin-bottom: 5px;
+}
+
+FORM#categoryOrdering UL.categoryActions {
+ float: right;
+ margin-top: 5px;
+}
+/* */
+
+FORM#catModify TABLE { width: auto; }
+
+FIELDSET.elementEdit A {
+ display: block;
+ float: right;
+}
+
+TABLE.doubleSelect {
+ text-align: center;
+ margin: 0 auto;
+ width: 100%;
+}
+
+TABLE.doubleSelect TD {
+ padding: 0 5px;
+ width: 50%;
+}
+
+TABLE.doubleSelect SELECT.categoryList {
+ width: 100%;
+}
+
+FORM#categoryPermissions LI {
+ display:inline;
+ white-space: nowrap;
+}
+
+FIELDSET#generalConf SPAN.property {
+ width: 25%;
+}
+FIELDSET#generalConf TEXTAREA.description {
+ width: 70%;
+}
+
+/* PWG Links Menu is fixed Graphic charts */
+.pwgmenu {
+ display: table;
+ list-style-type: none;
+ list-style-image: none; /* for firefox */
+ white-space: nowrap;
+ position: relative;
+ text-decoration : none;
+ font-family: verdana, arial, helvetica, sans-serif;
+ font-size: 70%;
+ line-height: 1.1em;
+ width: 66em;
+ margin: 1px 8px 1px auto;
+ padding: 3px;
+ background: transparent;
+}
+.pwgmenu li {
+ float: left;
+ width: 10em !important;
+ text-align: center;
+ margin: 0 6px;
+ padding: 0;
+
+}
+.pwgmenu a {
+ width: 9em !important;
+ display: block;
+ padding: 4px 8px;
+ background: #69c; /* PWG Graphic charts */
+ color: white;
+ text-align: center;
+ text-decoration: none;
+ font-weight: bold;
+ border: 1px solid #fff; /* Why bordered? in case of #69c background */
+}
+.pwgmenu a:hover {
+ background: #f92;
+ color: white;
+} /* PWG Graphic charts */
+
+
+.statBar {
+ height: 10px;
+ background-color: #66f;
+ border: 1px solid black;
}
/* Tabsheet */
-.tabsheet {
+ul.tabsheet {
display: table;
list-style-type: none;
list-style-image: none; /* for firefox */
@@ -163,7 +163,7 @@ FIELDSET#generalConf TEXTAREA.description { border-bottom: 1px solid #fff;
}
-.tabsheet li {
+ul.tabsheet li {
float: left;
text-align: center;
margin: 0 6px;
@@ -173,8 +173,5 @@ FIELDSET#generalConf TEXTAREA.description { padding: 4px 8px;
border: 1px solid #fff;
border-radius: 6px 6px 0px 0px; /* round corners with CSS3 compliant browsers */
- -moz-border-radius: 6px 6px 0px 0px; /* round corners with CSS3 compliant browsers */
padding: 5px 2em 2px 2em;
}
-
-/* Tabsheet */
diff --git a/template/yoga/fix-ie7.css b/template/yoga/fix-ie7.css index c2e4db602..029ab46e1 100644 --- a/template/yoga/fix-ie7.css +++ b/template/yoga/fix-ie7.css @@ -19,3 +19,14 @@ top: -50%;
margin-top: 2%;
}
+#content UL.thumbnails SPAN.wrap2 {
+ border-radius: 8px;
+}
+.tabsheet li {
+ border-radius: 12px 12px 0px 0px; /* round corners with CSS3 compliant browsers */
+}
+ul.tabsheet {
+ padding: 0px 0em 1.98em 6em;
+ border-bottom: 1px solid #fff;
+ border-top: 0px;
+}
diff --git a/template/yoga/not-ie.css b/template/yoga/not-ie.css index ede96708f..a66f305f6 100644 --- a/template/yoga/not-ie.css +++ b/template/yoga/not-ie.css @@ -5,6 +5,7 @@ #content UL.thumbnails SPAN.wrap2 {
-moz-border-radius: 4px; /* round corners with Geko */
+ -webkit-border-radius: 4px; /* Safari webkit project */
}
#content DIV#comments {
padding-left: 5px;
@@ -17,3 +18,7 @@ FORM#quickconnect LABEL { -moz-box-sizing: padding-box !important;
box-sizing: border-box; /* CSS3 */
}
+ul.tabsheet li {
+ -moz-border-radius: 6px 6px 0px 0px; /* round corners with CSS3 compliant browsers */
+ -webkit-border-radius: 6px 6px 0px 0px; /* Safari webkit project */
+}
diff --git a/template/yoga/theme/clear/theme.css b/template/yoga/theme/clear/theme.css index f60e8154c..175584814 100644 --- a/template/yoga/theme/clear/theme.css +++ b/template/yoga/theme/clear/theme.css @@ -104,20 +104,11 @@ TD.calDayCellEmpty { color: silver; } #qsearchInput { color: #d3d3d3; } #qsearchInput:focus { color: #005e89; } -.tabsheet li { - background: #ffffff; - color: #005e89; - border: 1px solid #696969; -} - -.tabsheet a { - color: #005e89; -} - -.selected_tab { - background: #d3d3d3 !important; -} - -.tabsheet li:hover { - border: 1px solid #858460 !important; -} +.tabsheet li, +.tabsheet li a { color: #005e89; } +.tabsheet li a:hover { color: #858460; } +.tabsheet li { background-color: #fff; } +.selected_tab { background-color: #d3d3d3 !important; } +ul.tabsheet { border-color: #858460; } +.tabsheet li { border: 1px solid #696969; } +.tabsheet li:hover { border-color: #858460 !important; } diff --git a/template/yoga/theme/dark/theme.css b/template/yoga/theme/dark/theme.css index 0bb601b1f..0c92cc6c0 100644 --- a/template/yoga/theme/dark/theme.css +++ b/template/yoga/theme/dark/theme.css @@ -17,6 +17,10 @@ H2, #menubar DT, .throw { color: #000000; } +.tabsheet li, +.tabsheet li a { color: #fff; } +.tabsheet li a:hover { color: #fff48e; } + /* backgrounds */ BODY { background-color: #000000; @@ -45,6 +49,9 @@ H2, #menubar DT, .throw { background-repeat: repeat-x; background-position: center; } +.tabsheet li { background-color: #3f3f3f; } + +.selected_tab { background-color: #5f5f5f !important; } /* borders */ #menubar DL, #content, .content, @@ -90,6 +97,9 @@ FIELDSET, INPUT, SELECT, TEXTAREA, color: black; } +ul.tabsheet { border-color: #fff48e; } +.tabsheet li { border: 1px solid #fff; } +.tabsheet li:hover { border-color: #fff48e !important; } /* links */ A, INPUT.rateButton { @@ -144,17 +154,3 @@ TD.calDayCellEmpty { color: silver; } } .qsearch { font-size: 80%; font-style: normal; } #mbMenu #quicksearch > p { text-align: left; } - -.tabsheet li { - background: #3f3f3f; - color: white; - border: 1px solid #fff; -} - -.selected_tab { - background: #5f5f5f !important; -} - -.tabsheet li:hover { - border: 1px solid #FFF48E; -} diff --git a/template/yoga/theme/p0w0/theme.css b/template/yoga/theme/p0w0/theme.css index 1b1f2efc3..c70d92ba0 100644 --- a/template/yoga/theme/p0w0/theme.css +++ b/template/yoga/theme/p0w0/theme.css @@ -82,11 +82,11 @@ input.rateButtonSelected, #content ul.thumbnailCategories li div.thumbnailCategory .description p + p { color: #369; } -#theAdminPage h3 a, +.tabsheet li, .tabsheet li a, #theAdminPage h3 a, #content div.thumbnailCategory .description h3 a { color: #fff; } -#content div.thumbnailCategory .description h3 a:hover { +.tabsheet li a:hover, #content div.thumbnailCategory .description h3 a:hover { color: #f92; } .pleaseNote { @@ -97,7 +97,6 @@ TD.calDayCellEmpty, SPAN.calItemEmpty { color: silver; } .calBackDate { color: #000; } - /******************************************************************************/ /* Backgrounds Only */ BODY { background: #cde; } @@ -111,7 +110,7 @@ BODY { background: #cde; } .row1 { background-color: #eef; } H2, #menubar DT, .throw, TD H3, #imageToolBar, -#imageHeaderBar, #imageHeaderBar H2, +#imageHeaderBar, #imageHeaderBar H2, .tabsheet li, #theAdminPage H3 { background-color: #369; } #content H2 { background-color: #369; } #content .infos { background-color: #47a; ;} @@ -128,10 +127,9 @@ H2, #menubar DT, .throw, TD H3, #content UL.thumbnails SPAN.wrap2:active img { outline: 3px ridge #f92; } -.pleaseNote { background: #69c; } input#qsearchInput { background-color: #cde; } .virtual_cat { background: #fff !important; } - +.pleaseNote, .selected_tab { background-color: #69c !important; } /******************************************************************************/ /* Borders, Margins, Padding Only */ BODY { margin: 0px; padding: 0px; } @@ -226,6 +224,10 @@ A.navThumb, A.navThumb:hover, SPAN.calItem, SPAN.calItemEmpty { border: 1px solid gray; } TD.calDayCellEmpty, TD.calDayCellFull { border: 1px solid gray;} #theAdminPage #content table td { padding: 2px 8px; } +ul.tabsheet { border-color: #369 !important; } +.tabsheet li { border: 1px solid #fff; } +.tabsheet li:hover { border-color: #f92 !important; } + /******************************************************************************/ /* Display, Visibility, buttons and others */ label { cursor:pointer } @@ -276,29 +278,3 @@ input.submit:active { } .qsearch { font-size: 80%; font-style: italic; } * { outline: none; } - -.tabsheet { - border-bottom: 1px solid #369; -} - -.tabsheet li { - background: #369; - color: white; - border: 1px solid #fff; -} - -.tabsheet a { - color: white; -} - -.selected_tab { - background: #69c !important; -} - -.tabsheet li:hover { - border: 1px solid #f92 !important; -} - -.tabsheet li:hover a:hover { - color: #f92; -} diff --git a/template/yoga/theme/wipi/theme.css b/template/yoga/theme/wipi/theme.css index da771de73..6054b9705 100644 --- a/template/yoga/theme/wipi/theme.css +++ b/template/yoga/theme/wipi/theme.css @@ -63,13 +63,16 @@ H2, .throw { border-color: #f92;
color: #900;
}
+.tabsheet li,
+.tabsheet li a { color: #69c; }
+.tabsheet li a:hover { color: #f92; }
/* backgrounds */
BODY {
background: #111;
margin: 0px;
padding: 0px;
}
-H3, #imageHeaderBar, #imageToolBar A:hover, .row1 {
+H3, #imageHeaderBar, #imageToolBar A:hover, .row1, .tabsheet li {
background-color: #222;
}
#theAdminPage h2, #theAdminPage h3 { border-bottom: 1px solid #69c; }
@@ -79,6 +82,7 @@ H3, #imageHeaderBar, #imageToolBar A:hover, .row1 { #imageToolBar, .header_notes {
background-color: #333;
}
+.selected_tab { background-color: eee !important; }
A {
border-color: #69c;
}
@@ -329,25 +333,18 @@ a.PWG:hover .G { color : #f92; } #menubar .menuInfoCatByChild, .qsearch,
h2.showtitle, #theImage p.showlegend { display: none }
* { outline-width: 0px; }
-
+ul.tabsheet {
+ border-top: 1px solid #69c !important;
+ border-bottom: 0px !important;
+}
.tabsheet li {
- background: #222;
- color: #69c;
border: 1px solid #fff;
+ background-image: url(images/tableh1_bg.png);
+ background-repeat: repeat-x;
}
-
-.tabsheet a {
- color: #69c;
-}
-
-.selected_tab {
- background: #eee !important;
-}
-
-.tabsheet li:hover {
- border: 1px solid #f92 !important;
-}
-
-.tabsheet li:hover a:hover {
- color: #f92;
+.tabsheet li:hover { border-color: #f92 !important; }
+ul.tabsheet li {
+ -moz-border-radius: 0px 0px 3px 3px;
+ border-radius: 0px 0px 12px 12px;
+ -webkit-border-radius: 0px 0px 3px 3px;
}
|