You are here

Home » API reference » Drupal 6

system.css in Drupal 6

Same filename and directory in other branches
  1. 5 modules/system/system.css
/*
** HTML elements
*/
body.drag {
  cursor: move;
}
th.active img {
  display: inline;
}
tr.even, tr.odd {
  background-color: #eee;
  border-bottom: 1px solid #ccc;
  padding: 0.1em 0.6em;
}
tr.drag {
  background-color: #fffff0;
}
tr.drag-previous {
  background-color: #ffd;
}
td.active {
  background-color: #ddd;
}
td.checkbox, th.checkbox {
  text-align: center;
}
tbody {
  border-top: 1px solid #ccc;
}
tbody th {
  border-bottom: 1px solid #ccc;
}
thead th {
  text-align: left; /* LTR */
  padding-right: 1em; /* LTR */
  border-bottom: 3px solid #ccc;
}

/*
** Other common styles
*/
.breadcrumb {
  padding-bottom: .5em
}
div.indentation {
  width: 20px;
  height: 1.7em;
  margin: -0.4em 0.2em -0.4em -0.4em; /* LTR */
  padding: 0.42em 0 0.42em 0.6em; /* LTR */
  float: left; /* LTR */
}
div.tree-child {
  background: url(../../misc/tree.png) no-repeat 11px center; /* LTR */
}
div.tree-child-last {
  background: url(../../misc/tree-bottom.png) no-repeat 11px center; /* LTR */
}
div.tree-child-horizontal {
  background: url(../../misc/tree.png) no-repeat -11px center;
}
.error {
  color: #e55;
}
div.error {
  border: 1px solid #d77;
}
div.error, tr.error {
  background: #fcc;
  color: #200;
  padding: 2px;
}
.warning {
  color: #e09010;
}
div.warning {
  border: 1px solid #f0c020;
}
div.warning, tr.warning {
  background: #ffd;
  color: #220;
  padding: 2px;
}
.ok {
  color: #008000;
}
div.ok {
  border: 1px solid #00aa00;
}
div.ok, tr.ok {
  background: #dfd;
  color: #020;
  padding: 2px;
}
.item-list .icon {
  color: #555;
  float: right; /* LTR */
  padding-left: 0.25em; /* LTR */
  clear: right; /* LTR */
}
.item-list .title {
  font-weight: bold;
}
.item-list ul {
  margin: 0 0 0.75em 0;
  padding: 0;
}
.item-list ul li {
  margin: 0 0 0.25em 1.5em; /* LTR */
  padding: 0;
  list-style: disc;
}
ol.task-list li.active {
  font-weight: bold;
}
.form-item {
  margin-top: 1em;
  margin-bottom: 1em;
}
tr.odd .form-item, tr.even .form-item {
  margin-top: 0;
  margin-bottom: 0;
  white-space: nowrap;
}
tr.merge-down, tr.merge-down td, tr.merge-down th {
  border-bottom-width: 0 !important;
}
tr.merge-up, tr.merge-up td, tr.merge-up th {
  border-top-width: 0 !important;
}
.form-item input.error, .form-item textarea.error, .form-item select.error {
  border: 2px solid red;
}
.form-item .description {
  font-size: 0.85em;
}
.form-item label {
  display: block;
  font-weight: bold;
}
.form-item label.option {
  display: inline;
  font-weight: normal;
}
.form-checkboxes, .form-radios {
  margin: 1em 0;
}
.form-checkboxes .form-item, .form-radios .form-item {
  margin-top: 0.4em;
  margin-bottom: 0.4em;
}
.marker, .form-required {
  color: #f00;
}
.more-link {
  text-align: right; /* LTR */
}
.more-help-link {
  font-size: 0.85em;
  text-align: right; /* LTR */
}
.nowrap {
  white-space: nowrap;
}
.item-list .pager {
  clear: both;
  text-align: center;
}
.item-list .pager li {
  background-image:none;
  display:inline;
  list-style-type:none;
  padding: 0.5em;
}
.pager-current {
  font-weight:bold;
}
.tips {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 0.9em;
}
dl.multiselect dd.b, dl.multiselect dd.b .form-item, dl.multiselect dd.b select {
  font-family: inherit;
  font-size: inherit;
  width: 14em;
}
dl.multiselect dd.a, dl.multiselect dd.a .form-item {
  width: 10em;
}
dl.multiselect dt, dl.multiselect dd {
  float: left; /* LTR */
  line-height: 1.75em;
  padding: 0;
  margin: 0 1em 0 0; /* LTR */
}
dl.multiselect .form-item {
  height: 1.75em;
  margin: 0;
}

