wp-admin/css/global.dev.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         position: relative;
  66 }
  67
  68 #wpcontent {
  69         height: 100%;
  70 }
  71
  72 #wpcontent,
  73 #footer {
  74         margin-left: 160px;
  75 }
  76
  77 #wpbody-content {
  78         padding-bottom: 65px;
  79 }
  80
  81 .js.folded #wpcontent,
  82 .js.folded #footer {
  83         margin-left: 52px;
  84 }
  85
  86 #wpbody-content {
  87         float: left;
  88         width: 100%;
  89 }
  90
  91 #adminmenuback,
  92 #adminmenuwrap,
  93 #adminmenu,
  94 .js.folded #adminmenu .wp-submenu.sub-open,
  95 .js.folded #adminmenu .wp-submenu-wrap {
  96         width: 145px;
  97 }
  98
  99 #adminmenuback {
 100         position: absolute;
 101         top: 0;
 102         bottom: 0;
 103         z-index: -1;
 104 }
 105
 106 #adminmenuwrap {
 107         float: left;
 108 }
 109
 110 #adminmenu {
 111         clear: left;
 112         padding: 0;
 113         list-style: none;
 114 }
 115
 116 .js.folded #adminmenuback,
 117 .js.folded #adminmenuwrap,
 118 .js.folded #adminmenu,
 119 .js.folded #adminmenu li.menu-top {
 120         width: 32px;
 121 }
 122
 123 #footer {
 124         position: relative;
 125 }
 126
 127 /* inner 2 column liquid layout */
 128 .inner-sidebar {
 129         float: right;
 130         clear: right;
 131         display: none;
 132         width: 281px;
 133         position: relative;
 134 }
 135
 136 .inner-sidebar #side-sortables {
 137         width: 280px;
 138         min-height: 300px;
 139 }
 140
 141 .has-right-sidebar .inner-sidebar {
 142         display: block;
 143 }
 144
 145 .has-right-sidebar #post-body {
 146         float: left;
 147         clear: left;
 148         width: 100%;
 149         margin-right: -340px;
 150 }
 151
 152 .has-right-sidebar #post-body-content {
 153         margin-right: 300px;
 154 }
 155
 156 /* 2 columns main area */
 157
 158 #col-container {
 159         overflow: hidden;
 160         padding: 0;
 161         margin: 0;
 162 }
 163
 164 #col-left {
 165         padding: 0;
 166         margin: 0;
 167         overflow: hidden;
 168         width: 39%;
 169 }
 170
 171 #col-right {
 172         float: right;
 173         clear: right;
 174         overflow: hidden;
 175         padding: 0;
 176         margin: 0;
 177         width: 59%;
 178 }
 179
 180 /* utility classes */
 181 .alignleft {
 182         float: left;
 183 }
 184
 185 .alignright {
 186         float: right;
 187 }
 188
 189 .textleft {
 190         text-align: left;
 191 }
 192
 193 .textright {
 194         text-align: right;
 195 }
 196
 197 .clear {
 198         clear: both;
 199 }
 200
 201 /* Hide visually but not from screen readers */
 202 .screen-reader-text,
 203 .screen-reader-text span {
 204         position: absolute;
 205         left: -1000em;
 206         height: 1px;
 207         width: 1px;
 208         overflow: hidden;
 209 }
 210
 211 .hidden,
 212 .js .closed .inside,
 213 .js .hide-if-js,
 214 .no-js .hide-if-no-js {
 215         display: none;
 216 }
 217
 218 /* include margin and padding in the width calculation of input and textarea */
 219 input[type="text"],
 220 input[type="password"],
 221 textarea {
 222         -moz-box-sizing: border-box;
 223         -webkit-box-sizing: border-box;
 224         -ms-box-sizing: border-box; /* ie8 only */
 225         box-sizing: border-box;
 226 }
 227
 228 input[type="checkbox"],
 229 input[type="radio"] {
 230         vertical-align: middle;
 231 }
 232
 233 /* styles for use by people extending the WordPress interface */
 234 html,
 235 body {
 236         height: 100%;
 237 }
 238
 239 body,
 240 td,
 241 textarea,
 242 input,
 243 select {
 244         font-family: Arial, "Bitstream Vera Sans", Helvetica, Verdana, sans-serif;
 245         font-size: 13px;
 246 }
 247
 248 body,
 249 textarea {
 250         line-height: 1.4em;
 251 }
 252
 253 input,
 254 select {
 255         line-height: 15px;
 256 }
 257
 258 p {
 259         margin: 1em 0;
 260 }
 261
 262 blockquote {
 263         margin: 1em;
 264 }
 265
 266 label {
 267         cursor: pointer;
 268 }
 269
 270 li,
 271 dd {
 272         margin-bottom: 6px;
 273 }
 274
 275 p,
 276 li,
 277 dl,
 278 dd,
 279 dt {
 280         line-height: 140%;
 281 }
 282
 283 textarea,
 284 input,
 285 select {
 286         margin: 1px;
 287         padding: 3px;
 288 }
 289
 290 h1 {
 291   display: block;
 292   font-size: 2em;
 293   font-weight: bold;
 294   margin: .67em 0;
 295 }
 296
 297 h2 {
 298   display: block;
 299   font-size: 1.5em;
 300   font-weight: bold;
 301   margin: .83em 0;
 302 }
 303
 304 h3 {
 305   display: block;
 306   font-size: 1.17em;
 307   font-weight: bold;
 308   margin: 1em 0;
 309 }
 310
 311 h4 {
 312   display: block;
 313   font-size: 1em;
 314   font-weight: bold;
 315   margin: 1.33em 0;
 316 }
 317
 318 h5 {
 319   display: block;
 320   font-size: 0.83em;
 321   font-weight: bold;
 322   margin: 1.67em 0;
 323 }
 324
 325 h6 {
 326   display: block;
 327   font-size: 0.67em;
 328   font-weight: bold;
 329   margin: 2.33em 0;
 330 }
 331
 332 ul.ul-disc {
 333         list-style: disc outside;
 334 }
 335
 336 ul.ul-square {
 337         list-style: square outside;
 338 }
 339
 340 ol.ol-decimal {
 341         list-style: decimal outside;
 342 }
 343
 344 ul.ul-disc,
 345 ul.ul-square,
 346 ol.ol-decimal {
 347         margin-left: 1.8em;
 348 }
 349
 350 ul.ul-disc > li,
 351 ul.ul-square > li,
 352 ol.ol-decimal > li {
 353         margin: 0 0 0.5em;
 354 }
 355
 356 .subsubsub {
 357         list-style: none;
 358         margin: 8px 0 5px;
 359         padding: 0;
 360         white-space: nowrap;
 361         font-size: 12px;
 362         float: left;
 363 }
 364
 365 .subsubsub a {
 366         line-height: 2;
 367         padding: .2em;
 368         text-decoration: none;
 369 }
 370
 371 .subsubsub a .count, .subsubsub a.current .count {
 372         color: #999;
 373         font-weight: normal;
 374 }
 375
 376 .subsubsub a.current {
 377         font-weight: bold;
 378         background: none;
 379         border: none;
 380 }
 381
 382 .subsubsub li {
 383         display: inline;
 384         margin: 0;
 385         padding: 0;
 386 }
 387
 388 .widefat {
 389         border-width: 1px;
 390         border-style: solid;
 391         border-spacing: 0;
 392         width: 100%;
 393         clear: both;
 394         margin: 0;
 395         -moz-border-radius: 3px;
 396         -khtml-border-radius: 3px;
 397         -webkit-border-radius: 3px;
 398         border-radius: 3px;
 399 }
 400
 401 .widefat * {
 402         word-wrap: break-word;
 403 }
 404
 405 .widefat a {
 406         text-decoration: none;
 407 }
 408
 409 .widefat thead th:first-of-type {
 410         -moz-border-radius-topleft: 3px;
 411         -khtml-border-top-left-radius: 3px;
 412         -webkit-border-top-left-radius: 3px;
 413         border-top-left-radius: 3px;
 414 }
 415 .widefat thead th:last-of-type {
 416         -moz-border-radius-topright: 3px;
 417         -khtml-border-top-right-radius: 3px;
 418         -webkit-border-top-right-radius: 3px;
 419         border-top-right-radius: 3px;
 420 }
 421 .widefat tfoot th:first-of-type {
 422         -moz-border-radius-bottomleft: 3px;
 423         -khtml-border-bottom-left-radius: 3px;
 424         -webkit-border-bottom-left-radius: 3px;
 425         border-bottom-left-radius: 3px;
 426 }
 427 .widefat tfoot th:last-of-type {
 428         -moz-border-radius-bottomright: 3px;
 429         -khtml-border-bottom-right-radius: 3px;
 430         -webkit-border-bottom-right-radius: 3px;
 431         border-bottom-right-radius: 3px;
 432 }
 433
 434 .widefat td,
 435 .widefat th {
 436         border-width: 1px 0;
 437         border-style: solid;
 438 }
 439 .widefat tfoot th {
 440         border-bottom: none;
 441 }
 442
 443 .widefat .no-items td {
 444         border-bottom-width: 0;
 445 }
 446
 447 .widefat td {
 448         font-size: 12px;
 449         padding: 4px 7px 2px;
 450         vertical-align: top;
 451 }
 452
 453 .widefat td p,
 454 .widefat td ol,
 455 .widefat td ul {
 456         font-size: 12px;
 457 }
 458
 459 .widefat th {
 460         padding: 7px 7px 8px;
 461         text-align: left;
 462         line-height: 1.3em;
 463         font-size: 14px;
 464 }
 465
 466 .widefat th input {
 467         margin: 0 0 0 8px;
 468         padding: 0;
 469         vertical-align: text-top;
 470 }
 471
 472 .widefat .check-column {
 473         width: 2.2em;
 474         padding: 11px 0 0;
 475         vertical-align: top;
 476 }
 477
 478 .widefat tbody th.check-column {
 479         padding: 9px 0 22px;
 480 }
 481
 482 .widefat .num,
 483 .column-comments,
 484 .column-links,
 485 .column-posts {
 486         text-align: center;
 487 }
 488
 489 .widefat th#comments {
 490         vertical-align: middle;
 491 }
 492
 493 .wrap {
 494         margin: 0 15px 0 0;
 495 }
 496
 497 div.updated,
 498 div.error {
 499         border-width: 1px;
 500         border-style: solid;
 501         padding: 0 0.6em;
 502         margin: 5px 15px 2px;
 503         -moz-border-radius: 3px;
 504         -khtml-border-radius: 3px;
 505         -webkit-border-radius: 3px;
 506         border-radius: 3px;
 507 }
 508
 509 div.updated p,
 510 div.error p {
 511         margin: 0.5em 0;
 512         padding: 2px;
 513 }
 514
 515 .wrap div.updated,
 516 .wrap div.error {
 517         margin: 5px 0 15px;
 518 }
 519
 520 .wrap h2,
 521 .subtitle {
 522         font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
 523         font-weight: normal;
 524         margin: 0;
 525         text-shadow: rgba(255,255,255,1) 0 1px 0;
 526 }
 527 .wrap h2 {
 528         font-size: 23px;
 529         padding: 9px 15px 4px 0;
 530         line-height: 29px;
 531 }
 532 .subtitle {
 533         font-size: 14px;
 534         padding-left: 25px;
 535 }
 536 .wrap .add-new-h2 {
 537         font-family: Arial, "Bitstream Vera Sans", Helvetica, Verdana, sans-serif;
 538         margin-left: 4px;
 539         padding: 3px 8px;
 540         position: relative;
 541         top: -3px;
 542         -moz-border-radius: 3px;
 543         -khtml-border-radius: 3px;
 544         -webkit-border-radius: 3px;
 545         border-radius: 3px;
 546         text-decoration: none;
 547         font-size: 12px;
 548 }
 549
 550 .wrap h2.long-header {
 551         padding-right: 0;
 552 }
 553
 554
 555 /* =CSS 3 transitions
 556 -------------------------------------------------------------- */
 557 .fade-1000 {
 558         opacity: 0;
 559         -moz-transition-property: opacity;
 560         -moz-transition-duration: 1s;
 561         -webkit-transition-property: opacity;
 562         -webkit-transition-duration: 1s;
 563         -o-transition-property: opacity;
 564         -o-transition-duration: 1s;
 565         transition-property: opacity;
 566         transition-duration: 1s;
 567 }
 568
 569 .fade-600 {
 570         opacity: 0;
 571         -moz-transition-property: opacity;
 572         -moz-transition-duration: 0.6s;
 573         -webkit-transition-property: opacity;
 574         -webkit-transition-duration: 0.6s;
 575         -o-transition-property: opacity;
 576         -o-transition-duration: 0.6s;
 577         transition-property: opacity;
 578         transition-duration: 0.6s;
 579 }
 580
 581 .fade-400 {
 582         opacity: 0;
 583         -moz-transition-property: opacity;
 584         -moz-transition-duration: 0.4s;
 585         -webkit-transition-property: opacity;
 586         -webkit-transition-duration: 0.4s;
 587         -o-transition-property: opacity;
 588         -o-transition-duration: 0.4s;
 589         transition-property: opacity;
 590         transition-duration: 0.4s;
 591 }
 592
 593 .fade-300 {
 594         opacity: 0;
 595         -moz-transition-property: opacity;
 596         -moz-transition-duration: 0.3s;
 597         -webkit-transition-property: opacity;
 598         -webkit-transition-duration: 0.3s;
 599         -o-transition-property: opacity;
 600         -o-transition-duration: 0.3s;
 601         transition-property: opacity;
 602         transition-duration: 0.3s;
 603 }
 604
 605 .fade-trigger {
 606         opacity: 1;
 607 }