cms/drupal/themes/seven/style.css
changeset 541 e756a8c72c3d
equal deleted inserted replaced
540:07239de796bb 541:e756a8c72c3d
       
     1 
       
     2 /**
       
     3  * Generic elements.
       
     4  */
       
     5 body {
       
     6   color: #000;
       
     7   background: #fff;
       
     8   font: normal 81.3%/1.538em "Lucida Grande", "Lucida Sans Unicode", sans-serif;
       
     9 }
       
    10 a {
       
    11   color: #0074BD;
       
    12   text-decoration: none;
       
    13 }
       
    14 a:hover {
       
    15   text-decoration: underline;
       
    16 }
       
    17 hr {
       
    18   margin: 0;
       
    19   padding: 0;
       
    20   border: none;
       
    21   height: 1px;
       
    22   background: #cccccc;
       
    23 }
       
    24 legend {
       
    25   font-weight: bold;
       
    26 }
       
    27 h1,
       
    28 h2,
       
    29 h3,
       
    30 h4,
       
    31 h5,
       
    32 h6 {
       
    33   font-weight: bold;
       
    34   margin: 10px 0;
       
    35 }
       
    36 h1 {
       
    37   font-size: 1.538em;
       
    38 }
       
    39 h2 {
       
    40   font-size: 1.385em;
       
    41 }
       
    42 h3 {
       
    43   font-size: 1.231em;
       
    44 }
       
    45 h4 {
       
    46   font-size: 1.154em;
       
    47 }
       
    48 h5,
       
    49 h6 {
       
    50   font-size: 1.077em;
       
    51 }
       
    52 p {
       
    53   margin: 1em 0;
       
    54 }
       
    55 dl {
       
    56   margin: 0 0 20px;
       
    57 }
       
    58 dl dd,
       
    59 dl dl {
       
    60   margin-left: 20px; /* LTR */
       
    61   margin-bottom: 10px;
       
    62 }
       
    63 blockquote {
       
    64   margin: 1em 40px;
       
    65 }
       
    66 address {
       
    67   font-style: italic;
       
    68 }
       
    69 u,
       
    70 ins {
       
    71   text-decoration: underline;
       
    72 }
       
    73 s,
       
    74 strike,
       
    75 del {
       
    76   text-decoration: line-through;
       
    77 }
       
    78 big {
       
    79   font-size: larger;
       
    80 }
       
    81 small {
       
    82   font-size: smaller;
       
    83 }
       
    84 sub {
       
    85   vertical-align: sub;
       
    86   font-size: smaller;
       
    87   line-height: normal;
       
    88 }
       
    89 sup {
       
    90   vertical-align: super;
       
    91   font-size: smaller;
       
    92   line-height: normal;
       
    93 }
       
    94 nobr {
       
    95   white-space: nowrap;
       
    96 }
       
    97 abbr,
       
    98 acronym {
       
    99   border-bottom: dotted 1px;
       
   100 }
       
   101 ul,
       
   102 .block ul,
       
   103 .item-list ul {
       
   104   list-style-type: disc;
       
   105   list-style-image: none;
       
   106   margin: 0.25em 0 0.25em 1.5em; /* LTR */
       
   107 }
       
   108 .item-list .pager li {
       
   109   padding: 0.5em;
       
   110 }
       
   111 .item-list ul li,
       
   112 li.leaf,
       
   113 ul.menu li {
       
   114   list-style-type: disc;
       
   115   list-style-image: none;
       
   116 }
       
   117 ul.menu li {
       
   118   margin: 0;
       
   119 }
       
   120 ol {
       
   121   list-style-type: decimal;
       
   122   margin: 0.25em 0 0.25em 2em; /* LTR */
       
   123 }
       
   124 .item-list ul li.collapsed,
       
   125 ul.menu li.collapsed {
       
   126   list-style-image:url(../../misc/menu-collapsed.png);
       
   127   list-style-type:disc;
       
   128 }
       
   129 .item-list ul li.expanded,
       
   130 ul.menu li.expanded {
       
   131   list-style-image:url(../../misc/menu-expanded.png);
       
   132   list-style-type:circle;
       
   133 }
       
   134 quote,
       
   135 code {
       
   136   margin: .5em 0;
       
   137 }
       
   138 code,
       
   139 pre,
       
   140 kbd {
       
   141   font-size: 1.231em;
       
   142 }
       
   143 pre {
       
   144   margin: 0.5em 0;
       
   145   white-space: pre-wrap;
       
   146 }
       
   147 
       
   148 /**
       
   149  * Skip link.
       
   150  */
       
   151 #skip-link {
       
   152   margin-top: 0;
       
   153   position: absolute;
       
   154   left: 50%; /* LTR */
       
   155   margin-left: -5.25em; /* LTR */
       
   156   width: auto;
       
   157   z-index: 50;
       
   158 }
       
   159 #skip-link a,
       
   160 #skip-link a:link,
       
   161 #skip-link a:visited {
       
   162   display: block;
       
   163   background: #444;
       
   164   color: #fff;
       
   165   font-size: 0.94em;
       
   166   padding: 1px 10px 2px 10px; /* LTR */
       
   167   text-decoration: none;
       
   168   -moz-border-radius: 0 0 10px 10px;
       
   169   -webkit-border-top-left-radius: 0;
       
   170   -webkit-border-top-right-radius: 0;
       
   171   -webkit-border-bottom-left-radius: 10px;
       
   172   -webkit-border-bottom-right-radius: 10px;
       
   173   border-radius: 0 0 10px 10px;
       
   174 }
       
   175 #skip-link a:hover,
       
   176 #skip-link a:focus,
       
   177 #skip-link a:active {
       
   178   outline: 0;
       
   179 }
       
   180 
       
   181 /**
       
   182  * Branding.
       
   183  */
       
   184 #branding {
       
   185   overflow: hidden;
       
   186   padding: 20px 20px 0 20px; /* LTR */
       
   187   position: relative;
       
   188   background-color: #e0e0d8;
       
   189 }
       
   190 #branding div.breadcrumb {
       
   191   font-size: 0.846em;
       
   192   padding-bottom: 5px;
       
   193 }
       
   194 #branding div.block {
       
   195   position: relative;
       
   196   float: right; /* LTR */
       
   197   width: 240px;
       
   198   padding-left: 10px; /* LTR */
       
   199   background: #333;
       
   200 }
       
   201 #branding div.block form label {
       
   202   display: none;
       
   203 }
       
   204 #branding div.block form div.form-item {
       
   205   float: left; /* LTR */
       
   206   border: 0;
       
   207   margin: 0;
       
   208   padding: 0;
       
   209 }
       
   210 #branding div.block form input.form-text {
       
   211   width: 140px;
       
   212   margin-right: 10px; /* LTR */
       
   213 }
       
   214 #branding div.block form input.form-submit {
       
   215   text-align: center;
       
   216   width: 80px;
       
   217 }
       
   218 
       
   219 /**
       
   220  * Help.
       
   221  */
       
   222 #help {
       
   223   font-size: 0.923em;
       
   224   margin-top: 1em;
       
   225 }
       
   226 #help p {
       
   227   margin: 0 0 10px;
       
   228 }
       
   229 #help div.more-help-link {
       
   230   text-align: right; /* LTR */
       
   231 }
       
   232 
       
   233 /**
       
   234  * Page title.
       
   235  */
       
   236 #page-title {
       
   237   background: #333;
       
   238   padding-top: 20px;
       
   239 }
       
   240 #branding h1.page-title {
       
   241   color: #000;
       
   242   margin: 0;
       
   243   padding-bottom: 10px;
       
   244   font-size: 1.385em;
       
   245   font-weight: normal;
       
   246   float: left; /* LTR */
       
   247 }
       
   248 
       
   249 /**
       
   250  * Console.
       
   251  */
       
   252 #console {
       
   253   margin: 9px 0 10px;
       
   254 }
       
   255 
       
   256 /**
       
   257  * Tabs.
       
   258  */
       
   259 ul.primary {
       
   260   float: right; /* LTR */
       
   261   border-bottom: none;
       
   262   text-transform: uppercase;
       
   263   font-size: 0.923em;
       
   264   height: 2.60em;
       
   265   margin: 0;
       
   266   padding-top: 0;
       
   267 }
       
   268 ul.primary li {
       
   269   float: left; /* LTR */
       
   270   list-style: none;
       
   271   margin: 0 2px;
       
   272 }
       
   273 ul.primary li a:link,
       
   274 ul.primary li a.active,
       
   275 ul.primary li a:active,
       
   276 ul.primary li a:visited,
       
   277 ul.primary li a:hover,
       
   278 ul.primary li.active a {
       
   279   display: block;
       
   280   float: left; /* LTR */
       
   281   height: 2.60em;
       
   282   line-height: 2.60em;
       
   283   padding: 0 18px 8px;
       
   284   background-color: #a6a7a2;
       
   285   color: #000;
       
   286   font-weight: bold;
       
   287   border-width: 1px 1px 0 1px;
       
   288   border-style: solid;
       
   289   border-color: #a6a7a2;
       
   290   -moz-border-radius: 8px 8px 0 0;
       
   291   -webkit-border-top-left-radius: 8px;
       
   292   -webkit-border-top-right-radius: 8px;
       
   293   border-radius: 8px 8px 0 0;
       
   294 }
       
   295 ul.primary li.active a,
       
   296 ul.primary li.active a.active,
       
   297 ul.primary li.active a:active,
       
   298 ul.primary li.active a:visited {
       
   299   background-color: #fff;
       
   300   border-color: #c9cac4;
       
   301 }
       
   302 ul.primary li a:hover {
       
   303   color: #fff;
       
   304 }
       
   305 ul.primary li.active a:hover {
       
   306   color: #000;
       
   307 }
       
   308 .tabs-secondary {
       
   309   clear: both;
       
   310 }
       
   311 ul.secondary {
       
   312   float: right; /* LTR */
       
   313   font-size: 0.923em;
       
   314   padding: 0 3px 5px;
       
   315   line-height: 1.385em;
       
   316   overflow: hidden;
       
   317   background-color: #fff;
       
   318 }
       
   319 ul.secondary li {
       
   320   margin: 0 5px;
       
   321   float: none; /* LTR */
       
   322 }
       
   323 ul.secondary li a {
       
   324   background-color: #ddd;
       
   325   color: #000;
       
   326   display: inline-block;
       
   327 }
       
   328 ul.secondary li a,
       
   329 ul.secondary li a:hover,
       
   330 ul.secondary li.active a,
       
   331 ul.secondary li.active a.active {
       
   332   padding: 2px 10px;
       
   333   -moz-border-radius: 7px;
       
   334   -webkit-border-radius: 7px;
       
   335   border-radius: 7px;
       
   336 }
       
   337 ul.secondary li a:hover,
       
   338 ul.secondary li.active a,
       
   339 ul.secondary li.active a.active {
       
   340   color: #fff;
       
   341   background: #666;
       
   342 }
       
   343 #content {
       
   344   clear: left;
       
   345 }
       
   346 
       
   347 /**
       
   348  * Page layout.
       
   349  */
       
   350 #page {
       
   351   padding: 20px 0 40px 0; /* LTR */
       
   352   margin-right: 40px; /* LTR */
       
   353   margin-left: 40px; /* LTR */
       
   354   background: #fff;
       
   355   position: relative;
       
   356   color: #333;
       
   357 }
       
   358 #secondary-links ul.links li {
       
   359   padding: 0 10px 10px 0; /* LTR */
       
   360 }
       
   361 #secondary-links ul.links li a {
       
   362   font-size: 0.923em;
       
   363   background: #777;
       
   364   color: #fff;
       
   365   text-align: center;
       
   366   padding: 5px;
       
   367   height: 55px;
       
   368   width: 80px;
       
   369   overflow: hidden;
       
   370   -moz-border-radius: 5px;
       
   371   -webkit-border-radius: 5px;
       
   372   border-radius: 5px;
       
   373 }
       
   374 #secondary-links ul.links li a:hover {
       
   375   background: #999;
       
   376 }
       
   377 ul.links li,
       
   378 ul.inline li {
       
   379   padding-right: 1em; /* LTR */
       
   380 }
       
   381 ul.inline li {
       
   382   display: inline;
       
   383 }
       
   384 #secondary-links ul.links li.active-trail a,
       
   385 #secondary-links ul.links li a.active {
       
   386   background: #333;
       
   387 }
       
   388 ul.admin-list li {
       
   389   position: relative;
       
   390   padding-left: 30px; /* LTR */
       
   391   padding-top: 9px;
       
   392   border-top: 1px solid #ccc;
       
   393   margin-left: 0; /* LTR */
       
   394   margin-bottom: 10px;
       
   395   background: url(images/list-item.png) no-repeat 0 11px; /* LTR */
       
   396   list-style-type: none;
       
   397   list-style-image: none;
       
   398 }
       
   399 .admin-panel .item-list ul,
       
   400 ul.admin-list {
       
   401   margin: 0;
       
   402   padding: 0;
       
   403 }
       
   404 .admin-panel .item-list ul,
       
   405 ul.admin-list.compact {
       
   406   margin: 8px 0;
       
   407 }
       
   408 .admin-panel .item-list li,
       
   409 ul.admin-list.compact li {
       
   410   border: none;
       
   411   background: none;
       
   412   margin: 0 0 0.75em;
       
   413   line-height: 1;
       
   414   padding: 0;
       
   415 }
       
   416 ul.admin-list li:last-child {
       
   417   border-bottom: none;
       
   418 }
       
   419 ul.admin-list li a {
       
   420   margin-left: -30px; /* LTR */
       
   421   padding: 0 0 4px 30px; /* LTR */
       
   422   min-height: 0;
       
   423 }
       
   424 ul.admin-list.compact li a {
       
   425   margin-left: 0; /* LTR */
       
   426   padding: 0;
       
   427 }
       
   428 ul.admin-list li div.description a {
       
   429   margin-left: 0; /* LTR */
       
   430   padding: 0;
       
   431   min-height: inherit;
       
   432 }
       
   433 div.submitted {
       
   434   color: #898989;
       
   435 }
       
   436 
       
   437 /**
       
   438  * Tables.
       
   439  */
       
   440 table {
       
   441   width: 100%;
       
   442   font-size: 0.923em;
       
   443   margin: 0 0 10px;
       
   444   border: 1px solid #bebfb9;
       
   445 }
       
   446 table td,
       
   447 table th {
       
   448   vertical-align: middle;
       
   449   padding: 8px 10px;
       
   450   border: 0;
       
   451   color: #000;
       
   452 }
       
   453 tr.even,
       
   454 tr.odd {
       
   455   border-width: 0 1px 0 1px;
       
   456   border-style: solid;
       
   457   border-color: #bebfb9;
       
   458   background: #f3f4ee;
       
   459 }
       
   460 tr.odd {
       
   461   background: #fff;
       
   462 }
       
   463 tr.drag {
       
   464   background: #fe7;
       
   465 }
       
   466 tr.drag-previous {
       
   467   background: #ffb;
       
   468 }
       
   469 table th {
       
   470   text-transform: uppercase;
       
   471   background: #e1e2dc;
       
   472   font-weight: normal;
       
   473   border-width: 1px;
       
   474   border-style: solid;
       
   475   border-color: #bebfb9;
       
   476   padding: 3px 10px;
       
   477 }
       
   478 /**
       
   479  * Force browsers to calculate the width of a 'select all' TH element.
       
   480  */
       
   481 table th.select-all {
       
   482   width: 1px;
       
   483 }
       
   484 table th.active {
       
   485   background: #bdbeb9;
       
   486 }
       
   487 table th a {
       
   488   display: block;
       
   489   position: relative;
       
   490 }
       
   491 table th.active a {
       
   492   padding: 0 25px 0 0; /* LTR */
       
   493 }
       
   494 table th.active img {
       
   495   position: absolute;
       
   496   top: 3px;
       
   497   right: 3px; /* LTR */
       
   498 }
       
   499 table td.active {
       
   500   background: #e9e9dd;
       
   501 }
       
   502 table tr.odd td.active {
       
   503   background: #f3f4ee;
       
   504 }
       
   505 table tr.selected td.active,
       
   506 table tr.selected td {
       
   507   background: #ffc;
       
   508   border-color: #eeb;
       
   509 }
       
   510 table.system-status-report tr {
       
   511   border-bottom: 1px solid #ccc;
       
   512 }
       
   513 table.system-status-report tr.ok {
       
   514   color: #255b1e;
       
   515   background-color: #e5ffe2;
       
   516 }
       
   517 table.system-status-report tr.info {
       
   518   color: #040f37;
       
   519   background-color: #bdf;
       
   520 }
       
   521 table.system-status-report tr.warning {
       
   522   color: #840;
       
   523   background-color: #fffce5;
       
   524 }
       
   525 table.system-status-report tr.error {
       
   526   color: #8c2e0b;
       
   527   background-color: #fef5f1;
       
   528 }
       
   529 /**
       
   530  * Exception for webkit bug with the right border of the last cell
       
   531  * in some tables, since it's webkit only, we can use :last-child
       
   532  */
       
   533 tr td:last-child {
       
   534   border-right: 1px solid #bebfb9; /* LTR */
       
   535 }
       
   536 
       
   537 
       
   538 /**
       
   539  * Fieldsets.
       
   540  *
       
   541  * Fieldset legends are displayed like containers in Seven. However, several
       
   542  * browsers do not support styling of LEGEND elements. To achieve the desired
       
   543  * styling:
       
   544  * - All fieldsets use 'position: relative'.
       
   545  * - All legend labels are wrapped in a single span.fieldset-legend that uses
       
   546  *   'position: absolute', which means that the LEGEND element itself is not
       
   547  *   rendered by browsers.
       
   548  * - Due to using 'position: absolute', collapsed fieldsets do not have a
       
   549  *   height; the fieldset requires a 'padding-top' to make the absolute
       
   550  *   positioned .fieldset-legend appear as though it would have a height.
       
   551  * - Various browsers are positioning the legend differently if there is a
       
   552  *   'padding-left'/'padding-right' applied on a fieldset and inherit the
       
   553  *   positioning even to absolute positioned elements within; we therefore have
       
   554  *   to apply all padding to the inner .fieldset-wrapper instead.
       
   555  */
       
   556 fieldset {
       
   557   border: 1px solid #ccc;
       
   558   padding: 2.5em 0 0 0; /* LTR */
       
   559   position: relative;
       
   560   margin: 1em 0;
       
   561 }
       
   562 fieldset .fieldset-legend {
       
   563   margin-top: 0.5em;
       
   564   padding-left: 15px; /* LTR */
       
   565   position: absolute;
       
   566   text-transform: uppercase;
       
   567 }
       
   568 fieldset .fieldset-wrapper {
       
   569   padding: 0 13px 13px 15px; /* LTR */
       
   570 }
       
   571 fieldset.collapsed {
       
   572   background-color: transparent;
       
   573 }
       
   574 html.js fieldset.collapsed {
       
   575   border-width: 1px;
       
   576   height: auto;
       
   577 }
       
   578 fieldset fieldset {
       
   579   background-color: #fff;
       
   580 }
       
   581 fieldset fieldset fieldset {
       
   582   background-color: #f8f8f8;
       
   583 }
       
   584 
       
   585 /**
       
   586  * Form elements.
       
   587  */
       
   588 .form-item {
       
   589   padding: 9px 0;
       
   590   margin: 0 0 10px;
       
   591 }
       
   592 .filter-wrapper .form-item,
       
   593 div.teaser-checkbox .form-item,
       
   594 .form-item .form-item {
       
   595   padding: 5px 0;
       
   596   margin: 0;
       
   597   border: 0;
       
   598 }
       
   599 .form-type-checkbox {
       
   600   padding: 0;
       
   601 }
       
   602 .text-format-wrapper .form-item {
       
   603   padding-bottom: 0;
       
   604 }
       
   605 .form-item label {
       
   606   margin: 0;
       
   607   padding: 0;
       
   608 }
       
   609 .form-item label.option {
       
   610   font-size: 0.923em;
       
   611   text-transform: none;
       
   612 }
       
   613 .form-item label.option input {
       
   614   vertical-align: middle;
       
   615 }
       
   616 .form-disabled input.form-autocomplete,
       
   617 .form-disabled input.form-text,
       
   618 .form-disabled input.form-file,
       
   619 .form-disabled textarea.form-textarea,
       
   620 .form-disabled select.form-select {
       
   621   background-color: #eee;
       
   622   color: #777;
       
   623 }
       
   624 
       
   625 /* Filter */
       
   626 .filter-wrapper {
       
   627   border-top: 0;
       
   628   padding: 10px 2px;
       
   629 }
       
   630 .filter-wrapper .fieldset-wrapper {
       
   631   padding: 0 6px;
       
   632 }
       
   633 .filter-wrapper .form-item,
       
   634 .filter-wrapper .filter-guidelines,
       
   635 .filter-wrapper .filter-help {
       
   636   font-size: 0.923em;
       
   637   padding: 2px 0 0 0; /* LTR */
       
   638 }
       
   639 ul.tips,
       
   640 div.description,
       
   641 .form-item div.description {
       
   642   margin: 5px 0;
       
   643   line-height: 1.231em;
       
   644   font-size: 0.923em;
       
   645   color: #666;
       
   646 }
       
   647 ul.tips li {
       
   648   margin: 0.25em 0 0.25em 1.5em; /* LTR */
       
   649 }
       
   650 body div.form-type-radio div.description,
       
   651 body div.form-type-checkbox div.description {
       
   652   margin-left: 1.5em; /* LTR */
       
   653 }
       
   654 input.form-submit,
       
   655 a.button {
       
   656   cursor: pointer;
       
   657   padding: 4px 17px;
       
   658   margin-bottom: 1em;
       
   659   margin-right: 1em; /* LTR */
       
   660   color: #5a5a5a;
       
   661   text-align: center;
       
   662   font-weight: normal;
       
   663   font-size: 1.077em;
       
   664   font-family: "Lucida Grande", Verdana, sans-serif;
       
   665   border: 1px solid #e4e4e4;
       
   666   border-bottom: 1px solid #b4b4b4;
       
   667   border-left-color: #d2d2d2;
       
   668   border-right-color: #d2d2d2;
       
   669   background: url(images/buttons.png) 0 0 repeat-x;
       
   670   -moz-border-radius: 20px;
       
   671   -webkit-border-radius: 20px;
       
   672   border-radius: 20px;
       
   673 }
       
   674 a.button:link,
       
   675 a.button:visited,
       
   676 a.button:hover,
       
   677 a.button:active {
       
   678   text-decoration: none;
       
   679   color: #5a5a5a;
       
   680 }
       
   681 input.form-submit:active {
       
   682   background: #666;
       
   683   color: #fff;
       
   684   border-color: #555;
       
   685   text-shadow: #222 0 -1px 0;
       
   686 }
       
   687 input.form-button-disabled,
       
   688 input.form-button-disabled:active {
       
   689   background: #eee none;
       
   690   border-color: #eee;
       
   691   text-shadow: none;
       
   692   color: #999;
       
   693 }
       
   694 input.form-autocomplete,
       
   695 input.form-text,
       
   696 input.form-file,
       
   697 textarea.form-textarea,
       
   698 select.form-select {
       
   699   padding: 2px;
       
   700   border: 1px solid #ccc;
       
   701   border-top-color: #999;
       
   702   background: #fff;
       
   703   color: #333;
       
   704 }
       
   705 input.form-text:focus,
       
   706 input.form-file:focus,
       
   707 textarea.form-textarea:focus,
       
   708 select.form-select:focus {
       
   709   color: #000;
       
   710   border-color: #ace;
       
   711 }
       
   712 
       
   713 ul.action-links {
       
   714   margin: 1em 0;
       
   715   padding: 0 20px 0 20px; /* LTR */
       
   716   list-style-type: none;
       
   717   overflow: hidden;
       
   718 }
       
   719 ul.action-links li {
       
   720   float: left; /* LTR */
       
   721   margin: 0 1em 0 0; /* LTR */
       
   722 }
       
   723 ul.action-links a {
       
   724   padding-left: 15px; /* LTR */
       
   725   background: transparent url(images/add.png) no-repeat 0 center;
       
   726   line-height: 30px;
       
   727 }
       
   728 
       
   729 /* Exceptions */
       
   730 #diff-inline-form select,
       
   731 div.filter-options select {
       
   732   padding: 0;
       
   733 }
       
   734 
       
   735 /**
       
   736  * System.
       
   737  */
       
   738 div.admin .right,
       
   739 div.admin .left {
       
   740   width: 49%;
       
   741   margin: 0;
       
   742 }
       
   743 div.admin-panel,
       
   744 div.admin-panel .body {
       
   745   padding: 0;
       
   746   clear: left;
       
   747 }
       
   748 div.admin-panel {
       
   749   margin: 0 0 20px;
       
   750   padding: 9px;
       
   751   background: #f8f8f8;
       
   752   border: 1px solid #ccc;
       
   753 }
       
   754 div.admin-panel h3 {
       
   755   font-size: 0.923em;
       
   756   text-transform: uppercase;
       
   757   margin: 0;
       
   758   padding-bottom: 9px;
       
   759 }
       
   760 
       
   761 /* admin/appearance */
       
   762 #system-themes-page h2 {
       
   763   font-weight: normal;
       
   764   text-transform: uppercase;
       
   765 }
       
   766 .theme-selector h3 {
       
   767   font-weight: normal;
       
   768 }
       
   769 .theme-default h3 {
       
   770   font-weight: bold;
       
   771 }
       
   772 .system-themes-list-enabled .theme-selector h3 {
       
   773   margin-top: 0;
       
   774 }
       
   775 
       
   776 /* Update options. */
       
   777 div.admin-options {
       
   778   background: #f8f8f8;
       
   779   line-height: 30px;
       
   780   height: 30px;
       
   781   padding: 9px;
       
   782   border: 1px solid #ccc;
       
   783   margin: 0 0 10px;
       
   784 }
       
   785 div.admin-options label {
       
   786   text-transform: uppercase;
       
   787   font: 0.846em/1.875em Lucida Grande, Lucida Sans Unicode, sans-serif;
       
   788 }
       
   789 div.admin-options label,
       
   790 div.admin-options div.form-item {
       
   791   margin-right: 10px; /* LTR */
       
   792   float: left; /* LTR */
       
   793 }
       
   794 div.admin-options div.form-item {
       
   795   padding: 0;
       
   796   border: 0;
       
   797 }
       
   798 
       
   799 /* Update status */
       
   800 .versions table.version {
       
   801   border: none;
       
   802 }
       
   803 
       
   804 /* Maintenance theming */
       
   805 body.in-maintenance #sidebar-first {
       
   806   float: left; /* LTR */
       
   807   width: 200px;
       
   808 }
       
   809 body.in-maintenance #content {
       
   810   float: right; /* LTR */
       
   811   width: 550px;
       
   812   padding-right: 20px; /* LTR */
       
   813   clear: none;
       
   814 }
       
   815 body.in-maintenance #page {
       
   816   overflow: auto;
       
   817   width: 770px;
       
   818   margin: 0 auto;
       
   819   padding-top: 2em;
       
   820 }
       
   821 body.in-maintenance #branding h1 {
       
   822   width: 770px;
       
   823   margin: 0 auto;
       
   824   float: none;
       
   825 }
       
   826 body.in-maintenance .form-radios .form-type-radio {
       
   827   padding: 2px 0;
       
   828 }
       
   829 body.in-maintenance div.form-item:after {
       
   830   content: "";
       
   831   display: none;
       
   832   clear: none;
       
   833 }
       
   834 body.in-maintenance .form-submit {
       
   835   display: block;
       
   836 }
       
   837 body.in-maintenance #logo {
       
   838   margin-bottom: 1.5em;
       
   839   max-width: 180px;
       
   840 }
       
   841 ol.task-list {
       
   842   margin-left: 0; /* LTR */
       
   843   list-style-type: none;
       
   844   list-style-image: none;
       
   845 }
       
   846 ol.task-list li {
       
   847   padding: 0.5em 1em 0.5em 20px; /* LTR */
       
   848   color: #adadad;
       
   849 }
       
   850 ol.task-list li.active {
       
   851   background: transparent url(images/task-item.png) no-repeat 3px 50%; /* LTR */
       
   852   padding: 0.5em 1em 0.5em 20px; /* LTR */
       
   853   color: #000;
       
   854 }
       
   855 ol.task-list li.done {
       
   856   background: transparent url(images/task-check.png) no-repeat 0 50%;
       
   857   color: green;
       
   858 }
       
   859 
       
   860 /* Overlay theming */
       
   861 .overlay #branding {
       
   862   background-color: #fff;
       
   863   padding-top: 15px;
       
   864 }
       
   865 .overlay #branding h1.page-title,
       
   866 .overlay #left,
       
   867 .overlay #footer {
       
   868   display: none;
       
   869 }
       
   870 .overlay #page {
       
   871   margin: 0;
       
   872   padding: 0 20px;
       
   873 }
       
   874 .overlay #branding div.breadcrumb {
       
   875   float: left; /* LTR */
       
   876   position: relative;
       
   877   z-index: 10;
       
   878 }
       
   879 #overlay-tabs {
       
   880   bottom: -1px;
       
   881   font-size: 1.54em;
       
   882   line-height: 1.54em;
       
   883   margin: 0;
       
   884 }
       
   885 #overlay-tabs li {
       
   886   margin: 0 -2px;
       
   887 }
       
   888 .overlay ul.secondary {
       
   889   background: transparent none;
       
   890   margin: -1.4em 0 0.3em 0; /* LTR */
       
   891   overflow: visible;
       
   892 }
       
   893 .overlay #content {
       
   894   padding: 0;
       
   895 }
       
   896 h1#overlay-title {
       
   897   font-weight: normal;
       
   898 }
       
   899 
       
   900 /* Shortcut theming */
       
   901 div.add-or-remove-shortcuts {
       
   902   float: left; /* LTR */
       
   903   padding-top: 6px;
       
   904   padding-left: 6px; /* LTR */
       
   905 }
       
   906 
       
   907 /* Dashboard */
       
   908 #dashboard .dashboard-region div.block h2 {
       
   909   background: #E0E0D8;
       
   910 }
       
   911 #dashboard div.block h2 {
       
   912   margin: 0;
       
   913   font-size: 1em;
       
   914   padding: 3px 10px;
       
   915 }
       
   916 #dashboard div.block div.content {
       
   917   padding: 10px 5px 5px 5px; /* LTR */
       
   918 }
       
   919 #dashboard div.block div.content ul.menu {
       
   920   margin-left: 20px; /* LTR */
       
   921 }
       
   922 #dashboard .dashboard-region .block {
       
   923   border: #ccc 1px solid;
       
   924 }
       
   925 
       
   926 /* Field UI */
       
   927 
       
   928 #field-display-overview input.field-formatter-settings-edit {
       
   929   margin: 0;
       
   930   padding: 1px 8px;
       
   931 }
       
   932 #field-display-overview tr.field-formatter-settings-changed {
       
   933   background: #FFFFBB;
       
   934 }
       
   935 #field-display-overview tr.drag {
       
   936   background: #FFEE77;
       
   937 }
       
   938 #field-display-overview tr.field-formatter-settings-editing {
       
   939   background: #D5E9F2;
       
   940 }
       
   941 #field-display-overview .field-formatter-settings-edit-form .form-item {
       
   942   margin: 10px 0;
       
   943 }
       
   944 #field-display-overview .field-formatter-settings-edit-form .form-submit {
       
   945   margin-bottom: 0;
       
   946 }
       
   947 
       
   948 /* Recent content block */
       
   949 #dashboard div#block-node-recent div.content {
       
   950   padding: 0;
       
   951 }
       
   952 #block-node-recent table,
       
   953 #block-node-recent tr {
       
   954   border: none;
       
   955 }
       
   956 #block-node-recent .more-link {
       
   957   padding: 0 5px 5px 0; /* LTR */
       
   958 }
       
   959 
       
   960 /* User login block */
       
   961 #user-login-form .openid-links {
       
   962   margin-left: 0; /* LTR */
       
   963 }
       
   964 #user-login-form .openid-links .user-link {
       
   965   margin-left: 1.5em; /* LTR */
       
   966 }
       
   967 
       
   968 /* Disable overlay message */
       
   969 #overlay-disable-message {
       
   970   background-color: #addafc;
       
   971 }
       
   972 #overlay-disable-message a,
       
   973 #overlay-disable-message a:visited {
       
   974   color: #000;
       
   975 }
       
   976 #overlay-disable-message a:focus,
       
   977 #overlay-disable-message a:active {
       
   978   outline: none;
       
   979   text-decoration: underline;
       
   980 }
       
   981 .overlay-disable-message-focused a {
       
   982   padding: 0.4em 0.6em;
       
   983 }
       
   984 .overlay-disable-message-focused #overlay-dismiss-message {
       
   985   background-color: #59a0d8;
       
   986   color: #fff;
       
   987   -moz-border-radius: 8px;
       
   988   -webkit-border-radius: 8px;
       
   989   border-radius: 8px;
       
   990 }