You are here

ldsBlue.css in Language Switcher Dropdown 8.2

/*************** blue language dropdown switcher theme **********************/
.ldsBlue {
  border: 1px solid #33f;
}

.ldsBlue .divider {
  border-left: 1px solid #33f;
  border-right: 1px solid #ccf;
  right: 24px;
}

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

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

.ldsBlue .ddTitle {
  color: #003;
  background: #66f url(../../images/msdropdown/ldsBlue/title-bg.gif) repeat-x left top;
}

.ldsBlue .ddTitle .ddTitleText {
  padding: 5px 20px 5px 5px;
}

.ldsBlue .ddTitle .ddTitleText .ddTitleText {
  padding: 0;
}

.ldsBlue .ddTitle .description {
  font-size: 12px;
  color: #669;
}

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

.ldsBlue .ddChild {
  border: 1px solid #33f;
  background-color: #ccf;
  left: -1px;
}

.ldsBlue .ddChild li {
  padding: 5px;
  background-color: #ccf;
  border-bottom: 0 !important;
}

.ldsBlue .ddChild li .description {
  color: #669;
}

.ldsBlue .ddChild li .ddlabel {
  color: #009;
}

.ldsBlue .ddChild li.hover {
  background-color: #f2f2f2;
}

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

.ldsBlue .ddChild li.optgroup {
  padding: 0;
}

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

.ldsBlue .ddChild li.optgroup ul li {
  padding: 5px 5px 5px 15px;
}

.ldsBlue .ddChild li.selected {
  background-color: #99f;
  color: #003;
}

.ldsBlue ul {
  padding: 0 !important;
}

/*************** blue language dropdown switcher theme with icon afer text **********************/
.ldsBlueAfter {
  border: 1px solid #33f;
}

.ldsBlueAfter .divider {
  border-left: 1px solid #33f;
  border-right: 1px solid #ccf;
  right: 24px;
}

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

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

.ldsBlueAfter .ddTitle {
  color: #003;
  background: #66f url(../../images/msdropdown/ldsBlue/title-bg.gif) repeat-x left top;
  display: block !important;
}

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

.ldsBlueAfter .ddTitle .ddTitleText .ddTitleText {
  padding: 0;
}

.ldsBlueAfter .ddTitle .description {
  font-size: 12px;
  color: #669;
}

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

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

.ldsBlueAfter .ddChild {
  border: 1px solid #33f;
  background-color: #ccf;
  left: -1px;
}

.ldsBlueAfter .ddChild li {
  padding: 5px;
  background-color: #ccf;
  border-bottom: 0 !important;
}

.ldsBlueAfter .ddChild li .description {
  color: #669;
}

.ldsBlueAfter .ddChild li .ddlabel {
  float: left;
  padding-right: 6px;
  color: #009;
}

.ldsBlueAfter .ddChild li.hover {
  background-color: #f2f2f2;
}

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

.ldsBlueAfter .ddChild li.optgroup {
  padding: 0;
}

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

.ldsBlueAfter .ddChild li.optgroup ul li {
  padding: 5px 5px 5px 15px;
}

.ldsBlueAfter .ddChild li.selected {
  background-color: #99f;
  color: #003;
}

.ldsBlueAfter ul {
  padding: 0 !important;
}

/*************** blue language dropdown switcher theme with no flag, only label **********************/
.ldsBlueNoIcon {
  border: 1px solid #33f;
}

.ldsBlueNoIcon .divider {
  border-left: 1px solid #33f;
  border-right: 1px solid #ccf;
  right: 24px;
}

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

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

.ldsBlueNoIcon .ddTitle {
  color: #003;
  background: #66f url(../../images/msdropdown/ldsBlue/title-bg.gif) repeat-x left top;
}

.ldsBlueNoIcon .ddTitle .ddTitleText {
  padding: 5px 20px 5px 5px;
}

.ldsBlueNoIcon .ddTitle .ddTitleText .ddTitleText {
  padding: 0;
}

.ldsBlueNoIcon .ddTitle .description {
  font-size: 12px;
  color: #669;
}

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

.ldsBlueNoIcon .ddChild {
  border: 1px solid #33f;
  background-color: #ccf;
  left: -1px;
}

.ldsBlueNoIcon .ddChild li {
  padding: 5px;
  background-color: #ccf;
  border-bottom: 0 !important;
}

.ldsBlueNoIcon .ddChild li .description {
  color: #669;
}

.ldsBlueNoIcon .ddChild li .ddlabel {
  color: #009;
}

.ldsBlueNoIcon .ddChild li.hover {
  background-color: #f2f2f2;
}

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

.ldsBlueNoIcon .ddChild li.optgroup {
  padding: 0;
}

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

.ldsBlueNoIcon .ddChild li.optgroup ul li {
  padding: 5px 5px 5px 15px;
}

.ldsBlueNoIcon .ddChild li.selected {
  background-color: #99f;
  color: #003;
}

.ldsBlueNoIcon ul {
  padding: 0 !important;
}

/*************** blue language dropdown switcher theme with no label, only flag **********************/
.ldsBlueNoLabel {
  border: 1px solid #33f;
}

.ldsBlueNoLabel .divider {
  border-left: 1px solid #33f;
  border-right: 1px solid #ccf;
  right: 24px;
}

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

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

.ldsBlueNoLabel .ddTitle {
  color: #003;
  background: #66f url(../../images/msdropdown/ldsBlue/title-bg.gif) repeat-x left top;
}

.ldsBlueNoLabel .ddTitle .ddTitleText {
  padding: 5px 20px 5px 5px;
}

.ldsBlueNoLabel .ddTitle .ddTitleText .ddTitleText {
  padding: 0;
}

.ldsBlueNoLabel .ddTitle .description {
  font-size: 12px;
  color: #669;
}

.ldsBlueNoLabel .ddTitle .ddlabel {
  display: none;
}

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

.ldsBlueNoLabel .ddChild {
  border: 1px solid #33f;
  background-color: #ccf;
  left: -1px;
}

.ldsBlueNoLabel .ddChild li {
  padding: 5px;
  background-color: #ccf;
  border-bottom: 0 !important;
}

.ldsBlueNoLabel .ddChild li .description {
  color: #669;
}

.ldsBlueNoLabel .ddChild li .ddlabel {
  color: #009;
  display: none;
}

.ldsBlueNoLabel .ddChild li.hover {
  background-color: #f2f2f2;
}

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

.ldsBlueNoLabel .ddChild li.optgroup {
  padding: 0;
}

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

.ldsBlueNoLabel .ddChild li.optgroup ul li {
  padding: 5px 5px 5px 15px;
}

.ldsBlueNoLabel .ddChild li.selected {
  background-color: #99f;
  color: #003;
}

.ldsBlueNoLabel ul {
  padding: 0 !important;
}

File

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