From c0de91eb56964ccce35d82c7dbac987ca994aace Mon Sep 17 00:00:00 2001 From: vdigital Date: Fri, 9 Mar 2007 23:30:03 +0000 Subject: Bug on admin tabsheets under IE7 git-svn-id: http://piwigo.org/svn/trunk@1886 68402e56-0260-453c-a942-63ccdbb3a9ee --- template/yoga/admin/default-layout.css | 309 ++++++++++++++++----------------- template/yoga/fix-ie7.css | 11 ++ template/yoga/not-ie.css | 5 + template/yoga/theme/clear/theme.css | 25 +-- template/yoga/theme/dark/theme.css | 24 ++- template/yoga/theme/p0w0/theme.css | 40 +---- template/yoga/theme/wipi/theme.css | 35 ++-- 7 files changed, 211 insertions(+), 238 deletions(-) (limited to 'template/yoga') 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; } -- cgit v1.2.3