Main theme for SuiteDesk
This commit is contained in:
parent
8cf3c56044
commit
42540d1310
185 changed files with 17597 additions and 0 deletions
735
themes/zuitedesk/css/global.css
Normal file
735
themes/zuitedesk/css/global.css
Normal file
|
|
@ -0,0 +1,735 @@
|
|||
/**
|
||||
* @file
|
||||
* Global Styling.
|
||||
*/
|
||||
|
||||
|
||||
/*
|
||||
* Global styles.
|
||||
*/
|
||||
body.drag {
|
||||
cursor: move;
|
||||
} /*
|
||||
@media (max-width: 799px) {
|
||||
body {
|
||||
font-size: 17px;
|
||||
}
|
||||
} */
|
||||
|
||||
pre {
|
||||
border: 0; /*
|
||||
border-radius: 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;
|
||||
}
|
||||
|
||||
/*
|
||||
* 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; /*
|
||||
padding-right: 22px !important;
|
||||
position: relative !important; */
|
||||
}
|
||||
th.active img { /*
|
||||
position: absolute; */
|
||||
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;
|
||||
}
|
||||
.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.5em;
|
||||
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 {
|
||||
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; /*
|
||||
padding: 2px; */
|
||||
}
|
||||
tr.warning {
|
||||
background: #ffd;
|
||||
color: #220; /*
|
||||
padding: 2px; */
|
||||
}
|
||||
tr.ok {
|
||||
background: #dfd;
|
||||
color: #020; /*
|
||||
padding: 2px; */
|
||||
}
|
||||
|
||||
div.messages,
|
||||
div.error,
|
||||
div.warning,
|
||||
div.status {
|
||||
margin-bottom: .75em;
|
||||
padding: 5px 10px 5px 50px;
|
||||
min-height: 45px;
|
||||
}
|
||||
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; /*
|
||||
border-radius: 2px; */
|
||||
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 Aggregator module.
|
||||
*/ /*
|
||||
#aggregator .feed-source .feed-title {
|
||||
margin-top: 0;
|
||||
}
|
||||
#aggregator .feed-source .feed-image img {
|
||||
margin-bottom: 0.75em;
|
||||
}
|
||||
#aggregator .feed-source .feed-icon {
|
||||
float: right;
|
||||
display: block;
|
||||
}
|
||||
#aggregator .feed-item {
|
||||
margin-bottom: 1.5em;
|
||||
}
|
||||
#aggregator .feed-item-title {
|
||||
margin-bottom: 0;
|
||||
font-size: 1.3em;
|
||||
}
|
||||
#aggregator .feed-item-meta, #aggregator .feed-item-body {
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
#aggregator .feed-item-categories {
|
||||
font-size: 0.9em;
|
||||
}
|
||||
#aggregator td {
|
||||
vertical-align: bottom;
|
||||
}
|
||||
#aggregator td.categorize-item {
|
||||
white-space: nowrap;
|
||||
}
|
||||
#aggregator .categorize-item .news-item .body {
|
||||
margin-top: 0;
|
||||
}
|
||||
#aggregator .categorize-item h3 {
|
||||
margin-bottom: 1em;
|
||||
margin-top: 0;
|
||||
} */
|
||||
|
||||
/*
|
||||
* 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; /*
|
||||
border-radius: 4px; */
|
||||
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-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;
|
||||
}
|
||||
Reference in a new issue