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



git-svn-id: http://piwigo.org/svn/trunk@9906 68402e56-0260-453c-a942-63ccdbb3a9ee
This commit is contained in:
plegall
2011-03-28 13:51:43 +00:00
parent 18878f8bb0
commit e405136d47
4 changed files with 25 additions and 14 deletions
@@ -1,15 +1,19 @@
.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: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;}