home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / CMS / drupal-6.0.exe / drupal-6.0 / themes / garland / style.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2008-02-05  |  18.4 KB  |  1,080 lines
  1. /* $Id: style.css,v 1.38.2.1 2008/02/05 09:27:26 goba Exp $ */
  2.  
  3. /**
  4.  * Garland, for Drupal 6.x
  5.  * Stefan Nagtegaal, iStyledThis [dot] nl
  6.  * Steven Wittens, acko [dot] net`
  7.  *
  8.  * If you use a customized color scheme, you must regenerate it after
  9.  * modifying this file.
  10.  */
  11.  
  12. /**
  13.  * Generic elements
  14.  */
  15. body {
  16.   margin: 0;
  17.   padding: 0;
  18.   background: #edf5fa;
  19.   font: 12px/170% Verdana, sans-serif;
  20.   color: #494949;
  21. }
  22.  
  23. input {
  24.   font: 12px/100% Verdana, sans-serif;
  25.   color: #494949;
  26. }
  27.  
  28. textarea, select {
  29.   font: 12px/160% Verdana, sans-serif;
  30.   color: #494949;
  31. }
  32.  
  33. h1, h2, h3, h4, h5, h6 {
  34.   margin: 0;
  35.   padding: 0;
  36.   font-weight: normal;
  37.   font-family: Helvetica, Arial, sans-serif;
  38. }
  39.  
  40. h1 {
  41.   font-size: 170%;
  42. }
  43.  
  44. h2 {
  45.   font-size: 160%;
  46.   line-height: 130%;
  47. }
  48.  
  49. h3 {
  50.   font-size: 140%;
  51. }
  52.  
  53. h4 {
  54.   font-size: 130%;
  55. }
  56.  
  57. h5 {
  58.   font-size: 120%;
  59. }
  60.  
  61. h6 {
  62.   font-size: 110%;
  63. }
  64.  
  65. ul, quote, code, fieldset {
  66.   margin: .5em 0;
  67. }
  68.  
  69. p {
  70.   margin: 0.6em 0 1.2em;
  71.   padding: 0;
  72. }
  73.  
  74. a:link, a:visited {
  75.   color: #027AC6;
  76.   text-decoration: none;
  77. }
  78.  
  79. a:hover {
  80.   color: #0062A0;
  81.   text-decoration: underline;
  82. }
  83.  
  84. a:active, a.active {
  85.   color: #5895be;
  86. }
  87.  
  88. hr {
  89.   margin: 0;
  90.   padding: 0;
  91.   border: none;
  92.   height: 1px;
  93.   background: #5294c1;
  94. }
  95.  
  96. ul {
  97.   margin: 0.5em 0 1em;
  98.   padding: 0;
  99. }
  100.  
  101. ol {
  102.   margin: 0.75em 0 1.25em;
  103.   padding: 0;
  104. }
  105.  
  106. ol li, ul li {
  107.   margin: 0.4em 0 0.4em .5em; /* LTR */
  108. }
  109.  
  110. ul.menu, .item-list ul {
  111.   margin: 0.35em 0 0 -0.5em; /* LTR */
  112.   padding: 0;
  113. }
  114.  
  115. ul.menu ul, .item-list ul ul {
  116.   margin-left: 0em; /* LTR */
  117. }
  118.  
  119. ol li, ul li, ul.menu li, .item-list ul li, li.leaf {
  120.   margin: 0.15em 0 0.15em .5em; /* LTR */
  121. }
  122.  
  123. ul li, ul.menu li, .item-list ul li, li.leaf {
  124.   padding: 0 0 .2em 1.5em;
  125.   list-style-type: none;
  126.   list-style-image: none;
  127.   background: transparent url(images/menu-leaf.gif) no-repeat 1px .35em; /* LTR */
  128. }
  129.  
  130. ol li {
  131.   padding: 0 0 .3em;
  132.   margin-left: 2em; /* LTR */
  133. }
  134.  
  135. ul li.expanded {
  136.   background: transparent url(images/menu-expanded.gif) no-repeat 1px .35em; /* LTR */
  137. }
  138.  
  139. ul li.collapsed {
  140.   background: transparent url(images/menu-collapsed.gif) no-repeat 0px .35em; /* LTR */
  141. }
  142.  
  143. ul li.leaf a, ul li.expanded a, ul li.collapsed a {
  144.   display: block;
  145. }
  146.  
  147. ul.inline li {
  148.   background: none;
  149.   margin: 0;
  150.   padding: 0 1em 0 0; /* LTR */
  151. }
  152.  
  153. ol.task-list {
  154.   margin-left: 0; /* LTR */
  155.   list-style-type: none;
  156.   list-style-image: none;
  157. }
  158. ol.task-list li {
  159.   padding: 0.5em 1em 0.5em 2em; /* LTR */
  160. }
  161. ol.task-list li.active {
  162.   background: transparent url(images/task-list.png) no-repeat 3px 50%; /* LTR */
  163. }
  164. ol.task-list li.done {
  165.   color: #393;
  166.   background: transparent url(../../misc/watchdog-ok.png) no-repeat 0px 50%; /* LTR */
  167. }
  168. ol.task-list li.active {
  169.   margin-right: 1em; /* LTR */
  170. }
  171.  
  172. fieldset ul.clear-block li {
  173.   margin: 0;
  174.   padding: 0;
  175.   background-image: none;
  176. }
  177.  
  178. dl {
  179.   margin: 0.5em 0 1em 1.5em; /* LTR */
  180. }
  181.  
  182. dl dt {
  183. }
  184.  
  185. dl dd {
  186.   margin: 0 0 .5em 1.5em; /* LTR */
  187. }
  188.  
  189. img, a img {
  190.   border: none;
  191. }
  192.  
  193. table {
  194.   margin: 1em 0;
  195.   width: 100%;
  196. }
  197.  
  198. thead th {
  199.   border-bottom: 2px solid #d3e7f4;
  200.   color: #494949;
  201.   font-weight: bold;
  202. }
  203.  
  204. th a:link, th a:visited {
  205.   color: #6f9dbd;
  206. }
  207.  
  208. td, th {
  209.   padding: .3em .5em;
  210. }
  211.  
  212. tr.even, tr.odd, tbody th {
  213.   border: solid #d3e7f4;
  214.   border-width: 1px 0;
  215. }
  216.  
  217. tr.odd, tr.info {
  218.   background-color: #edf5fa;
  219. }
  220.  
  221. tr.even {
  222.   background-color: #fff;
  223. }
  224.  
  225. tr.drag {
  226.   background-color: #fffff0;
  227. }
  228.  
  229. tr.drag-previous {
  230.   background-color: #ffd;
  231. }
  232.  
  233. tr.odd td.active {
  234.   background-color: #ddecf5;
  235. }
  236.  
  237. tr.even td.active {
  238.   background-color: #e6f1f7;
  239. }
  240.  
  241. td.region, td.module, td.container, td.category {
  242.   border-top: 1.5em solid #fff;
  243.   border-bottom: 1px solid #b4d7f0;
  244.   background-color: #d4e7f3;
  245.   color: #455067;
  246.   font-weight: bold;
  247. }
  248.  
  249. tr:first-child td.region, tr:first-child td.module, tr:first-child td.container, tr:first-child td.category {
  250.   border-top-width: 0;
  251. }
  252.  
  253. span.form-required {
  254.   color: #ffae00;
  255. }
  256.  
  257. span.submitted, .description {
  258.   font-size: 0.92em;
  259.   color: #898989;
  260. }
  261.  
  262. .description {
  263.   line-height: 150%;
  264.   margin-bottom: 0.75em;
  265.   color: #898989;
  266. }
  267.  
  268. .messages, .preview {
  269.   margin: .75em 0 .75em;
  270.   padding: .5em 1em;
  271. }
  272.  
  273. .messages ul {
  274.   margin: 0;
  275. }
  276.  
  277. .form-checkboxes, .form-radios, .form-checkboxes .form-item, .form-radios .form-item {
  278.   margin: 0.25em 0;
  279. }
  280.  
  281. #center form {
  282.   margin-bottom: 2em;
  283. }
  284.  
  285. .form-button, .form-submit {
  286.   margin: 2em 0.5em 1em 0; /* LTR */
  287. }
  288.  
  289. #dblog-form-overview .form-submit,
  290. .confirmation .form-submit,
  291. .search-form .form-submit,
  292. .poll .form-submit,
  293. fieldset .form-button, fieldset .form-submit,
  294. .sidebar .form-button, .sidebar .form-submit,
  295. table .form-button, table .form-submit {
  296.   margin: 0;
  297. }
  298.  
  299. .box {
  300.   margin-bottom: 2.5em;
  301. }
  302.  
  303. /**
  304.  * Layout
  305.  */
  306. #header-region {
  307.   min-height: 1em;
  308.   background: #d2e6f3 url(images/bg-navigation.png) repeat-x 50% 100%;
  309. }
  310.  
  311. #header-region .block {
  312.   display: block;
  313.   margin: 0 1em;
  314. }
  315.  
  316. #header-region .block-region {
  317.   display: block;
  318.   margin: 0 0.5em 1em;
  319.   padding: 0.5em;
  320.   position: relative;
  321.   top: 0.5em;
  322. }
  323.  
  324. #header-region * {
  325.   display: inline;
  326.   line-height: 1.5em;
  327.   margin-top: 0;
  328.   margin-bottom: 0;
  329. }
  330.  
  331. /* Prevent the previous directive from showing the content of script elements in Mozilla browsers. */
  332. #header-region script {
  333.   display: none;
  334. }
  335.  
  336. #header-region p, #header-region img {
  337.   margin-top: 0.5em;
  338. }
  339.  
  340. #header-region h2 {
  341.   margin: 0 1em 0 0; /* LTR */
  342. }
  343.  
  344. #header-region h3, #header-region label, #header-region li {
  345.   margin: 0 1em;
  346.   padding: 0;
  347.   background: none;
  348. }
  349.  
  350. #wrapper {
  351.   background: #edf5fa url(images/body.png) repeat-x 50% 0;
  352. }
  353.  
  354. #wrapper #container {
  355.   margin: 0 auto;
  356.   padding: 0 20px;
  357.   max-width: 1270px;
  358. }
  359.  
  360. #wrapper #container #header {
  361.   height: 80px;
  362. }
  363.  
  364. #wrapper #container #header #logo-floater {
  365.   position: absolute;
  366. }
  367.  
  368. #wrapper #container #header h1, #wrapper #container #header h1 a:link, #wrapper #container #header h1 a:visited {
  369.   line-height: 120px;
  370.   position: relative;
  371.   z-index: 2;
  372.   white-space: nowrap;
  373. }
  374.  
  375. #wrapper #container #header h1 span {
  376.   font-weight: bold;
  377. }
  378.  
  379. #wrapper #container #header h1 img {
  380.   padding-top: 16px;
  381.   padding-right: 20px; /* LTR */
  382.   float: left; /* LTR */
  383. }
  384.  
  385. /* With 3 columns, require a minimum width of 1000px to ensure there is enough horizontal space. */
  386. body.sidebars {
  387.   min-width: 980px;
  388. }
  389. /* With 2 columns, require a minimum width of 800px. */
  390. body.sidebar-left, body.sidebar-right {
  391.   min-width: 780px;
  392. }
  393.  
  394. /* We must define 100% width to avoid the body being too narrow for near-empty pages */
  395. #wrapper #container #center {
  396.   float: left;
  397.   width: 100%;
  398. }
  399.  
  400. /* So we move the #center container over the sidebars to compensate */
  401. body.sidebar-left #center {
  402.   margin-left: -210px;
  403. }
  404. body.sidebar-right #center {
  405.   margin-right: -210px;
  406. }
  407. body.sidebars #center {
  408.   margin: 0 -210px;
  409. }
  410.  
  411. /* And add blanks left and right for the sidebars to fill */
  412. body.sidebar-left #squeeze {
  413.   margin-left: 210px;
  414. }
  415. body.sidebar-right #squeeze {
  416.   margin-right: 210px;
  417. }
  418. body.sidebars #squeeze {
  419.   margin: 0 210px;
  420. }
  421.  
  422. /* We ensure the sidebars are still clickable using z-index */
  423. #wrapper #container .sidebar {
  424.   margin: 60px 0 5em;
  425.   width: 210px;
  426.   float: left;
  427.   z-index: 2;
  428.   position: relative;
  429. }
  430.  
  431. #wrapper #container .sidebar .block {
  432.   margin: 0 0 1.5em 0;
  433. }
  434.  
  435. #sidebar-left .block {
  436.   padding: 0 15px 0 0px;
  437. }
  438.  
  439. #sidebar-right .block {
  440.   padding: 0 0px 0 15px;
  441. }
  442.  
  443. .block .content {
  444.   margin: 0.5em 0;
  445. }
  446.  
  447. #sidebar-left .block-region {
  448.   margin: 0 15px 0 0px; /* LTR */
  449. }
  450.  
  451. #sidebar-right .block-region {
  452.   margin: 0 0px 0 15px; /* LTR */
  453. }
  454.  
  455. .block-region {
  456.   padding: 1em;
  457.   background: transparent;
  458.   border: 2px dashed #b4d7f0;
  459.   text-align: center;
  460.   font-size: 1.3em;
  461. }
  462.  
  463. /* Now we add the backgrounds for the main content shading */
  464. #wrapper #container #center #squeeze {
  465.   background: #fff url(images/bg-content.png) repeat-x 50% 0;
  466.   position: relative;
  467. }
  468.  
  469. #wrapper #container #center .right-corner {
  470.   background: transparent url(images/bg-content-right.png) no-repeat 100% 0;
  471.   position: relative;
  472.   left: 10px;
  473. }
  474.  
  475. #wrapper #container #center .right-corner .left-corner {
  476.   padding: 60px 25px 5em 35px;
  477.   background: transparent url(images/bg-content-left.png) no-repeat 0 0;
  478.   margin-left: -10px;
  479.   position: relative;
  480.   left: -10px;
  481.   min-height: 400px;
  482. }
  483.  
  484. #wrapper #container #footer {
  485.   float: none;
  486.   clear: both;
  487.   text-align: center;
  488.   margin: 4em 0 -3em;
  489.   color: #898989;
  490. }
  491.  
  492. #wrapper #container .breadcrumb {
  493.   position: absolute;
  494.   top: 15px;
  495.   left: 35px; /* LTR */
  496.   z-index: 3;
  497. }
  498.  
  499. body.sidebar-left #footer {
  500.   margin-left: -210px;
  501. }
  502.  
  503. body.sidebar-right #footer {
  504.   margin-right: -210px;
  505. }
  506.  
  507. body.sidebars #footer {
  508.   margin: 0 -210px;
  509. }
  510.  
  511. /**
  512.  * Header
  513.  */
  514. #wrapper #container #header h1, #wrapper #container #header h1 a:link, #wrapper #container #header h1 a:visited {
  515.   color: #fff;
  516.   font-weight: normal;
  517.   text-shadow: #1659ac 0px 1px 3px;
  518.   font-size: 1.5em;
  519. }
  520.  
  521. #wrapper #container #header h1 a:hover {
  522.   text-decoration: none;
  523. }
  524.  
  525. #wrapper #container .breadcrumb {
  526.   font-size: 0.92em;
  527. }
  528.  
  529. #wrapper #container .breadcrumb, #wrapper #container .breadcrumb a {
  530.   color: #529ad6;
  531. }
  532.  
  533. #mission {
  534.   padding: 1em;
  535.   background-color: #fff;
  536.   border: 1px solid #e0e5fb;
  537.   margin-bottom: 2em;
  538. }
  539.  
  540. /**
  541.  * Primary navigation
  542.  */
  543. ul.primary-links {
  544.   margin: 0;
  545.   padding: 0;
  546.   float: right; /* LTR */
  547.   position: relative;
  548.   z-index: 4;
  549. }
  550.  
  551. ul.primary-links li {
  552.   margin: 0;
  553.   padding: 0;
  554.   float: left; /* LTR */
  555.   background-image: none;
  556. }
  557.  
  558. ul.primary-links li a, ul.primary-links li a:link, ul.primary-links li a:visited {
  559.   display: block;
  560.   margin: 0 1em;
  561.   padding: .75em 0 0;
  562.   color: #fff;
  563.   background: transparent url(images/bg-navigation-item.png) no-repeat 50% 0;
  564. }
  565.  
  566. ul.primary-links li a:hover, ul.primary-links li a.active {
  567.   color: #fff;
  568.   background: transparent url(images/bg-navigation-item-hover.png) no-repeat 50% 0;
  569. }
  570.  
  571. /**
  572.  * Secondary navigation
  573.  */
  574. ul.secondary-links {
  575.   margin: 0;
  576.   padding: 18px 0 0;
  577.   float: right; /* LTR */
  578.   clear: right; /* LTR */
  579.   position: relative;
  580.   z-index: 4;
  581. }
  582.  
  583. ul.secondary-links li {
  584.   margin: 0;
  585.   padding: 0;
  586.   float: left; /* LTR */
  587.   background-image: none;
  588. }
  589.  
  590. ul.secondary-links li a, ul.secondary-links li a:link, ul.secondary-links li a:visited {
  591.   display: block;
  592.   margin: 0 1em;
  593.   padding: .75em 0 0;
  594.   color: #cde3f1;
  595.   background: transparent;
  596. }
  597.  
  598. ul.secondary-links li a:hover, ul.secondary-links li a.active {
  599.   color: #cde3f1;
  600.   background: transparent;
  601. }
  602.  
  603. /**
  604.  * Local tasks
  605.  */
  606. ul.primary, ul.primary li, ul.secondary, ul.secondary li {
  607.   border: 0;
  608.   background: none;
  609.   margin: 0;
  610.   padding: 0;
  611. }
  612.  
  613. #tabs-wrapper {
  614.   margin: 0 -26px 1em;
  615.   padding: 0 26px;
  616.   border-bottom: 1px solid #e9eff3;
  617.   position: relative;
  618. }
  619. ul.primary {
  620.   padding: 0.5em 0 10px;
  621.   float: left; /* LTR */
  622. }
  623. ul.secondary {
  624.   clear: both;
  625.   text-align: left; /* LTR */
  626.   border-bottom: 1px solid #e9eff3;
  627.   margin: -0.2em -26px 1em;
  628.   padding: 0 26px 0.6em;
  629. }
  630. h2.with-tabs {
  631.   float: left; /* LTR */
  632.   margin: 0 2em 0 0; /* LTR */
  633.   padding: 0;
  634. }
  635.  
  636. ul.primary li a, ul.primary li.active a, ul.primary li a:hover, ul.primary li a:visited,
  637. ul.secondary li a, ul.secondary li.active a, ul.secondary li a:hover, ul.secondary li a:visited {
  638.   border: 0;
  639.   background: transparent;
  640.   padding: 4px 1em;
  641.   margin: 0 0 0 1px; /* LTR */
  642.   height: auto;
  643.   text-decoration: none;
  644.   position: relative;
  645.   top: -1px;
  646. }
  647. ul.primary li.active a, ul.primary li.active a:link, ul.primary li.active a:visited, ul.primary li a:hover,
  648. ul.secondary li.active a, ul.secondary li.active a:link, ul.secondary li.active a:visited, ul.secondary li a:hover {
  649.   background: url(images/bg-tab.png) repeat-x 0 50%;
  650.   color: #fff;
  651. }
  652. ul.primary li.active a,
  653. ul.secondary li.active a {
  654.   font-weight: bold;
  655. }
  656.  
  657. /**
  658.  * Nodes & comments
  659.  */
  660. .node {
  661.   border-bottom: 1px solid #e9eff3;
  662.   margin: -1.5em -26px 1.5em;
  663.   padding: 1.5em 26px;
  664. }
  665.  
  666. ul.links li, ul.inline li {
  667.   margin-left: 0;
  668.   margin-right: 0;
  669.   padding-left: 0; /* LTR */
  670.   padding-right: 1em; /* LTR */
  671.   background-image: none;
  672. }
  673.  
  674. .node .links, .comment .links {
  675.   text-align: left; /* LTR */
  676. }
  677.  
  678. .node .links ul.links li, .comment .links ul.links li {}
  679. .terms ul.links li {
  680.   margin-left: 0;
  681.   margin-right: 0;
  682.   padding-right: 0;
  683.   padding-left: 1em;
  684. }
  685.  
  686. .picture, .comment .submitted {
  687.   float: right; /* LTR */
  688.   clear: right; /* LTR */
  689.   padding-left: 1em; /* LTR */
  690. }
  691.  
  692. .new {
  693.   color: #ffae00;
  694.   font-size: 0.92em;
  695.   font-weight: bold;
  696.   float: right; /* LTR */
  697. }
  698.  
  699. .terms {
  700.   float: right; /* LTR */
  701. }
  702.  
  703. .preview .node, .preview .comment, .sticky {
  704.   margin: 0;
  705.   padding: 0.5em 0;
  706.   border: 0;
  707.   background: 0;
  708. }
  709.  
  710. .sticky {
  711.   padding: 1em;
  712.   background-color: #fff;
  713.   border: 1px solid #e0e5fb;
  714.   margin-bottom: 2em;
  715. }
  716.  
  717. #comments {
  718.   position: relative;
  719.   top: -1px;
  720.   border-bottom: 1px solid #e9eff3;
  721.   margin: -1.5em -25px 0;
  722.   padding: 0 25px;
  723. }
  724.  
  725. #comments h2.comments {
  726.   margin: 0 -25px;
  727.   padding: .5em 25px;
  728.   background: #fff url(images/gradient-inner.png) repeat-x 0 0;
  729. }
  730.  
  731. .comment {
  732.   margin: 0 -25px;
  733.   padding: 1.5em 25px 1.5em;
  734.   border-top: 1px solid #e9eff3;
  735. }
  736.  
  737. .indented {
  738.   margin-left: 25px; /* LTR */
  739. }
  740.  
  741. .comment h3 a.active {
  742.   color: #494949;
  743. }
  744.  
  745. .node .content, .comment .content {
  746.   margin: 0.6em 0;
  747. }
  748.  
  749. /**
  750.  * Aggregator.module
  751.  */
  752. #aggregator {
  753.   margin-top: 1em;
  754. }
  755. #aggregator .feed-item-title {
  756.   font-size: 160%;
  757.   line-height: 130%;
  758. }
  759. #aggregator .feed-item {
  760.   border-bottom: 1px solid #e9eff3;
  761.   margin: -1.5em -31px 1.75em;
  762.   padding: 1.5em 31px;
  763. }
  764. #aggregator .feed-item-categories {
  765.   font-size: 0.92em;
  766. }
  767. #aggregator .feed-item-meta {
  768.   font-size: 0.92em;
  769.   color: #898989;
  770. }
  771.  
  772. /**
  773.  * Color.module
  774.  */
  775. #palette .form-item {
  776.   border: 1px solid #fff;
  777. }
  778. #palette .item-selected {
  779.   background: #fff url(images/gradient-inner.png) repeat-x 0 0;
  780.   border: 1px solid #d9eaf5;
  781. }
  782.  
  783. /**
  784.  * Menu.module
  785.  */
  786. tr.menu-disabled {
  787.   opacity: 0.5;
  788. }
  789. tr.odd td.menu-disabled {
  790.   background-color: #edf5fa;
  791. }
  792. tr.even td.menu-disabled {
  793.   background-color: #fff;
  794. }
  795.  
  796. /**
  797.  * Poll.module
  798.  */
  799. .poll .bar {
  800.   background: #fff url(images/bg-bar-white.png) repeat-x 0 0;
  801.   border: solid #f0f0f0;
  802.   border-width: 0 1px 1px;
  803. }
  804.  
  805. .poll .bar .foreground {
  806.   background: #71a7cc url(images/bg-bar.png) repeat-x 0 100%;
  807. }
  808.  
  809. .poll .percent {
  810.   font-size: .9em;
  811. }
  812.  
  813. /**
  814.  * Autocomplete.
  815.  */
  816. #autocomplete li {
  817.   cursor: default;
  818.   padding: 2px;
  819.   margin: 0;
  820. }
  821.  
  822. /**
  823.  * Collapsible fieldsets
  824.  */
  825. fieldset {
  826.   margin: 1em 0;
  827.   padding: 1em;
  828.   border: 1px solid #d9eaf5;
  829.   background: #fff url(images/gradient-inner.png) repeat-x 0 0;
  830. }
  831.  
  832. /* Targets IE 7. Fixes background image in field sets. */
  833. *:first-child+html fieldset {
  834.   padding: 0 1em 1em;
  835.   background-position: 0 .75em;
  836.   background-color: transparent;
  837. }
  838.  
  839. *:first-child+html fieldset > .description, *:first-child+html fieldset .fieldset-wrapper .description {
  840.   padding-top: 1em;
  841. }
  842.  
  843. fieldset legend {
  844.   /* Fix disappearing legend in FFox */
  845.   display: block;
  846. }
  847.  
  848. *:first-child+html fieldset legend, *:first-child+html fieldset.collapsed legend {
  849.   display: inline;
  850. }
  851.  
  852. html.js fieldset.collapsed {
  853.   background: transparent;
  854.   padding-top: 0;
  855.   padding-bottom: .6em;
  856. }
  857.  
  858. html.js fieldset.collapsible legend a {
  859.   padding-left: 2em; /* LTR */
  860.   background: url(images/menu-expanded.gif) no-repeat 0% 50%; /* LTR */
  861. }
  862.  
  863. html.js fieldset.collapsed legend a {
  864.   background: url(images/menu-collapsed.gif) no-repeat 0% 50%; /* LTR */
  865. }
  866.  
  867. /**
  868.  * Syndication icons and block
  869.  */
  870. #block-node-0 h2 {
  871.   float: left; /* LTR */
  872.   padding-right: 20px; /* LTR */
  873. }
  874.  
  875. #block-node-0 img, .feed-icon {
  876.   float: right; /* LTR */
  877.   padding-top: 4px;
  878. }
  879.  
  880. #block-node-0 .content {
  881.   clear: right; /* LTR */
  882. }
  883.  
  884. /**
  885.  * Login Block
  886.  */
  887. #user-login-form {
  888.   text-align: center;
  889. }
  890. #user-login-form ul {
  891.   text-align: left; /* LTR */
  892. }
  893.  
  894. /**
  895.  * User profiles.
  896.  */
  897. .profile {
  898.   margin-top: 1.5em;
  899. }
  900. .profile h3 {
  901.   border-bottom: 0;
  902.   margin-bottom: 1em;
  903. }
  904. .profile dl {
  905.   margin: 0;
  906. }
  907. .profile dt {
  908.   font-weight: normal;
  909.   color: #898989;
  910.   font-size: 0.92em;
  911.   line-height: 1.3em;
  912.   margin-top: 1.4em;
  913.   margin-bottom: 0.45em;
  914. }
  915. .profile dd {
  916.   margin-bottom: 1.6em;
  917. }
  918.  
  919. /**
  920.  * Admin Styles
  921.  */
  922. div.admin-panel,
  923. div.admin-panel .description,
  924. div.admin-panel .body,
  925. div.admin,
  926. div.admin .left,
  927. div.admin .right,
  928. div.admin .expert-link,
  929. div.item-list,
  930. .menu {
  931.   margin: 0;
  932.   padding: 0;
  933. }
  934.  
  935. div.admin .left {
  936.   float: left; /* LTR */
  937.   width: 48%;
  938. }
  939. div.admin .right {
  940.   float: right; /* LTR */
  941.   width: 48%;
  942. }
  943.  
  944. div.admin-panel {
  945.   background: #fff url(images/gradient-inner.png) repeat-x 0 0;
  946.   padding: 1em 1em 1.5em;
  947. }
  948. div.admin-panel .description {
  949.   margin-bottom: 1.5em;
  950. }
  951. div.admin-panel dl {
  952.   margin: 0;
  953. }
  954. div.admin-panel dd {
  955.   color: #898989;
  956.   font-size: 0.92em;
  957.   line-height: 1.3em;
  958.   margin-top: -.2em;
  959.   margin-bottom: .65em;
  960. }
  961.  
  962. table.system-status-report th {
  963.   border-color: #d3e7f4;
  964. }
  965.  
  966. #autocomplete li.selected, tr.selected td, tr.selected td.active {
  967.   background: #027ac6;
  968.   color: #fff;
  969. }
  970.  
  971. tr.selected td a:link, tr.selected td a:visited, tr.selected td a:active {
  972.   color: #d3e7f4;
  973. }
  974.  
  975. tr.taxonomy-term-preview {
  976.   opacity: 0.5;
  977. }
  978.  
  979. tr.taxonomy-term-divider-top {
  980.   border-bottom: none;
  981. }
  982.  
  983. tr.taxonomy-term-divider-bottom {
  984.   border-top: 1px dotted #CCC;
  985. }
  986.  
  987. /**
  988.  * CSS support
  989.  */
  990.  
  991. /*******************************************************************
  992.  * Color Module: Don't touch                                       *
  993.  *******************************************************************/
  994.  
  995. /**
  996.  * Generic elements.
  997.  */
  998. .messages {
  999.   background-color: #fff;
  1000.   border: 1px solid #b8d3e5;
  1001. }
  1002.  
  1003. .preview {
  1004.   background-color: #fcfce8;
  1005.   border: 1px solid #e5e58f;
  1006. }
  1007.  
  1008. div.status {
  1009.   color: #33a333;
  1010.   border-color: #c7f2c8;
  1011. }
  1012.  
  1013. div.error, tr.error {
  1014.   color: #a30000;
  1015.   background-color: #FFCCCC;
  1016. }
  1017.  
  1018. .form-item input.error, .form-item textarea.error {
  1019.   border: 1px solid #c52020;
  1020.   color: #363636;
  1021. }
  1022.  
  1023. /**
  1024.  * dblog.module
  1025.  */
  1026. tr.dblog-user {
  1027.   background-color: #fcf9e5;
  1028. }
  1029.  
  1030. tr.dblog-user td.active {
  1031.   background-color: #fbf5cf;
  1032. }
  1033.  
  1034. tr.dblog-content {
  1035.   background-color: #fefefe;
  1036. }
  1037.  
  1038. tr.dblog-content td.active {
  1039.   background-color: #f5f5f5;
  1040. }
  1041.  
  1042. tr.dblog-warning {
  1043.   background-color: #fdf5e6;
  1044. }
  1045.  
  1046. tr.dblog-warning td.active {
  1047.   background-color: #fdf2de;
  1048. }
  1049.  
  1050. tr.dblog-error {
  1051.   background-color: #fbe4e4;
  1052. }
  1053.  
  1054. tr.dblog-error td.active {
  1055.   background-color: #fbdbdb;
  1056. }
  1057. tr.dblog-page-not-found, tr.dblog-access-denied {
  1058.   background: #d7ffd7;
  1059. }
  1060. tr.dblog-page-not-found td.active, tr.dblog-access-denied td.active {
  1061.   background: #c7eec7;
  1062. }
  1063.  
  1064. /**
  1065.  * Status report colors.
  1066.  */
  1067. table.system-status-report tr.error, table.system-status-report tr.error th {
  1068.   background-color: #fcc;
  1069.   border-color: #ebb;
  1070.   color: #200;
  1071. }
  1072. table.system-status-report tr.warning, table.system-status-report tr.warning th {
  1073.   background-color: #ffd;
  1074.   border-color: #eeb;
  1075. }
  1076. table.system-status-report tr.ok, table.system-status-report tr.ok th {
  1077.   background-color: #dfd;
  1078.   border-color: #beb;
  1079. }
  1080.