You are here

ldsDark.css in Language Switcher Dropdown 8.2

/*************** 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

css/msdropdown/ldsDark.css
View source
  1. /*************** dark language dropdown switcher theme **********************/
  2. .ldsDark {
  3. border: 1px solid #3c3c3c;
  4. }
  5. .ldsDark .divider {
  6. border-left: 1px solid #3e3e3e;
  7. border-right: 1px solid #000;
  8. right: 24px;
  9. }
  10. .ldsDark .ddArrow {
  11. width: 16px;
  12. height: 16px;
  13. margin-top: -8px;
  14. background: url(../../images/msdropdown/ldsDark/dd_arrow.gif) no-repeat;
  15. }
  16. .ldsDark .ddArrow:hover {
  17. background-position: 0 100%;
  18. }
  19. .ldsDark .ddTitle {
  20. color: #efefef;
  21. background: #1e1e1e url(../../images/msdropdown/ldsDark/title-bg.gif) repeat-x left top;
  22. }
  23. .ldsDark .ddTitle .ddTitleText {
  24. padding: 5px 20px 5px 5px;
  25. }
  26. .ldsDark .ddTitle .ddTitleText .ddTitleText {
  27. padding: 0;
  28. }
  29. .ldsDark .ddTitle .description {
  30. font-size: 12px;
  31. color: #999;
  32. }
  33. .ldsDark .ddTitle .ddTitleText img {
  34. padding-right: 5px;
  35. width: 20px;
  36. height: 14px;
  37. }
  38. .ldsDark .ddChild {
  39. border: 1px solid #000;
  40. background-color: #3e3e3e;
  41. left: -1px;
  42. }
  43. .ldsDark .ddChild li {
  44. padding: 5px;
  45. background-color: #3e3e3e;
  46. border-bottom: 0 !important;
  47. }
  48. .ldsDark .ddChild li .description {
  49. color: #999;
  50. }
  51. .ldsDark .ddChild li .ddlabel {
  52. color: #dedede;
  53. }
  54. .ldsDark .ddChild li.hover {
  55. background-color: #565656;
  56. }
  57. .ldsDark .ddChild li img {
  58. padding: 0 6px 0 0;
  59. width: 20px;
  60. height: 14px;
  61. }
  62. .ldsDark .ddChild li.optgroup {
  63. padding: 0;
  64. }
  65. .ldsDark .ddChild li.optgroup .optgroupTitle {
  66. padding: 0 5px;
  67. font-weight: bold;
  68. font-style: italic;
  69. }
  70. .ldsDark .ddChild li.optgroup ul li {
  71. padding: 5px 5px 5px 15px;
  72. }
  73. .ldsDark .ddChild li.selected {
  74. background-color: #6f6f6f;
  75. color: #3e3e3e;
  76. }
  77. .ldsDark ul {
  78. padding: 0 !important;
  79. }
  80. /*************** dark language dropdown switcher theme with icon afer text **********************/
  81. .ldsDarkAfter {
  82. border: 1px solid #3c3c3c;
  83. }
  84. .ldsDarkAfter .divider {
  85. border-left: 1px solid #3e3e3e;
  86. border-right: 1px solid #000;
  87. right: 24px;
  88. }
  89. .ldsDarkAfter .ddArrow {
  90. width: 16px;
  91. height: 16px;
  92. margin-top: -8px;
  93. background: url(../../images/msdropdown/ldsDark/dd_arrow.gif) no-repeat;
  94. }
  95. .ldsDarkAfter .ddArrow:hover {
  96. background-position: 0 100%;
  97. }
  98. .ldsDarkAfter .ddTitle {
  99. color: #efefef;
  100. background: #1e1e1e url(../../images/msdropdown/ldsDark/title-bg.gif) repeat-x left top;
  101. display: block !important;
  102. }
  103. .ldsDarkAfter .ddTitle .ddTitleText {
  104. padding: 5px 20px 5px 5px;
  105. overflow: hidden;
  106. }
  107. .ldsDarkAfter .ddTitle .ddTitleText .ddTitleText {
  108. padding: 0;
  109. }
  110. .ldsDarkAfter .ddTitle .description {
  111. font-size: 12px;
  112. color: #999;
  113. }
  114. .ldsDarkAfter .ddTitle .ddTitleText img {
  115. padding-right: 10px;
  116. float: right !important;
  117. width: 20px;
  118. height: 14px;
  119. }
  120. .ldsDarkAfter .ddTitle .ddTitleText .ddlabel {
  121. float: left;
  122. padding-right: 6px;
  123. }
  124. .ldsDarkAfter .ddChild {
  125. border: 1px solid #000;
  126. background-color: #3e3e3e;
  127. left: -1px;
  128. }
  129. .ldsDarkAfter .ddChild li {
  130. padding: 5px;
  131. background-color: #3e3e3e;
  132. border-bottom: 0 !important;
  133. }
  134. .ldsDarkAfter .ddChild li .description {
  135. color: #999;
  136. }
  137. .ldsDarkAfter .ddChild li .ddlabel {
  138. float: left;
  139. padding-right: 6px;
  140. color: #dedede;
  141. }
  142. .ldsDarkAfter .ddChild li.hover {
  143. background-color: #565656;
  144. }
  145. .ldsDarkAfter .ddChild li img {
  146. float: right !important;
  147. padding: 0 10px 0 0;
  148. width: 20px;
  149. height: 14px;
  150. }
  151. .ldsDarkAfter .ddChild li.optgroup {
  152. padding: 0;
  153. }
  154. .ldsDarkAfter .ddChild li.optgroup .optgroupTitle {
  155. padding: 0 5px;
  156. font-weight: bold;
  157. font-style: italic;
  158. }
  159. .ldsDarkAfter .ddChild li.optgroup ul li {
  160. padding: 5px 5px 5px 15px;
  161. }
  162. .ldsDarkAfter .ddChild li.selected {
  163. background-color: #6f6f6f;
  164. color: #3e3e3e;
  165. }
  166. .ldsDarkAfter ul {
  167. padding: 0 !important;
  168. }
  169. /*************** dark language dropdown switcher theme with no flag, only label **********************/
  170. .ldsDarkNoIcon {
  171. border: 1px solid #3c3c3c;
  172. }
  173. .ldsDarkNoIcon .divider {
  174. border-left: 1px solid #3e3e3e;
  175. border-right: 1px solid #000;
  176. right: 24px;
  177. }
  178. .ldsDarkNoIcon .ddArrow {
  179. width: 16px;
  180. height: 16px;
  181. margin-top: -8px;
  182. background: url(../../images/msdropdown/ldsDark/dd_arrow.gif) no-repeat;
  183. }
  184. .ldsDarkNoIcon .ddArrow:hover {
  185. background-position: 0 100%;
  186. }
  187. .ldsDarkNoIcon .ddTitle {
  188. color: #efefef;
  189. background: #1e1e1e url(../../images/msdropdown/ldsDark/title-bg.gif) repeat-x left top;
  190. }
  191. .ldsDarkNoIcon .ddTitle .ddTitleText {
  192. padding: 5px 20px 5px 5px;
  193. }
  194. .ldsDarkNoIcon .ddTitle .ddTitleText .ddTitleText {
  195. padding: 0;
  196. }
  197. .ldsDarkNoIcon .ddTitle .description {
  198. font-size: 12px;
  199. color: #999;
  200. }
  201. .ldsDarkNoIcon .ddTitle .ddTitleText img {
  202. padding-right: 5px;
  203. width: 20px;
  204. height: 14px;
  205. display: none;
  206. }
  207. .ldsDarkNoIcon .ddChild {
  208. border: 1px solid #000;
  209. background-color: #3e3e3e;
  210. left: -1px;
  211. }
  212. .ldsDarkNoIcon .ddChild li {
  213. padding: 5px;
  214. background-color: #3e3e3e;
  215. border-bottom: 0 !important;
  216. }
  217. .ldsDarkNoIcon .ddChild li .description {
  218. color: #999;
  219. }
  220. .ldsDarkNoIcon .ddChild li .ddlabel {
  221. color: #dedede;
  222. }
  223. .ldsDarkNoIcon .ddChild li.hover {
  224. background-color: #565656;
  225. }
  226. .ldsDarkNoIcon .ddChild li img {
  227. padding: 0 6px 0 0;
  228. width: 20px;
  229. height: 14px;
  230. display: none;
  231. }
  232. .ldsDarkNoIcon .ddChild li.optgroup {
  233. padding: 0;
  234. }
  235. .ldsDarkNoIcon .ddChild li.optgroup .optgroupTitle {
  236. padding: 0 5px;
  237. font-weight: bold;
  238. font-style: italic;
  239. }
  240. .ldsDarkNoIcon .ddChild li.optgroup ul li {
  241. padding: 5px 5px 5px 15px;
  242. }
  243. .ldsDarkNoIcon .ddChild li.selected {
  244. background-color: #6f6f6f;
  245. color: #3e3e3e;
  246. }
  247. .ldsDarkNoIcon ul {
  248. padding: 0 !important;
  249. }
  250. /*************** dark language dropdown switcher theme with no label, only flag **********************/
  251. .ldsDarkNoLabel {
  252. border: 1px solid #3c3c3c;
  253. }
  254. .ldsDarkNoLabel .divider {
  255. border-left: 1px solid #3e3e3e;
  256. border-right: 1px solid #000;
  257. right: 24px;
  258. }
  259. .ldsDarkNoLabel .ddArrow {
  260. width: 16px;
  261. height: 16px;
  262. margin-top: -8px;
  263. background: url(../../images/msdropdown/ldsDark/dd_arrow.gif) no-repeat;
  264. }
  265. .ldsDarkNoLabel .ddArrow:hover {
  266. background-position: 0 100%;
  267. }
  268. .ldsDarkNoLabel .ddTitle {
  269. color: #efefef;
  270. background: #1e1e1e url(../../images/msdropdown/ldsDark/title-bg.gif) repeat-x left top;
  271. }
  272. .ldsDarkNoLabel .ddTitle .ddTitleText {
  273. padding: 5px 20px 5px 5px;
  274. }
  275. .ldsDarkNoLabel .ddTitle .ddTitleText .ddTitleText {
  276. padding: 0;
  277. }
  278. .ldsDarkNoLabel .ddTitle .description {
  279. font-size: 12px;
  280. color: #999;
  281. }
  282. .ldsDarkNoLabel .ddTitle .ddlabel {
  283. display: none;
  284. }
  285. .ldsDarkNoLabel .ddTitle .ddTitleText img {
  286. padding-right: 5px;
  287. width: 20px;
  288. height: 14px;
  289. }
  290. .ldsDarkNoLabel .ddChild {
  291. border: 1px solid #000;
  292. background-color: #3e3e3e;
  293. left: -1px;
  294. }
  295. .ldsDarkNoLabel .ddChild li {
  296. padding: 5px;
  297. background-color: #3e3e3e;
  298. border-bottom: 0 !important;
  299. }
  300. .ldsDarkNoLabel .ddChild li .description {
  301. color: #999;
  302. }
  303. .ldsDarkNoLabel .ddChild li .ddlabel {
  304. color: #dedede;
  305. display: none;
  306. }
  307. .ldsDarkNoLabel .ddChild li.hover {
  308. background-color: #565656;
  309. }
  310. .ldsDarkNoLabel .ddChild li img {
  311. padding: 0 6px 0 0;
  312. width: 20px;
  313. height: 14px;
  314. }
  315. .ldsDarkNoLabel .ddChild li.optgroup {
  316. padding: 0;
  317. }
  318. .ldsDarkNoLabel .ddChild li.optgroup .optgroupTitle {
  319. padding: 0 5px;
  320. font-weight: bold;
  321. font-style: italic;
  322. }
  323. .ldsDarkNoLabel .ddChild li.optgroup ul li {
  324. padding: 5px 5px 5px 15px;
  325. }
  326. .ldsDarkNoLabel .ddChild li.selected {
  327. background-color: #6f6f6f;
  328. color: #3e3e3e;
  329. }
  330. .ldsDarkNoLabel ul {
  331. padding: 0 !important;
  332. }