style.css 18 KB

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