696 lines
12 KiB
CSS
696 lines
12 KiB
CSS
/**
|
|
* @file
|
|
* Global Styling.
|
|
*/
|
|
|
|
|
|
/*
|
|
* Global styles.
|
|
*/
|
|
html {
|
|
min-height: 100%;
|
|
}
|
|
body.drag {
|
|
cursor: move;
|
|
}
|
|
|
|
pre {
|
|
border: 0;
|
|
border-left: 6px solid #3c8dbc;
|
|
}
|
|
body.print-body pre {
|
|
white-space: pre-wrap;
|
|
word-break: break-all;
|
|
word-wrap: break-word;
|
|
overflow: visible;
|
|
}
|
|
|
|
/*
|
|
* Lists.
|
|
*/
|
|
ul.inline li {
|
|
display: inline;
|
|
list-style: none;
|
|
}
|
|
@media (max-width: 529px) { /* MINW = 530px */
|
|
.node .content td > ul, .node .content td > ol {
|
|
padding-left: 10%;
|
|
}
|
|
}
|
|
|
|
/*
|
|
* Tables.
|
|
*/
|
|
table.sticky-header { /* Floating header for tableheader.js */
|
|
margin-top: 0;
|
|
background: #fff;
|
|
}
|
|
tbody {
|
|
border: none !important;
|
|
} /*
|
|
table.sticky-enabled td {
|
|
vertical-align: top;
|
|
} */
|
|
th.active {
|
|
white-space: nowrap;
|
|
}
|
|
th.active img {
|
|
margin-left: 5px;
|
|
} /*
|
|
th a:link, th a:visited {
|
|
color: #6f9dbd;
|
|
}
|
|
tr.even, tr.odd {
|
|
border: solid #d3e7f4;
|
|
border-width: 1px 0;
|
|
}
|
|
tr.even {
|
|
background-color: #fff;
|
|
}
|
|
tr.odd, tr.info {
|
|
background-color: #edf5fa;
|
|
}
|
|
tr.odd td.active {
|
|
background-color: #ddecf5;
|
|
}
|
|
tr.even td.active {
|
|
background-color: #e6f1f7;
|
|
}
|
|
tr:first-child td.region, tr:first-child td.module, tr:first-child td.container, tr:first-child td.category {
|
|
border-top-width: 0;
|
|
} */
|
|
tr.selected td { /* To be used with tableselect.js */
|
|
background: #ffc;
|
|
}
|
|
th.checkbox, td.checkbox {
|
|
margin-top: 0;
|
|
margin-bottom: -1px;
|
|
text-align: center;
|
|
} /*
|
|
td.active {
|
|
background-color: #ddd;
|
|
}
|
|
td.region, td.module, td.container, td.category {
|
|
border-top: 1.5em solid #fff;
|
|
border-bottom: 1px solid #b4d7f0;
|
|
background-color: #d4e7f3;
|
|
color: #455067;
|
|
font-weight: bold;
|
|
} */
|
|
|
|
/*
|
|
* Table drag and drop.
|
|
*/
|
|
tr.drag {
|
|
background-color: #fffff0;
|
|
}
|
|
tr.drag-previous {
|
|
background-color: #ffd;
|
|
}
|
|
.draggable > td:first-child {
|
|
overflow: hidden;
|
|
position: relative;
|
|
border: 0;
|
|
}
|
|
.draggable > td:first-child span.tabledrag-changed {
|
|
position: absolute;
|
|
left: 2px;
|
|
top: 1px;
|
|
}
|
|
.draggable > td:first-child .form-control {
|
|
display: inline-block;
|
|
border: 0;
|
|
}
|
|
.draggable a.tabledrag-handle {
|
|
cursor: move;
|
|
float: left;
|
|
height: 1.7em;
|
|
margin: -0.4em 0 -0.4em -0.5em;
|
|
padding: 0.42em 0.72em 0.42em 0.15em;
|
|
text-decoration: none;
|
|
}
|
|
a.tabledrag-handle:hover {
|
|
text-decoration: none;
|
|
}
|
|
a.tabledrag-handle .handle {
|
|
margin-top: 4px;
|
|
margin-left: 4px;
|
|
height: 13px;
|
|
width: 13px;
|
|
background: url(../images/draggable.png) no-repeat 0 0;
|
|
}
|
|
a.tabledrag-handle-hover .handle {
|
|
background-position: 0 -20px;
|
|
}
|
|
|
|
/*
|
|
* Book rearrange drag and drop.
|
|
*/
|
|
form#book-admin-edit .draggable > td:first-child .form-control {
|
|
line-height: 1.4em;
|
|
height: 1.4em;
|
|
padding: 0 4px;
|
|
font-weight: 300;
|
|
}
|
|
form#book-admin-edit .draggable > td {
|
|
border-top: 0;
|
|
padding-top: 2px !important;
|
|
padding-bottom: 2px !important;
|
|
}
|
|
|
|
/*
|
|
* Miscelaneous, other common styles.
|
|
*/
|
|
span.marker {
|
|
vertical-align: text-top;
|
|
font-size: .75em;
|
|
color: #f00;
|
|
}
|
|
|
|
.error {
|
|
color: #e55;
|
|
}
|
|
.warning {
|
|
color: #e09010;
|
|
}
|
|
.ok {
|
|
color: #008000;
|
|
}
|
|
|
|
tr.error {
|
|
background: #fcc;
|
|
color: #200;
|
|
}
|
|
tr.warning {
|
|
background: #ffd;
|
|
color: #220;
|
|
}
|
|
tr.ok {
|
|
background: #dfd;
|
|
color: #020;
|
|
}
|
|
|
|
div.messages,
|
|
div.error,
|
|
div.warning,
|
|
div.status {
|
|
margin-bottom: .75em;
|
|
padding: 5px 10px 5px 50px;
|
|
min-height: 45px;
|
|
white-space: normal;
|
|
}
|
|
div.messages {
|
|
color: #3c763d;
|
|
background-color: #dff0d8;
|
|
}
|
|
div.messages a {
|
|
font-weight: bold;
|
|
}
|
|
div.messages ul {
|
|
margin: 0;
|
|
}
|
|
div.error {
|
|
color: #a94442;
|
|
background: #f2dede url(../images/message_error.png) no-repeat 5px 5px;
|
|
}
|
|
div.warning {
|
|
color: #8a6d3b;
|
|
background: #fcf8e3 url(../images/message_warning.png) no-repeat 5px 5px;
|
|
}
|
|
div.status {
|
|
color: #31708f;
|
|
background: #d9edf7 url(../images/message_status.png) no-repeat 5px 5px;
|
|
}
|
|
|
|
.help {
|
|
margin-top: 1em;
|
|
color: #898989;
|
|
}
|
|
.help p {
|
|
text-align: justify;
|
|
}
|
|
@media (max-width: 799px) {
|
|
.help p {
|
|
text-align: left;
|
|
}
|
|
}
|
|
.help a:link,
|
|
.help a:visited {
|
|
font-weight: bold;
|
|
color: #ff6600;
|
|
}
|
|
.help a:hover {
|
|
color: #f70a0a;
|
|
}
|
|
|
|
.description {
|
|
font-size: 0.84em;
|
|
font-weight: 300;
|
|
line-height: 1.3em;
|
|
margin-bottom: 0.75em;
|
|
color: #696969;
|
|
}
|
|
.description p {
|
|
text-align: justify;
|
|
}
|
|
|
|
.new {
|
|
color: #fff999;
|
|
background-color: red;
|
|
margin: .3em 0 .3em .6em;
|
|
padding: 0 5px;
|
|
font-size: .92em;
|
|
font-weight: bold;
|
|
float: right;
|
|
}
|
|
|
|
div.indentation {
|
|
width: 20px;
|
|
height: 1.7em;
|
|
margin: -0.4em 0.2em -0.4em -0.4em;
|
|
padding: 0.42em 0 0.42em 0.6em;
|
|
float: left;
|
|
}
|
|
|
|
.nowrap {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
#ui-datepicker-div {
|
|
width: 16.8em !important;
|
|
}
|
|
#ui-datepicker-div table.ui-datepicker td {
|
|
font-size: 1.1em;
|
|
}
|
|
#ui-datepicker-div table.ui-datepicker td a {
|
|
padding: .1em;
|
|
}
|
|
|
|
/* Other common styles */ /*
|
|
div.tree-child {
|
|
background: url(../images/tree.png) no-repeat 11px center;
|
|
}
|
|
div.tree-child-last {
|
|
background: url(../images/tree-bottom.png) no-repeat 11px center;
|
|
}
|
|
div.tree-child-horizontal {
|
|
background: url(../images/tree.png) no-repeat -11px center;
|
|
}
|
|
div.error {
|
|
border: 1px solid #d77;
|
|
}
|
|
div.error, tr.error {
|
|
background: #fcc;
|
|
color: #200;
|
|
padding: 2px;
|
|
}
|
|
div.warning {
|
|
border: 1px solid #f0c020;
|
|
}
|
|
div.warning, tr.warning {
|
|
background: #ffd;
|
|
color: #220;
|
|
padding: 2px;
|
|
}
|
|
div.ok {
|
|
border: 1px solid #00aa00;
|
|
}
|
|
div.ok, tr.ok {
|
|
background: #dfd;
|
|
color: #020;
|
|
padding: 2px;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
ol.task-list li.active {
|
|
font-weight: bold;
|
|
}
|
|
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;
|
|
}
|
|
.more-help-link {
|
|
font-size: 0.85em;
|
|
text-align: right;
|
|
}
|
|
|
|
.item-list .pager {
|
|
clear: both;
|
|
text-align: center;
|
|
}
|
|
.item-list .pager li {
|
|
background-image:none;
|
|
display:inline;
|
|
list-style: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;
|
|
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;
|
|
} */
|
|
|
|
/* Teaser splitter */ /*
|
|
.joined + .grippie {
|
|
height: 5px;
|
|
background-position: center 1px;
|
|
margin-bottom: -2px;
|
|
} */
|
|
|
|
/* Styles for views admin links */
|
|
div.view div.views-admin-links a:hover {
|
|
color: #f70a0a;
|
|
}
|
|
|
|
/* Styles for views filters */
|
|
.view-filters form {
|
|
margin-bottom: 1.5em;
|
|
}
|
|
.view-filters form .btn {
|
|
margin-top: 0;
|
|
}
|
|
|
|
/*
|
|
* Progressbar styles.
|
|
*/
|
|
.progress {
|
|
font-weight: bold;
|
|
}
|
|
.progress .bar {
|
|
background: #fff url(../images/progress.gif);
|
|
height: 1.5em;
|
|
margin: 0 0.2em;
|
|
}
|
|
.progress .filled {
|
|
background: #0072b9;
|
|
height: 1.5em;
|
|
border-bottom: 0.5em solid #004a73;
|
|
width: 0%;
|
|
}
|
|
.progress .percentage {
|
|
float: right;
|
|
}
|
|
.progress-disabled {
|
|
float: left;
|
|
}
|
|
.ahah-progress {
|
|
float: left;
|
|
}
|
|
.ahah-progress .throbber {
|
|
width: 15px;
|
|
height: 15px;
|
|
margin: 2px;
|
|
background: transparent url(../images/throbber.gif) no-repeat 0px -18px;
|
|
float: left;
|
|
}
|
|
tr .ahah-progress .throbber {
|
|
margin: 0 2px;
|
|
}
|
|
.ahah-progress-bar {
|
|
width: 16em;
|
|
}
|
|
|
|
/*
|
|
* 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 .no-js,
|
|
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;
|
|
}
|
|
|
|
/*
|
|
* Drupal User module.
|
|
*/
|
|
#permissions th,
|
|
#permissions td {
|
|
display: table-cell;
|
|
}
|
|
#permissions td.module {
|
|
font-weight: bold;
|
|
}
|
|
#permissions td.permission {
|
|
padding-left: 1.5em !important;
|
|
} /*
|
|
#access-rules .access-type, #access-rules .rule-type {
|
|
margin-right: 1em;
|
|
float: left;
|
|
}
|
|
#access-rules .access-type .form-item, #access-rules .rule-type .form-item {
|
|
margin-top: 0;
|
|
}
|
|
#access-rules .mask {
|
|
clear: both;
|
|
}
|
|
|
|
#user-login-form {
|
|
padding-top: 10px;
|
|
}
|
|
#user-login-form input.form-text {
|
|
font-size: 1.6em;
|
|
height: 1.8em;
|
|
color: #405d7b;
|
|
}
|
|
#user-login-form button#edit-submit {
|
|
float: left;
|
|
margin: .5em .5em .5em 0;
|
|
}
|
|
#user-login-form div.item-list ul {
|
|
padding: 0;
|
|
}
|
|
#user-login-form div.item-list ul li {
|
|
list-style: none;
|
|
}
|
|
#user-login-form div.item-list ul li a {
|
|
display: inline-block;
|
|
margin: .5em 0;
|
|
padding: 6px 12px;
|
|
background-color: #eaeaea;
|
|
border: 1px solid #aaa;
|
|
cursor: pointer;
|
|
font-size: 14px;
|
|
line-height: 1.42857;
|
|
vertical-align: middle;
|
|
white-space: nowrap;
|
|
word-wrap: normal;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
max-width: 100%;
|
|
}
|
|
#user-login-form div.item-list ul li a:hover {
|
|
color: #fff;
|
|
background-color: #ccc;
|
|
} */
|
|
#user-pass #edit-submit {
|
|
width: 100%;
|
|
margin-top: 20px;
|
|
}
|
|
#user-login #edit-submit {
|
|
margin-top: 20px;
|
|
}
|
|
|
|
#user-admin-filter ul {
|
|
list-style: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
width: 100%;
|
|
}
|
|
#user-admin-filter dd.a {
|
|
width: 32%;
|
|
max-width: 120px;
|
|
float: left;
|
|
}
|
|
#user-admin-filter dd.a label {
|
|
height: 32px;
|
|
}
|
|
#user-admin-filter dt {
|
|
width: 10%;
|
|
max-width: 30px;
|
|
padding-top: .3em;
|
|
height: 7em;
|
|
color: #aaa;
|
|
float: left;
|
|
}
|
|
#user-admin-filter dd.b {
|
|
float: left;
|
|
width: 58%;
|
|
}
|
|
#user-admin-buttons {
|
|
clear: both;
|
|
} /*
|
|
#user-admin-settings fieldset .description {
|
|
font-size: 0.85em;
|
|
padding-bottom: .5em;
|
|
} */
|
|
|
|
/* Generated by user.module but used by profile.module: */
|
|
|
|
.profile {
|
|
clear: both;
|
|
}
|
|
div.profile::after {
|
|
display: block;
|
|
clear: both;
|
|
content: "\00a0";
|
|
}
|
|
.profile .picture {
|
|
float: right;
|
|
margin: 0 0 1em 0;
|
|
padding: 4px;
|
|
background: #fff;
|
|
border: 1px solid #ccc;
|
|
}
|
|
.profile .picture img {
|
|
width: 100%;
|
|
}
|
|
@media (max-width: 767px) {
|
|
.profile .picture {
|
|
max-width: 30% !important;
|
|
}
|
|
}
|
|
.profile h3 {
|
|
border-bottom: 1px solid #ccc;
|
|
}
|
|
.profile dl {
|
|
margin: 0 0 1.5em;
|
|
}
|
|
.profile dt {
|
|
margin: 0 0 0.2em;
|
|
font-weight: bold;
|
|
}
|
|
.profile dd {
|
|
margin: 0 0 1em;
|
|
}
|
|
|
|
/* Installation clean URLs */
|
|
#clean-url.install {
|
|
display: none;
|
|
}
|
|
|
|
/*
|
|
* Markup free clearing.
|
|
* See: http://www.positioniseverything.net/easyclearing.html
|
|
*/
|
|
.clearfix:after,
|
|
.clear-block:after {
|
|
content: ".";
|
|
display: block;
|
|
height: 0;
|
|
clear: both;
|
|
visibility: hidden;
|
|
}
|
|
.clear-block {
|
|
display: inline-block;
|
|
}
|
|
|
|
/* Hides from IE-mac \*/
|
|
* html .clear-block {
|
|
height: 1%;
|
|
}
|
|
.clear-block {
|
|
display: block;
|
|
}
|
|
/* End hide from IE-mac */
|
|
|
|
/**
|
|
* Hide elements from all users.
|
|
*
|
|
* Used for elements which should not be immediately displayed to any user. An
|
|
* example would be a collapsible fieldset that will be expanded with a click
|
|
* from a user. The effect of this class can be toggled with the jQuery show()
|
|
* and hide() functions.
|
|
*/
|
|
.element-hidden {
|
|
display: none;
|
|
}
|
|
|
|
/**
|
|
* Hide elements visually, but keep them available for screen-readers.
|
|
*
|
|
* Used for information required for screen-reader users to understand and use
|
|
* the site where visual display is undesirable. Information provided in this
|
|
* manner should be kept concise, to avoid unnecessary burden on the user. Must
|
|
* not be used for focusable elements (such as links and form elements) as this
|
|
* causes issues for keyboard only or voice recognition users. "!important" is
|
|
* used to prevent unintentional overrides.
|
|
*
|
|
* See http://webaim.org/techniques/css/invisiblecontent/
|
|
*/
|
|
#skip-link a,
|
|
.element-invisible {
|
|
position: absolute;
|
|
left: -10000px;
|
|
top: auto;
|
|
width: 1px;
|
|
height: 1px;
|
|
overflow: hidden;
|
|
}
|
|
#skip-link a:focus {
|
|
position: static;
|
|
width: auto;
|
|
height: auto;
|
|
}
|