- 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

1 files changed, 9 insertions, 67 deletions

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;