js/colorpicker/css/layout.css

   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 { border:0;
  30 }
  31 html, body {
  32         background-color: #fff;
  33         font-family: Arial, Helvetica, sans-serif;
  34         font-size: 12px;
  35         line-height: 18px;
  36         color: #52697E;
  37 }
  38 body {
  39         text-align: center;
  40         overflow: auto;
  41 }
  42 .wrapper {
  43         width: 700px;
  44         margin: 0 auto;
  45         text-align: left;
  46 }
  47 h1 {
  48         font-size: 21px;
  49         height: 47px;
  50         line-height: 47px;
  51         text-transform: uppercase;
  52 }
  53 .navigationTabs {
  54         height: 23px;
  55         line-height: 23px;
  56         border-bottom: 1px solid #ccc;
  57 }
  58 .navigationTabs li {
  59         float: left;
  60         height: 23px;
  61         line-height: 23px;
  62         padding-right: 3px;
  63 }
  64 .navigationTabs li a{
  65         float: left;
  66         dispaly: block;
  67         height: 23px;
  68         line-height: 23px;
  69         padding: 0 10px;
  70         overflow: hidden;
  71         color: #52697E;
  72         background-color: #eee;
  73         position: relative;
  74         text-decoration: none;
  75 }
  76 .navigationTabs li a:hover {
  77         background-color: #f0f0f0;
  78 }
  79 .navigationTabs li a.active {
  80         background-color: #fff;
  81         border: 1px solid #ccc;
  82         border-bottom: 0px solid;
  83 }
  84 .tabsContent {
  85         border: 1px solid #ccc;
  86         border-top: 0px solid;
  87         width: 698px;
  88         overflow: hidden;
  89 }
  90 .tab {
  91         padding: 16px;
  92         display: none;
  93 }
  94 .tab h2 {
  95         font-weight: bold;
  96         font-size: 16px;
  97 }
  98 .tab h3 {
  99         font-weight: bold;
 100         font-size: 14px;
 101         margin-top: 20px;
 102 }
 103 .tab p {
 104         margin-top: 16px;
 105         clear: both;
 106 }
 107 .tab ul {
 108         margin-top: 16px;
 109         list-style: disc;
 110 }
 111 .tab li {
 112         margin: 10px 0 0 35px;
 113 }
 114 .tab a {
 115         color: #8FB0CF;
 116 }
 117 .tab strong {
 118         font-weight: bold;
 119 }
 120 .tab pre {
 121         font-size: 11px;
 122         margin-top: 20px;
 123         width: 668px;
 124         overflow: auto;
 125         clear: both;
 126 }
 127 .tab table {
 128         width: 100%;
 129 }
 130 .tab table td {
 131         padding: 6px 10px 6px 0;
 132         vertical-align: top;
 133 }
 134 .tab dt {
 135         margin-top: 16px;
 136 }
 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 }