You are here

Home » API reference » Language Switcher Dropdown 7

skin2.css in Language Switcher Dropdown 7 

.blue{border:1px solid #ddd;}
.blue .divider{display:none}
.blue .ddArrow{width:27px;height:27px; margin-top:-14px; background:url(../../images/msdropdown/skin2/dd_arrow.gif) no-repeat;}
.blue .ddArrow:hover{background-position:0 100%;}
.blue .ddTitle{color:#fff;background:#10bbe6 url(../../images/msdropdown/skin2/title-bg.gif) repeat-x left top;}
.blue .ddTitle .ddTitleText{padding:10px 20px 10px 5px; font-weight:bold; font-size:16px;}
.blue .ddTitle .ddTitleText .ddTitleText{padding:0;}
.blue .ddTitle .description{font-size:12px; color:#666}
.blue .ddTitle .ddTitleText img{padding-right:5px;}
.blue .ddChild{border:1px solid #c3c3c3; background-color:#fff; left:-1px;}
.blue .ddChild li{padding:5px; background-color:#fff; border-bottom:1px solid #c3c3c3;}
.blue .ddChild li .description{color:#666;}
.blue .ddChild li .ddlabel{color:#333;}
.blue .ddChild li.hover{background-color:#66CCFF;}
.blue .ddChild li img{padding:0 6px 0 0;}
.blue .ddChild li.optgroup{padding:0;}
.blue .ddChild li.optgroup .optgroupTitle{padding:0 5px; font-weight:bold; font-style:italic}
.blue .ddChild li.optgroup ul li{padding:5px 5px 5px 15px}
.blue .ddChild li.selected{background-color:#0d97ba;}
.blue .ddChild li.selected .ddlabel{color:#fff;}

File

msdropdown/css/msdropdown/skin2.css
View source 
  1. .blue{border:1px solid #ddd;}

  2. .blue .divider{display:none}

  3. .blue .ddArrow{width:27px;height:27px; margin-top:-14px; background:url(../../images/msdropdown/skin2/dd_arrow.gif) no-repeat;}

  4. .blue .ddArrow:hover{background-position:0 100%;}

  5. .blue .ddTitle{color:#fff;background:#10bbe6 url(../../images/msdropdown/skin2/title-bg.gif) repeat-x left top;}

  6. .blue .ddTitle .ddTitleText{padding:10px 20px 10px 5px; font-weight:bold; font-size:16px;}

  7. .blue .ddTitle .ddTitleText .ddTitleText{padding:0;}

  8. .blue .ddTitle .description{font-size:12px; color:#666}

  9. .blue .ddTitle .ddTitleText img{padding-right:5px;}

  10. .blue .ddChild{border:1px solid #c3c3c3; background-color:#fff; left:-1px;}

  11. .blue .ddChild li{padding:5px; background-color:#fff; border-bottom:1px solid #c3c3c3;}

  12. .blue .ddChild li .description{color:#666;}

  13. .blue .ddChild li .ddlabel{color:#333;}

  14. .blue .ddChild li.hover{background-color:#66CCFF;}

  15. .blue .ddChild li img{padding:0 6px 0 0;}

  16. .blue .ddChild li.optgroup{padding:0;}

  17. .blue .ddChild li.optgroup .optgroupTitle{padding:0 5px; font-weight:bold; font-style:italic}

  18. .blue .ddChild li.optgroup ul li{padding:5px 5px 5px 15px}

  19. .blue .ddChild li.selected{background-color:#0d97ba;}

  20. .blue .ddChild li.selected .ddlabel{color:#fff;}