/*
** Inline items (need to override above)
*/
.container-inline div, .container-inline label {
  display: inline;
}

/*
** Tab navigation
*/
ul.primary {
  border-collapse: collapse;
  padding: 0 0 0 1em; /* LTR */
  white-space: nowrap;
  list-style: none;
  margin: 5px;
  height: auto;
  line-height: normal;
  border-bottom: 1px solid #bbb;
}
ul.primary li {
  display: inline;
}
ul.primary li a {
  background-color: #ddd;
  border-color: #bbb;
  border-width: 1px;
  border-style: solid solid none solid;
  height: auto;
  margin-right: 0.5em; /* LTR */
  padding: 0 1em;
  text-decoration: none;
}
ul.primary li.active a {
  background-color: #fff;
  border: 1px solid #bbb;
  border-bottom: #fff 1px solid;
}
ul.primary li a:hover {
  background-color: #eee;
  border-color: #ccc;
  border-bottom-color: #eee;
}
ul.secondary {
  border-bottom: 1px solid #bbb;
  padding: 0.5em 1em;
  margin: 5px;
}
ul.secondary li {
  display: inline;
  padding: 0 1em;
  border-right: 1px solid #ccc; /* LTR */
}
ul.secondary a {
  padding: 0;
  text-decoration: none;
}
ul.secondary a.active {
  border-bottom: 4px solid #999;
}

/*
** Autocomplete styles
*/
/* Suggestion list */
#autocomplete {
  position: absolute;
  border: 1px solid;
  overflow: hidden;
  z-index: 100;
}
#autocomplete ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#autocomplete li {
  background: #fff;
  color: #000;
  white-space: pre;
  cursor: default;
}
#autocomplete li.selected {
  background: #0072b9;
  color: #fff;
}
/* Animated throbber */
html.js input.form-autocomplete {
  background-image: url(../../misc/throbber.gif);
  background-repeat: no-repeat;
  background-position: 100% 2px; /* LTR */
}
html.js input.throbbing {
  background-position: 100% -18px; /* LTR */
}

/*
** Collapsing fieldsets
*/
html.js fieldset.collapsed {
  border-bottom-width: 0;
  border-left-width: 0;
  border-right-width: 0;
  margin-bottom: 0;
  height: 1em;
}
html.js fieldset.collapsed * {
  display: none;
}
html.js fieldset.collapsed legend {
  display: block;
}
html.js fieldset.collapsible legend a {
  padding-left: 15px; /* LTR */
  background: url(../../misc/menu-expanded.png) 5px 75% no-repeat; /* LTR */
}
html.js fieldset.collapsed legend a {
  background-image: url(../../misc/menu-collapsed.png); /* LTR */
  background-position: 5px 50%; /* LTR */
}
/* Note: IE-only fix due to '* html' (breaks Konqueror otherwise). */
* html.js fieldset.collapsed legend,
* html.js fieldset.collapsed legend *,
* html.js fieldset.collapsed table * {
  display: inline;
}
/* For Safari 2 to prevent collapsible fieldsets containing tables from dissapearing due to tableheader.js. */
html.js fieldset.collapsible {
  position: relative;
}
html.js fieldset.collapsible legend a {
  display: block;
}
/* Avoid jumping around due to margins collapsing into collapsible fieldset border */
html.js fieldset.collapsible .fieldset-wrapper {
  overflow: auto;
}

