You are here

Home » API reference » Language Switcher Dropdown 7

ldsSkin.css in Language Switcher Dropdown 7

Same filename and directory in other branches
  1. 7.2 msdropdown/css/msdropdown/ldsSkin.css
/*************** default language dropdown switcher theme - enforce ul paddihg in dd theme **********************/
.ldsSkin{border:1px solid #c3c3c3;}
.ldsSkin .divider{border-left:1px solid #c3c3c3; border-right:1px solid #fff; right:24px;}
.ldsSkin .ddArrow{width:16px;height:16px; margin-top:-8px; background:url(../../images/msdropdown/ldsSkin/dd_arrow.gif) no-repeat;}
.ldsSkin .ddArrow:hover{background-position:0 100%;}
.ldsSkin .ddTitle{color:#000;background:#e2e2e4 url(../../images/msdropdown/ldsSkin/title-bg.gif) repeat-x left top;}
.ldsSkin .ddTitle .ddTitleText{padding:5px 20px 5px 5px;}
.ldsSkin .ddTitle .ddTitleText .ddTitleText{padding:0;}
.ldsSkin .ddTitle .description{font-size:12px; color:#666}
.ldsSkin .ddTitle .ddTitleText img{padding-right:5px; width: 20px; height: 14px;}
.ldsSkin .ddChild{border:1px solid #c3c3c3; background-color:#fff; left:-1px;}
.ldsSkin .ddChild li{padding:5px; background-color:#fff; border-bottom:0 !important;}
.ldsSkin .ddChild li .description{color:#666;}
.ldsSkin .ddChild li .ddlabel{color:#333;}
.ldsSkin .ddChild li.hover{background-color:#f2f2f2}
.ldsSkin .ddChild li img{padding:0 6px 0 0; width: 20px; height: 14px;}
.ldsSkin .ddChild li.optgroup{padding:0;}
.ldsSkin .ddChild li.optgroup .optgroupTitle{padding:0 5px; font-weight:bold; font-style:italic}
.ldsSkin .ddChild li.optgroup ul li{padding:5px 5px 5px 15px}
.ldsSkin .ddChild li.selected{background-color:#d5d5d5; color:#000;}
.ldsSkin ul{padding: 0 !important;}

/*************** language dropdown switcher theme with icon afer text **********************/
.ldsSkinAfter{border:1px solid #c3c3c3;}
.ldsSkinAfter .divider{border-left:1px solid #c3c3c3; border-right:1px solid #fff; right:24px;}
.ldsSkinAfter .ddArrow{width:16px;height:16px; margin-top:-8px; background:url(../../images/msdropdown/ldsSkin/dd_arrow.gif) no-repeat;}
.ldsSkinAfter .ddArrow:hover{background-position:0 100%;}
.ldsSkinAfter .ddTitle{color:#000;background:#e2e2e4 url(../../images/msdropdown/ldsSkin/title-bg.gif) repeat-x left top; display:block !important;}
.ldsSkinAfter .ddTitle .ddTitleText{padding:5px 20px 5px 5px; overflow:hidden;}
.ldsSkinAfter .ddTitle .ddTitleText .ddTitleText{padding:0;}
.ldsSkinAfter .ddTitle .description{font-size:12px; color:#666}
.ldsSkinAfter .ddTitle .ddTitleText img{padding-right:10px; float:right !important; width: 20px; height: 14px;}
.ldsSkinAfter .ddTitle .ddTitleText .ddlabel{float:left; padding-right:6px;}
.ldsSkinAfter .ddChild{border:1px solid #c3c3c3; background-color:#fff; left:-1px;}
.ldsSkinAfter .ddChild li{padding:5px; background-color:#fff; border-bottom:0 !important;}
.ldsSkinAfter .ddChild li .description{color:#666;}
.ldsSkinAfter .ddChild li .ddlabel{float:left; padding-right:6px; color:#333;}
.ldsSkinAfter .ddChild li.hover{background-color:#f2f2f2}
.ldsSkinAfter .ddChild li img{float:right !important; padding:0 10px 0 0; width: 20px; height: 14px;}
.ldsSkinAfter .ddChild li.optgroup{padding:0;}
.ldsSkinAfter .ddChild li.optgroup .optgroupTitle{padding:0 5px; font-weight:bold; font-style:italic}
.ldsSkinAfter .ddChild li.optgroup ul li{padding:5px 5px 5px 15px}
.ldsSkinAfter .ddChild li.selected{background-color:#d5d5d5; color:#000;}
.ldsSkinAfter ul{padding: 0 !important;}

/*************** language dropdown switcher theme with no flag, only label **********************/
.ldsSkinNoIcon{border:1px solid #c3c3c3;}
.ldsSkinNoIcon .divider{border-left:1px solid #c3c3c3; border-right:1px solid #fff; right:24px;}
.ldsSkinNoIcon .ddArrow{width:16px;height:16px; margin-top:-8px; background:url(../../images/msdropdown/ldsSkin/dd_arrow.gif) no-repeat;}
.ldsSkinNoIcon .ddArrow:hover{background-position:0 100%;}
.ldsSkinNoIcon .ddTitle{color:#000;background:#e2e2e4 url(../../images/msdropdown/ldsSkin/title-bg.gif) repeat-x left top;}
.ldsSkinNoIcon .ddTitle .ddTitleText{padding:5px 20px 5px 5px;}
.ldsSkinNoIcon .ddTitle .ddTitleText .ddTitleText{padding:0;}
.ldsSkinNoIcon .ddTitle .description{font-size:12px; color:#666}
.ldsSkinNoIcon .ddTitle .ddTitleText img{padding-right:5px; width: 20px; height: 14px; display:none;}
.ldsSkinNoIcon .ddChild{border:1px solid #c3c3c3; background-color:#fff; left:-1px;}
.ldsSkinNoIcon .ddChild li{padding:5px; background-color:#fff; border-bottom:0 !important;}
.ldsSkinNoIcon .ddChild li .description{color:#666;}
.ldsSkinNoIcon .ddChild li .ddlabel{color:#333;}
.ldsSkinNoIcon .ddChild li.hover{background-color:#f2f2f2}
.ldsSkinNoIcon .ddChild li img{padding:0 6px 0 0; width: 20px; height: 14px; display:none;}
.ldsSkinNoIcon .ddChild li.optgroup{padding:0;}
.ldsSkinNoIcon .ddChild li.optgroup .optgroupTitle{padding:0 5px; font-weight:bold; font-style:italic}
.ldsSkinNoIcon .ddChild li.optgroup ul li{padding:5px 5px 5px 15px}
.ldsSkinNoIcon .ddChild li.selected{background-color:#d5d5d5; color:#000;}
.ldsSkinNoIcon ul{padding: 0 !important;}

/*************** language dropdown switcher theme with no label, only flag **********************/
.ldsSkinNoLabel{border:1px solid #c3c3c3;}
.ldsSkinNoLabel .divider{border-left:1px solid #c3c3c3; border-right:1px solid #fff; right:24px;}
.ldsSkinNoLabel .ddArrow{width:16px;height:16px; margin-top:-8px; background:url(../../images/msdropdown/ldsSkin/dd_arrow.gif) no-repeat;}
.ldsSkinNoLabel .ddArrow:hover{background-position:0 100%;}
.ldsSkinNoLabel .ddTitle{color:#000;background:#e2e2e4 url(../../images/msdropdown/ldsSkin/title-bg.gif) repeat-x left top;}
.ldsSkinNoLabel .ddTitle .ddTitleText{padding:5px 20px 5px 5px;}
.ldsSkinNoLabel .ddTitle .ddTitleText .ddTitleText{padding:0;}
.ldsSkinNoLabel .ddTitle .description{font-size:12px; color:#666}
.ldsSkinNoLabel .ddTitle .ddlabel{display:none;}
.ldsSkinNoLabel .ddTitle .ddTitleText img{padding-right:5px; width: 20px; height: 14px;}
.ldsSkinNoLabel .ddChild{border:1px solid #c3c3c3; background-color:#fff; left:-1px;}
.ldsSkinNoLabel .ddChild li{padding:5px; background-color:#fff; border-bottom:0 !important;}
.ldsSkinNoLabel .ddChild li .description{color:#666;}
.ldsSkinNoLabel .ddChild li .ddlabel{color:#333; display:none;}
.ldsSkinNoLabel .ddChild li.hover{background-color:#f2f2f2}
.ldsSkinNoLabel .ddChild li img{padding:0 6px 0 0; width: 20px; height: 14px;}
.ldsSkinNoLabel .ddChild li.optgroup{padding:0;}
.ldsSkinNoLabel .ddChild li.optgroup .optgroupTitle{padding:0 5px; font-weight:bold; font-style:italic}
.ldsSkinNoLabel .ddChild li.optgroup ul li{padding:5px 5px 5px 15px}
.ldsSkinNoLabel .ddChild li.selected{background-color:#d5d5d5; color:#000;}
.ldsSkinNoLabel ul{padding: 0 !important;}

File

msdropdown/css/msdropdown/ldsSkin.css
View source 
  1. /*************** default language dropdown switcher theme - enforce ul paddihg in dd theme **********************/

  2. .ldsSkin{border:1px solid #c3c3c3;}

  3. .ldsSkin .divider{border-left:1px solid #c3c3c3; border-right:1px solid #fff; right:24px;}

  4. .ldsSkin .ddArrow{width:16px;height:16px; margin-top:-8px; background:url(../../images/msdropdown/ldsSkin/dd_arrow.gif) no-repeat;}

  5. .ldsSkin .ddArrow:hover{background-position:0 100%;}

  6. .ldsSkin .ddTitle{color:#000;background:#e2e2e4 url(../../images/msdropdown/ldsSkin/title-bg.gif) repeat-x left top;}

  7. .ldsSkin .ddTitle .ddTitleText{padding:5px 20px 5px 5px;}

  8. .ldsSkin .ddTitle .ddTitleText .ddTitleText{padding:0;}

  9. .ldsSkin .ddTitle .description{font-size:12px; color:#666}

  10. .ldsSkin .ddTitle .ddTitleText img{padding-right:5px; width: 20px; height: 14px;}

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

  12. .ldsSkin .ddChild li{padding:5px; background-color:#fff; border-bottom:0 !important;}

  13. .ldsSkin .ddChild li .description{color:#666;}

  14. .ldsSkin .ddChild li .ddlabel{color:#333;}

  15. .ldsSkin .ddChild li.hover{background-color:#f2f2f2}

  16. .ldsSkin .ddChild li img{padding:0 6px 0 0; width: 20px; height: 14px;}

  17. .ldsSkin .ddChild li.optgroup{padding:0;}

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

  19. .ldsSkin .ddChild li.optgroup ul li{padding:5px 5px 5px 15px}

  20. .ldsSkin .ddChild li.selected{background-color:#d5d5d5; color:#000;}

  21. .ldsSkin ul{padding: 0 !important;}

  22. 

  23. /*************** language dropdown switcher theme with icon afer text **********************/

  24. .ldsSkinAfter{border:1px solid #c3c3c3;}

  25. .ldsSkinAfter .divider{border-left:1px solid #c3c3c3; border-right:1px solid #fff; right:24px;}

  26. .ldsSkinAfter .ddArrow{width:16px;height:16px; margin-top:-8px; background:url(../../images/msdropdown/ldsSkin/dd_arrow.gif) no-repeat;}

  27. .ldsSkinAfter .ddArrow:hover{background-position:0 100%;}

  28. .ldsSkinAfter .ddTitle{color:#000;background:#e2e2e4 url(../../images/msdropdown/ldsSkin/title-bg.gif) repeat-x left top; display:block !important;}

  29. .ldsSkinAfter .ddTitle .ddTitleText{padding:5px 20px 5px 5px; overflow:hidden;}

  30. .ldsSkinAfter .ddTitle .ddTitleText .ddTitleText{padding:0;}

  31. .ldsSkinAfter .ddTitle .description{font-size:12px; color:#666}

  32. .ldsSkinAfter .ddTitle .ddTitleText img{padding-right:10px; float:right !important; width: 20px; height: 14px;}

  33. .ldsSkinAfter .ddTitle .ddTitleText .ddlabel{float:left; padding-right:6px;}

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

  35. .ldsSkinAfter .ddChild li{padding:5px; background-color:#fff; border-bottom:0 !important;}

  36. .ldsSkinAfter .ddChild li .description{color:#666;}

  37. .ldsSkinAfter .ddChild li .ddlabel{float:left; padding-right:6px; color:#333;}

  38. .ldsSkinAfter .ddChild li.hover{background-color:#f2f2f2}

  39. .ldsSkinAfter .ddChild li img{float:right !important; padding:0 10px 0 0; width: 20px; height: 14px;}

  40. .ldsSkinAfter .ddChild li.optgroup{padding:0;}

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

  42. .ldsSkinAfter .ddChild li.optgroup ul li{padding:5px 5px 5px 15px}

  43. .ldsSkinAfter .ddChild li.selected{background-color:#d5d5d5; color:#000;}

  44. .ldsSkinAfter ul{padding: 0 !important;}

  45. 

  46. /*************** language dropdown switcher theme with no flag, only label **********************/

  47. .ldsSkinNoIcon{border:1px solid #c3c3c3;}

  48. .ldsSkinNoIcon .divider{border-left:1px solid #c3c3c3; border-right:1px solid #fff; right:24px;}

  49. .ldsSkinNoIcon .ddArrow{width:16px;height:16px; margin-top:-8px; background:url(../../images/msdropdown/ldsSkin/dd_arrow.gif) no-repeat;}

  50. .ldsSkinNoIcon .ddArrow:hover{background-position:0 100%;}

  51. .ldsSkinNoIcon .ddTitle{color:#000;background:#e2e2e4 url(../../images/msdropdown/ldsSkin/title-bg.gif) repeat-x left top;}

  52. .ldsSkinNoIcon .ddTitle .ddTitleText{padding:5px 20px 5px 5px;}

  53. .ldsSkinNoIcon .ddTitle .ddTitleText .ddTitleText{padding:0;}

  54. .ldsSkinNoIcon .ddTitle .description{font-size:12px; color:#666}

  55. .ldsSkinNoIcon .ddTitle .ddTitleText img{padding-right:5px; width: 20px; height: 14px; display:none;}

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

  57. .ldsSkinNoIcon .ddChild li{padding:5px; background-color:#fff; border-bottom:0 !important;}

  58. .ldsSkinNoIcon .ddChild li .description{color:#666;}

  59. .ldsSkinNoIcon .ddChild li .ddlabel{color:#333;}

  60. .ldsSkinNoIcon .ddChild li.hover{background-color:#f2f2f2}

  61. .ldsSkinNoIcon .ddChild li img{padding:0 6px 0 0; width: 20px; height: 14px; display:none;}

  62. .ldsSkinNoIcon .ddChild li.optgroup{padding:0;}

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

  64. .ldsSkinNoIcon .ddChild li.optgroup ul li{padding:5px 5px 5px 15px}

  65. .ldsSkinNoIcon .ddChild li.selected{background-color:#d5d5d5; color:#000;}

  66. .ldsSkinNoIcon ul{padding: 0 !important;}

  67. 

  68. /*************** language dropdown switcher theme with no label, only flag **********************/

  69. .ldsSkinNoLabel{border:1px solid #c3c3c3;}

  70. .ldsSkinNoLabel .divider{border-left:1px solid #c3c3c3; border-right:1px solid #fff; right:24px;}

  71. .ldsSkinNoLabel .ddArrow{width:16px;height:16px; margin-top:-8px; background:url(../../images/msdropdown/ldsSkin/dd_arrow.gif) no-repeat;}

  72. .ldsSkinNoLabel .ddArrow:hover{background-position:0 100%;}

  73. .ldsSkinNoLabel .ddTitle{color:#000;background:#e2e2e4 url(../../images/msdropdown/ldsSkin/title-bg.gif) repeat-x left top;}

  74. .ldsSkinNoLabel .ddTitle .ddTitleText{padding:5px 20px 5px 5px;}

  75. .ldsSkinNoLabel .ddTitle .ddTitleText .ddTitleText{padding:0;}

  76. .ldsSkinNoLabel .ddTitle .description{font-size:12px; color:#666}

  77. .ldsSkinNoLabel .ddTitle .ddlabel{display:none;}

  78. .ldsSkinNoLabel .ddTitle .ddTitleText img{padding-right:5px; width: 20px; height: 14px;}

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

  80. .ldsSkinNoLabel .ddChild li{padding:5px; background-color:#fff; border-bottom:0 !important;}

  81. .ldsSkinNoLabel .ddChild li .description{color:#666;}

  82. .ldsSkinNoLabel .ddChild li .ddlabel{color:#333; display:none;}

  83. .ldsSkinNoLabel .ddChild li.hover{background-color:#f2f2f2}

  84. .ldsSkinNoLabel .ddChild li img{padding:0 6px 0 0; width: 20px; height: 14px;}

  85. .ldsSkinNoLabel .ddChild li.optgroup{padding:0;}

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

  87. .ldsSkinNoLabel .ddChild li.optgroup ul li{padding:5px 5px 5px 15px}

  88. .ldsSkinNoLabel .ddChild li.selected{background-color:#d5d5d5; color:#000;}

  89. .ldsSkinNoLabel ul{padding: 0 !important;}