[Summary view] [Print] [Text view]

   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  .folded #wpcontent,
  82  .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  .folded #adminmenu .wp-submenu.sub-open,
  95  .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  .folded #adminmenuback,
 117  .folded #adminmenuwrap,
 118  .folded #adminmenu,
 119  .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: 200;
 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  }
 535  .wrap .add-new-h2 {
 536      font-family: Arial, "Bitstream Vera Sans", Helvetica, Verdana, sans-serif;
 537      margin-left: 4px;
 538      padding: 3px 8px;
 539      position: relative;
 540      top: -3px;
 541      -moz-border-radius: 3px;
 542      -khtml-border-radius: 3px;
 543      -webkit-border-radius: 3px;
 544      border-radius: 3px;
 545      text-decoration: none;
 546      font-size: 12px;
 547  }
 548  
 549  .wrap h2.long-header {
 550      padding-right: 0;
 551  }
 552  
 553  
 554  /* =CSS 3 transitions
 555  -------------------------------------------------------------- */
 556  .fade-1000 {
 557      opacity: 0;
 558      -moz-transition-property: opacity;
 559      -moz-transition-duration: 1s;
 560      -webkit-transition-property: opacity;
 561      -webkit-transition-duration: 1s;
 562      -o-transition-property: opacity;
 563      -o-transition-duration: 1s;
 564      transition-property: opacity;
 565      transition-duration: 1s;
 566  }
 567  
 568  .fade-600 {
 569      opacity: 0;
 570      -moz-transition-property: opacity;
 571      -moz-transition-duration: 0.6s;
 572      -webkit-transition-property: opacity;
 573      -webkit-transition-duration: 0.6s;
 574      -o-transition-property: opacity;
 575      -o-transition-duration: 0.6s;
 576      transition-property: opacity;
 577      transition-duration: 0.6s;
 578  }
 579  
 580  .fade-400 {
 581      opacity: 0;
 582      -moz-transition-property: opacity;
 583      -moz-transition-duration: 0.4s;
 584      -webkit-transition-property: opacity;
 585      -webkit-transition-duration: 0.4s;
 586      -o-transition-property: opacity;
 587      -o-transition-duration: 0.4s;
 588      transition-property: opacity;
 589      transition-duration: 0.4s;
 590  }
 591  
 592  .fade-300 {
 593      opacity: 0;
 594      -moz-transition-property: opacity;
 595      -moz-transition-duration: 0.3s;
 596      -webkit-transition-property: opacity;
 597      -webkit-transition-duration: 0.3s;
 598      -o-transition-property: opacity;
 599      -o-transition-duration: 0.3s;
 600      transition-property: opacity;
 601      transition-duration: 0.3s;
 602  }
 603  
 604  .fade-trigger {
 605      opacity: 1;
 606  }