/*
** Resizable text areas
*/
.resizable-textarea {
  width: 95%;
}
.resizable-textarea .grippie {
  height: 9px;
  overflow: hidden;
  background: #eee url(../../misc/grippie.png) no-repeat center 2px;
  border: 1px solid #ddd;
  border-top-width: 0;
  cursor: s-resize;
}
html.js .resizable-textarea textarea {
  margin-bottom: 0;
  width: 100%;
  display: block;
}

/*
** Table drag and drop.
*/
.draggable a.tabledrag-handle {
  cursor: move;
  float: left; /* LTR */
  height: 1.7em;
  margin: -0.4em 0 -0.4em -0.5em; /* LTR */
  padding: 0.42em 1.5em 0.42em 0.5em; /* LTR */
  text-decoration: none;
}
a.tabledrag-handle:hover {
  text-decoration: none;
}
a.tabledrag-handle .handle {
  margin-top: 4px;
  height: 13px;
  width: 13px;
  background: url(../../misc/draggable.png) no-repeat 0 0;
}
a.tabledrag-handle-hover .handle {
  background-position: 0 -20px;
}

/*
** Teaser splitter
*/
.joined + .grippie {
  height: 5px;
  background-position: center 1px;
  margin-bottom: -2px;
}
/* Keeps inner content contained in Opera 9. */
.teaser-checkbox {
  padding-top: 1px;
}
div.teaser-button-wrapper {
  float: right; /* LTR */
  padding-right: 5%; /* LTR */
  margin: 0;
}
.teaser-checkbox div.form-item {
  float: right; /* LTR */
  margin: 0 5% 0 0; /* LTR */
  padding: 0;
}
textarea.teaser {
  display: none;
}
html.js .no-js {
  display: none;
}

/*
** Progressbar styles
*/
.progress {
  font-weight: bold;
}
.progress .bar {
  background: #fff url(../../misc/progress.gif);
  border: 1px solid #00375a;
  height: 1.5em;
  margin: 0 0.2em;
}
.progress .filled {
  background: #0072b9;
  height: 1em;
  border-bottom: 0.5em solid #004a73;
  width: 0%;
}
.progress .percentage {
  float: right; /* LTR */
}
.progress-disabled {
  float: left; /* LTR */
}
.ahah-progress {
  float: left; /* LTR */
}
.ahah-progress .throbber {
  width: 15px;
  height: 15px;
  margin: 2px;
  background: transparent url(../../misc/throbber.gif) no-repeat 0px -18px;
  float: left; /* LTR */
}
tr .ahah-progress .throbber {
  margin: 0 2px;
}
.ahah-progress-bar {
  width: 16em;
}

/*
** Formatting for welcome page
*/
#first-time strong {
  display: block;
  padding: 1.5em 0 .5em;
}

/*
** To be used with tableselect.js
*/
tr.selected td {
  background: #ffc;
}

/*
** Floating header for tableheader.js
*/
table.sticky-header {
  margin-top: 0;
  background: #fff;
}

/*
** Installation clean URLs
*/
#clean-url.install {
  display: none;
}

/*
** For anything you want to hide on page load when JS is enabled, so
** that you can use the JS to control visibility and avoid flicker.
*/
html.js .js-hide {
  display: none;
}

/*
** Styles for the system modules page (admin/build/modules)
*/
#system-modules div.incompatible {
  font-weight: bold;
}

/*
** Styles for the system themes page (admin/build/themes)
*/
#system-themes-form div.incompatible {
  font-weight: bold;
}

/*
** Password strength indicator
*/
span.password-strength {
  visibility: hidden;
}
input.password-field {
  margin-right: 10px; /* LTR */
}
div.password-description {
  padding: 0 2px;
  margin: 4px 0 0 0;
  font-size: 0.85em;
  max-width: 500px;
}
div.password-description ul {
  margin-bottom: 0;
}
.password-parent {
  margin: 0 0 0 0;
}
/*
** Password confirmation checker
*/
input.password-confirm {
  margin-right: 10px; /* LTR */
}
.confirm-parent {
  margin: 5px 0 0 0;
}
span.password-confirm {
  visibility: hidden;
}
span.password-confirm span {
  font-weight: normal;
}

File

