wp-admin/css/global.css

   1 /* http://meyerweb.com/eric/tools/css/reset/ */
   2 /* v1.0 | 20080212 */
   3
   4 html, body, div, span, applet, object, iframe,
   5 h1, h2, h3, h4, h5, h6, p, blockquote, pre,
   6 a, abbr, acronym, address, big, cite, code,
   7 del, dfn, em, font, img, ins, kbd, q, s, samp,
   8 small, strike, strong, sub, sup, tt, var,
   9 b, u, i, center,
  10 dl, dt, dd, ol, ul, li,
  11 fieldset, form, label, legend,
  12 table, caption, tbody, tfoot, thead, tr, th, td {
  13         margin: 0;
  14         padding: 0;
  15         border: 0;
  16         outline: 0;
  17 /*      font-size: 100%;
  18         vertical-align: baseline; */
  19         background: transparent;
  20 }
  21 body {
  22         line-height: 1;
  23 }
  24 ol, ul {
  25         list-style: none;
  26 }
  27 blockquote, q {
  28         quotes: none;
  29 }
  30 blockquote:before, blockquote:after,
  31 q:before, q:after {
  32         content: '';
  33         content: none;
  34 }
  35
  36 /* remember to define focus styles! */
  37 /*
  38 :focus {
  39         outline: 0;
  40 }
  41 */
  42 /* remember to highlight inserts somehow! */
  43 ins {
  44         text-decoration: none;
  45 }
  46 del {
  47         text-decoration: line-through;
  48 }
  49
  50 /* tables still need 'cellspacing="0"' in the markup */
  51 /*
  52 table {
  53         border-collapse: collapse;
  54         border-spacing: 0;
  55 }
  56 */
  57 /* end reset css */
  58
  59
  60 /* 2 column liquid layout */
  61 #wpwrap {
  62         height: auto;
  63         min-height: 100%;
  64         width: 100%;
  65 }
  66
  67 #wpcontent {
  68         height: 100%;
  69         padding-bottom: 50px;
  70 }
  71
  72 #wpbody {
  73         clear: both;
  74         margin-left: 175px;
  75 }
  76
  77 .folded #wpbody {
  78         margin-left: 60px;
  79 }
  80
  81 #wpbody-content {
  82         float: left;
  83         width: 100%;
  84 }
  85
  86 #adminmenu {
  87         float: left;
  88         clear: left;
  89         width: 145px;
  90         margin-top: 15px;
  91         margin-right: 5px;
  92         margin-bottom: 15px;
  93         margin-left: -160px;
  94         position: relative;
  95         padding: 0;
  96         list-style: none;
  97 }
  98
  99 .folded #adminmenu {
 100         margin-left: -45px;
 101 }
 102
 103 .folded #adminmenu,
 104 .folded #adminmenu li.menu-top {
 105         width: 28px;
 106 }
 107
 108 #footer {
 109         clear: both;
 110         position: relative;
 111         width: 100%;
 112 }
 113
 114 /* inner 2 column liquid layout */
 115 .inner-sidebar {
 116         float: right;
 117         clear: right;
 118         display: none;
 119         width: 281px;
 120         position: relative;
 121 }
 122
 123 .inner-sidebar #side-sortables {
 124         width: 280px;
 125         min-height: 300px;
 126 }
 127
 128 .has-right-sidebar .inner-sidebar {
 129         display: block;
 130 }
 131
 132 .has-right-sidebar #post-body {
 133         float: left;
 134         clear: left;
 135         width: 100%;
 136         margin-right: -340px;
 137 }
 138
 139 .has-right-sidebar #post-body-content {
 140         margin-right: 300px;
 141 }
 142
 143 /* 2 columns main area */
 144
 145 #col-container {
 146         overflow: hidden;
 147         padding: 0;
 148         margin: 0;
 149 }
 150
 151 #col-left {
 152         padding: 0;
 153         margin: 0;
 154         overflow: hidden;
 155         width: 39%;
 156 }
 157
 158 #col-right {
 159         float: right;
 160         clear: right;
 161         overflow: hidden;
 162         padding: 0;
 163         margin: 0;
 164         width: 59%;
 165 }
 166
 167 /* utility classes */
 168 .alignleft {
 169         float: left;
 170 }
 171
 172 .alignright {
 173         float: right;
 174 }
 175
 176 .textleft {
 177         text-align: left;
 178 }
 179
 180 .textright {
 181         text-align: right;
 182 }
 183
 184 .clear {
 185         clear: both;
 186 }
 187
 188 /* Hide visually but not from screen readers */
 189 .screen-reader-text,
 190 .screen-reader-text span {
 191         position: absolute;
 192         left: -1000em;
 193         height: 1px;
 194         width: 1px;
 195         overflow: hidden;
 196 }
 197
 198 .hidden,
 199 .js .closed .inside,
 200 .js .hide-if-js,
 201 .no-js .hide-if-no-js {
 202         display: none;
 203 }
 204
 205 /* include margin and padding in the width calculation of input and textarea */
 206 input[type="text"],
 207 input[type="password"],
 208 textarea {
 209         -moz-box-sizing: border-box;
 210         -webkit-box-sizing: border-box;
 211         -ms-box-sizing: border-box; /* ie8 only */
 212         box-sizing: border-box;
 213 }
 214
 215 input[type="checkbox"],
 216 input[type="radio"] {
 217         vertical-align: middle;
 218 }
 219
 220 /* styles for use by people extending the WordPress interface */
 221 html,
 222 body {
 223         height: 100%;
 224 }
 225
 226 body,
 227 td,
 228 textarea,
 229 input,
 230 select {
 231         font-family: "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif;
 232         font-size: 13px;
 233 }
 234
 235 body,
 236 textarea {
 237         line-height: 1.4em;
 238 }
 239
 240 input,
 241 select {
 242         line-height: 1em;
 243 }
 244
 245 p {
 246         margin: 1em 0;
 247 }
 248
 249 blockquote {
 250         margin: 1em;
 251 }
 252
 253 label {
 254         cursor: pointer;
 255 }
 256
 257 li,
 258 dd {
 259         margin-bottom: 6px;
 260 }
 261
 262 p,
 263 li,
 264 dl,
 265 dd,
 266 dt {
 267         line-height: 140%;
 268 }
 269
 270 textarea,
 271 input,
 272 select {
 273         margin: 1px;
 274         padding: 3px;
 275 }
 276
 277 h1 {
 278   display: block;
 279   font-size: 2em;
 280   font-weight: bold;
 281   margin: .67em 0;
 282 }
 283
 284 h2 {
 285   display: block;
 286   font-size: 1.5em;
 287   font-weight: bold;
 288   margin: .83em 0;
 289 }
 290
 291 h3 {
 292   display: block;
 293   font-size: 1.17em;
 294   font-weight: bold;
 295   margin: 1em 0;
 296 }
 297
 298 h4 {
 299   display: block;
 300   font-size: 1em;
 301   font-weight: bold;
 302   margin: 1.33em 0;
 303 }
 304
 305 h5 {
 306   display: block;
 307   font-size: 0.83em;
 308   font-weight: bold;
 309   margin: 1.67em 0;
 310 }
 311
 312 h6 {
 313   display: block;
 314   font-size: 0.67em;
 315   font-weight: bold;
 316   margin: 2.33em 0;
 317 }
 318
 319 ul.ul-disc {
 320         list-style: disc outside;
 321 }
 322
 323 ul.ul-square {
 324         list-style: square outside;
 325 }
 326
 327 ol.ol-decimal {
 328         list-style: decimal outside;
 329 }
 330
 331 ul.ul-disc,
 332 ul.ul-square,
 333 ol.ol-decimal {
 334         margin-left: 1.8em;
 335 }
 336
 337 ul.ul-disc > li,
 338 ul.ul-square > li,
 339 ol.ol-decimal > li {
 340         margin: 0 0 0.5em;
 341 }
 342
 343 .subsubsub {
 344         list-style: none;
 345         margin: 8px 0 5px;
 346         padding: 0;
 347         white-space: nowrap;
 348         font-size: 11px;
 349         float: left;
 350 }
 351
 352 .subsubsub a {
 353         line-height: 2;
 354         padding: .2em;
 355         text-decoration: none;
 356 }
 357
 358 .subsubsub a .count, .subsubsub a.current .count {
 359         color: #999;
 360         font-weight: normal;
 361 }
 362
 363 .subsubsub a.current {
 364         font-weight: bold;
 365         background: none;
 366         border: none;
 367 }
 368
 369 .subsubsub li {
 370         display: inline;
 371         margin: 0;
 372         padding: 0;
 373 }
 374
 375 .widefat {
 376         border-width: 1px;
 377         border-style: solid;
 378         border-collapse: separate;
 379         border-spacing: 0;
 380         width: 100%;
 381         clear: both;
 382         margin: 0;
 383         -moz-border-radius: 4px;
 384         -khtml-border-radius: 4px;
 385         -webkit-border-radius: 4px;
 386         border-radius: 4px;
 387 }
 388
 389 .widefat * {
 390         word-wrap: break-word;
 391 }
 392
 393 .widefat a {
 394         text-decoration: none;
 395 }
 396
 397 .widefat td,
 398 .widefat th {
 399         border-bottom-width: 1px;
 400         border-bottom-style: solid;
 401         font-size: 11px;
 402         vertical-align: text-top;
 403 }
 404
 405 .widefat td {
 406         padding: 3px 7px;
 407         vertical-align: top;
 408 }
 409
 410 .widefat td p,
 411 .widefat td ol,
 412 .widefat td ul {
 413         font-size: 11px;
 414 }
 415
 416 .widefat th {
 417         padding: 7px 7px 8px;
 418         text-align: left;
 419         line-height: 1.3em;
 420 }
 421
 422 .widefat th input {
 423         margin: 0 0 0 8px;
 424         padding: 0;
 425         vertical-align: text-top;
 426 }
 427
 428 .widefat .check-column {
 429         width: 2.2em;
 430         padding: 0;
 431
 432 }
 433
 434 .widefat tbody th.check-column {
 435         padding: 7px 0 22px;
 436 }
 437
 438 .widefat .num,
 439 .column-comments,
 440 .column-links,
 441 .column-posts,
 442 .column-parent {
 443         text-align: center;
 444 }
 445
 446 .widefat th#comments {
 447         vertical-align: middle;
 448 }
 449
 450 .wrap {
 451         margin: 0 15px 0 5px;
 452 }
 453
 454 .updated,
 455 .error {
 456         border-width: 1px;
 457         border-style: solid;
 458         padding: 0 0.6em;
 459         margin: 5px 15px 2px;
 460         -moz-border-radius: 3px;
 461         -khtml-border-radius: 3px;
 462         -webkit-border-radius: 3px;
 463         border-radius: 3px;
 464 }
 465
 466 .updated p,
 467 .error p {
 468         margin: 0.5em 0;
 469         line-height: 1;
 470         padding: 2px;
 471 }
 472
 473 .wrap .updated,
 474 .wrap .error {
 475         margin: 5px 0 15px;
 476 }
 477
 478 .wrap h2 {
 479         font: italic normal normal 24px/29px Georgia, "Times New Roman", "Bitstream Charter", Times, serif;
 480         margin: 0;
 481         padding: 14px 15px 3px 0;
 482         line-height: 35px;
 483         text-shadow: rgba(255,255,255,1) 0px 1px 0px;
 484 }
 485
 486 .wrap h2.long-header {
 487         padding-right: 0;
 488 }