You are here

layout.css in BeautyTips 8

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

fieldset, img {
  border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal;
}

ol, ul {
  list-style: none;
}

caption, th {
  text-align: left;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

q:before, q:after {
  content: '';
}

abbr, acronym {
  border: 0;
}

html, body {
  background-color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 18px;
  color: #52697E;
}

body {
  text-align: center;
  overflow: auto;
}

.wrapper {
  width: 700px;
  margin: 0 auto;
  text-align: left;
}

h1 {
  font-size: 21px;
  height: 47px;
  line-height: 47px;
  text-transform: uppercase;
}

.navigationTabs {
  height: 23px;
  line-height: 23px;
  border-bottom: 1px solid #ccc;
}

.navigationTabs li {
  float: left;
  height: 23px;
  line-height: 23px;
  padding-right: 3px;
}

.navigationTabs li a {
  float: left;
  display: block;
  height: 23px;
  line-height: 23px;
  padding: 0 10px;
  overflow: hidden;
  color: #52697E;
  background-color: #eee;
  position: relative;
  text-decoration: none;
}

.navigationTabs li a:hover {
  background-color: #f0f0f0;
}

.navigationTabs li a.active {
  background-color: #fff;
  border: 1px solid #ccc;
  border-bottom: 0 solid;
}

.tabsContent {
  border: 1px solid #ccc;
  border-top: 0 solid;
  width: 698px;
  overflow: hidden;
}

.tab {
  padding: 16px;
  display: none;
}

.tab h2 {
  font-weight: bold;
  font-size: 16px;
}

.tab h3 {
  font-weight: bold;
  font-size: 14px;
  margin-top: 20px;
}

.tab p {
  margin-top: 16px;
  clear: both;
}

.tab ul {
  margin-top: 16px;
  list-style: disc;
}

.tab li {
  margin: 10px 0 0 35px;
}

.tab a {
  color: #8FB0CF;
}

.tab strong {
  font-weight: bold;
}

.tab pre {
  font-size: 11px;
  margin-top: 20px;
  width: 668px;
  overflow: auto;
  clear: both;
}

.tab table {
  width: 100%;
}

.tab table td {
  padding: 6px 10px 6px 0;
  vertical-align: top;
}

.tab dt {
  margin-top: 16px;
}

#colorSelector {
  position: relative;
  width: 36px;
  height: 36px;
  background: url(../images/select.png);
}

#colorSelector div {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 30px;
  height: 30px;
  background: url(../images/select.png) center;
}

#colorSelector2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 36px;
  height: 36px;
  background: url(../images/select2.png);
}

#colorSelector2 div {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 28px;
  height: 28px;
  background: url(../images/select2.png) center;
}

#colorpickerHolder2 {
  top: 32px;
  left: 0;
  width: 356px;
  height: 0;
  overflow: hidden;
  position: absolute;
}

#colorpickerHolder2 .colorpicker {
  background-image: url(../images/custom_background.png);
  position: absolute;
  bottom: 0;
  left: 0;
}

#colorpickerHolder2 .colorpicker_hue div {
  background-image: url(../images/custom_indic.gif);
}

#colorpickerHolder2 .colorpicker_hex {
  background-image: url(../images/custom_hex.png);
}

#colorpickerHolder2 .colorpicker_rgb_r {
  background-image: url(../images/custom_rgb_r.png);
}

#colorpickerHolder2 .colorpicker_rgb_g {
  background-image: url(../images/custom_rgb_g.png);
}

#colorpickerHolder2 .colorpicker_rgb_b {
  background-image: url(../images/custom_rgb_b.png);
}

#colorpickerHolder2 .colorpicker_hsb_s {
  background-image: url(../images/custom_hsb_s.png);
  display: none;
}

#colorpickerHolder2 .colorpicker_hsb_h {
  background-image: url(../images/custom_hsb_h.png);
  display: none;
}

#colorpickerHolder2 .colorpicker_hsb_b {
  background-image: url(../images/custom_hsb_b.png);
  display: none;
}

#colorpickerHolder2 .colorpicker_submit {
  background-image: url(../images/custom_submit.png);
}

#colorpickerHolder2 .colorpicker input {
  color: #778398;
}

#customWidget {
  position: relative;
  height: 36px;
}

File