modules/system/system.css
View source 
  1. 

  2. /*

  3. ** HTML elements

  4. */

  5. body.drag {

  6.   cursor: move;

  7. }

  8. th.active img {

  9.   display: inline;

  10. }

  11. tr.even, tr.odd {

  12.   background-color: #eee;

  13.   border-bottom: 1px solid #ccc;

  14.   padding: 0.1em 0.6em;

  15. }

  16. tr.drag {

  17.   background-color: #fffff0;

  18. }

  19. tr.drag-previous {

  20.   background-color: #ffd;

  21. }

  22. td.active {

  23.   background-color: #ddd;

  24. }

  25. td.checkbox, th.checkbox {

  26.   text-align: center;

  27. }

  28. tbody {

  29.   border-top: 1px solid #ccc;

  30. }

  31. tbody th {

  32.   border-bottom: 1px solid #ccc;

  33. }

  34. thead th {

  35.   text-align: left; /* LTR */

  36.   padding-right: 1em; /* LTR */

  37.   border-bottom: 3px solid #ccc;

  38. }

  39. 

  40. /*

  41. ** Other common styles

  42. */

  43. .breadcrumb {

  44.   padding-bottom: .5em

  45. }

  46. div.indentation {

  47.   width: 20px;

  48.   height: 1.7em;

  49.   margin: -0.4em 0.2em -0.4em -0.4em; /* LTR */

  50.   padding: 0.42em 0 0.42em 0.6em; /* LTR */

  51.   float: left; /* LTR */

  52. }

  53. div.tree-child {

  54.   background: url(../../misc/tree.png) no-repeat 11px center; /* LTR */

  55. }

  56. div.tree-child-last {

  57.   background: url(../../misc/tree-bottom.png) no-repeat 11px center; /* LTR */

  58. }

  59. div.tree-child-horizontal {

  60.   background: url(../../misc/tree.png) no-repeat -11px center;

  61. }

  62. .error {

  63.   color: #e55;

  64. }

  65. div.error {

  66.   border: 1px solid #d77;

  67. }

  68. div.error, tr.error {

  69.   background: #fcc;

  70.   color: #200;

  71.   padding: 2px;

  72. }

  73. .warning {

  74.   color: #e09010;

  75. }

  76. div.warning {

  77.   border: 1px solid #f0c020;

  78. }

  79. div.warning, tr.warning {

  80.   background: #ffd;

  81.   color: #220;

  82.   padding: 2px;

  83. }

  84. .ok {

  85.   color: #008000;

  86. }

  87. div.ok {

  88.   border: 1px solid #00aa00;

  89. }

  90. div.ok, tr.ok {

  91.   background: #dfd;

  92.   color: #020;

  93.   padding: 2px;

  94. }

  95. .item-list .icon {

  96.   color: #555;

  97.   float: right; /* LTR */

  98.   padding-left: 0.25em; /* LTR */

  99.   clear: right; /* LTR */

  100. }

  101. .item-list .title {

  102.   font-weight: bold;

  103. }

  104. .item-list ul {

  105.   margin: 0 0 0.75em 0;

  106.   padding: 0;

  107. }

  108. .item-list ul li {

  109.   margin: 0 0 0.25em 1.5em; /* LTR */

  110.   padding: 0;

  111.   list-style: disc;

  112. }

  113. ol.task-list li.active {

  114.   font-weight: bold;

  115. }

  116. .form-item {

  117.   margin-top: 1em;

  118.   margin-bottom: 1em;

  119. }

  120. tr.odd .form-item, tr.even .form-item {

  121.   margin-top: 0;

  122.   margin-bottom: 0;

  123.   white-space: nowrap;

  124. }

  125. tr.merge-down, tr.merge-down td, tr.merge-down th {

  126.   border-bottom-width: 0 !important;

  127. }

  128. tr.merge-up, tr.merge-up td, tr.merge-up th {

  129.   border-top-width: 0 !important;

  130. }

  131. .form-item input.error, .form-item textarea.error, .form-item select.error {

  132.   border: 2px solid red;

  133. }

  134. .form-item .description {

  135.   font-size: 0.85em;

  136. }

  137. .form-item label {

  138.   display: block;

  139.   font-weight: bold;

  140. }

  141. .form-item label.option {

  142.   display: inline;

  143.   font-weight: normal;

  144. }

  145. .form-checkboxes, .form-radios {

  146.   margin: 1em 0;

  147. }

  148. .form-checkboxes .form-item, .form-radios .form-item {

  149.   margin-top: 0.4em;

  150.   margin-bottom: 0.4em;

  151. }

  152. .marker, .form-required {

  153.   color: #f00;

  154. }

  155. .more-link {

  156.   text-align: right; /* LTR */

  157. }

  158. .more-help-link {

  159.   font-size: 0.85em;

  160.   text-align: right; /* LTR */

  161. }

  162. .nowrap {

  163.   white-space: nowrap;

  164. }

  165. .item-list .pager {

  166.   clear: both;

  167.   text-align: center;

  168. }

  169. .item-list .pager li {

  170.   background-image:none;

  171.   display:inline;

  172.   list-style-type:none;

  173.   padding: 0.5em;

  174. }

  175. .pager-current {

  176.   font-weight:bold;

  177. }

  178. .tips {

  179.   margin-top: 0;

  180.   margin-bottom: 0;

  181.   padding-top: 0;

  182.   padding-bottom: 0;

  183.   font-size: 0.9em;

  184. }

  185. dl.multiselect dd.b, dl.multiselect dd.b .form-item, dl.multiselect dd.b select {

  186.   font-family: inherit;

  187.   font-size: inherit;

  188.   width: 14em;

  189. }

  190. dl.multiselect dd.a, dl.multiselect dd.a .form-item {

  191.   width: 10em;

  192. }

  193. dl.multiselect dt, dl.multiselect dd {

  194.   float: left; /* LTR */

  195.   line-height: 1.75em;

  196.   padding: 0;

  197.   margin: 0 1em 0 0; /* LTR */

  198. }

  199. dl.multiselect .form-item {

  200.   height: 1.75em;

  201.   margin: 0;

  202. }

  203. 

  204. /*

  205. ** Inline items (need to override above)

  206. */

  207. .container-inline div, .container-inline label {

  208.   display: inline;

  209. }

  210. 

  211. /*

  212. ** Tab navigation

  213. */

  214. ul.primary {

  215.   border-collapse: collapse;

  216.   padding: 0 0 0 1em; /* LTR */

  217.   white-space: nowrap;

  218.   list-style: none;

  219.   margin: 5px;

  220.   height: auto;

  221.   line-height: normal;

  222.   border-bottom: 1px solid #bbb;

  223. }

  224. ul.primary li {

  225.   display: inline;

  226. }

  227. ul.primary li a {

  228.   background-color: #ddd;

  229.   border-color: #bbb;

  230.   border-width: 1px;

  231.   border-style: solid solid none solid;

  232.   height: auto;

  233.   margin-right: 0.5em; /* LTR */

  234.   padding: 0 1em;

  235.   text-decoration: none;

  236. }

  237. ul.primary li.active a {

  238.   background-color: #fff;

  239.   border: 1px solid #bbb;

  240.   border-bottom: #fff 1px solid;

  241. }

  242. ul.primary li a:hover {

  243.   background-color: #eee;

  244.   border-color: #ccc;

  245.   border-bottom-color: #eee;

  246. }

  247. ul.secondary {

  248.   border-bottom: 1px solid #bbb;

  249.   padding: 0.5em 1em;

  250.   margin: 5px;

  251. }

  252. ul.secondary li {

  253.   display: inline;

  254.   padding: 0 1em;

  255.   border-right: 1px solid #ccc; /* LTR */

  256. }

  257. ul.secondary a {

  258.   padding: 0;

  259.   text-decoration: none;

  260. }

  261. ul.secondary a.active {

  262.   border-bottom: 4px solid #999;

  263. }

  264. 

  265. /*

  266. ** Autocomplete styles

  267. */

  268. /* Suggestion list */

  269. #autocomplete {

  270.   position: absolute;

  271.   border: 1px solid;

  272.   overflow: hidden;

  273.   z-index: 100;

  274. }

  275. #autocomplete ul {

  276.   margin: 0;

  277.   padding: 0;

  278.   list-style: none;

  279. }

  280. #autocomplete li {

  281.   background: #fff;

  282.   color: #000;

  283.   white-space: pre;

  284.   cursor: default;

  285. }

  286. #autocomplete li.selected {

  287.   background: #0072b9;

  288.   color: #fff;

  289. }

  290. /* Animated throbber */

  291. html.js input.form-autocomplete {

  292.   background-image: url(../../misc/throbber.gif);

  293.   background-repeat: no-repeat;

  294.   background-position: 100% 2px; /* LTR */

  295. }

  296. html.js input.throbbing {

  297.   background-position: 100% -18px; /* LTR */

  298. }

  299. 

  300. /*

  301. ** Collapsing fieldsets

  302. */

  303. html.js fieldset.collapsed {

  304.   border-bottom-width: 0;

  305.   border-left-width: 0;

  306.   border-right-width: 0;

  307.   margin-bottom: 0;

  308.   height: 1em;

  309. }

  310. html.js fieldset.collapsed * {

  311.   display: none;

  312. }

  313. html.js fieldset.collapsed legend {

  314.   display: block;

  315. }

  316. html.js fieldset.collapsible legend a {

  317.   padding-left: 15px; /* LTR */

  318.   background: url(../../misc/menu-expanded.png) 5px 75% no-repeat; /* LTR */

  319. }

  320. html.js fieldset.collapsed legend a {

  321.   background-image: url(../../misc/menu-collapsed.png); /* LTR */

  322.   background-position: 5px 50%; /* LTR */

  323. }

  324. /* Note: IE-only fix due to '* html' (breaks Konqueror otherwise). */

  325. * html.js fieldset.collapsed legend,

  326. * html.js fieldset.collapsed legend *,

  327. * html.js fieldset.collapsed table * {

  328.   display: inline;

  329. }

  330. /* For Safari 2 to prevent collapsible fieldsets containing tables from dissapearing due to tableheader.js. */

  331. html.js fieldset.collapsible {

  332.   position: relative;

  333. }

  334. html.js fieldset.collapsible legend a {

  335.   display: block;

  336. }

  337. /* Avoid jumping around due to margins collapsing into collapsible fieldset border */

  338. html.js fieldset.collapsible .fieldset-wrapper {

  339.   overflow: auto;

  340. }

  341. 

  342. /*

  343. ** Resizable text areas

  344. */

  345. .resizable-textarea {

  346.   width: 95%;

  347. }

  348. .resizable-textarea .grippie {

  349.   height: 9px;

  350.   overflow: hidden;

  351.   background: #eee url(../../misc/grippie.png) no-repeat center 2px;

  352.   border: 1px solid #ddd;

  353.   border-top-width: 0;

  354.   cursor: s-resize;

  355. }

  356. html.js .resizable-textarea textarea {

  357.   margin-bottom: 0;

  358.   width: 100%;

  359.   display: block;

  360. }

  361. 

  362. /*

  363. ** Table drag and drop.

  364. */

  365. .draggable a.tabledrag-handle {

  366.   cursor: move;

  367.   float: left; /* LTR */

  368.   height: 1.7em;

  369.   margin: -0.4em 0 -0.4em -0.5em; /* LTR */

  370.   padding: 0.42em 1.5em 0.42em 0.5em; /* LTR */

  371.   text-decoration: none;

  372. }

  373. a.tabledrag-handle:hover {

  374.   text-decoration: none;

  375. }

  376. a.tabledrag-handle .handle {

  377.   margin-top: 4px;

  378.   height: 13px;

  379.   width: 13px;

  380.   background: url(../../misc/draggable.png) no-repeat 0 0;

  381. }

  382. a.tabledrag-handle-hover .handle {

  383.   background-position: 0 -20px;

  384. }

  385. 

  386. /*

  387. ** Teaser splitter

  388. */

  389. .joined + .grippie {

  390.   height: 5px;

  391.   background-position: center 1px;

  392.   margin-bottom: -2px;

  393. }

  394. /* Keeps inner content contained in Opera 9. */

  395. .teaser-checkbox {

  396.   padding-top: 1px;

  397. }

  398. div.teaser-button-wrapper {

  399.   float: right; /* LTR */

  400.   padding-right: 5%; /* LTR */

  401.   margin: 0;

  402. }

  403. .teaser-checkbox div.form-item {

  404.   float: right; /* LTR */

  405.   margin: 0 5% 0 0; /* LTR */

  406.   padding: 0;

  407. }

  408. textarea.teaser {

  409.   display: none;

  410. }

  411. html.js .no-js {

  412.   display: none;

  413. }

  414. 

  415. /*

  416. ** Progressbar styles

  417. */

  418. .progress {

  419.   font-weight: bold;

  420. }

  421. .progress .bar {

  422.   background: #fff url(../../misc/progress.gif);

  423.   border: 1px solid #00375a;

  424.   height: 1.5em;

  425.   margin: 0 0.2em;

  426. }

  427. .progress .filled {

  428.   background: #0072b9;

  429.   height: 1em;

  430.   border-bottom: 0.5em solid #004a73;

  431.   width: 0%;

  432. }

  433. .progress .percentage {

  434.   float: right; /* LTR */

  435. }

  436. .progress-disabled {

  437.   float: left; /* LTR */

  438. }

  439. .ahah-progress {

  440.   float: left; /* LTR */

  441. }

  442. .ahah-progress .throbber {

  443.   width: 15px;

  444.   height: 15px;

  445.   margin: 2px;

  446.   background: transparent url(../../misc/throbber.gif) no-repeat 0px -18px;

  447.   float: left; /* LTR */

  448. }

  449. tr .ahah-progress .throbber {

  450.   margin: 0 2px;

  451. }

  452. .ahah-progress-bar {

  453.   width: 16em;

  454. }

  455. 

  456. /*

  457. ** Formatting for welcome page

  458. */

  459. #first-time strong {

  460.   display: block;

  461.   padding: 1.5em 0 .5em;

  462. }

  463. 

  464. /*

  465. ** To be used with tableselect.js

  466. */

  467. tr.selected td {

  468.   background: #ffc;

  469. }

  470. 

  471. /*

  472. ** Floating header for tableheader.js

  473. */

  474. table.sticky-header {

  475.   margin-top: 0;

  476.   background: #fff;

  477. }

  478. 

  479. /*

  480. ** Installation clean URLs

  481. */

  482. #clean-url.install {

  483.   display: none;

  484. }

  485. 

  486. /*

  487. ** For anything you want to hide on page load when JS is enabled, so

  488. ** that you can use the JS to control visibility and avoid flicker.

  489. */

  490. html.js .js-hide {

  491.   display: none;

  492. }

  493. 

  494. /*

  495. ** Styles for the system modules page (admin/build/modules)

  496. */

  497. #system-modules div.incompatible {

  498.   font-weight: bold;

  499. }

  500. 

  501. /*

  502. ** Styles for the system themes page (admin/build/themes)

  503. */

  504. #system-themes-form div.incompatible {

  505.   font-weight: bold;

  506. }

  507. 

  508. /*

  509. ** Password strength indicator

  510. */

  511. span.password-strength {

  512.   visibility: hidden;

  513. }

  514. input.password-field {

  515.   margin-right: 10px; /* LTR */

  516. }

  517. div.password-description {

  518.   padding: 0 2px;

  519.   margin: 4px 0 0 0;

  520.   font-size: 0.85em;

  521.   max-width: 500px;

  522. }

  523. div.password-description ul {

  524.   margin-bottom: 0;

  525. }

  526. .password-parent {

  527.   margin: 0 0 0 0;

  528. }

  529. /*

  530. ** Password confirmation checker

  531. */

  532. input.password-confirm {

  533.   margin-right: 10px; /* LTR */

  534. }

  535. .confirm-parent {

  536.   margin: 5px 0 0 0;

  537. }

  538. span.password-confirm {

  539.   visibility: hidden;

  540. }

  541. span.password-confirm span {

  542.   font-weight: normal;

  543. }