Changeset 9906 for trunk/plugins/language_switch/language_switch-default.css

Timestamp:

Mar 28, 2011, 3:51:43 PM (13 years ago)

Author:

plg

Message:

Language Switch:

• display language name next to flag (and enlarge the flag box to ~400px)

• force the links color inside the language box because the background color is

forced : on a theme like "grum dark II", the result is really awful, impossible
to read.

• the current language is not removed from the list, this ways the list is not

reorganized depending on the current language

File:

• trunk/plugins/language_switch/language_switch-default.css (modified) (1 diff)

trunk/plugins/language_switch/language_switch-default.css

@@ -1 @@
-.flag-pan { width:132px; z-index:100; border-width:1px; border-style: solid; background-color: #999; padding: 2px 5px 10px 5px; }
-.content ul.categoryActions .flag-pan a img.flags { margin: 5px 2px 10px; }
-.content ul.categoryActions .flag-pan a { margin: 0; border:none; }
+.flag-pan { width:380px; z-index:100; border:2px solid #CDCDCD; background-color: #f0f0f0; padding: 2px 5px 10px 5px; }
+.languageSwitchBoxTitle {display:block;width:370px;text-align:center;margin:5px auto;font-weight:bold;color:#464646;}
+.content ul.categoryActions .flag-pan a img.flags { margin-bottom: -2px; }
+.content ul.categoryActions .flag-pan a { margin: 0; border:none; color:#464646;}
+.content ul.categoryActions .flag-pan a:hover {color:black}
 .menuf { width:30px; height:24px; display: inline; } 
-.menuf ul li a, .menuf ul li a:visited {display:block; text-decoration:none; width:44px; height:27px; text-align:center; line-height:27px; overflow:hidden; border:none}
+.menuf ul li a, .menuf ul li a:visited {display:block; text-decoration:none; width:120px; height:27px; text-align:left; line-height:27px; overflow:hidden; border:none}
 .menuf ul {padding:0; margin:0; list-style: none;}
-.menuf ul li {float:left; position:relative; right: 0; top: 0;}
+.menuf ul li {float:left; position:relative; right:0; top:0; margin-left:5px}
 .menuf ul li ul {display: none;}/* specific to non IE browsers */
-.menuf li a:hover { border:0 !important;}
-.menuf .flags {border-width:1px !important; ; border-style: solid !important; margin-top:5px; }
-.menuf ul li:hover ul {display:block; position:absolute; top:0px; left:-96px; }
+.menuf li a:hover { border:1px dotted #464646}
+.menuf .flags {border:1px solid #ddd !important; margin-top:5px; }
+.menuf ul li:hover ul {display:block; position:absolute; top:0px; right:0px; }
 .menuf ul li:hover ul li ul {display: none;}
 .menuf ul li:hover ul li {display: block;}
 .menuf ul li:hover ul li a {display:block;}
 .menuf ul li:hover ul li:hover ul {display:block; position:absolute; left:0px; top:0;}
+
+.menuf ul li a.activeFlag, .menuf ul li a.activeFlag:visited {width:30px;}