You are here

ldsSkin.css in Language Switcher Dropdown 8.2

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

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