This repository has been archived on 2025-06-21. You can view files and clone it, but you cannot make any changes to it's state, such as pushing and creating new issues, pull requests or comments.
suitedesk/themes/zuitedesk/css/suitedesk.css

1851 lines
40 KiB
CSS

/**
* @file
* SuiteDesk Styles.
*/
/*
* SuiteDesk homepage.
*/
.suitedesk-help {
width: 46%;
margin: 2%;
float: left;
text-align: center;
}
.suitedesk-help p {
font-size: .92em;
text-align: center;
}
.suitedesk-help img {
width: 50%;
max-width: 120px;
}
@media (max-width: 659px) {
.suitedesk-help {
width: 100%;
}
.suitedesk-help img {
width: 33.3333%;
}
}
.suitedesk-tickets,
.suitedesk-contact {
clear: both;
}
/*
* "Storm list" blocks.
*/
.block .storm-list ul {
padding-left: 1em;
}
.block .storm-list ul li {
list-style-image: url(../images/menu-leaf.gif);
}
.block .storm-list ul li a:link,
.block .storm-list ul li a:visited {
color: #3c8dbc;
}
.block .storm-list ul li a:hover {
color: #f70a0a;
}
/*
* "Latest completed tasks" block in the Kanban view.
*/
#block-views-storm_projects_kanban-block_6 {
background: -moz-linear-gradient(top, rgba(234,234,234,1) 0%, rgba(239,239,239,1) 24%, rgba(247,247,247,0.7) 64%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(234,234,234,1)), color-stop(24%, rgba(239,239,239,1)), color-stop(64%, rgba(247,247,247,0.7)), color-stop(100%, rgba(255,255,255,0))); /* Chrome, Safari4+ */
background: -webkit-linear-gradient(top, rgba(234,234,234,1) 0%, rgba(239,239,239,1) 24%, rgba(247,247,247,0.7) 64%, rgba(255,255,255,0) 100%); /* Chrome10+, Safari5.1+ */
background: -o-linear-gradient(top, rgba(234,234,234,1) 0%, rgba(239,239,239,1) 24%, rgba(247,247,247,0.7) 64%, rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(234,234,234,1) 0%, rgba(239,239,239,1) 24%, rgba(247,247,247,0.7) 64%, rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(234,234,234,1) 0%, rgba(239,239,239,1) 24%, rgba(247,247,247,0.7) 64%, rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea',endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}
#block-views-storm_projects_kanban-block_6 .content {
position: relative;
}
#block-views-storm_projects_kanban-block_6 li {
width: 68%;
}
#block-views-storm_projects_kanban-block_6 li.views-row-1 {
margin: .7em 0 0 2%;
}
#block-views-storm_projects_kanban-block_6 li.views-row-2 {
margin: -6em 0 0 10%;
}
#block-views-storm_projects_kanban-block_6 li.views-row-3 {
margin: -5em 0 0 20%;
}
#block-views-storm_projects_kanban-block_6 li.views-row-4 {
margin: -5em 0 0 30%;
}
@media (max-width: 529px) { /* MINW - 1 */
#block-views-storm_projects_kanban-block_6 {
display: none;
}
}
/*
* "Quick Timetracking" block.
*/
#block-storm_quicktt-0 {
margin: 0 3px;
}
#block-storm_quicktt-0 .content {
margin: 0;
}
@media (max-width: 899px) {
#block-storm_quicktt-0 {
margin: 2em 0 0 !important;
}
}
#edit-selects-mode-wrapper {
font-size: 1em;
float: right;
margin: 0 .5em 0 0;
}
#edit-selects-projects-wrapper label {
display: block;
margin-top: 1em;
padding-left: .2em;
}
#stormquicktt #edit-selects-projects {
width: 100%;
}
#block-storm_quicktt-0 .info,
#block-storm_quicktt-0 .storm-quicktt-time {
display: inline;
}
#block-storm_quicktt-0 .storm-quicktt-timer-box span {
float: left;
margin-right: 1em;
}
.storm-quicktt-info .note input {
width: 100%;
}
#block-storm_quicktt-0 .sqtt-timetracking-trigger img {
margin: -10px 10px 0;
}
#block-storm_quicktt-0 .timetracking-loading img {
margin-top: 0;
}
#block-storm_quicktt-0 .timetracking-loading span {
line-height: 16px;
}
#block-storm_quicktt-0 .timetracking-loading span:before {
content: ' (';
}
#block-storm_quicktt-0 .timetracking-loading span:before,
#block-storm_quicktt-0 .timetracking-loading span:after {
font-size: .7em;
}
.stormlinks .timetracking-loading span {
font-size: 1.2em;
}
/*
* "Updated content" block.
*/
#block-views-updates_recent-block_1 .views-row {
overflow: hidden;
word-wrap: normal;
white-space: nowrap;
text-overflow: ellipsis;
margin-bottom: 3px;
}
/*
* "Recent hits on nodes" block.
*/
#block-storm-storm_recent_nodes .content {
margin: 0;
padding: 0;
overflow: hidden;
}
#block-storm-storm_recent_nodes div.item-list + div.item-list {
border-top: 1px solid #999;
}
#block-storm-storm_recent_nodes ul {
clear: both;
width: 3000px;
height: 20px;
padding: 0 6px;
}
#block-storm-storm_recent_nodes ul li {
float: left;
margin: 4px 8px 0 0;
padding: 0;
list-style: none;
}
#block-storm-storm_recent_nodes ul li img {
float: left;
}
#block-storm-storm_recent_nodes ul li a {
display: block;
font-size: .92em;
line-height: 20px;
padding-left: 22px;
}
/*
* "Books" block.
*/
.block-books ul {
padding-left: 0;
}
.block-books ul li {
list-style: none;
text-indent: -1.7em;
margin-left: 1.7em;
}
.block-books ul li div {
display: inline;
}
.block-books ul li a:link,
.block-books ul li a:visited {
color: #3c8dbc;
}
.block-books ul li a:hover {
color: #f70a0a;
}
.block-books ul li:before {
font-family: "fonticons";
color: #999;
padding: 0 .2em;
content: "\e827";
}
/*
* "Tags" block.
*/
body.page-doks-tags .view-storm-doks-tags .views-row {
font-size: 1.4em;
}
.view-storm-doks-tags .views-row,
.view-storm-doks-tags .views-field-name {
display: inline;
padding-right: .2em;
}
#block-views-storm_doks_tags-block_2 .more-link {
padding-top: .8em;
}
/*
* "Upcoming" blocks.
*/ /*
.block-upcoming-events ul {
padding-left: .4em;
}
.block-upcoming-events ul li {
padding-left: 40px;
padding-bottom: .8em;
list-style: none;
background: transparent url(../images/storm/event.png) no-repeat 0 0;
}
.block-upcoming-events .views-field-title {
font-weight: bold;
line-height: 1em;
}
.block-upcoming-events .views-field-field-stormevent-place-value {
font-size: .75em;
color: #999;
}
.block-upcoming-events .views-field-field-stormevent-date-value {
font-size: .75em;
color: #e58a28;
}
#block-views-calendar-block_2 {
margin: 2em 0 -1.5em;
background: transparent;
}
#block-views-calendar-block_2 .content {
overflow: hidden;
margin: 0;
}
#block-views-calendar-block_2 .view-content ul {
width: 3000px;
padding-left: 0;
}
#block-views-calendar-block_2 .view-content ul li {
float: left;
max-width: 14em;
margin: 0 .8em 0 0;
}
#block-views-calendar-block_2 .more-link {
float: right;
padding: 3px 8px;
font-weight: bold;
background: #dfdfdf;
} */
/*
* "SuiteDesk" dynamic desktop.
*/
#sdb-timetracking {
display: none;
}
/*
* "SuiteDesk" options, icons and menu block.
*/
div.stormlinks {
float: right;
width: 30%;
border: 1px solid #ddd; /*
border-radius: 5px; */
background: #fff;
padding: 8px 0 4px 1%;
margin-bottom: 1em;
text-align: left;
}
div.stormlinks dl {
margin-bottom: 0;
}
@media (max-width: 889px) {
div.stormlinks {
width: 42%;
}
}
@media (max-width: 529px) {
div.stormlinks {
display: none;
}
} /*
@media (max-width: 439px), (min-width: 530px) and (max-width: 679px) { * MINW *
div.stormlinks {
display: none;
}
} */
div.stormlinks .sqtt-timetracking-trigger {
display: block;
margin-top: 1.4em;
padding-right: 4px;
}
div.stormlinks .sqtt-timetracking-trigger span {
display: block;
margin-bottom: 1em;
float: left;
}
div.stormlinks .sqtt-timetracking-trigger img {
margin-top: 0;
margin-right: 8px;
} /*
#stormdesktop {
clear: both;
padding: 1em 0 0;
} */
div.stormdashboard {
width: 50%; /*
margin-left: 0; */
}
div.stormdashboard dt.stormcomponent {
background-color: #e2e2e2 !important;
background-position: 8px 6px !important;
margin: 0 3px 6px;
padding: 10px 0 10px 50px;
white-space: nowrap;
overflow: hidden;
height: auto;
-webkit-transition: background-color .3s;
-moz-transition: background-color .3s;
-o-transition: background-color .3s;
-ms-transition: background-color .3s;
transition: background-color .3s;
}
div.stormdashboard dt.stormcomponent:hover {
background-color: #50abbf !important;
}
div.stormdashboard dt.stormcomponent a {
font-size: 1.2em;
-webkit-transition: color .2s;
-moz-transition: color .2s;
-o-transition: color .2s;
-ms-transition: color .2s;
transition: color .2s;
}
div.stormdashboard dt.stormcomponent:hover a {
color: #fff;
}
@media (max-width: 659px), (min-width: 768px) and (max-width: 899px) {
div.stormdashboard {
width: 100%;
margin-left: 0; /*
width: 100%;
margin-top: 0;
margin-left: 0; */
}
} /*
@media (min-width: 660px) and (max-width: 799px) {
div.stormdashboard dt.stormcomponent {
padding-left: 10px;
background-image: none !important;
}
} */
#stormdashboard-block dt.stormcomponent {
min-width: 50%;
padding-right: 5px;
margin-bottom: .1em;
} /*
@media (min-width: 530px) and (max-width: 729px) { * MINW *
#stormdashboard-block dt.stormcomponent {
width: 100%;
background: #e2e2e2 !important;
padding-left: 5px;
}
#stormdashboard-block dt.stormcomponent:hover {
background-color: #d2e0f1 !important;
}
#stormdashboard-block a.popups-form {
display: none;
}
} */
dt.stormcomponent img {
margin: 0 !important;
}
dt.stormcomponent span.stormlinks-count + a > img {
margin-left: 2px !important;
}
dt#stormoptions {
background: transparent url(../images/storm/storm.png) no-repeat top left;
}
dt#stormkanban {
background: transparent url(../images/storm/kanban.png) no-repeat top left;
}
dt#stormglossary {
background: transparent url(../images/storm/glossary.png) no-repeat top left;
}
dt#stormfaq {
background: transparent url(../images/storm/faq.png) no-repeat top left;
}
dt#stormwatcher {
background: transparent url(../images/storm/watcher.png) no-repeat top left;
}
dt#stormtrash {
background: transparent url(../images/storm/trash.png) no-repeat top left;
}
/*
* "SuiteDesk" list & filter.
*/ /*
#edit-datefrom-wrapper label,
#edit-dateto-wrapper label,
#edit-datebeginfrom-wrapper label,
#edit-datebeginto-wrapper label,
#edit-dateendfrom-wrapper label,
#edit-dateendto-wrapper label,
#edit-reqdatefrom-wrapper label,
#edit-reqdateto-wrapper label {
margin-bottom: 0;
}
#edit-datefrom-wrapper .description,
#edit-dateto-wrapper .description,
#edit-datebeginfrom-wrapper .description,
#edit-datebeginto-wrapper .description,
#edit-dateendfrom-wrapper .description,
#edit-dateendto-wrapper .description,
#edit-reqdatefrom-wrapper .description,
#edit-reqdateto-wrapper .description {
margin-bottom: -0.5em;
} */
#edit-itemsperpage-wrapper {
margin-top: .5em;
}
#edit-itemsperpage-wrapper label,
#edit-itemsperpage-wrapper input {
display: inline;
}
#edit-itemsperpage {
width: 4em;
text-align: center;
}
/*
* "SuiteDesk Organizations" list & filter.
*/
body.page-organizations table.sticky-enabled tr > td:first-child {
font-weight: bold;
}
/*
* "SuiteDesk Persons" list & filter.
*/
body.page-people table.sticky-enabled tr > td + td {
font-weight: bold;
}
body.page-people table.sticky-enabled tr > td + td + td {
font-weight: normal;
}
/*
* "SuiteDesk Teams" list & filter.
*/
body.page-teams table.sticky-enabled tr > td:first-child {
font-weight: bold;
}
/*
* "SuiteDesk Projects" list & filter.
*/
table#stormprojects td .project-title {
line-height: 1em;
font-size: 1.2em;
font-weight: bold;
}
table#stormprojects td .status_inserted a {
color: #d20d0d;
}
table#stormprojects td .status_canceled a {
color: #999;
font-weight: normal;
text-decoration: line-through;
}
table#stormprojects td .status_completed {
font-size: 1em;
}
table#stormprojects td .status_completed a {
color: #158715;
font-weight: normal;
}
/*
* "SuiteDesk Tasks" list & filter.
*/
td.stormtask-list-comments {
text-align: center;
}
table#stormtasks td .task-title {
line-height: 1em;
font-size: 1.2em;
font-weight: bold;
}
table#stormtasks td .status_inserted a {
color: #d20d0d;
}
table#stormtasks td .status_duplicated a,
table#stormtasks td .status_not_solved a {
color: #999;
font-weight: normal;
text-decoration: line-through;
}
table#stormtasks td .status_completed {
font-size: 1em;
}
table#stormtasks td .status_completed a {
color: #158715;
font-weight: normal;
}
table#stormtasks tr.storm_category_tasksgroup .task-title {
font-size: 1em;
}
table#stormtasks tr.storm_category_tasksgroup .task-title a {
color: black;
font-weight: normal;
}
table#tasks td .popups-form,
table#stormtasks td .popups-form {
margin-left: 2px;
}
@media (min-width: 768px) and (max-width: 879px) {
table#stormtasks tr > td:first-child,
table#stormtasks tr > th:first-child,
table#stormtasks tr > .storm_list_comments,
table#stormtasks tr > .storm_list_operations {
display: none;
}
}
table#tasks tbody tr td:first-child {
overflow: hidden;
word-wrap: normal;
white-space: nowrap;
text-overflow: ellipsis;
position: relative;
}
table#tasks tbody tr td:first-child > div.indentation + a {
margin-right: -48px;
}
table#tasks tbody tr td:first-child > a.tabledrag-handle {
position: absolute;
margin-left: -2px;
}
table#tasks tbody tr td:first-child > a:not([class]) {
display: inline-block;
}
table#tasks tbody tr td:first-child > a.tabledrag-handle + a {
margin-left: 24px;
margin-right: -64px;
}
table#tasks span.tabledrag-changed {
left: 1px;
}
table#tasks tr.row-group td:first-child a {
color: black;
font-weight: bold;
}
/*
* "SuiteDesk Tasks" Kanban.
*/
body[class*="-tasks section"] #content-area {
clear: both;
}
body[class*="-tasks section"] .region-content-top .block,
body[class*="-kanban section"] .region-content-top .block {
width: 24.7%;
margin: 0 .4% 0 0;
float: left;
background: transparent;
}
#block-views-storm_projects_kanban-block_4 {
margin-right: 0;
}
body[class*="-tasks section"] .region-content-top .block h2.title:before,
body[class*="-kanban section"] .region-content-top .block h2.title:before {
content: "";
}
.view-tasks-backlog h2.title,
body[class*="-tasks section"] .region-content-top .block h2.title,
body[class*="-kanban section"] .region-content-top .block h2.title {
text-align: center;
padding: 5px;
}
.view-tasks-backlog h2.title {
margin: 1.8em 0 1.2em;
background-color: #556372;
color: #eee;
font-size: 18px;
font-weight: normal;
line-height: 20px;
letter-spacing: 1px;
text-transform: uppercase;
}
.view-tasks-backlog,
.view-tasks-backlog div.item-list {
clear: both;
}
.view-tasks-kanban .view-empty p {
font-weight: bold;
text-align: center;
padding: 6px 0 6px;
background-color: #efefef;
color: #cfcfcf;
}
.view-tasks-kanban .view-content ul {
margin: 0;
padding: 0;
}
.view-tasks-kanban .view-content ul li {
margin: 0 0 1em;
padding: .6em;
list-style: none;
background: #fff;
border: 1px solid #999;
font-size: 12px;
}
.view-tasks-kanban .view-content ul li.task-assigned {
background-color: #ccffcc;
border-color: #00b700;
}
.view-tasks-kanban .view-content ul li.task-own {
background-color: #fcffa4;
border-color: #dee100;
}
.view-tasks-kanban .views-field-title {
font-size: 13px;
font-weight: bold;
margin-bottom: .6em;
}
.view-tasks-kanban .views-field-title-2 a,
.view-tasks-kanban span.views-field-datebegin,
.view-tasks-kanban span.views-field-dateend {
font-size: 11px;
}
.view-tasks-kanban .views-field-title-3 span {
display: block;
margin-top: .6em;
text-align: right;
line-height: 14px;
}
.view-tasks-kanban .views-field-comment-count {
float: left;
}
.view-tasks-kanban .views-field-comment-count a {
margin: 1px 4px 0 2px;
height: 14px;
line-height: 14px;
}
.view-tasks-kanban .popups-form {
margin-left: 2px;
}
.view-tasks-kanban .views-field-taskstatus {
float: right;
}
.view-tasks-kanban .views-field-comment-count,
.view-tasks-kanban .views-field-taskstatus,
.view-tasks-kanban .views-field-operation {
margin-top: .6em;
}
.view-tasks-backlog .view-content ul li {
width: 23%;
margin: 0 1% 2em;
float: left;
}
.view-tasks-backlog li.views-row-5,
.view-tasks-backlog li.views-row-9,
.view-tasks-backlog li.views-row-13,
.view-tasks-backlog li.views-row-17,
.view-tasks-backlog li.views-row-21 {
clear: both;
}
.view-tasks-kanban li.views-row-even {
-webkit-transform: rotate(-1deg);
-moz-transform: rotate(-1deg);
-o-transform: rotate(-1deg);
-ms-transform: rotate(-1deg);
transform: rotate(-1deg);
}
.view-tasks-kanban li.views-row-odd,
.view-tasks-kanban li.views-row-6,
.view-tasks-kanban li.views-row-12,
.view-tasks-kanban li.views-row-18 {
-webkit-transform: rotate(2deg);
-moz-transform: rotate(2deg);
-o-transform: rotate(2deg);
-ms-transform: rotate(2deg);
transform: rotate(2deg);
}
.view-tasks-kanban li.views-row-17,
#block-views-storm_projects_kanban-block_4 li.views-row-even {
-webkit-transform: rotate(-2deg);
-moz-transform: rotate(-2deg);
-o-transform: rotate(-2deg);
-ms-transform: rotate(-2deg);
transform: rotate(-2deg);
}
.view-tasks-kanban li.views-row-7,
.view-tasks-kanban li.views-row-11,
.view-tasks-kanban li.views-row-15,
#block-views-storm_projects_kanban-block_2 li.views-row-odd {
-webkit-transform: rotate(-1.2deg);
-moz-transform: rotate(-1.2deg);
-o-transform: rotate(-1.2deg);
-ms-transform: rotate(-1.2deg);
transform: rotate(-1.2deg);
}
.view-tasks-backlog .views-exposed-widget {
width: 39%;
float: left;
padding-top: 0;
}
.view-tasks-backlog .views-exposed-widget label {
width: 25%;
min-width: 5.2em;
margin: .2em 0 0;
float: left;
}
.view-tasks-backlog .views-widget-filter-title label {
min-width: 3.6em;
}
.view-tasks-backlog .views-exposed-widget input {
width: 54%;
margin-bottom: .4em;
}
.view-tasks-backlog .views-widget-filter-title input {
width: 62%;
}
.view-tasks-backlog .views-submit-button {
width: 22%;
}
.view-tasks-backlog .views-submit-button button {
margin: 0 0 0 4% !important;
}
@media (max-width: 699px) {
.view-tasks-backlog .views-exposed-widget {
width: 70%;
}
.view-tasks-backlog .views-exposed-widget label {
position: absolute;
left: 1.8em;
opacity: .2;
}
.view-tasks-backlog .views-exposed-widget input {
width: 98%;
}
.view-tasks-backlog .views-submit-button {
width: 30%;
}
.view-tasks-backlog .views-submit-button button {
width: 96%;
}
}
@media (max-width: 899px) {
body[class*="-tasks section"] .region-content-top .block,
body[class*="-kanban section"] .region-content-top .block {
float: none;
width: 100%;
clear: both;
margin: 0;
}
.view-tasks-kanban .view-content ul li {
margin: 0 1% 1em;
float: left;
clear: none;
}
}
@media (min-width: 650px) and (max-width: 899px) {
.view-tasks-kanban .view-content ul li {
width: 31%;
}
.view-tasks-kanban li.views-row-4,
.view-tasks-kanban li.views-row-7,
.view-tasks-kanban li.views-row-10,
.view-tasks-kanban li.views-row-13,
.view-tasks-kanban li.views-row-16,
.view-tasks-kanban li.views-row-19,
.view-tasks-kanban li.views-row-22 {
clear: both !important;
}
}
@media (max-width: 649px) {
.view-tasks-kanban .view-content ul li {
width: 48%;
}
.view-tasks-kanban li.views-row-3,
.view-tasks-kanban li.views-row-5,
.view-tasks-kanban li.views-row-7,
.view-tasks-kanban li.views-row-9,
.view-tasks-kanban li.views-row-11,
.view-tasks-kanban li.views-row-13,
.view-tasks-kanban li.views-row-15,
.view-tasks-kanban li.views-row-17,
.view-tasks-kanban li.views-row-19,
.view-tasks-kanban li.views-row-21,
.view-tasks-kanban li.views-row-23 {
clear: both !important;
}
}
/*
* "SuiteDesk Tickets" list & filter.
*/
td.stormticket-list-comments {
text-align: center;
}
table#stormtickets td .ticket-title {
line-height: 1em;
font-size: 1.2em;
font-weight: bold;
}
table#stormtickets td .status_inserted a,
table#stormtickets td .status_someday a {
color: #d20d0d;
}
table#stormtickets td .status_duplicated a,
table#stormtickets td .status_not_solved a {
color: #999;
font-weight: normal;
text-decoration: line-through;
}
table#stormtickets td .status_completed {
font-size: 1em;
}
table#stormtickets td .status_completed a {
color: #158715;
font-weight: normal;
}
@media (min-width: 768px) and (max-width: 879px) {
table#stormtickets tr > td:first-child,
table#stormtickets tr > th:first-child,
table#stormtickets tr > .storm_list_comments,
table#stormtickets tr > .storm_list_operations {
display: none;
}
}
/*
* "SuiteDesk Task & Tickets" watcher view.
*/
#watcher_binder table tbody tr > td + td + td + td {
text-align: center;
}
.watcher_binder_send_email_status_icon_enabled,
.watcher_binder_send_email_status_icon_disabled {
overflow: hidden;
text-indent: -1000em;
}
/*
* "SuiteDesk Timetrackings" list & filter.
*/
table#stormtimetrackings td .timetracking-title {
line-height: 1em;
font-size: 1.2em;
font-weight: bold;
}
/*
* "SuiteDesk Notes" list & filter.
*/
table#stormnotes th.storm_list_date {
width: 7.5em;
}
table#stormnotes th.storm_list_version {
width: 4em;
}
table#stormnotes td .note-title {
line-height: 1em;
font-size: 1.2em;
font-weight: bold;
}
/*
* "SuiteDesk Documents" list & filter.
*/
table#stormdoks th.storm_list_date {
width: 7.5em;
}
table#stormdoks th.storm_list_version {
width: 4em;
}
table#stormdoks td .dok-title {
line-height: 1em;
font-size: 1.2em;
font-weight: bold;
}
table#stormdoks td .status_draft a {
color: #d20d0d;
}
table#stormdoks td .status_reviewed {
font-size: 1em;
}
table#stormdoks td .status_reviewed a {
color: #158715;
font-weight: normal;
}
table#stormdoks td .status_obsolete a {
color: #999;
font-weight: normal;
text-decoration: line-through;
}
/*
* "SuiteDesk Events" list & filter.
*/
table#stormevents td .event-title {
line-height: 1em;
font-size: 1.2em;
font-weight: bold;
}
/*
* "SuiteDesk Calendar" view.
*/
.calendar-calendar {
margin-top: 0 !important;
}
.calendar-calendar .view-data-nid {
display: none !important;
}
.calendar-calendar .stripe {
border-radius: 0 !important;
height: 10px !important;
}
.calendar-calendar .monthview,
.calendar-calendar .weekview,
.calendar-calendar .dayview {
border-radius: 0 !important;
padding-top: 12px !important;
line-height: 14px !important;
font-size: 11px !important;
min-height: 2.6em !important;
}
.calendar-calendar .full {
border-left: 1px solid transparent !important;
}
#single-day-container .full,
.calendar-calendar .day-view {
border-right: 1px solid #ccc;
}
.calendar-calendar .month-view .full th {
width: 14.2857%;
min-width: 90px;
}
.calendar-calendar .week-view .full th,
.calendar-calendar .week-view .full tr.all-day td.calendar-agenda-hour {
width: 12% !important;
}
.calendar-calendar .week-view .full th.today {
background-color: #556372;
color: #eee;
}
.calendar-calendar .month-view .full td .day {
width: 2em;
}
.calendar-calendar .month-view .full td.empty {
background: #999 !important;
}
.calendar-calendar .month-view .full td.empty .day {
color: #ccc;
}
.calendar-calendar .day-view .full td .inner div.calendar div a {
margin: 0;
}
.calendar-calendar td .date-display-single {
font-size: 0;
}
.calendar-calendar td .date-display-start,
.calendar-calendar td .date-display-separator,
.calendar-calendar td .date-display-end {
font-size: 10px;
}
.calendar-calendar ul.links {
width: 50%;
top: 0;
}
.calendar-calendar ul.links li {
background: #dfdfdf;
padding: 6px 8px;
margin: 0 6px 2px 0;
font-size: .9em;
}
.calendar-calendar ul.links li a {
text-decoration: none;
}
.calendar-calendar button {
height: 39px;
margin: 0;
}
.date-nav div.date-heading h3 {
width: 70%;
margin: .5em 0;
}
.calendar-calendar .year-view .date-nav div.date-heading,
.calendar-calendar .year-view .date-nav div.date-heading h3 {
width: 100%;
margin: 0;
padding: 0;
font-size: 18px;
}
.calendar-calendar .year-view .date-nav div.date-prev,
.calendar-calendar .year-view .date-nav div.date-next {
display: none;
}
.calendar-calendar .year-view table.mini {
min-width: 180px;
}
.calendar-date-select form {
width: 50%;
}
#edit-calendar-goto-datepicker-popup-0 {
width: 7em;
text-align: center;
margin-left: .5em;
background: #ffffc0;
}
#edit-calendar-goto-datepicker-popup-0-wrapper .description {
display: none;
}
@media (max-width: 570px) {
.calendar-calendar .week-view .full th small {
display: block;
font-size: 14px;
}
.calendar-date-select #edit-submit {
display: none;
}
.date-nav div.date-heading h3 {
margin-top: 1.2em;
}
}
.date-nav div.date-prev,
.date-nav div.date-next {
margin-top: 4em;
}
body.i18n-es .date-nav div.date-prev {
margin-right: 1.6em;
}
.date-nav div.date-next {
margin-right: .4em;
}
/*
* "SuiteDesk" node.
*/
div.stormfields {
margin-bottom: 12px;
}
div.stormfields,
body.suitedesk div.field-items {
line-height: 1.8em;
text-align: left;
}
div.stormfields div.label,
body.suitedesk div.field-label {
line-height: 1.8em;
font-weight: bold;
width: 8.3em;
float: left;
margin-bottom: .2em;
white-space: nowrap;
overflow: hidden;
}
div.stormfields div.value,
body.suitedesk div.field-items {
margin: 0 32% .2em 8.3em;
padding-left: .4em;
background-color: #efefef;
}
@media (max-width: 889px) {
div.stormfields {
margin-bottom: 0;
}
div.stormfields div.label,
body.suitedesk div.field-label {
float: none;
width: auto;
line-height: 1.2em;
}
div.stormfields div.value,
body.suitedesk div.field-items {
margin-left: 0;
margin-right: 44%;
line-height: 2em;
}
}
@media (max-width: 529px) {
div.stormfields div.value,
body.suitedesk div.field-items {
margin-right: 0;
}
} /*
@media (max-width: 439px), (min-width: 530px) and (max-width: 679px) { * MINW *
div.stormfields div.value,
body.suitedesk div.field-items {
margin-right: 0;
}
} */
body.print-body div.stormfields div.label,
body.print-body div.field-label {
line-height: 1.8em;
width: 8.3em;
float: left;
}
body.print-body div.stormfields div.value,
body.print-body div.field-items {
margin: 0 24% .2em 8.3em;
}
.node .stormbody div.label,
.node .field-field-stormorganization-notes .field-label,
.node .field-field-stormperson-notes .field-label,
.node .field-field-stormproject-ms .field-label,
.node .field-field-stormproject-status .field-label {
clear: both;
float: none;
width: 100%;
padding: 3px 8px;
margin: 1.4em 0 -0.5em;
color: #eee;
font-weight: normal;
letter-spacing: 1px;
background-color: #556372;
}
.node .stormbody div.value,
.node .field-field-stormorganization-notes .field-items,
.node .field-field-stormperson-notes .field-items,
.node .field-field-stormproject-ms .field-items,
.node .field-field-stormproject-status .field-items {
width: 100%;
margin: 1.2em 0 1.4em;
padding: 0;
text-align: justify;
background-color: transparent;
}
@media (max-width: 799px) {
.node .stormbody div.value,
.node .field-field-stormorganization-notes .field-items,
.node .field-field-stormperson-notes .field-items,
.node .field-field-stormproject-ms .field-items,
.node .field-field-stormproject-status .field-items {
text-align: left;
}
}
.sqtt-timetracking-trigger {
font-size: .82em;
}
.sqtt-timetracking-trigger img {
margin: -4px 4px 0 16px;
}
.node ul.links li.book_made_simple_stormdok:before,
.node ul.links li.book_made_simple_stormnote:before {
content: "\e825";
}
.node ul.links li.stormproject_clone_run:before {
content: "\e835";
}
/*
* "SuiteDesk Organization" node.
*/
body.suitedesk .field-field-stormorganization-members div.field-items {
padding-left: 0;
}
.node .field-field-stormorganization-members .views-table {
margin-bottom: 0;
}
.node .field-field-stormorganization-members .views-table thead {
display: none;
}
.node .field-field-stormorganization-members .views-table td {
border-top: 0;
font-size: 100%;
}
.node .field-field-stormorganization-members .views-table td.views-field-title {
width: 98%;
}
/*
* "SuiteDesk Project" node.
*
* Restore bootstrap normal line height.
*/
body.suitedesk .field-field-stormproject-ms div.field-items,
body.suitedesk .field-field-stormproject-status div.field-items {
line-height: 1.42857em;
}
body.suitedesk .field-field-stormproject-subprojects div.field-items {
padding-left: 0;
}
.node .field-field-stormproject-subprojects .views-table {
margin-bottom: 0;
}
.node .field-field-stormproject-subprojects .views-table thead {
display: none;
}
.node .field-field-stormproject-subprojects .views-table td {
border-top: 0;
font-size: 100%;
}
.node .field-field-stormproject-subprojects .views-table td.views-field-title {
width: 90%;
}
.node .field-field-stormproject-subprojects .views-table td img {
margin: -3px -3px 0 1px;
}
/*
* "SuiteDesk Document" node.
*/
.node-type-stormdok .stormbody div.label {
display: none;
} /*
.node-type-stormdok .group-stormdok-visible {
margin-right: 32%;
margin-bottom: 1.4em;
padding: .5em 1em .5em 50px;
text-align: left;
border: 1px solid #faebcc;
background: #fcf8e3 url(../images/message_warning.png) no-repeat 5px 5px;
}
@media (max-width: 889px) {
.node-type-stormdok .group-stormdok-visible {
margin-right: 44%;
}
}
@media (max-width: 439px), all and (min-width: 530px) and (max-width: 679px) { *//* MINW *//*
.node-type-stormdok .group-stormdok-visible {
margin-right: 0;
}
}
.node-type-stormdok .group-stormdok-visible legend {
display: none;
}
.node-type-stormdok .group-stormdok-visible .description {
color: #8a6d3b;
}
body.suitedesk .node-type-stormdok .group-stormdok-visible div.field-items {
margin: 0;
background-color: #fff;
text-align: center;
} */
/*
* "SuiteDesk Note" node.
*/
.node-type-stormnote .stormbody div.label {
display: none;
}
/*
* "SuiteDesk Event" node.
*/
.field-field-stormevent-date .field-item div {
line-height: 24px;
}
.field-field-stormevent-date .field-item div + span,
.field-field-stormevent-date .field-item span ~ span {
font-size: 13px;
}
.node-type-stormevent .terms {
display: none;
}
/*
* "Watcher" link in projects, tasks and tickets.
*/
.watcher_node,
.watcher_node_watched {
clear: both;
margin-top: -0.6em;
margin-bottom: 3.2em;
background: transparent !important;
padding: 0;
}
.watcher_node_toggle_watching_link:before,
.watcher_node_toggle_watching_link_watched:before {
font-family: "fonticons";
font-size: 1.2em;
font-weight: normal;
padding-right: .3em;
color: #ff3300;
}
.watcher_node_toggle_watching_link:before {
content: "\e82B";
color: #ccc;
}
.watcher_node_toggle_watching_link_watched:before {
content: "\e804";
color: #3c8dbc;
}
.watcher_node_help_link_to_binder {
margin-left: 1.85em;
font-size: .82em;
}
/*
dt.print_html {
background: transparent url(images/html.png) no-repeat top left;
}
dt.print_pdf {
background: transparent url(images/pdf.png) no-repeat top left;
}
div.stormfields, div.field, div.stormbody {
width: 70%;
}
div.stormfields div.label, div.stormbody div.label, div.field div.field-label-inline-first {
float: left;
width: 150px;
text-align: right;
clear: left;
font-weight: bold;
}
div.stormlinks {
float:right;
width: 30%;
}
div.stormbody div.value p {
clear: left;
margin: 1.2em;
margin-left: 0;
margin-top: 0;
margin-right: 0;
}
table#attachments {
float: left;
} */
/*
* "SuiteDesk" comments.
*/
body.suitedesk #comments {
margin-top: -1.4em;
}
body.suitedesk #comments div.field-items {
margin: 1em 0 0;
padding-left: 0;
line-height: 1.42857em;
background-color: transparent;
text-align: justify;
}
@media (max-width: 799px) {
body.suitedesk #comments div.field-items {
text-align: left;
}
}
/*
* "SuiteDesk Task & Ticket" comments.
*/
body.section-task #main-content .section,
body.section-ticket #main-content .section {
padding-bottom: 3em;
}
.node-type-stormtask .meta,
.node-type-stormticket .meta {
position: absolute;
bottom: 1.4em; /*
width: 90%; */
padding: 0;
}
.section-node-add .node-type-stormtask .meta,
.section-node-add .node-type-stormticket .meta {
display: none;
}
.tt-comment {
border-top: 1px solid #ddd;
}
.views-row-first .tt-comment {
border-top: 0;
}
.views-row-last .tt-comment {
margin-bottom: 1.5em;
}
.tt-comment h3.title {
float: right;
font-size: 1.8em;
background: #000;
padding: 4px;
margin-top: 14px;
margin-left: 8px;
}
.tt-comment h3.title a {
color: #fff;
}
.tt-comment h3.title a:hover {
color: #ff7700;
}
.tt-comment .new {
margin-top: 1em;
}
.tt-comment div.content {
clear: both;
}
div.tt-author {
margin: 1em 0;
font-size: .92em;
line-height: 1.6em;
}
span.tt-date {
font-style: normal;
font-weight: bold;
}
span.tt-name {
white-space: nowrap;
}
div.tt-updated {
color: #999;
}
div.tt-changed {
clear: both;
}
div.tt-changed + div.content {
padding-top: 1px;
}
div.tt-label,
div.tt-old,
div.tt-new {
margin: 2px 6px 2px 0;
padding: 3px 6px;
font-size: .86em;
border-top: 2px solid #dedede;
float: left;
}
div.tt-label {
clear: both;
padding: 3px 0 3px 3px;
overflow: hidden;
font-weight: bold;
background: #dedede;
border-bottom: 2px solid #dedede;
width: 92px;
margin-right: -92px;
}
div.tt-old {
margin-right: -92px;
text-decoration: line-through;
background: url(../images/tt.png) no-repeat top right;
}
div.tt-old,
div.tt-new {
width: 200px;
font-size: 1em;
font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
line-height: 1.1em;
margin-left: 98px;
}
@media (max-width: 529px) { /* MINW - 1 */
div.tt-old,
div.tt-new {
width: 175px;
}
}
div.tt-new {
border-top-style: dotted;
}
/*
* Forms and fieldsets with inner tables (SuiteDesk exceptions).
*/
#field-stormorganization-attached-items table.table td,
#field-stormperson-attached-items table.table td,
#field-stormproject-attached-items table.table td,
#field-stormtask-attached-items table.table td,
#field-stormtaskc-attach-items table.table td,
#field-stormticket-attached-items table.table td,
#field-stormticketc-attach-items table.table td,
#field-stormevent-attach-items table.table td,
#field-stormnote-attached-items table.table td,
#field-stormdok-attach-items table.table td {
float: none;
}
/*
* "SuiteDesk" node form.
*/
table.formgroup {
width: auto;
margin: 0;
clear: both;
}
table.formgroup tr td {
font-size: 1em;
padding-left: 0;
padding-right: 5px;
}
table.formgroup-submit {
margin-top: 1.4em;
}
table.formgroup_access tr td {
padding: 0 !important;
}
table.formgroup_access {
width: 100%;
margin: 1.4em 0 1em;
border: 1px solid #ddd;
}
table.formgroup_access .form-item {
width: 26.5%;
float: left;
padding: .4em;
}
#edit-dok-access-3-wrapper,
#edit-event-access-3-wrapper {
width: 20.5%;
}
@media (max-width: 959px) { /* MINW */
table.formgroup_access .form-item {
width: 50% !important;
}
#edit-dok-access-2-wrapper,
#edit-event-access-2-wrapper {
clear: both;
}
}
table.formgroup_access .description {
font-size: 12px;
margin-left: 1.8em;
line-height: 1.2em;
}
#node-form #edit-billable-wrapper,
#node-form #edit-billed-wrapper {
margin-top: .75em;
}
/*
* "SuiteDesk Organization" node form.
*/
.stormorganization_node_form #edit-isactive-wrapper {
margin-bottom: 1em;
}
fieldset.group-stormorganization-members {
border: 0;
margin-top: 0;
padding: 0;
}
fieldset.group-stormorganization-members legend {
display: none;
}
table#field_stormorganization_attached_values {
margin-top: -0.5em;
}
table#field_stormorganization_attached_values thead {
display: none;
}
/*
* "SuiteDesk Person" node form.
*/
#edit-field-stormperson-name-0-value,
#edit-field-stormperson-lastname-0-value {
width: 100%;
}
table#field_stormperson_attached_values {
margin-top: -0.5em;
}
table#field_stormperson_attached_values thead {
display: none;
}
/*
* "SuiteDesk Project" node form.
*/
fieldset.group-stormproject-subprojects {
border: 0;
margin-top: .8em;
padding: 0;
}
fieldset.group-stormproject-subprojects legend {
display: none;
}
#edit-field-stormproject-team-value-wrapper {
margin: 1.4em 0 .4em;
}
table#field_stormproject_attached_values {
margin-top: -0.5em;
}
table#field_stormproject_attached_values thead,
form.stormproject_node_form fieldset.book-outline-form {
display: none;
}
/*
* "SuiteDesk Task" node form.
*/
#edit-durationunit-wrapper {
margin-bottom: 1.2em; /* Solving field position in responsive actions */
}
table#field_stormtask_attached_values {
margin-top: -0.5em;
}
table#field_stormtask_attached_values thead {
display: none;
}
/*
* "SuiteDesk Ticket" node form.
*/
table#field_stormticket_attached_values {
margin-top: -0.5em;
}
table#field_stormticket_attached_values thead {
display: none;
}
/*
* "SuiteDesk Event" node form.
*/
table#field_stormevent_attach_values {
margin-top: -0.5em;
}
table#field_stormevent_attach_values thead {
display: none;
}
#edit-field-stormevent-place-0-value-wrapper + .form-item .form-radios label {
float: left;
width: 7.24%;
margin: 0 .44% 1.4em 0;
white-space: nowrap;
overflow: hidden;
}
@media (max-width: 799px) {
#edit-field-stormevent-place-0-value-wrapper + .form-item .form-radios label {
height: 2.8em;
}
}
#edit-field-stormevent-place-0-value-wrapper + .form-item .form-radios label input {
margin: 2px 0 .3em 2px;
}
#edit-field-stormevent-color-value-856-wrapper label {
background: #ac725e;
color: #ac725e;
}
#edit-field-stormevent-color-value-857-wrapper label {
background: #f83a22;
color: #f83a22;
}
#edit-field-stormevent-color-value-858-wrapper label {
background: #ff7537;
color: #ff7537;
}
#edit-field-stormevent-color-value-859-wrapper label {
background: #42d692;
color: #42d692;
}
#edit-field-stormevent-color-value-860-wrapper label {
background: #16a765;
color: #16a765;
}
#edit-field-stormevent-color-value-861-wrapper label {
background: #fbe983;
color: #fbe983;
}
#edit-field-stormevent-color-value-862-wrapper label {
background: #fad165;
color: #fad165;
}
#edit-field-stormevent-color-value-863-wrapper label {
background: #9fe1e7;
color: #9fe1e7;
}
#edit-field-stormevent-color-value-864-wrapper label {
background: #4986e7;
color: #4986e7;
}
#edit-field-stormevent-color-value-865-wrapper label {
background: #9a9cff;
color: #9a9cff;
}
#edit-field-stormevent-color-value-866-wrapper label {
background: #cca6ac;
color: #cca6ac;
}
#edit-field-stormevent-color-value-867-wrapper label {
background: #c2c2c2;
color: #c2c2c2;
}
#edit-field-stormevent-color-value-868-wrapper label {
background: #000;
color: #000;
}
#edit-field-stormevent-place-0-value-wrapper + .form-item + fieldset > legend {
display: none;
} /*
#edit-field-stormevent-date-value-wrapper label,
#edit-field-stormevent-date-value2-wrapper label {
display: block;
float: left;
width: 9em;
} */
#edit-field-stormevent-date-rrule-UNTIL-datetime-wrapper {
padding-top: 1em;
} /*
#edit-field-stormevent-date-rrule-UNTIL-datetime-wrapper label {
display: block;
float: left;
width: 4em;
}
#edit-field-stormevent-date-rrule-advanced-BYDAY {
max-width: 300px;
} */
/*
* "SuiteDesk Note" node form.
*/
table#field_stormnote_attached_values {
margin-top: -0.5em;
}
table#field_stormnote_attached_values thead {
display: none;
}
/*
* "SuiteDesk Idea" node form.
*/
#block-storm-stormidea {
margin-top: -12px;
}
#block-storm-stormidea h2.title,
#block-storm-stormidea .content label {
display: none;
}
#block-storm-stormidea .content {
margin: 0;
}
#block-storm-stormidea .content .node-form {
position: relative;
}
#block-storm-stormidea .content .node-form button {
position: absolute;
top: 0;
right: 0;
height: 39px;
}
#block-storm-stormidea .content .node-form input {
width: 84%;
}
@media (max-width: 959px) {
#block-storm-stormidea .content .node-form input {
width: 80%;
}
}
@media (max-width: 799px) {
#block-storm-stormidea .content .node-form input {
width: 76%;
}
}
@media (max-width: 529px) {
#block-storm-stormidea .content .node-form button span {
display: none;
}
#block-storm-stormidea .content .node-form input {
width: 78%;
}
}
@media (max-width: 399px) {
#block-storm-stormidea .content .node-form input {
width: 72%;
}
}
/*
* "SuiteDesk Dok" node form.
*/
#edit-access-public-wrapper,
#edit-access-authorised-wrapper {
margin: .5em 0;
}
table#field_stormdok_attach_values {
margin-top: -0.5em;
}
table#field_stormdok_attach_values thead {
display: none;
}
/*
* "SuiteDesk Task & Ticket" comment form.
*/
table#field_stormtaskc_attach_values thead,
table#field_stormticketc_attach_values thead {
display: none;
}
#edit-field-stormtaskc-title-0-value,
#edit-field-stormticketc-title-0-value {
width: 100%;
}
#edit-field-stormtaskc-category-value-wrapper,
#edit-field-stormtaskc-status-value-wrapper,
#edit-field-stormtaskc-priority-value-wrapper,
#edit-field-stormticketc-category-value-wrapper,
#edit-field-stormticketc-status-value-wrapper,
#edit-field-stormticketc-priority-value-wrapper {
float: left;
margin-right: 1em;
}
#edit-field-stormtaskc-priority-value-wrapper,
#edit-field-stormticketc-priority-value-wrapper {
margin-right: 2em;
}
#edit-field-stormtaskc-manager-value-wrapper,
#edit-field-stormticketc-assigned-value-wrapper {
clear: both;
line-height: 2.4em;
}