From 685f4e2998ba782b03bd0488131a6e1665de0955 Mon Sep 17 00:00:00 2001 From: rvelices Date: Thu, 21 Aug 2008 01:14:03 +0000 Subject: - tried to reduce the number of css rules and selectors (most gains on menubar and usercomments) tested with IE6,IE7,FF,Opera9,Safari3 git-svn-id: http://piwigo.org/svn/trunk@2480 68402e56-0260-453c-a942-63ccdbb3a9ee --- template/yoga/menubar.css | 76 ++++++----------------------------------------- 1 file changed, 9 insertions(+), 67 deletions(-) (limited to 'template/yoga/menubar.css') diff --git a/template/yoga/menubar.css b/template/yoga/menubar.css index c777213c3..94f1d0a56 100644 --- a/template/yoga/menubar.css +++ b/template/yoga/menubar.css @@ -3,7 +3,6 @@ margin: 0 0 10px 1em; padding: 0; display: inline; - text-align: left; /* follow-up of the "be nice to IE5" rule */ } #menubar DL, #menubar DT, #menubar DD { @@ -23,19 +22,16 @@ /* H2 properties copied here */ #menubar DT { font-weight: bold; - margin: 0; padding: 5px 5px 5px 5px; font-size: 120%; text-align: center; } #menubar UL, -#menubar HR, #menubar FORM, -#menubar P, /* ooh, careful... */ -#menubar .totalImages { +#menubar P { font-size: 92%; - margin: 10px 0 10px 10px; + margin: 10px 0 10px 5px; } #menubar UL { list-style-type: square; @@ -57,83 +53,29 @@ } #menubar .menuInfoCatByChild { - font-size: 80%; - font-style: italic; + font-size: 80%; + font-style: italic; } -#menubar HR { - display: block; - margin: 10px auto; - width: 90%; -} #menubar INPUT { text-indent: 2px; } /* quickconnect form */ FORM#quickconnect { - margin: 0; - padding: 5px; + margin: 5px; + padding: 0; } FORM#quickconnect FIELDSET { margin: 0; - padding: 0 0 0.5em 0; -} - -FORM#quickconnect P { - margin-left: 0; - font-size: 100%; - float: left; - clear: left; -} - -FORM#quickconnect P INPUT { - margin: 0; + padding: 0; /*IE6 requires padding 0*/ } -FORM#quickconnect UL.actions { - display: inline; - float: right; +FORM#quickconnect FIELDSET DIV { + margin: 8px 5px; padding: 0; - text-align: right; /* Opera 7.5 */ -} -FORM#quickconnect FIELDSET>UL.actions { - width: 40%; /* Opera 7.5 cannot find why width:auto fails :-( */ -} - -FORM#quickconnect UL.actions, -FORM#quickconnect P, -FORM#quickconnect LABEL { - padding: 0 0.5em 0 0.5em; -} - -FORM#quickconnect LABEL { - margin:0; - width: 100%; - box-sizing: border-box; /* CSS3 */ -} - -FORM#quickconnect INPUT[type=text], -FORM#quickconnect INPUT[type=password] { - width: 100%; /* mozilla can handle 100% */ -} -/* same as above for IE with inputfix.htc -unfortunately IE doesn't handle that correctly - so you should set a width in em in local_layout.css */ -/*FORM#quickconnect INPUT.text, -FORM#quickconnect INPUT.password { - width: 95%; -}*/ - -FORM#quicksearch { - margin-top: 4px; - margin-bottom: 1px; -} -INPUT#qsearchInput { - width: 90%; } -#menubar #mbMenu p { margin: 0px; padding: 0px; } #menubar #menuTagCloud { text-align: center; -- cgit v1.2.3