system.css in Drupal 5
/*
** HTML elements
*/
th.active img {
display: inline;
}
tr.even, tr.odd {
background-color: #eee;
border-bottom: 1px solid #ccc;
padding: 0.1em 0.6em;
}
td.active {
background-color: #ddd;
}
tbody {
border-top: 1px solid #ccc;
}
tbody th {
border-bottom: 1px solid #ccc;
}
thead th {
text-align: left;
padding-right: 1em;
border-bottom: 3px solid #ccc;
}
/*
** Other common styles
*/
.breadcrumb {
padding-bottom: .5em
}
.error {
color: #f00;
}
div.error {
border: 1px solid #d77;
}
div.error, tr.error {
background: #fcc;
color: #200;
}
div.warning, tr.warning {
background: #ffd;
}
div.ok, tr.ok {
background: #dfd;
}
.item-list .icon {
color: #555;
float: right;
padding-left: 0.25em;
clear: right;
}
.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;
padding: 0;
list-style: disc;
}
.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;
}
.more-help-link {
font-size: 0.85em;
text-align: right;
}
.nowrap {
white-space: nowrap;
}
.pager {
clear: both;
text-align: center;
}
.pager a, .pager strong.pager-current {
padding: 0.5em;
}
.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: 8em;
}
dl.multiselect dt, dl.multiselect dd {
float: left;
line-height: 1.75em;
padding: 0;
margin: 0 1em 0 0;
}
dl.multiselect .form-item {
height: 1.75em;
margin: 0;
}
/*
** Inline items (need to override above)
*/
.container-inline div, .container-inline label {
display: inline;
}
/*
** Menus
*/
ul.menu {
list-style: none;
border: none;
text-align:left;
}
ul.menu li {
margin: 0 0 0 0.5em;
}
li.expanded {
list-style-type: circle;
list-style-image: url(../../misc/menu-expanded.png);
padding: 0.2em 0.5em 0 0;
margin: 0;
}
li.collapsed {
list-style-type: disc;
list-style-image: url(../../misc/menu-collapsed.png);
padding: 0.2em 0.5em 0 0;
margin: 0;
}
li.leaf {
list-style-type: square;
list-style-image: url(../../misc/menu-leaf.png);
padding: 0.2em 0.5em 0 0;
margin: 0;
}
li a.active {
color: #000;
}
td.menu-disabled {
background: #ccc;
}
ul.links {
margin: 0;
padding: 0;
}
ul.links.inline {
display: inline;
}
ul.links li {
display: inline;
list-style-type: none;
padding: 0 0.5em;
}
.block ul {
margin: 0;
padding: 0 0 0.25em 1em;
}
/*
** Tab navigation
*/
ul.primary {
border-collapse: collapse;
padding: 0 0 0 1em;
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;
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;
}
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;
}
html.js input.throbbing {
background-position: 100% -18px;
}
/*
** 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;
background: url(../../misc/menu-expanded.png) 5px 75% no-repeat;
}
html.js fieldset.collapsed legend a {
background-image: url(../../misc/menu-collapsed.png);
background-position: 5px 50%;
}
/* 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;
}
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;
}
/*
** Progressbar styles
*/
.progress {
font-weight: bold;
}
.progress .bar {
background: #fff url(../../misc/progress.gif);
border: 1px solid #00375a;
height: 1.5em;
margin-top: 0.2em;
}
.progress .filled {
background: #0072b9;
height: 1em;
border-bottom: 0.5em solid #004a73;
width: 0%;
}
.progress .percentage {
float: right;
}
/*
** 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;
}
File
modules/system/system.css
View source
-
- /*
- ** HTML elements
- */
- th.active img {
- display: inline;
- }
- tr.even, tr.odd {
- background-color: #eee;
- border-bottom: 1px solid #ccc;
- padding: 0.1em 0.6em;
- }
- td.active {
- background-color: #ddd;
- }
- tbody {
- border-top: 1px solid #ccc;
- }
- tbody th {
- border-bottom: 1px solid #ccc;
- }
- thead th {
- text-align: left;
- padding-right: 1em;
- border-bottom: 3px solid #ccc;
- }
-
- /*
- ** Other common styles
- */
- .breadcrumb {
- padding-bottom: .5em
- }
- .error {
- color: #f00;
- }
- div.error {
- border: 1px solid #d77;
- }
- div.error, tr.error {
- background: #fcc;
- color: #200;
- }
- div.warning, tr.warning {
- background: #ffd;
- }
- div.ok, tr.ok {
- background: #dfd;
- }
- .item-list .icon {
- color: #555;
- float: right;
- padding-left: 0.25em;
- clear: right;
- }
- .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;
- padding: 0;
- list-style: disc;
- }
- .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;
- }
- .more-help-link {
- font-size: 0.85em;
- text-align: right;
- }
- .nowrap {
- white-space: nowrap;
- }
- .pager {
- clear: both;
- text-align: center;
- }
- .pager a, .pager strong.pager-current {
- padding: 0.5em;
- }
- .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: 8em;
- }
- dl.multiselect dt, dl.multiselect dd {
- float: left;
- line-height: 1.75em;
- padding: 0;
- margin: 0 1em 0 0;
- }
- dl.multiselect .form-item {
- height: 1.75em;
- margin: 0;
- }
-
- /*
- ** Inline items (need to override above)
- */
- .container-inline div, .container-inline label {
- display: inline;
- }
-
- /*
- ** Menus
- */
- ul.menu {
- list-style: none;
- border: none;
- text-align:left;
- }
- ul.menu li {
- margin: 0 0 0 0.5em;
- }
- li.expanded {
- list-style-type: circle;
- list-style-image: url(../../misc/menu-expanded.png);
- padding: 0.2em 0.5em 0 0;
- margin: 0;
- }
- li.collapsed {
- list-style-type: disc;
- list-style-image: url(../../misc/menu-collapsed.png);
- padding: 0.2em 0.5em 0 0;
- margin: 0;
- }
- li.leaf {
- list-style-type: square;
- list-style-image: url(../../misc/menu-leaf.png);
- padding: 0.2em 0.5em 0 0;
- margin: 0;
- }
- li a.active {
- color: #000;
- }
- td.menu-disabled {
- background: #ccc;
- }
- ul.links {
- margin: 0;
- padding: 0;
- }
- ul.links.inline {
- display: inline;
- }
- ul.links li {
- display: inline;
- list-style-type: none;
- padding: 0 0.5em;
- }
- .block ul {
- margin: 0;
- padding: 0 0 0.25em 1em;
- }
-
- /*
- ** Tab navigation
- */
- ul.primary {
- border-collapse: collapse;
- padding: 0 0 0 1em;
- 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;
- 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;
- }
- 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;
- }
- html.js input.throbbing {
- background-position: 100% -18px;
- }
-
- /*
- ** 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;
- background: url(../../misc/menu-expanded.png) 5px 75% no-repeat;
- }
- html.js fieldset.collapsed legend a {
- background-image: url(../../misc/menu-collapsed.png);
- background-position: 5px 50%;
- }
- /* 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;
- }
- 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;
- }
-
- /*
- ** Progressbar styles
- */
- .progress {
- font-weight: bold;
- }
- .progress .bar {
- background: #fff url(../../misc/progress.gif);
- border: 1px solid #00375a;
- height: 1.5em;
- margin-top: 0.2em;
- }
- .progress .filled {
- background: #0072b9;
- height: 1em;
- border-bottom: 0.5em solid #004a73;
- width: 0%;
- }
- .progress .percentage {
- float: right;
- }
-
- /*
- ** 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;
- }