You are here

Home » API reference » Language Switcher Dropdown 7

ldsDark.css in Language Switcher Dropdown 7

Same filename and directory in other branches
  1. 7.2 msdropdown/css/msdropdown/ldsDark.css
/*************** dark language dropdown switcher theme **********************/
.ldsDark{border:1px solid #3c3c3c;}
.ldsDark .divider{border-left:1px solid #3e3e3e; border-right:1px solid #000; right:24px;}
.ldsDark .ddArrow{width:16px;height:16px; margin-top:-8px; background:url(../../images/msdropdown/ldsDark/dd_arrow.gif) no-repeat;}
.ldsDark .ddArrow:hover{background-position:0 100%;}
.ldsDark .ddTitle{color:#efefef;background:#1e1e1e url(../../images/msdropdown/ldsDark/title-bg.gif) repeat-x left top;}
.ldsDark .ddTitle .ddTitleText{padding:5px 20px 5px 5px;}
.ldsDark .ddTitle .ddTitleText .ddTitleText{padding:0;}
.ldsDark .ddTitle .description{font-size:12px; color:#999}
.ldsDark .ddTitle .ddTitleText img{padding-right:5px; width: 20px; height: 14px;}
.ldsDark .ddChild{border:1px solid #000; background-color:#3e3e3e; left:-1px;}
.ldsDark .ddChild li{padding:5px; background-color:#3e3e3e; border-bottom:0 !important;}
.ldsDark .ddChild li .description{color:#999;}
.ldsDark .ddChild li .ddlabel{color:#dedede;}
.ldsDark .ddChild li.hover{background-color:#565656}
.ldsDark .ddChild li img{padding:0 6px 0 0; width: 20px; height: 14px;}
.ldsDark .ddChild li.optgroup{padding:0;}
.ldsDark .ddChild li.optgroup .optgroupTitle{padding:0 5px; font-weight:bold; font-style:italic}
.ldsDark .ddChild li.optgroup ul li{padding:5px 5px 5px 15px}
.ldsDark .ddChild li.selected{background-color:#6f6f6f; color:#3e3e3e;}
.ldsDark ul{padding: 0 !important;}

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

/*************** dark language dropdown switcher theme with no flag, only label **********************/
.ldsDarkNoIcon{border:1px solid #3c3c3c;}
.ldsDarkNoIcon .divider{border-left:1px solid #3e3e3e; border-right:1px solid #000; right:24px;}
.ldsDarkNoIcon .ddArrow{width:16px;height:16px; margin-top:-8px; background:url(../../images/msdropdown/ldsDark/dd_arrow.gif) no-repeat;}
.ldsDarkNoIcon .ddArrow:hover{background-position:0 100%;}
.ldsDarkNoIcon .ddTitle{color:#efefef;background:#1e1e1e url(../../images/msdropdown/ldsDark/title-bg.gif) repeat-x left top;}
.ldsDarkNoIcon .ddTitle .ddTitleText{padding:5px 20px 5px 5px;}
.ldsDarkNoIcon .ddTitle .ddTitleText .ddTitleText{padding:0;}
.ldsDarkNoIcon .ddTitle .description{font-size:12px; color:#999}
.ldsDarkNoIcon .ddTitle .ddTitleText img{padding-right:5px; width: 20px; height: 14px; display:none;}
.ldsDarkNoIcon .ddChild{border:1px solid #000; background-color:#3e3e3e; left:-1px;}
.ldsDarkNoIcon .ddChild li{padding:5px; background-color:#3e3e3e; border-bottom:0 !important;}
.ldsDarkNoIcon .ddChild li .description{color:#999;}
.ldsDarkNoIcon .ddChild li .ddlabel{color:#dedede;}
.ldsDarkNoIcon .ddChild li.hover{background-color:#565656}
.ldsDarkNoIcon .ddChild li img{padding:0 6px 0 0; width: 20px; height: 14px; display:none;}
.ldsDarkNoIcon .ddChild li.optgroup{padding:0;}
.ldsDarkNoIcon .ddChild li.optgroup .optgroupTitle{padding:0 5px; font-weight:bold; font-style:italic}
.ldsDarkNoIcon .ddChild li.optgroup ul li{padding:5px 5px 5px 15px}
.ldsDarkNoIcon .ddChild li.selected{background-color:#6f6f6f; color:#3e3e3e;}
.ldsDarkNoIcon ul{padding: 0 !important;}

/*************** dark language dropdown switcher theme with no label, only flag **********************/
.ldsDarkNoLabel{border:1px solid #3c3c3c;}
.ldsDarkNoLabel .divider{border-left:1px solid #3e3e3e; border-right:1px solid #000; right:24px;}
.ldsDarkNoLabel .ddArrow{width:16px;height:16px; margin-top:-8px; background:url(../../images/msdropdown/ldsDark/dd_arrow.gif) no-repeat;}
.ldsDarkNoLabel .ddArrow:hover{background-position:0 100%;}
.ldsDarkNoLabel .ddTitle{color:#efefef;background:#1e1e1e url(../../images/msdropdown/ldsDark/title-bg.gif) repeat-x left top;}
.ldsDarkNoLabel .ddTitle .ddTitleText{padding:5px 20px 5px 5px;}
.ldsDarkNoLabel .ddTitle .ddTitleText .ddTitleText{padding:0;}
.ldsDarkNoLabel .ddTitle .description{font-size:12px; color:#999}
.ldsDarkNoLabel .ddTitle .ddlabel{display:none;}
.ldsDarkNoLabel .ddTitle .ddTitleText img{padding-right:5px; width: 20px; height: 14px;}
.ldsDarkNoLabel .ddChild{border:1px solid #000; background-color:#3e3e3e; left:-1px;}
.ldsDarkNoLabel .ddChild li{padding:5px; background-color:#3e3e3e; border-bottom:0 !important;}
.ldsDarkNoLabel .ddChild li .description{color:#999;}
.ldsDarkNoLabel .ddChild li .ddlabel{color:#dedede; display:none;}
.ldsDarkNoLabel .ddChild li.hover{background-color:#565656}
.ldsDarkNoLabel .ddChild li img{padding:0 6px 0 0; width: 20px; height: 14px;}
.ldsDarkNoLabel .ddChild li.optgroup{padding:0;}
.ldsDarkNoLabel .ddChild li.optgroup .optgroupTitle{padding:0 5px; font-weight:bold; font-style:italic}
.ldsDarkNoLabel .ddChild li.optgroup ul li{padding:5px 5px 5px 15px}
.ldsDarkNoLabel .ddChild li.selected{background-color:#6f6f6f; color:#3e3e3e;}
.ldsDarkNoLabel ul{padding: 0 !important;}

File

msdropdown/css/msdropdown/ldsDark.css
View source 
  1. /*************** dark language dropdown switcher theme **********************/

  2. .ldsDark{border:1px solid #3c3c3c;}

  3. .ldsDark .divider{border-left:1px solid #3e3e3e; border-right:1px solid #000; right:24px;}

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

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

  6. .ldsDark .ddTitle{color:#efefef;background:#1e1e1e url(../../images/msdropdown/ldsDark/title-bg.gif) repeat-x left top;}

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

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

  9. .ldsDark .ddTitle .description{font-size:12px; color:#999}

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

  11. .ldsDark .ddChild{border:1px solid #000; background-color:#3e3e3e; left:-1px;}

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

  13. .ldsDark .ddChild li .description{color:#999;}

  14. .ldsDark .ddChild li .ddlabel{color:#dedede;}

  15. .ldsDark .ddChild li.hover{background-color:#565656}

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

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

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

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

  20. .ldsDark .ddChild li.selected{background-color:#6f6f6f; color:#3e3e3e;}

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

  22. 

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

  24. .ldsDarkAfter{border:1px solid #3c3c3c;}

  25. .ldsDarkAfter .divider{border-left:1px solid #3e3e3e; border-right:1px solid #000; right:24px;}

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

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

  28. .ldsDarkAfter .ddTitle{color:#efefef;background:#1e1e1e url(../../images/msdropdown/ldsDark/title-bg.gif) repeat-x left top; display:block !important;}

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

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

  31. .ldsDarkAfter .ddTitle .description{font-size:12px; color:#999}

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

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

  34. .ldsDarkAfter .ddChild{border:1px solid #000; background-color:#3e3e3e; left:-1px;}

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

  36. .ldsDarkAfter .ddChild li .description{color:#999;}

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

  38. .ldsDarkAfter .ddChild li.hover{background-color:#565656}

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

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

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

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

  43. .ldsDarkAfter .ddChild li.selected{background-color:#6f6f6f; color:#3e3e3e;}

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

  45. 

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

  47. .ldsDarkNoIcon{border:1px solid #3c3c3c;}

  48. .ldsDarkNoIcon .divider{border-left:1px solid #3e3e3e; border-right:1px solid #000; right:24px;}

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

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

  51. .ldsDarkNoIcon .ddTitle{color:#efefef;background:#1e1e1e url(../../images/msdropdown/ldsDark/title-bg.gif) repeat-x left top;}

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

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

  54. .ldsDarkNoIcon .ddTitle .description{font-size:12px; color:#999}

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

  56. .ldsDarkNoIcon .ddChild{border:1px solid #000; background-color:#3e3e3e; left:-1px;}

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

  58. .ldsDarkNoIcon .ddChild li .description{color:#999;}

  59. .ldsDarkNoIcon .ddChild li .ddlabel{color:#dedede;}

  60. .ldsDarkNoIcon .ddChild li.hover{background-color:#565656}

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

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

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

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

  65. .ldsDarkNoIcon .ddChild li.selected{background-color:#6f6f6f; color:#3e3e3e;}

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

  67. 

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

  69. .ldsDarkNoLabel{border:1px solid #3c3c3c;}

  70. .ldsDarkNoLabel .divider{border-left:1px solid #3e3e3e; border-right:1px solid #000; right:24px;}

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

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

  73. .ldsDarkNoLabel .ddTitle{color:#efefef;background:#1e1e1e url(../../images/msdropdown/ldsDark/title-bg.gif) repeat-x left top;}

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

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

  76. .ldsDarkNoLabel .ddTitle .description{font-size:12px; color:#999}

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

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

  79. .ldsDarkNoLabel .ddChild{border:1px solid #000; background-color:#3e3e3e; left:-1px;}

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

  81. .ldsDarkNoLabel .ddChild li .description{color:#999;}

  82. .ldsDarkNoLabel .ddChild li .ddlabel{color:#dedede; display:none;}

  83. .ldsDarkNoLabel .ddChild li.hover{background-color:#565656}

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

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

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

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

  88. .ldsDarkNoLabel .ddChild li.selected{background-color:#6f6f6f; color:#3e3e3e;}

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