Last edited 2 years ago
by Demo writer

styles.css

/**horizontal **/
.zeroheight {display:none}
#langbar-hz {text-align:right;}
#langbar-hz + h2 {margin-top:0}
#langbar-hz + p {margin-top:1.5em}
#langbar-hz  .lang-button {display:inline-block;  border:1px solid #d8d8d9; border-radius:6px; padding:4px 8px; text-align:center; color:	#747474;transition: all .4s ease;
background: #fff;}
#langbar-hz .bi-globe2 {vertical-align:-0.15em; padding:0 4px}
#langbar-hz .bi-globe2::before {vertical-align: -0.015em; margin-right:4px}
#langbar-hz a {padding:0 3px; color:#2e6096}
#langbar-hz a.selflink { cursor: default; text-decoration: none; color: #747474; font-weight:600}
#langbar-hz a:not(:last-child)::after {content:'|'; margin-left:7px; margin-right:7px; font-size:0.8em; vertical-align:0.125em}
/**drop-down **/
#langbar {text-align:left;}
.mw-customtoggle-lang {display:inline-block; width:3.5em; border:1px solid #d8d8d9; border-radius:6px; padding:4px; text-align:center; color:	#747474;transition: all .4s ease;
background: #fff; /* Old browsers */
background: linear-gradient(to bottom, #ffffff 0%,#f1f3f9 50%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}
.mw-customtoggle-lang:hover {
background: #f1f3f9; /* Old browsers */
background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 50%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}
#mw-customcollapsible-lang .mw-collapsible-content {display:inline-block; width:2.8em; padding-left:0px}
#mw-customcollapsible-lang .mw-collapsible-content a {line-height:1.8em}