SDAC Translate, how to make flags horizontal?
-
Hi,
i just installed SDAC translate and needed to know which CSS to edit to make the flags horizontal…thanks.
my website
https://lizartlizard.com
-
this is all i could find in the CSS file
/* SDAC Translate CSS */
#sdac_translate .sdac_flag {height:11px !important;line-height:11px !important;margin-top:3px;}
#sdac_translate .sdac_flag#sq {background-position: 0 0;}
#sdac_translate .sdac_flag#ar {background-position: 0 -11px;}
#sdac_translate .sdac_flag#bg {background-position: 0 -22px;}
#sdac_translate .sdac_flag#ca {background-position: 0 -33px;}
#sdac_translate .sdac_flag#zh-CN {background-position: 0 -44px;}
#sdac_translate .sdac_flag#zh-TW {background-position: 0 -44px;}
#sdac_translate .sdac_flag#hr {background-position: 0 -55px;}
#sdac_translate .sdac_flag#cs {background-position: 0 -66px;}
#sdac_translate .sdac_flag#da {background-position: 0 -77px;}
#sdac_translate .sdac_flag#nl {background-position: 0 -88px;}
#sdac_translate .sdac_flag#et {background-position: 0 -99px;}
#sdac_translate .sdac_flag#tl {background-position: 0 -110px;}
#sdac_translate .sdac_flag#fi {background-position: 0 -121px;}
#sdac_translate .sdac_flag#fr {background-position: 0 -132px;}
#sdac_translate .sdac_flag#gl {background-position: 0 -143px;}
#sdac_translate .sdac_flag#de {background-position: 0 -154px;}
#sdac_translate .sdac_flag#el {background-position: 0 -165px;}
#sdac_translate .sdac_flag#iw {background-position: 0 -176px;}
#sdac_translate .sdac_flag#hi {background-position: 0 -187px;}
#sdac_translate .sdac_flag#hu {background-position: 0 -198px;}
#sdac_translate .sdac_flag#id {background-position: 0 -209px;}
#sdac_translate .sdac_flag#it {background-position: 0 -220px;}
#sdac_translate .sdac_flag#ja {background-position: 0 -231px;}
#sdac_translate .sdac_flag#ko {background-position: 0 -242px;}
#sdac_translate .sdac_flag#lv {background-position: 0 -253px;}
#sdac_translate .sdac_flag#lt {background-position: 0 -264px;}
#sdac_translate .sdac_flag#mt {background-position: 0 -275px;}
#sdac_translate .sdac_flag#no {background-position: 0 -286px;}
#sdac_translate .sdac_flag#pl {background-position: 0 -297px;}
#sdac_translate .sdac_flag#pt {background-position: 0 -308px;}
#sdac_translate .sdac_flag#ro {background-position: 0 -319px;}
#sdac_translate .sdac_flag#ru {background-position: 0 -330px;}
#sdac_translate .sdac_flag#sr {background-position: 0 -341px;}
#sdac_translate .sdac_flag#sk {background-position: 0 -352px;}
#sdac_translate .sdac_flag#sl {background-position: 0 -363px;}
#sdac_translate .sdac_flag#es {background-position: 0 -374px;}
#sdac_translate .sdac_flag#sv {background-position: 0 -385px;}
#sdac_translate .sdac_flag#th {background-position: 0 -396px;}
#sdac_translate .sdac_flag#tr {background-position: 0 -407px;}
#sdac_translate .sdac_flag#uk {background-position: 0 -418px;}
#sdac_translate .sdac_flag#vi {background-position: 0 -429px;}
#sdac_translate .sdac_flag#en {background-position: 0 -440px;}
#sdac_translate .sdac_flag#ka {background-position: 0 -451px;}i also found this file, but i don’t know which controls the widget. thnks.
/* Custom SDAC Inc. CSS
———————————-*/.clearjz {clear:both;border:0;}
#sdac_translate a {font-weight:bold;color:#3e88a2;text-decoration:none;}
#sdac_translate a:hover {text-decoration:none;}
#sdac_translate .ui-state-default a {color:#333 !important;}#sdac_translate p {margin:0 0 10px 0;padding:0;}
#sdac_translate .info {color:#999;font-size:.9em;font-weight:bold;}#sdac_translate {width:700px;margin:20px 0 0 0;border:1px solid #ddd;}
#sdac_translate label {width:250px;float:left;font-weight:bold;}
#sdac_translate select {width:285px;}#sdac_translate .check div {float:left;display:inline;width:32%;margin-right:5px;}
#sdac_translate .check label {font-weight:bold;float:none;width:auto}
#sdac_translate #country_options, #sdac_translate .border {width:100%;height:20px;border-bottom:1px dashed #bbb;border-top:1px dashed #bbb;margin:10px 0 10px 0;padding:10px 0 10px 0;}
#sdac_translate .country_option input {float:left;width:auto;}
#sdac_translate .item h4 {float:left;display:inline;width:250px;margin:0;padding:0;}
#sdac_translate .item h5 {float:left;display:inline;margin:0;padding:0;}
#sdac_translate .item.check input{vertical-align:text-bottom;}
#sdac_translate .submit {margin-top:25px;}#sdac_translate .item .country_option span {float:left;display:block;background: url(‘../images/flags.gif?v2’) no-repeat;height:11px;line-height:11px;margin-left:5px;padding-left:20px;}
#sdac_translate .sdac_flag {margin-top:2px;}
.wp-admin #sdac_translate .item d.country_option span {height:16px;line-height:16px !important;}#sdac_translate .sdac_translate_option .country_option {border-bottom:1px dashed #ddd;margin:3px 0 5px 0;padding-bottom:5px;line-height:24px;vertical-align:middle;}
#sdac_translate #support ul {margin-left:15px;}
#sdac_translate #support ul li {list-style:square;}/* Farbastic
———————————-*/
.colorwell {border: 2px solid #fff;width: 6em;text-align: center;cursor: pointer;}
body .colorwell-selected {border: 2px solid #000;font-weight: bold;}/* JQuery UI
———————————-*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: “.”; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
.ui-state-disabled { cursor: default !important; }
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
.ui-widget { font-family: Arial,sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial,sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #eeeeee; background: #ffffff url(‘../images/ui-bg_flat_75_ffffff_40x100.png’) 50% 50% repeat-x; color: #333333; }
.ui-widget-content a { color: #333333; }
.ui-widget-header { border: 1px solid #e3a1a1; background: #cc0000 url(‘../images/ui-bg_highlight-soft_15_004276_1x100.png’) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }/* Interaction states
———————————-*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { color:#333;text-transform:uppercase; border: 1px solid #d8dcdf; background: #eeeeee url(‘../images/ui-bg_highlight-hard_100_eeeeee_1x100.png’) 50% 50% repeat-x; font-weight: bold; color: #004276; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color:#333;text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #cdd5da; background: #f6f6f6 url(‘../images/ui-bg_highlight-hard_100_f6f6f6_1x100.png’) 50% 50% repeat-x; font-weight: bold; color: #111111; }
.ui-state-hover a, .ui-state-hover a:hover { color: #111111; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { text-transform:uppercase;border: 1px solid #eeeeee; background: #ffffff url(‘../images/ui-bg_flat_65_ffffff_40x100.png’) 50% 50% repeat-x; font-weight: bold; color: #cc0000; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #333; text-decoration: none;}
.ui-widget :active { outline: none; }/* Interaction Cues
———————————-*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #fcd3a1; background: #fbf8ee url(‘../images/ui-bg_glass_55_fbf8ee_1x400.png’) 50% 50% repeat-x; color: #444444; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #444444; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cc0000; background: #f3d8d8 url(‘../images/ui-bg_diagonals-thick_75_f3d8d8_40x40.png’) 50% 50% repeat; color: #2e2e2e; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #2e2e2e; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #2e2e2e; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }/* Layout helpers
———————————-*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: “.”; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }/* Interaction Cues
———————————-*/
.ui-state-disabled { cursor: default !important; }/* Icons
———————————-*//* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
.ui-icon { width: 16px; height: 16px; background-image: url(‘../images/ui-icons_004276_256x240.png’); }
.ui-widget-content .ui-icon {background-image: url(‘../images/ui-icons_004276_256x240.png’); }
.ui-widget-header .ui-icon {background-image: url(‘../images/ui-icons_ffffff_256x240.png’); }
.ui-state-default .ui-icon { background-image: url(‘../images/ui-icons_004276_256x240.png’); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(‘../images/ui-icons_004276_256x240.png’); }
.ui-state-active .ui-icon {background-image: url(‘../images/ui-icons_004276_256x240.png’); }
.ui-state-highlight .ui-icon {background-image: url(‘../images/ui-icons_004276_256x240.png’); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(‘../images/ui-icons_004276_256x240.png’); }/* positioning */
/* positioning */
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }/* Misc visuals
———————————-*//* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; }
.ui-corner-tr { -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; }
.ui-corner-br { -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; }
.ui-corner-top { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; }
.ui-corner-right { -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; }
.ui-corner-left { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; }
.ui-corner-all { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }.ui-accordion { width: 100%; }
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
.ui-accordion .ui-accordion-content-active { display: block; }
- The topic ‘SDAC Translate, how to make flags horizontal?’ is closed to new replies.