other_libs/colorpicker/css/layout.css
View source
  1. body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
  2. margin: 0;
  3. padding: 0;
  4. }
  5. table {
  6. border-collapse: collapse;
  7. border-spacing: 0;
  8. }
  9. fieldset, img {
  10. border: 0;
  11. }
  12. address, caption, cite, code, dfn, em, strong, th, var {
  13. font-style: normal;
  14. font-weight: normal;
  15. }
  16. ol, ul {
  17. list-style: none;
  18. }
  19. caption, th {
  20. text-align: left;
  21. }
  22. h1, h2, h3, h4, h5, h6 {
  23. font-size: 100%;
  24. font-weight: normal;
  25. }
  26. q:before, q:after {
  27. content: '';
  28. }
  29. abbr, acronym {
  30. border: 0;
  31. }
  32. html, body {
  33. background-color: #fff;
  34. font-family: Arial, Helvetica, sans-serif;
  35. font-size: 12px;
  36. line-height: 18px;
  37. color: #52697E;
  38. }
  39. body {
  40. text-align: center;
  41. overflow: auto;
  42. }
  43. .wrapper {
  44. width: 700px;
  45. margin: 0 auto;
  46. text-align: left;
  47. }
  48. h1 {
  49. font-size: 21px;
  50. height: 47px;
  51. line-height: 47px;
  52. text-transform: uppercase;
  53. }
  54. .navigationTabs {
  55. height: 23px;
  56. line-height: 23px;
  57. border-bottom: 1px solid #ccc;
  58. }
  59. .navigationTabs li {
  60. float: left;
  61. height: 23px;
  62. line-height: 23px;
  63. padding-right: 3px;
  64. }
  65. .navigationTabs li a {
  66. float: left;
  67. display: block;
  68. height: 23px;
  69. line-height: 23px;
  70. padding: 0 10px;
  71. overflow: hidden;
  72. color: #52697E;
  73. background-color: #eee;
  74. position: relative;
  75. text-decoration: none;
  76. }
  77. .navigationTabs li a:hover {
  78. background-color: #f0f0f0;
  79. }
  80. .navigationTabs li a.active {
  81. background-color: #fff;
  82. border: 1px solid #ccc;
  83. border-bottom: 0 solid;
  84. }
  85. .tabsContent {
  86. border: 1px solid #ccc;
  87. border-top: 0 solid;
  88. width: 698px;
  89. overflow: hidden;
  90. }
  91. .tab {
  92. padding: 16px;
  93. display: none;
  94. }
  95. .tab h2 {
  96. font-weight: bold;
  97. font-size: 16px;
  98. }
  99. .tab h3 {
  100. font-weight: bold;
  101. font-size: 14px;
  102. margin-top: 20px;
  103. }
  104. .tab p {
  105. margin-top: 16px;
  106. clear: both;
  107. }
  108. .tab ul {
  109. margin-top: 16px;
  110. list-style: disc;
  111. }
  112. .tab li {
  113. margin: 10px 0 0 35px;
  114. }
  115. .tab a {
  116. color: #8FB0CF;
  117. }
  118. .tab strong {
  119. font-weight: bold;
  120. }
  121. .tab pre {
  122. font-size: 11px;
  123. margin-top: 20px;
  124. width: 668px;
  125. overflow: auto;
  126. clear: both;
  127. }
  128. .tab table {
  129. width: 100%;
  130. }
  131. .tab table td {
  132. padding: 6px 10px 6px 0;
  133. vertical-align: top;
  134. }
  135. .tab dt {
  136. margin-top: 16px;
  137. }
  138. #colorSelector {
  139. position: relative;
  140. width: 36px;
  141. height: 36px;
  142. background: url(../images/select.png);
  143. }
  144. #colorSelector div {
  145. position: absolute;
  146. top: 3px;
  147. left: 3px;
  148. width: 30px;
  149. height: 30px;
  150. background: url(../images/select.png) center;
  151. }
  152. #colorSelector2 {
  153. position: absolute;
  154. top: 0;
  155. left: 0;
  156. width: 36px;
  157. height: 36px;
  158. background: url(../images/select2.png);
  159. }
  160. #colorSelector2 div {
  161. position: absolute;
  162. top: 4px;
  163. left: 4px;
  164. width: 28px;
  165. height: 28px;
  166. background: url(../images/select2.png) center;
  167. }
  168. #colorpickerHolder2 {
  169. top: 32px;
  170. left: 0;
  171. width: 356px;
  172. height: 0;
  173. overflow: hidden;
  174. position: absolute;
  175. }
  176. #colorpickerHolder2 .colorpicker {
  177. background-image: url(../images/custom_background.png);
  178. position: absolute;
  179. bottom: 0;
  180. left: 0;
  181. }
  182. #colorpickerHolder2 .colorpicker_hue div {
  183. background-image: url(../images/custom_indic.gif);
  184. }
  185. #colorpickerHolder2 .colorpicker_hex {
  186. background-image: url(../images/custom_hex.png);
  187. }
  188. #colorpickerHolder2 .colorpicker_rgb_r {
  189. background-image: url(../images/custom_rgb_r.png);
  190. }
  191. #colorpickerHolder2 .colorpicker_rgb_g {
  192. background-image: url(../images/custom_rgb_g.png);
  193. }
  194. #colorpickerHolder2 .colorpicker_rgb_b {
  195. background-image: url(../images/custom_rgb_b.png);
  196. }
  197. #colorpickerHolder2 .colorpicker_hsb_s {
  198. background-image: url(../images/custom_hsb_s.png);
  199. display: none;
  200. }
  201. #colorpickerHolder2 .colorpicker_hsb_h {
  202. background-image: url(../images/custom_hsb_h.png);
  203. display: none;
  204. }
  205. #colorpickerHolder2 .colorpicker_hsb_b {
  206. background-image: url(../images/custom_hsb_b.png);
  207. display: none;
  208. }
  209. #colorpickerHolder2 .colorpicker_submit {
  210. background-image: url(../images/custom_submit.png);
  211. }
  212. #colorpickerHolder2 .colorpicker input {
  213. color: #778398;
  214. }
  215. #customWidget {
  216. position: relative;
  217. height: 36px;
  218. }