You are here

Home » API reference » Language Switcher Dropdown 8.2

ddsBlue.css in Language Switcher Dropdown 8.2 

.ddsBlue .dd-select {
  border: 1px solid #aaaacc;
  background: none repeat scroll 0 0 #c3c3e3 !important;
  border-radius: 2px;
  cursor: pointer;
  position: relative;
}
.ddsBlue .dd-desc {
  color: #8888aa;
  display: block;
  font-weight: normal;
  line-height: 1.4em;
  overflow: hidden;
}
.ddsBlue .dd-selected {
  display: block;
  font-weight: bold;
  overflow: hidden;
  padding: 10px;
  color: #333366;
  text-decoration: none;
}
.ddsBlue .dd-selected label {
  line-height: 1.4 !important;
}
.ddsBlue .dd-selected:hover {
  text-decoration: none;
  color: #333366;
}
.ddsBlue .dd-pointer {
  height: 0;
  margin-top: -3px;
  position: absolute;
  right: 10px;
  top: 50%;
  width: 0;
}
.ddsBlue .dd-pointer-down {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #333399 rgba(0, 0, 51, 0) rgba(0, 0, 51, 0);
  border-image: none;
  border-right: 5px solid rgba(0, 0, 51, 0);
  border-style: solid;
  border-width: 5px;
}
.ddsBlue .dd-pointer-up {
  -moz-border-bottom-colors: none !important;
  -moz-border-left-colors: none !important;
  -moz-border-right-colors: none !important;
  -moz-border-top-colors: none !important;
  border-color: rgba(0, 0, 51, 0) rgba(0, 0, 51, 0) #333399 !important;
  border-image: none !important;
  border-style: solid !important;
  border-width: 5px !important;
  margin-top: -8px;
}
.ddsBlue .dd-options {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: none repeat scroll 0 0 #ccccff;
  border-color: -moz-use-text-color #aaaacc #aaaacc;
  border-image: none;
  border-right: 1px solid #aaaacc;
  border-style: none solid solid;
  border-width: medium 1px 1px;
  box-shadow: 0 1px 5px #bbbbdd;
  display: none;
  list-style: none outside none;
  margin: 0;
  overflow: auto;
  padding: 0 !important;
  position: absolute;
  z-index: 2000;
}
.ddsBlue .dd-option:hover {
  text-decoration: none;
}
.ddsBlue .dd-option img,
.ddsBlue .dd-selected img {
  width: 20px;
  height: 14px;
}
.ddsBlue .dd-option {
  border-bottom: 1px solid #bbbbdd;
  color: #333399;
  cursor: pointer;
  display: block;
  overflow: hidden;
  padding: 10px;
  text-decoration: none;
  transition: all 0.25s ease-in-out 0s;
}
.ddsBlue .dd-options > li:last-child > .dd-option {
  border-bottom: medium none;
}
.ddsBlue .dd-option:hover {
  background: none repeat scroll 0 0 #c0c0e0;
  color: #333366;
}
.ddsBlue .dd-selected-description-truncated {
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ddsBlue .dd-option-selected {
  background: none repeat scroll 0 0 #b3b3e3;
}
.ddsBlue .dd-option-image,
.dd-selected-image {
  float: left;
  margin-right: 5px;
  max-width: 64px;
  vertical-align: middle;
}
.ddsBlue .dd-image-right {
  float: right;
  margin-left: 5px;
  margin-right: 15px;
}
.ddsBlue .dd-container {
  position: relative;
}
​.ddsBlue .dd-selected-text {
  font-weight: bold;
}

File

css/ddslick/ddsBlue.css
View source 
  1. .ddsBlue .dd-select {

  2.   border: 1px solid #aaaacc;

  3.   background: none repeat scroll 0 0 #c3c3e3 !important;

  4.   border-radius: 2px;

  5.   cursor: pointer;

  6.   position: relative;

  7. }

  8. .ddsBlue .dd-desc {

  9.   color: #8888aa;

  10.   display: block;

  11.   font-weight: normal;

  12.   line-height: 1.4em;

  13.   overflow: hidden;

  14. }

  15. .ddsBlue .dd-selected {

  16.   display: block;

  17.   font-weight: bold;

  18.   overflow: hidden;

  19.   padding: 10px;

  20.   color: #333366;

  21.   text-decoration: none;

  22. }

  23. .ddsBlue .dd-selected label {

  24.   line-height: 1.4 !important;

  25. }

  26. .ddsBlue .dd-selected:hover {

  27.   text-decoration: none;

  28.   color: #333366;

  29. }

  30. .ddsBlue .dd-pointer {

  31.   height: 0;

  32.   margin-top: -3px;

  33.   position: absolute;

  34.   right: 10px;

  35.   top: 50%;

  36.   width: 0;

  37. }

  38. .ddsBlue .dd-pointer-down {

  39.   -moz-border-bottom-colors: none;

  40.   -moz-border-left-colors: none;

  41.   -moz-border-right-colors: none;

  42.   -moz-border-top-colors: none;

  43.   border-color: #333399 rgba(0, 0, 51, 0) rgba(0, 0, 51, 0);

  44.   border-image: none;

  45.   border-right: 5px solid rgba(0, 0, 51, 0);

  46.   border-style: solid;

  47.   border-width: 5px;

  48. }

  49. .ddsBlue .dd-pointer-up {

  50.   -moz-border-bottom-colors: none !important;

  51.   -moz-border-left-colors: none !important;

  52.   -moz-border-right-colors: none !important;

  53.   -moz-border-top-colors: none !important;

  54.   border-color: rgba(0, 0, 51, 0) rgba(0, 0, 51, 0) #333399 !important;

  55.   border-image: none !important;

  56.   border-style: solid !important;

  57.   border-width: 5px !important;

  58.   margin-top: -8px;

  59. }

  60. .ddsBlue .dd-options {

  61.   -moz-border-bottom-colors: none;

  62.   -moz-border-left-colors: none;

  63.   -moz-border-right-colors: none;

  64.   -moz-border-top-colors: none;

  65.   background: none repeat scroll 0 0 #ccccff;

  66.   border-color: -moz-use-text-color #aaaacc #aaaacc;

  67.   border-image: none;

  68.   border-right: 1px solid #aaaacc;

  69.   border-style: none solid solid;

  70.   border-width: medium 1px 1px;

  71.   box-shadow: 0 1px 5px #bbbbdd;

  72.   display: none;

  73.   list-style: none outside none;

  74.   margin: 0;

  75.   overflow: auto;

  76.   padding: 0 !important;

  77.   position: absolute;

  78.   z-index: 2000;

  79. }

  80. .ddsBlue .dd-option:hover {

  81.   text-decoration: none;

  82. }

  83. .ddsBlue .dd-option img,

  84. .ddsBlue .dd-selected img {

  85.   width: 20px;

  86.   height: 14px;

  87. }

  88. .ddsBlue .dd-option {

  89.   border-bottom: 1px solid #bbbbdd;

  90.   color: #333399;

  91.   cursor: pointer;

  92.   display: block;

  93.   overflow: hidden;

  94.   padding: 10px;

  95.   text-decoration: none;

  96.   transition: all 0.25s ease-in-out 0s;

  97. }

  98. .ddsBlue .dd-options > li:last-child > .dd-option {

  99.   border-bottom: medium none;

  100. }

  101. .ddsBlue .dd-option:hover {

  102.   background: none repeat scroll 0 0 #c0c0e0;

  103.   color: #333366;

  104. }

  105. .ddsBlue .dd-selected-description-truncated {

  106.   text-overflow: ellipsis;

  107.   white-space: nowrap;

  108. }

  109. .ddsBlue .dd-option-selected {

  110.   background: none repeat scroll 0 0 #b3b3e3;

  111. }

  112. .ddsBlue .dd-option-image,

  113. .dd-selected-image {

  114.   float: left;

  115.   margin-right: 5px;

  116.   max-width: 64px;

  117.   vertical-align: middle;

  118. }

  119. .ddsBlue .dd-image-right {

  120.   float: right;

  121.   margin-left: 5px;

  122.   margin-right: 15px;

  123. }

  124. .ddsBlue .dd-container {

  125.   position: relative;

  126. }

  127. ​.ddsBlue .dd-selected-text {

  128.   font-weight: bold;

  129. }