Main theme for SuiteDesk
This commit is contained in:
parent
8cf3c56044
commit
42540d1310
185 changed files with 17597 additions and 0 deletions
180
themes/zuitedesk/css/blocks.css
Normal file
180
themes/zuitedesk/css/blocks.css
Normal file
|
|
@ -0,0 +1,180 @@
|
|||
/**
|
||||
* @file
|
||||
* Block Styling.
|
||||
*/
|
||||
|
||||
|
||||
/*
|
||||
* Admin blocks list.
|
||||
*/
|
||||
table#blocks td {
|
||||
vertical-align: middle;
|
||||
background-color: transparent;
|
||||
}
|
||||
table#blocks .draggable > td:first-child {
|
||||
white-space: normal;
|
||||
padding-left: 32px;
|
||||
}
|
||||
table#blocks .draggable a.tabledrag-handle {
|
||||
position: absolute;
|
||||
margin-left: -32px;
|
||||
}
|
||||
|
||||
/*
|
||||
* Admin blocks configure and edit.
|
||||
*/
|
||||
div.block.with-block-editing {
|
||||
position: relative;
|
||||
}
|
||||
div.block.with-block-editing div.edit {
|
||||
display: none;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
z-index: 100;
|
||||
border: 1px solid #eee;
|
||||
padding: 0 2px;
|
||||
font-size: 0.75em;
|
||||
background-color: #fff;
|
||||
}
|
||||
div.block.with-block-editing:hover div.edit {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/*
|
||||
* Generic blocks styles.
|
||||
*/
|
||||
.block {
|
||||
margin: 0 0 1em 0;
|
||||
background-color: #fff;
|
||||
}
|
||||
.block h2.title {
|
||||
background-color: #556372;
|
||||
color: #eee;
|
||||
font-size: 18px;
|
||||
font-weight: normal;
|
||||
line-height: 23px;
|
||||
letter-spacing: 1px;
|
||||
margin: 0;
|
||||
padding: 5px 5px 5px 23px;
|
||||
}
|
||||
.block h2.title:before {
|
||||
content: "//";
|
||||
margin-left: -18px;
|
||||
position: absolute;
|
||||
}
|
||||
@media (min-width: 530px) and (max-width: 699px) { /* MINW */
|
||||
.block h2.title {
|
||||
padding-left: 5px;
|
||||
}
|
||||
.block h2.title:before {
|
||||
content: "";
|
||||
}
|
||||
}
|
||||
.block h2.title a {
|
||||
color: #eee;
|
||||
}
|
||||
.block .content {
|
||||
margin: .5em;
|
||||
padding-bottom: .5em;
|
||||
}
|
||||
.block ul.menu {
|
||||
padding-left: 1em;
|
||||
}
|
||||
.block ul.menu ul {
|
||||
font-size: .98em;
|
||||
}
|
||||
.block ul.menu li,
|
||||
.block ul.menu li.collapsed {
|
||||
list-style-image: url(../images/menu-collapsed.gif);
|
||||
}
|
||||
.block ul.menu li.expanded {
|
||||
list-style-image: url(../images/menu-expanded.gif);
|
||||
}
|
||||
.block ul.menu li.leaf {
|
||||
list-style-image: url(../images/menu-leaf.gif);
|
||||
}
|
||||
.block ul.menu li a:link,
|
||||
.block ul.menu li a:visited {
|
||||
color: #3c8dbc;
|
||||
}
|
||||
.block ul.menu li a:hover {
|
||||
color: #f70a0a;
|
||||
}
|
||||
.block ul.menu li a.active {
|
||||
color: #3c8dbc;
|
||||
font-weight: bold;
|
||||
}
|
||||
body.section-node-edit .block ul.menu li.active-trail > a {
|
||||
font-weight: bold;
|
||||
color: #f70a0a;
|
||||
}
|
||||
.block .more-link {
|
||||
clear: both;
|
||||
font-size: .75em;
|
||||
padding-right: 1em;
|
||||
text-align: right;
|
||||
}
|
||||
.block .btn {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/*
|
||||
* Search blocks.
|
||||
*/
|
||||
.block-custom_search_blocks {
|
||||
background-color: transparent;
|
||||
margin: 0;
|
||||
}
|
||||
#block-custom_search_blocks-1 {
|
||||
margin-top: 2em;
|
||||
}
|
||||
.block-custom_search_blocks h2.title {
|
||||
display: none;
|
||||
}
|
||||
.block-custom_search_blocks .content {
|
||||
margin: 0;
|
||||
}
|
||||
.block-lexicon .content {
|
||||
height: 42px;
|
||||
}
|
||||
.block-custom_search_blocks,
|
||||
.block-lexicon {
|
||||
position: relative;
|
||||
}
|
||||
.block-custom_search_blocks input.form-text,
|
||||
.block-lexicon input.form-text {
|
||||
padding-right: 48px;
|
||||
background: #fff;
|
||||
font-weight: 300;
|
||||
}
|
||||
.block-custom_search_blocks button.form-submit,
|
||||
.block-lexicon button.form-submit {
|
||||
position: absolute;
|
||||
padding: 0;
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 39px;
|
||||
height: 39px;
|
||||
color: #3c8dbc;
|
||||
overflow: hidden;
|
||||
}
|
||||
.block-custom_search_blocks button.form-submit:hover,
|
||||
.block-lexicon button.form-submit:hover {
|
||||
color: #307095;
|
||||
}
|
||||
.block-custom_search_blocks button.form-submit span,
|
||||
.block-lexicon button.form-submit span {
|
||||
color: #fff;
|
||||
display: block;
|
||||
line-height: 34px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/*
|
||||
* SuiteDesk menu block.
|
||||
*/
|
||||
#block-storm-storm_dashboard_block .content {
|
||||
margin: .5em 0;
|
||||
}
|
||||
|
||||
19
themes/zuitedesk/css/bootstrap-tour.min.css
vendored
Normal file
19
themes/zuitedesk/css/bootstrap-tour.min.css
vendored
Normal file
|
|
@ -0,0 +1,19 @@
|
|||
/* ===========================================================
|
||||
# bootstrap-tour - v0.9.3
|
||||
# http://bootstraptour.com
|
||||
# ==============================================================
|
||||
# Copyright 2012-2013 Ulrich Sossou
|
||||
#
|
||||
# Licensed under the Apache License, Version 2.0 (the "License");
|
||||
# you may not use this file except in compliance with the License.
|
||||
# You may obtain a copy of the License at
|
||||
#
|
||||
# http://www.apache.org/licenses/LICENSE-2.0
|
||||
#
|
||||
# Unless required by applicable law or agreed to in writing, software
|
||||
# distributed under the License is distributed on an "AS IS" BASIS,
|
||||
# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||
# See the License for the specific language governing permissions and
|
||||
# limitations under the License.
|
||||
*/
|
||||
.tour-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;background-color:#000;opacity:.8}.tour-step-backdrop{position:relative;z-index:1101;background:inherit}.tour-step-background{position:absolute;z-index:1100;background:inherit;border-radius:6px}.popover[class*=tour-]{z-index:1100}.popover[class*=tour-] .popover-navigation{padding:9px 14px}.popover[class*=tour-] .popover-navigation [data-role=end]{float:right}.popover[class*=tour-] .popover-navigation [data-role=prev],.popover[class*=tour-] .popover-navigation [data-role=next],.popover[class*=tour-] .popover-navigation [data-role=end]{cursor:pointer}.popover[class*=tour-] .popover-navigation [data-role=prev].disabled,.popover[class*=tour-] .popover-navigation [data-role=next].disabled,.popover[class*=tour-] .popover-navigation [data-role=end].disabled{cursor:default}.popover[class*=tour-].orphan{position:fixed;margin-top:0}.popover[class*=tour-].orphan .arrow{display:none}
|
||||
14
themes/zuitedesk/css/bootstrap.min.css
vendored
Normal file
14
themes/zuitedesk/css/bootstrap.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
89
themes/zuitedesk/css/comments.css
Normal file
89
themes/zuitedesk/css/comments.css
Normal file
|
|
@ -0,0 +1,89 @@
|
|||
/**
|
||||
* @file
|
||||
* Comment Styling.
|
||||
*/
|
||||
|
||||
|
||||
.comment div.picture {
|
||||
float: left;
|
||||
}
|
||||
.comment div.picture img {
|
||||
width: 45px;
|
||||
height: auto;
|
||||
margin-top: 8px;
|
||||
}
|
||||
.comment div.picture + div.comment-data {
|
||||
margin-left: 58px;
|
||||
}
|
||||
@media (max-width: 659px) {
|
||||
.comment div.picture {
|
||||
display: none;
|
||||
}
|
||||
.comment div.picture + div.comment-data {
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.comment h3 {
|
||||
margin-top: .1em;
|
||||
}
|
||||
.comment div.submitted {
|
||||
font-size: .75em;
|
||||
color: #898989;
|
||||
display: block;
|
||||
margin: -0.5em .1em 0;
|
||||
}
|
||||
.comment .content {
|
||||
margin-top: .8em;
|
||||
text-align: justify;
|
||||
}
|
||||
@media (max-width: 799px) {
|
||||
.comment .content {
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
|
||||
.comment ul.links {
|
||||
margin: 1em 0 1.3em;
|
||||
}
|
||||
.comment ul.links li {
|
||||
padding-right: 1.2em;
|
||||
text-transform: capitalize;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
.comment ul.links li:before {
|
||||
font-family: "fonticons";
|
||||
padding: 0 .38em 0 0;
|
||||
color: #ff3300;
|
||||
}
|
||||
.comment ul.links li.comment_reply:before {
|
||||
content: "\e82c";
|
||||
}
|
||||
.comment ul.links li.comment_edit:before {
|
||||
content: "\e82a";
|
||||
}
|
||||
.comment ul.links li.comment_delete:before {
|
||||
content: "\e829";
|
||||
}
|
||||
.comment ul.links li.last {
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
.indented {
|
||||
padding-left: 1.1em;
|
||||
margin: -0.2em 0 1em;
|
||||
border-left: 5px solid #eaeaea;
|
||||
}
|
||||
.indented .indented {
|
||||
margin: .6em 0;
|
||||
border-color: #eee;
|
||||
}
|
||||
.indented .indented .indented {
|
||||
border-color: #efefef;
|
||||
}
|
||||
.indented .indented .indented {
|
||||
border-color: #f4f4f4;
|
||||
}
|
||||
.indented .comment:last-child ul.links {
|
||||
margin-bottom: .2em;
|
||||
}
|
||||
163
themes/zuitedesk/css/editor.css
Normal file
163
themes/zuitedesk/css/editor.css
Normal file
|
|
@ -0,0 +1,163 @@
|
|||
/**
|
||||
* @file
|
||||
* Editor Styling.
|
||||
*/
|
||||
|
||||
|
||||
body.ckeditor {
|
||||
text-align: justify;
|
||||
padding: 1%;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
text-align: left;
|
||||
}
|
||||
body.ckeditor,
|
||||
body.ckeditor h1,
|
||||
body.ckeditor h2,
|
||||
body.ckeditor h3,
|
||||
body.ckeditor h4,
|
||||
body.ckeditor h5,
|
||||
body.ckeditor h6 {
|
||||
font-family: "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
|
||||
}
|
||||
a:focus {
|
||||
outline: 0;
|
||||
}
|
||||
pre {
|
||||
margin-top: 10px;
|
||||
}
|
||||
body.ckeditor pre {
|
||||
font-size: 88%;
|
||||
}
|
||||
|
||||
/*
|
||||
* Indent & Justify classes.
|
||||
*/
|
||||
td ul, td ol {
|
||||
padding-left: 8%;
|
||||
}
|
||||
body.ckeditor ul, body.ckeditor ol,
|
||||
.node .content ul, .node .content ol {
|
||||
padding-left: 5.4%;
|
||||
}
|
||||
.rteindent1 {
|
||||
margin-left: 5.4%;
|
||||
}
|
||||
.rteindent2 {
|
||||
margin-left: 10.8%;
|
||||
}
|
||||
.rteindent3 {
|
||||
margin-left: 16.2%;
|
||||
}
|
||||
.rteindent4 {
|
||||
margin-left: 21.6%;
|
||||
}
|
||||
|
||||
/*
|
||||
* Tables.
|
||||
*/
|
||||
table {
|
||||
width: 100%;
|
||||
}
|
||||
thead th {
|
||||
border-bottom: 2px solid #ddd;
|
||||
}
|
||||
td, th {
|
||||
padding: 5px;
|
||||
text-align: left;
|
||||
vertical-align: top;
|
||||
}
|
||||
td[align=right], th[align=right] {
|
||||
text-align: right;
|
||||
}
|
||||
td {
|
||||
font-size: 90%;
|
||||
}
|
||||
|
||||
/*
|
||||
* Images.
|
||||
*/
|
||||
body.ckeditor img,
|
||||
.node .content img {
|
||||
margin: 3px 8px;
|
||||
}
|
||||
body.ckeditor img.img-responsive,
|
||||
.node .content img.img-responsive {
|
||||
height: auto !important;
|
||||
margin: 3px auto;
|
||||
}
|
||||
body.ckeditor img.img-responsive[style*=float],
|
||||
.node .content img.img-responsive[style*=float] {
|
||||
margin: 3px 4px;
|
||||
}
|
||||
.node .content a.lexicon-icon img {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/*
|
||||
* Iframes / Video responsive.
|
||||
*/
|
||||
.video-responsive {
|
||||
position: relative;
|
||||
padding-top: 25px;
|
||||
padding-bottom: 56.25%;
|
||||
height: 0;
|
||||
margin: 1.1em 0;
|
||||
}
|
||||
.video-responsive iframe {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
body.ckeditor .video-responsive {
|
||||
padding-top: 0;
|
||||
padding-bottom: 58%;
|
||||
}
|
||||
|
||||
/*
|
||||
* Normalizing styles.
|
||||
*/
|
||||
body.ckeditor img.cke_drupal_break {
|
||||
margin: 0 0 .8em;
|
||||
}
|
||||
body.ckeditor img.cke_iframe {
|
||||
margin: 0;
|
||||
max-width: 100% !important;
|
||||
}
|
||||
|
||||
/*
|
||||
* The following are the styles used in the "Styles" toolbar command.
|
||||
*/
|
||||
.note-red,
|
||||
.note-cyan,
|
||||
.note-green,
|
||||
.note-orange,
|
||||
.note-yellow {
|
||||
color: #222;
|
||||
margin: .5em;
|
||||
padding: .5em;
|
||||
}
|
||||
.note-red {
|
||||
background-color: Red;
|
||||
color: #fff;
|
||||
}
|
||||
.note-cyan {
|
||||
background-color: SkyBlue;
|
||||
}
|
||||
.note-green {
|
||||
background-color: PaleGreen;
|
||||
}
|
||||
.note-orange {
|
||||
background-color: Coral;
|
||||
}
|
||||
.note-yellow {
|
||||
background-color: BlanchedAlmond;
|
||||
}
|
||||
.text-underline {
|
||||
border-bottom: 1px solid currentColor;
|
||||
}
|
||||
.text-overline {
|
||||
text-decoration: line-through;
|
||||
}
|
||||
16
themes/zuitedesk/css/extlink.css
Normal file
16
themes/zuitedesk/css/extlink.css
Normal file
|
|
@ -0,0 +1,16 @@
|
|||
span.ext {
|
||||
background: url(../images/extlink.png) right center no-repeat;
|
||||
padding-right: 12px;
|
||||
}
|
||||
span.mailto {
|
||||
background: url(../images/mailto.png) right center no-repeat;
|
||||
padding-right: 12px;
|
||||
}
|
||||
|
||||
/* Hide the extra spans when printing. */
|
||||
@media print {
|
||||
span.ext, span.mailto {
|
||||
display: none;
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
126
themes/zuitedesk/css/fonticons.css
Executable file
126
themes/zuitedesk/css/fonticons.css
Executable file
|
|
@ -0,0 +1,126 @@
|
|||
@font-face {
|
||||
font-family: 'fonticons';
|
||||
src: url('../font/fonticons.eot?27716456');
|
||||
src: url('../font/fonticons.eot?27716456#iefix') format('embedded-opentype'),
|
||||
url('../font/fonticons.woff2?27716456') format('woff2'),
|
||||
url('../font/fonticons.woff?27716456') format('woff'),
|
||||
url('../font/fonticons.ttf?27716456') format('truetype'),
|
||||
url('../font/fonticons.svg?27716456#fonticons') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
|
||||
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
|
||||
/*
|
||||
@media screen and (-webkit-min-device-pixel-ratio:0) {
|
||||
@font-face {
|
||||
font-family: 'fonticons';
|
||||
src: url('../font/fonticons.svg?27716456#fonticons') format('svg');
|
||||
}
|
||||
}
|
||||
*/
|
||||
|
||||
[class^="icon-"]:before, [class*=" icon-"]:before {
|
||||
font-family: "fonticons";
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
speak: none;
|
||||
|
||||
display: inline-block;
|
||||
text-decoration: inherit;
|
||||
width: 1em;
|
||||
margin-right: .2em;
|
||||
text-align: center;
|
||||
/* opacity: .8; */
|
||||
|
||||
/* For safety - reset parent styles, that can break glyph codes*/
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
|
||||
/* fix buttons height, for twitter bootstrap */
|
||||
line-height: 1em;
|
||||
|
||||
/* Animation center compensation - margins should be symmetric */
|
||||
/* remove if not needed */
|
||||
margin-left: .2em;
|
||||
|
||||
/* you can be more comfortable with increased icons size */
|
||||
/* font-size: 120%; */
|
||||
|
||||
/* Font smoothing. That was taken from TWBS */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
|
||||
/* Uncomment for 3D effect */
|
||||
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
|
||||
}
|
||||
|
||||
.icon-cog:before { content: '\e800'; } /* '' */
|
||||
.icon-search:before { content: '\e801'; } /* '' */
|
||||
.icon-save:before { content: '\e802'; } /* '' */
|
||||
.icon-upload:before { content: '\e803'; } /* '' */
|
||||
.icon-eye:before { content: '\e804'; } /* '' */
|
||||
.icon-download:before { content: '\e805'; } /* '' */
|
||||
.icon-export:before { content: '\e806'; } /* '' */
|
||||
.icon-import:before { content: '\e807'; } /* '' */
|
||||
.icon-pencil:before { content: '\e808'; } /* '' */
|
||||
.icon-plus:before { content: '\e809'; } /* '' */
|
||||
.icon-trash:before { content: '\e80a'; } /* '' */
|
||||
.icon-mail:before { content: '\e80b'; } /* '' */
|
||||
.icon-gplus:before { content: '\e80c'; } /* '' */
|
||||
.icon-left-open:before { content: '\e80d'; } /* '' */
|
||||
.icon-spotify:before { content: '\e80e'; } /* '' */
|
||||
.icon-right-open:before { content: '\e80f'; } /* '' */
|
||||
.icon-up-open:before { content: '\e810'; } /* '' */
|
||||
.icon-cc:before { content: '\e811'; } /* '' */
|
||||
.icon-idea:before { content: '\e812'; } /* '' */
|
||||
.icon-logout:before { content: '\e813'; } /* '' */
|
||||
.icon-comment:before { content: '\e814'; } /* '' */
|
||||
.icon-glossary:before { content: '\e815'; } /* '' */
|
||||
.icon-note:before { content: '\e816'; } /* '' */
|
||||
.icon-photo:before { content: '\e817'; } /* '' */
|
||||
.icon-login:before { content: '\e818'; } /* '' */
|
||||
.icon-doc:before { content: '\e819'; } /* '' */
|
||||
.icon-quote:before { content: '\e81a'; } /* '' */
|
||||
.icon-status:before { content: '\e81b'; } /* '' */
|
||||
.icon-user:before { content: '\e81c'; } /* '' */
|
||||
.icon-storm:before { content: '\e81d'; } /* '' */
|
||||
.icon-expense:before { content: '\e81e'; } /* '' */
|
||||
.icon-calendar:before { content: '\e81f'; } /* '' */
|
||||
.icon-edvca:before { content: '\e820'; } /* '' */
|
||||
.icon-archive:before { content: '\e821'; } /* '' */
|
||||
.icon-filter:before { content: '\e822'; } /* '' */
|
||||
.icon-reset:before { content: '\e823'; } /* '' */
|
||||
.icon-apply:before { content: '\e824'; } /* '' */
|
||||
.icon-doc-new:before { content: '\e825'; } /* '' */
|
||||
.icon-page:before { content: '\e826'; } /* '' */
|
||||
.icon-pages:before { content: '\e827'; } /* '' */
|
||||
.icon-more:before { content: '\e828'; } /* '' */
|
||||
.icon-comment-delete:before { content: '\e829'; } /* '' */
|
||||
.icon-comment-edit:before { content: '\e82a'; } /* '' */
|
||||
.icon-eye-off:before { content: '\e82b'; } /* '' */
|
||||
.icon-reply:before { content: '\e82c'; } /* '' */
|
||||
.icon-help:before { content: '\e82d'; } /* '' */
|
||||
.icon-pdf:before { content: '\e82e'; } /* '' */
|
||||
.icon-ticket:before { content: '\e830'; } /* '' */
|
||||
.icon-print:before { content: '\e831'; } /* '' */
|
||||
.icon-project:before { content: '\e832'; } /* '' */
|
||||
.icon-crm:before { content: '\e833'; } /* '' */
|
||||
.icon-cancel:before { content: '\e834'; } /* '' */
|
||||
.icon-clone:before { content: '\e835'; } /* '' */
|
||||
.icon-work-accepting:before { content: '\e836'; } /* '' */
|
||||
.icon-work-not1month:before { content: '\e837'; } /* '' */
|
||||
.icon-work-limitedwe:before { content: '\e838'; } /* '' */
|
||||
.icon-work-bookedout:before { content: '\e839'; } /* '' */
|
||||
.icon-twitter:before { content: '\e83a'; } /* '' */
|
||||
.icon-facebook:before { content: '\e83b'; } /* '' */
|
||||
.icon-linkedin:before { content: '\e83c'; } /* '' */
|
||||
.icon-rss:before { content: '\e83d'; } /* '' */
|
||||
.icon-people:before { content: '\e83e'; } /* '' */
|
||||
.icon-team:before { content: '\e83f'; } /* '' */
|
||||
.icon-kanban:before { content: '\e841'; } /* '' */
|
||||
.icon-timetracking:before { content: '\e842'; } /* '' */
|
||||
.icon-task:before { content: '\f12e'; } /* '' */
|
||||
.icon-invoice:before { content: '\f153'; } /* '' */
|
||||
.icon-org:before { content: '\f19c'; } /* '' */
|
||||
.icon-event:before { content: '\f273'; } /* '' */
|
||||
411
themes/zuitedesk/css/forms.css
Normal file
411
themes/zuitedesk/css/forms.css
Normal file
|
|
@ -0,0 +1,411 @@
|
|||
/**
|
||||
* @file
|
||||
* Form Styling.
|
||||
*/
|
||||
|
||||
|
||||
label {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.form-item {
|
||||
margin-top: .6em; /*
|
||||
margin: .45em 0 0; */
|
||||
max-width: 100% !important;
|
||||
white-space: nowrap;
|
||||
} /*
|
||||
.container-inline div.container-inline-date,
|
||||
.container-inline .container-inline-date div,
|
||||
.container-inline .container-inline-date input {
|
||||
display: block;
|
||||
} */
|
||||
.container-inline-date label {
|
||||
display: block;
|
||||
}
|
||||
.container-inline-date.form-item {
|
||||
margin-top: 0 !important;
|
||||
}
|
||||
.form-item input.error,
|
||||
.form-item textarea.error,
|
||||
.form-item select.error {
|
||||
color: #a94442;
|
||||
border: 2px solid #a94442;
|
||||
background-color: #f2dede !important;
|
||||
}
|
||||
.form-item .description {
|
||||
margin-bottom: 0;
|
||||
white-space: normal;
|
||||
}
|
||||
.form-required {
|
||||
color: #f00;
|
||||
}
|
||||
|
||||
/*
|
||||
* Buttons.
|
||||
*/
|
||||
.btn {
|
||||
word-wrap: normal;
|
||||
margin-top: .5em;
|
||||
margin-right: 1em;
|
||||
}
|
||||
.btn span {
|
||||
margin-left: -10px;
|
||||
}
|
||||
.popover .btn {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/*
|
||||
* Forms and fieldsets with inner tables.
|
||||
*/
|
||||
form table.table td,
|
||||
fieldset table.table td {
|
||||
border-width: 0 !important;
|
||||
padding: 0 1em 0 0 !important;
|
||||
float: left;
|
||||
}
|
||||
/* Exceptions */
|
||||
form table#upload-attachments td,
|
||||
form table#webform-components td,
|
||||
form#diff-node-revisions table.table td {
|
||||
border-top-width: 1px !important;
|
||||
padding: 5px !important;
|
||||
float: none;
|
||||
}
|
||||
body.section-admin form table.table td {
|
||||
padding: 5px !important;
|
||||
float: none;
|
||||
}
|
||||
/*
|
||||
.form-item .description {
|
||||
font-size: 75%;
|
||||
line-height: 150%;
|
||||
margin-bottom: 0.75em;
|
||||
color: #898989;
|
||||
}
|
||||
.form-item .description p {
|
||||
text-align: justify;
|
||||
}
|
||||
.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-radios {
|
||||
margin-left: 1em;
|
||||
} */
|
||||
.form-checkboxes .form-item,
|
||||
.form-radios .form-item {
|
||||
margin: 0;
|
||||
}
|
||||
.form-checkboxes .form-item label,
|
||||
.form-radios .form-item label {
|
||||
font-weight: normal;
|
||||
}
|
||||
.form-checkboxes .form-item input,
|
||||
.form-radios .form-item input {
|
||||
margin-right: .25em;
|
||||
}
|
||||
|
||||
/*
|
||||
* Drupal new user form.
|
||||
*/ /*
|
||||
body.page-admin-user-user-create #page-title,
|
||||
body.page-admin-user-user-create #page-title + div.help,
|
||||
body.page-admin-user-user-notify #page-title,
|
||||
body.page-admin-user-user-notify #page-title + div.help {
|
||||
display: none;
|
||||
} */
|
||||
#edit-pass-pass1,
|
||||
#edit-pass-pass2 {
|
||||
width: auto;
|
||||
}
|
||||
/* Password strength indicator */
|
||||
span.password-strength {
|
||||
visibility: hidden;
|
||||
font-size: 0.85em;
|
||||
} /*
|
||||
input.password-field {
|
||||
margin-right: 10px;
|
||||
}
|
||||
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;
|
||||
}
|
||||
.confirm-parent {
|
||||
margin: 5px 0 0 0;
|
||||
} */
|
||||
span.password-confirm {
|
||||
visibility: hidden;
|
||||
font-size: 0.85em;
|
||||
} /*
|
||||
span.password-confirm span {
|
||||
font-weight: normal;
|
||||
} */
|
||||
#edit-notify-wrapper { /*
|
||||
margin-top: 16px 0 0; */
|
||||
padding-left: 70px;
|
||||
background: transparent url(../images/notify.png) no-repeat 8px 4px;
|
||||
min-height: 52px; /*
|
||||
font-size: 14px; */
|
||||
}
|
||||
|
||||
/*
|
||||
* Node form.
|
||||
*/
|
||||
.node-form .content-add-more {
|
||||
margin-top: -1em;
|
||||
} /*
|
||||
.node-form .form-text {
|
||||
display: block;
|
||||
width: 95%;
|
||||
}
|
||||
.node-form .container-inline .form-text {
|
||||
display: inline;
|
||||
width: auto;
|
||||
}
|
||||
.node-form .standard {
|
||||
clear: both;
|
||||
}
|
||||
.node-form textarea {
|
||||
display: block;
|
||||
width: 95%;
|
||||
}
|
||||
.node-form .attachments fieldset {
|
||||
float: none;
|
||||
display: block;
|
||||
} */
|
||||
|
||||
/*
|
||||
* Teaser checkbox.
|
||||
*/
|
||||
.teaser-checkbox {
|
||||
padding-top: 1px;
|
||||
} /*
|
||||
div.teaser-button-wrapper {
|
||||
float: right;
|
||||
padding-right: 5%;
|
||||
margin: 0;
|
||||
} */
|
||||
.teaser-checkbox div.form-item {
|
||||
float: right;
|
||||
margin: .45em 1em 0;
|
||||
padding: 0;
|
||||
}
|
||||
.teaser-checkbox div.form-item label {
|
||||
font-weight: normal;
|
||||
} /*
|
||||
textarea.teaser {
|
||||
display: none;
|
||||
} */
|
||||
|
||||
/*
|
||||
* Fieldsets.
|
||||
*/
|
||||
fieldset {
|
||||
margin: 1em 0;
|
||||
padding: .5em 1em;
|
||||
border: 2px solid #ddd; /*
|
||||
border-radius: 5px;
|
||||
background: #fff url(images/bg-content-bottom.png) repeat-x 0 bottom; */
|
||||
}
|
||||
form > div > fieldset {
|
||||
margin-top: 0;
|
||||
}
|
||||
fieldset legend {
|
||||
width: auto;
|
||||
padding: 0 .3em;
|
||||
border: 0;
|
||||
font-size: 1.2em;
|
||||
color: #3c8dbc;
|
||||
margin: 0;
|
||||
display: block;
|
||||
max-width: 94%;
|
||||
}
|
||||
fieldset legend a {
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
}
|
||||
/*
|
||||
* Collapsible fieldsets.
|
||||
*/
|
||||
html.js fieldset.collapsed { /*
|
||||
border-radius: 0; */
|
||||
border-bottom-color: transparent;
|
||||
border-left-color: transparent;
|
||||
border-right-color: transparent; /*
|
||||
margin-bottom: 0; */
|
||||
height: 1.2em;
|
||||
}
|
||||
html.ie.js fieldset.collapsed {
|
||||
height: 2em;
|
||||
}
|
||||
html.js fieldset.collapsed * {
|
||||
display: none;
|
||||
}
|
||||
html.js fieldset.collapsed legend {
|
||||
display: block;
|
||||
}
|
||||
html.js fieldset.collapsible legend a {
|
||||
padding-left: .7em;
|
||||
background: url(../images/menu-expanded.gif) no-repeat 0 50%;
|
||||
}
|
||||
html.js fieldset.collapsed legend a {
|
||||
background: url(../images/menu-collapsed.gif) no-repeat 0 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;
|
||||
}
|
||||
/* 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: hidden;
|
||||
}
|
||||
|
||||
/*
|
||||
* Autocomplete styles (suggestion list and animated throbber).
|
||||
*/
|
||||
#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;
|
||||
}
|
||||
html.js input.form-autocomplete {
|
||||
background-image: url(../images/throbber.gif);
|
||||
background-repeat: no-repeat;
|
||||
background-position: 99% 9px;
|
||||
}
|
||||
html.js input.throbbing {
|
||||
background-position: 99% -121px;
|
||||
}
|
||||
/* Input autocomplete in CKEditor dialog */
|
||||
html.js .cke_dialog_body input.form-autocomplete {
|
||||
background-position: 99% 4px;
|
||||
}
|
||||
html.js .cke_dialog_body input.throbbing {
|
||||
background-position: 99% -126px;
|
||||
}
|
||||
|
||||
/*
|
||||
* Resizable text areas.
|
||||
*/
|
||||
.resizable-textarea {
|
||||
width: 99.9%;
|
||||
}
|
||||
.resizable-textarea .grippie {
|
||||
height: 9px;
|
||||
overflow: hidden;
|
||||
background: #eee url(../images/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;
|
||||
}
|
||||
|
||||
/*
|
||||
* Text form fields.
|
||||
*/
|
||||
.node-form .text {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/*
|
||||
* File form fields.
|
||||
*/
|
||||
.filefield-element {
|
||||
margin: -5px 0 0;
|
||||
}
|
||||
.filefield-element .form-item {
|
||||
float: right;
|
||||
}
|
||||
.filefield-element .filesize {
|
||||
float: left;
|
||||
margin-right: 1em;
|
||||
}
|
||||
.filefield-element .filemime {
|
||||
font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
|
||||
display: inline;
|
||||
}
|
||||
.filefield-element .widget-preview {
|
||||
width: 72%;
|
||||
max-width: 100%;
|
||||
}
|
||||
.filefield-element .widget-preview .filefield-file {
|
||||
word-break: break-all;
|
||||
}
|
||||
@media (max-width: 899px) {
|
||||
.filefield-element .widget-preview {
|
||||
width: 92%;
|
||||
}
|
||||
.filefield-element .widget-edit {
|
||||
max-width: 90%;
|
||||
}
|
||||
}
|
||||
.filefield-element .widget-edit .form-item,
|
||||
.filefield-element .description {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
div.filefield-upload input[type="file"] {
|
||||
display: block;
|
||||
width: 140%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/*
|
||||
* "Autosave" module.
|
||||
*/
|
||||
#autosave-status {
|
||||
font-size: 85%;
|
||||
line-height: 2em;
|
||||
text-align: center;
|
||||
}
|
||||
3131
themes/zuitedesk/css/frontpage-animate.css
Normal file
3131
themes/zuitedesk/css/frontpage-animate.css
Normal file
File diff suppressed because it is too large
Load diff
217
themes/zuitedesk/css/frontpage-bxslider.css
Normal file
217
themes/zuitedesk/css/frontpage-bxslider.css
Normal file
|
|
@ -0,0 +1,217 @@
|
|||
/**
|
||||
* BxSlider v4.0 - Fully loaded, responsive content slider
|
||||
* http://bxslider.com
|
||||
*
|
||||
* Written by: Steven Wanderski, 2012
|
||||
* http://stevenwanderski.com
|
||||
* (while drinking Belgian ales and listening to jazz)
|
||||
*
|
||||
* CEO and founder of bxCreative, LTD
|
||||
* http://bxcreative.com
|
||||
*/
|
||||
|
||||
|
||||
/** RESET AND LAYOUT
|
||||
===================================*/
|
||||
|
||||
.bx-wrapper {
|
||||
position: relative;
|
||||
margin: 0 auto 60px;
|
||||
padding: 0;
|
||||
*zoom: 1;
|
||||
}
|
||||
|
||||
.bx-wrapper ul{
|
||||
margin:0;
|
||||
|
||||
}
|
||||
|
||||
.bx-wrapper .circle-border{
|
||||
border:3px solid #cacaca;
|
||||
}
|
||||
|
||||
.bx-wrapper img {
|
||||
width:200px;
|
||||
text-align:center;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
display: block;
|
||||
opacity:1;
|
||||
|
||||
}
|
||||
|
||||
.bxslider{
|
||||
height:100%;
|
||||
}
|
||||
|
||||
.bx-wrapper p {
|
||||
font-size:20px;
|
||||
line-height:22px;
|
||||
margin:10px;
|
||||
}
|
||||
|
||||
.bx-viewport{
|
||||
opacity:1;
|
||||
}
|
||||
|
||||
/** THEME
|
||||
===================================*/
|
||||
|
||||
.bx-wrapper .bx-viewport {
|
||||
left: -5px;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-pager,
|
||||
.bx-wrapper .bx-controls-auto {
|
||||
position: absolute;
|
||||
bottom: -30px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* LOADER */
|
||||
|
||||
.bx-wrapper .bx-loading {
|
||||
min-height: 50px;
|
||||
background: url(../images/bx_loader.gif) center center no-repeat #fff;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 800;
|
||||
}
|
||||
|
||||
/* PAGER */
|
||||
|
||||
.bx-wrapper .bx-pager {
|
||||
text-align: center;
|
||||
font-size: .85em;
|
||||
font-family: Arial;
|
||||
font-weight: bold;
|
||||
color: #666;
|
||||
padding-top: 20px;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-pager .bx-pager-item,
|
||||
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
|
||||
display: inline-block;
|
||||
*zoom: 1;
|
||||
*display: inline;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-pager.bx-default-pager a {
|
||||
background: #666;
|
||||
text-indent: -9999px;
|
||||
display: block;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
margin: 0 5px;
|
||||
outline: 0;
|
||||
-moz-border-radius: 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-pager.bx-default-pager a:hover,
|
||||
.bx-wrapper .bx-pager.bx-default-pager a.active {
|
||||
background: #000;
|
||||
}
|
||||
|
||||
/* DIRECTION CONTROLS (NEXT / PREV) */
|
||||
|
||||
.bx-wrapper .bx-controls-direction a {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
outline: 0;
|
||||
width: 45px;
|
||||
height: 100%;
|
||||
text-indent: -9999px;
|
||||
z-index: 800;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-controls-direction a.disabled {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.bx-wrapper .bx-prev {
|
||||
left: 10px;
|
||||
|
||||
|
||||
background: url(../images/Left-grey.png) no-repeat center;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-next {
|
||||
right: 10px;
|
||||
background: url(../images/Right-grey.png) no-repeat center;
|
||||
}
|
||||
|
||||
|
||||
/* AUTO CONTROLS (START / STOP) */
|
||||
|
||||
.bx-wrapper .bx-controls-auto {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-controls-auto .bx-start {
|
||||
display: block;
|
||||
text-indent: -9999px;
|
||||
width: 10px;
|
||||
height: 11px;
|
||||
outline: 0;
|
||||
background: url(images/controls.png) -86px -11px no-repeat;
|
||||
margin: 0 3px;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-controls-auto .bx-start:hover,
|
||||
.bx-wrapper .bx-controls-auto .bx-start.active {
|
||||
background-position: -86px 0;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-controls-auto .bx-stop {
|
||||
display: block;
|
||||
text-indent: -9999px;
|
||||
width: 9px;
|
||||
height: 11px;
|
||||
outline: 0;
|
||||
background: url(images/controls.png) -86px -44px no-repeat;
|
||||
margin: 0 3px;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-controls-auto .bx-stop:hover,
|
||||
.bx-wrapper .bx-controls-auto .bx-stop.active {
|
||||
background-position: -86px -33px;
|
||||
}
|
||||
|
||||
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
|
||||
|
||||
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
|
||||
text-align: left;
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
|
||||
right: 0;
|
||||
width: 35px;
|
||||
}
|
||||
|
||||
/* IMAGE CAPTIONS */
|
||||
|
||||
.bx-wrapper .bx-caption {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
background: #666\9;
|
||||
background: rgba(80, 80, 80, 0.75);
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-caption span {
|
||||
color: #fff;
|
||||
font-family: Arial;
|
||||
display: block;
|
||||
font-size: .85em;
|
||||
padding: 10px;
|
||||
}
|
||||
1333
themes/zuitedesk/css/frontpage-cslider.css
Normal file
1333
themes/zuitedesk/css/frontpage-cslider.css
Normal file
File diff suppressed because it is too large
Load diff
438
themes/zuitedesk/css/frontpage-responsive.css
Normal file
438
themes/zuitedesk/css/frontpage-responsive.css
Normal file
|
|
@ -0,0 +1,438 @@
|
|||
/*
|
||||
* A Design by GraphBerry
|
||||
* Author: GraphBerry
|
||||
* Author URL: http://graphberry.com
|
||||
* License: http://graphberry.com/pages/license
|
||||
* Adapted by: Manuel Cillero (http://manuel.cillero.es)
|
||||
*/
|
||||
|
||||
.visible-phone {
|
||||
display: none !important;
|
||||
}
|
||||
.visible-tablet {
|
||||
display: none !important;
|
||||
}
|
||||
.hidden-desktop {
|
||||
display: none !important;
|
||||
}
|
||||
.visible-desktop {
|
||||
display: inherit !important;
|
||||
}
|
||||
@media (min-width: 768px) and (max-width: 979px) {
|
||||
.hidden-desktop {
|
||||
display: inherit !important;
|
||||
}
|
||||
.visible-desktop {
|
||||
display: none !important ;
|
||||
}
|
||||
.visible-tablet {
|
||||
display: inherit !important;
|
||||
}
|
||||
.hidden-tablet {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.hidden-desktop {
|
||||
display: inherit !important;
|
||||
}
|
||||
.visible-desktop {
|
||||
display: none !important;
|
||||
}
|
||||
.visible-phone {
|
||||
display: inherit !important;
|
||||
}
|
||||
.hidden-phone {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
.visible-print {
|
||||
display: none !important;
|
||||
}
|
||||
@media print {
|
||||
.visible-print {
|
||||
display: inherit !important;
|
||||
}
|
||||
.hidden-print {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
.thumbnails {
|
||||
margin-left: -30px;
|
||||
}
|
||||
.thumbnails > li {
|
||||
margin-left: 30px;
|
||||
}
|
||||
#clients .row {
|
||||
margin-left: -30px;
|
||||
}
|
||||
#clients .span4 {
|
||||
margin-left: 30px;
|
||||
}
|
||||
|
||||
.container,
|
||||
.span12 { width: 1170px; }
|
||||
.span11 { width: 1070px; }
|
||||
.span10 { width: 970px; }
|
||||
.span9 { width: 870px; }
|
||||
.span8 { width: 770px; }
|
||||
.span7 { width: 670px; }
|
||||
.span6 { width: 570px; }
|
||||
.span5 { width: 470px; }
|
||||
.span4 { width: 370px; }
|
||||
.span3 { width: 270px; }
|
||||
.span2 { width: 170px; }
|
||||
.span1 { width: 70px; }
|
||||
|
||||
.row-fluid [class*="span"] {
|
||||
display: block;
|
||||
float: left;
|
||||
width: 100%;
|
||||
min-height: 30px;
|
||||
margin-left: 2.564102564102564%;
|
||||
*margin-left: 2.5109110747408616%;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.row-fluid .controls-row [class*="span"] + [class*="span"] {
|
||||
margin-left: 2.564102564102564%;
|
||||
}
|
||||
.row-fluid .span12 {
|
||||
width: 100%;
|
||||
*width: 99.94680851063829%;
|
||||
}
|
||||
.row-fluid .span11 {
|
||||
width: 91.45299145299145%;
|
||||
*width: 91.39979996362975%;
|
||||
}
|
||||
.row-fluid .span10 {
|
||||
width: 82.90598290598291%;
|
||||
*width: 82.8527914166212%;
|
||||
}
|
||||
.row-fluid .span9 {
|
||||
width: 74.35897435897436%;
|
||||
*width: 74.30578286961266%;
|
||||
}
|
||||
.row-fluid .span8 {
|
||||
width: 65.81196581196582%;
|
||||
*width: 65.75877432260411%;
|
||||
}
|
||||
.row-fluid .span7 {
|
||||
width: 57.26495726495726%;
|
||||
*width: 57.21176577559556%;
|
||||
}
|
||||
.row-fluid .span6 {
|
||||
width: 48.717948717948715%;
|
||||
*width: 48.664757228587014%;
|
||||
}
|
||||
.row-fluid .span5 {
|
||||
width: 40.17094017094017%;
|
||||
*width: 40.11774868157847%;
|
||||
}
|
||||
.row-fluid .span4 {
|
||||
width: 31.623931623931625%;
|
||||
*width: 31.570740134569924%;
|
||||
}
|
||||
.row-fluid .span3 {
|
||||
width: 23.076923076923077%;
|
||||
*width: 23.023731587561375%;
|
||||
}
|
||||
.row-fluid .span2 {
|
||||
width: 14.52991452991453%;
|
||||
*width: 14.476723040552828%;
|
||||
}
|
||||
.row-fluid .span1 {
|
||||
width: 5.982905982905983%;
|
||||
*width: 5.929714493544281%;
|
||||
}
|
||||
input,
|
||||
textarea,
|
||||
.uneditable-input {
|
||||
margin-left: 0;
|
||||
}
|
||||
.controls-row [class*="span"] + [class*="span"] {
|
||||
margin-left: 30px;
|
||||
}
|
||||
input.span12,
|
||||
textarea.span12,
|
||||
.uneditable-input.span12 {
|
||||
width: 1156px;
|
||||
}
|
||||
input.span11,
|
||||
textarea.span11,
|
||||
.uneditable-input.span11 {
|
||||
width: 1056px;
|
||||
}
|
||||
input.span10,
|
||||
textarea.span10,
|
||||
.uneditable-input.span10 {
|
||||
width: 956px;
|
||||
}
|
||||
input.span9,
|
||||
textarea.span9,
|
||||
.uneditable-input.span9 {
|
||||
width: 856px;
|
||||
}
|
||||
input.span8,
|
||||
textarea.span8,
|
||||
.uneditable-input.span8 {
|
||||
width: 756px;
|
||||
}
|
||||
input.span7,
|
||||
textarea.span7,
|
||||
.uneditable-input.span7 {
|
||||
width: 656px;
|
||||
}
|
||||
input.span6,
|
||||
textarea.span6,
|
||||
.uneditable-input.span6 {
|
||||
width: 556px;
|
||||
}
|
||||
input.span5,
|
||||
textarea.span5,
|
||||
.uneditable-input.span5 {
|
||||
width: 456px;
|
||||
}
|
||||
input.span4,
|
||||
textarea.span4,
|
||||
.uneditable-input.span4 {
|
||||
width: 356px;
|
||||
}
|
||||
input.span3,
|
||||
textarea.span3,
|
||||
.uneditable-input.span3 {
|
||||
width: 256px;
|
||||
}
|
||||
input.span2,
|
||||
textarea.span2,
|
||||
.uneditable-input.span2 {
|
||||
width: 156px;
|
||||
}
|
||||
input.span1,
|
||||
textarea.span1,
|
||||
.uneditable-input.span1 {
|
||||
width: 56px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 768px) and (max-width: 1199px) {
|
||||
.thumbnails {
|
||||
margin-left: -1.7624309392265194%;
|
||||
*margin-left: -1.709239449864817%;
|
||||
}
|
||||
.thumbnails > li {
|
||||
margin-left: 1.7624309392265194%;
|
||||
*margin-left: 1.709239449864817%;
|
||||
}
|
||||
#clients .row {
|
||||
margin-left: -20px;
|
||||
}
|
||||
#clients .span4 {
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
.row-fluid [class*="span"] {
|
||||
display: block;
|
||||
float: left;
|
||||
width: 100%;
|
||||
min-height: 30px;
|
||||
margin-left: 2.7624309392265194%;
|
||||
*margin-left: 2.709239449864817%;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.row-fluid .controls-row [class*="span"] + [class*="span"] {
|
||||
margin-left: 2.7624309392265194%;
|
||||
}
|
||||
.container,
|
||||
.span12, .row-fluid .span12 {
|
||||
width: 100%;
|
||||
*width: 99.94680851063829%;
|
||||
}
|
||||
.span11, .row-fluid .span11 {
|
||||
width: 91.43646408839778%;
|
||||
*width: 91.38327259903608%;
|
||||
}
|
||||
.span10, .row-fluid .span10 {
|
||||
width: 82.87292817679558%;
|
||||
*width: 82.81973668743387%;
|
||||
}
|
||||
.span9, .row-fluid .span9 {
|
||||
width: 74.30939226519337%;
|
||||
*width: 74.25620077583166%;
|
||||
}
|
||||
.span8, .row-fluid .span8 {
|
||||
width: 65.74585635359117%;
|
||||
*width: 65.69266486422946%;
|
||||
}
|
||||
.span7, .row-fluid .span7 {
|
||||
width: 57.18232044198895%;
|
||||
*width: 57.12912895262725%;
|
||||
}
|
||||
.span6, .row-fluid .span6 {
|
||||
width: 48.61878453038674%;
|
||||
*width: 48.56559304102504%;
|
||||
}
|
||||
.span5, .row-fluid .span5 {
|
||||
width: 40.05524861878453%;
|
||||
*width: 40.00205712942283%;
|
||||
}
|
||||
.span4, .row-fluid .span4 {
|
||||
width: 31.491712707182323%;
|
||||
*width: 31.43852121782062%;
|
||||
}
|
||||
.span3, .row-fluid .span3 {
|
||||
width: 22.92817679558011%;
|
||||
*width: 22.87498530621841%;
|
||||
}
|
||||
.span2, .row-fluid .span2 {
|
||||
width: 14.3646408839779%;
|
||||
*width: 14.311449394616199%;
|
||||
}
|
||||
.span1, .row-fluid .span1 {
|
||||
width: 5.801104972375691%;
|
||||
*width: 5.747913483013988%;
|
||||
}
|
||||
input,
|
||||
textarea,
|
||||
.uneditable-input {
|
||||
margin-left: 0;
|
||||
}
|
||||
.controls-row [class*="span"] + [class*="span"] {
|
||||
margin-left: 20px;
|
||||
}
|
||||
input.span12,
|
||||
textarea.span12,
|
||||
.uneditable-input.span12 {
|
||||
width: 710px;
|
||||
}
|
||||
input.span11,
|
||||
textarea.span11,
|
||||
.uneditable-input.span11 {
|
||||
width: 648px;
|
||||
}
|
||||
input.span10,
|
||||
textarea.span10,
|
||||
.uneditable-input.span10 {
|
||||
width: 586px;
|
||||
}
|
||||
input.span9,
|
||||
textarea.span9,
|
||||
.uneditable-input.span9 {
|
||||
width: 524px;
|
||||
}
|
||||
input.span8,
|
||||
textarea.span8,
|
||||
.uneditable-input.span8 {
|
||||
width: 462px;
|
||||
}
|
||||
input.span7,
|
||||
textarea.span7,
|
||||
.uneditable-input.span7 {
|
||||
width: 400px;
|
||||
}
|
||||
input.span6,
|
||||
textarea.span6,
|
||||
.uneditable-input.span6 {
|
||||
width: 338px;
|
||||
}
|
||||
input.span5,
|
||||
textarea.span5,
|
||||
.uneditable-input.span5 {
|
||||
width: 276px;
|
||||
}
|
||||
input.span4,
|
||||
textarea.span4,
|
||||
.uneditable-input.span4 {
|
||||
width: 214px;
|
||||
}
|
||||
input.span3,
|
||||
textarea.span3,
|
||||
.uneditable-input.span3 {
|
||||
width: 152px;
|
||||
}
|
||||
input.span2,
|
||||
textarea.span2,
|
||||
.uneditable-input.span2 {
|
||||
width: 90px;
|
||||
}
|
||||
input.span1,
|
||||
textarea.span1,
|
||||
.uneditable-input.span1 {
|
||||
width: 28px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 479px), (min-width: 768px) and (max-width: 979px) {
|
||||
.project-info span {
|
||||
width: auto;
|
||||
display: inline;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
#portfolio .nav-pills > li > a {
|
||||
padding: 4px 25px;
|
||||
}
|
||||
.project-description {
|
||||
padding: 0;
|
||||
}
|
||||
.testimonial {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.row {
|
||||
*zoom: 1;
|
||||
}
|
||||
.row:before,
|
||||
.row:after {
|
||||
display: table;
|
||||
line-height: 0;
|
||||
content: "";
|
||||
}
|
||||
.row:after {
|
||||
clear: both;
|
||||
}
|
||||
[class*="span"] {
|
||||
float: left;
|
||||
min-height: 1px;
|
||||
}
|
||||
.row-fluid {
|
||||
width: 100%;
|
||||
*zoom: 1;
|
||||
}
|
||||
.row-fluid:before,
|
||||
.row-fluid:after {
|
||||
display: table;
|
||||
line-height: 0;
|
||||
content: "";
|
||||
}
|
||||
.row-fluid:after {
|
||||
clear: both;
|
||||
}
|
||||
.row-fluid [class*="span"]:first-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.about-text {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
[class*="span"],
|
||||
.uneditable-input[class*="span"],
|
||||
.row-fluid [class*="span"] {
|
||||
display: block;
|
||||
float: none;
|
||||
width: 100%;
|
||||
margin-left: 0;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
}
|
||||
790
themes/zuitedesk/css/frontpage.css
Normal file
790
themes/zuitedesk/css/frontpage.css
Normal file
|
|
@ -0,0 +1,790 @@
|
|||
/*
|
||||
* A Design by GraphBerry
|
||||
* Author: GraphBerry
|
||||
* Author URL: http://graphberry.com
|
||||
* License: http://graphberry.com/pages/license
|
||||
* Adapted by: Manuel Cillero (http://manuel.cillero.es)
|
||||
*/
|
||||
|
||||
/*
|
||||
* 1. GENERAL
|
||||
*/
|
||||
#frontpage {
|
||||
color: #fff;
|
||||
line-height: 1.2em;
|
||||
}
|
||||
#frontpage h3 {
|
||||
color: #fece1a;
|
||||
}
|
||||
.hide-text {
|
||||
font: 0/0 a;
|
||||
color: transparent;
|
||||
text-shadow: none;
|
||||
background-color: transparent;
|
||||
border: 0;
|
||||
}
|
||||
@-ms-viewport {
|
||||
width: device-width;
|
||||
}
|
||||
.hidden {
|
||||
display: none;
|
||||
visibility: hidden;
|
||||
}
|
||||
.navbar-fixed-top .navbar-collapse,
|
||||
.navbar-static-top .navbar-collapse,
|
||||
.navbar-fixed-bottom .navbar-collapse {
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
|
||||
/*
|
||||
* 2. LAYOUT
|
||||
*/
|
||||
.centered {
|
||||
float: none;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
text-align: center;
|
||||
}
|
||||
/* Use this class if you want center element with span* class */
|
||||
.center {
|
||||
float: none !important;
|
||||
margin: 0 auto !important;
|
||||
text-align: center;
|
||||
}
|
||||
.highlighted-box {
|
||||
background: #f4f8f9;
|
||||
padding: 20px 30px;
|
||||
}
|
||||
.highlighted-box h1 {
|
||||
margin: 0;
|
||||
}
|
||||
.large-text {
|
||||
line-height: 1.2em;
|
||||
font-size: 30px;
|
||||
color: #181a1c;
|
||||
padding: 20px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.highlighted-box h1,
|
||||
.highlighted-box p {
|
||||
color: #181a1c !important;
|
||||
}
|
||||
.circle-border {
|
||||
display: inline-block;
|
||||
-webkit-border-radius: 500px;
|
||||
-moz-border-radius: 500px;
|
||||
border-radius: 500px;
|
||||
-khtml-border-radius: 500px;
|
||||
border: 3px solid #fff;
|
||||
}
|
||||
.left-align {
|
||||
text-align: left;
|
||||
}
|
||||
.error {
|
||||
color: #cf0000;
|
||||
display: none;
|
||||
}
|
||||
.invisible {
|
||||
display: none;
|
||||
visibility: visible;
|
||||
}
|
||||
.triangle {
|
||||
margin: 0 auto -10px;
|
||||
text-align: center;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-top: 30px solid #073648;
|
||||
border-left: 585px outset transparent;
|
||||
border-right: 585px outset transparent;
|
||||
position: relative;
|
||||
z-index: 100;
|
||||
}
|
||||
.primary-section .triangle {
|
||||
border-top-width: 40px;
|
||||
}
|
||||
.secondary-section .triangle {
|
||||
border-top: 40px solid #181a1c;
|
||||
}
|
||||
#clients .triangle {
|
||||
border-color: #fece1a;
|
||||
}
|
||||
/*
|
||||
* 2.1. Animations
|
||||
*/
|
||||
.zoom-in {
|
||||
-webkit-transform: scale(1, 1);
|
||||
-moz-transform: scale(1, 1);
|
||||
-o-transform: scale(1, 1);
|
||||
-ms-transform: scale(1, 1);
|
||||
-webkit-transition: all 250ms ease;
|
||||
-moz-transition: all 250ms ease;
|
||||
-o-transition: all 250ms ease;
|
||||
-ms-transition: all 250ms ease;
|
||||
transition: all 250ms ease;
|
||||
}
|
||||
.zoom-in:hover {
|
||||
-webkit-transform: scale(1.1, 1.1);
|
||||
-moz-transform: scale(1.1, 1.1);
|
||||
-o-transform: scale(1.1, 1.1);
|
||||
-ms-transform: scale(1.1, 1.1);
|
||||
}
|
||||
/*
|
||||
* 2.2. Buttons
|
||||
*/
|
||||
.button,
|
||||
.button:visited,
|
||||
.button:focus {
|
||||
display: inline-block;
|
||||
border: 1px solid #181a1c;
|
||||
color: #181a1c !important;
|
||||
background-color: transparent;
|
||||
padding: 15px 24px;
|
||||
font-size: 17px;
|
||||
line-height: auto;
|
||||
}
|
||||
.button:hover,
|
||||
.button:active {
|
||||
background-color: #181a1c;
|
||||
color: #fff !important;
|
||||
}
|
||||
.button-sp,
|
||||
.button-sp:visited,
|
||||
.button-sp:focus {
|
||||
border: none;
|
||||
background-color: #fece1a;
|
||||
color: #181a1c;
|
||||
}
|
||||
.button-sp:hover,
|
||||
.button-sp:active {
|
||||
background-color: #181a1c;
|
||||
color: #fece1a;
|
||||
}
|
||||
.button-ps,
|
||||
.button-ps:visited,
|
||||
.button-ps:focus {
|
||||
border: none;
|
||||
background-color: #181a1c;
|
||||
color: #fece1a !important;
|
||||
}
|
||||
.button-ps:hover,
|
||||
.button-ps:active {
|
||||
background-color: #fece1a;
|
||||
color: #181a1c !important;
|
||||
}
|
||||
/*
|
||||
* 2.3. Thumbnails
|
||||
*/
|
||||
.row {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
.thumbnails {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
padding-left: 0;
|
||||
}
|
||||
.thumbnails > li {
|
||||
margin-left: 0;
|
||||
padding-left: 0;
|
||||
}
|
||||
.thumbnail {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
border: 0; /*
|
||||
border-radius: 0; */
|
||||
box-shadow: none;
|
||||
text-align: center;
|
||||
background: #191a1c;
|
||||
}
|
||||
.thumbnail .more {
|
||||
display: block;
|
||||
z-index: 4;
|
||||
position: absolute;
|
||||
top: -100px;
|
||||
left: 50%;
|
||||
margin: 0 auto;
|
||||
margin-left: -41px;
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
font-size: 40px;
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
line-height: 70px;
|
||||
text-align: center;
|
||||
}
|
||||
.thumbnail:hover .more {
|
||||
top: 40%;
|
||||
margin-top: -40px;
|
||||
-webkit-transition: all 0.3s ease-out;
|
||||
-moz-transition: all 0.3s ease-out;
|
||||
-o-transition: all 0.3 s ease-out;
|
||||
-ms-transition: all 0.3s ease-out;
|
||||
transition: all 0.3s ease-out;
|
||||
}
|
||||
.thumbnail h3,
|
||||
.thumbnail p {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
position: relative;
|
||||
z-index: 4;
|
||||
}
|
||||
.thumbnail h3 {
|
||||
margin-top: 10px;
|
||||
font-size: 20px;
|
||||
text-align: center;
|
||||
}
|
||||
.thumbnail > p {
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
.thumbnail .mask {
|
||||
opacity: 0.85;
|
||||
filter: alpha(opacity=85);
|
||||
top: 100%;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: #181a1c;
|
||||
position: absolute;
|
||||
-webkit-transition: all 0.2s ease-out;
|
||||
-moz-transition: all 0.2s ease-out;
|
||||
-o-transition: all 0.2 s ease-out;
|
||||
-ms-transition: all 0.2s ease-out;
|
||||
transition: all 0.2s ease-out;
|
||||
}
|
||||
.thumbnail:hover .mask {
|
||||
top: 0;
|
||||
}
|
||||
/*
|
||||
* 2.4. Social icons
|
||||
*/
|
||||
.social {
|
||||
list-style: none;
|
||||
float: none;
|
||||
position: relative;
|
||||
margin: 5px auto;
|
||||
padding: 0;
|
||||
}
|
||||
.social li {
|
||||
display: inline-block;
|
||||
line-height: 32px;
|
||||
font-size: 32px;
|
||||
padding: 0 5px;
|
||||
}
|
||||
.social li a {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
color: #fece1a;
|
||||
}
|
||||
.social li a:hover {
|
||||
color: #181a1c;
|
||||
}
|
||||
|
||||
/*
|
||||
* 3. SECTIONS
|
||||
*/
|
||||
.page-section {
|
||||
padding: 0 20px 40px;
|
||||
}
|
||||
.page-section .container {
|
||||
padding: 30px 0 0;
|
||||
}
|
||||
.page-section .container p {
|
||||
padding: 10px;
|
||||
font-weight: 100;
|
||||
color: #fff;
|
||||
}
|
||||
.page-section .title {
|
||||
text-align: center;
|
||||
padding: 0 0 10px;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
.page-section .title h1 {
|
||||
text-align: center;
|
||||
font-weight: normal;
|
||||
margin-bottom: 20px;
|
||||
padding: 0;
|
||||
}
|
||||
.page-section .title > p {
|
||||
font-size: 20px;
|
||||
color: #fff;
|
||||
font-weight: lighter;
|
||||
}
|
||||
.primary-section {
|
||||
background: #181a1c;
|
||||
}
|
||||
.primary-section .title {
|
||||
border-bottom: 1px solid #fff;
|
||||
}
|
||||
.primary-section,
|
||||
.primary-section .title p {
|
||||
color: #fece1a;
|
||||
}
|
||||
.primary-section h1 {
|
||||
color: #fff;
|
||||
}
|
||||
.secondary-section {
|
||||
background: #181a1c;
|
||||
}
|
||||
.secondary-section .title {
|
||||
border-bottom: 1px solid #181a1c;
|
||||
}
|
||||
.secondary-section h1,
|
||||
.secondary-section .title p {
|
||||
color: #181a1c;
|
||||
}
|
||||
/* Third section use background image */
|
||||
.third-section {
|
||||
padding-bottom: 70px;
|
||||
background: #181a1c url(../images/frontpage/brand-bg.png) no-repeat center;
|
||||
border-top: 6px solid #fece1a;
|
||||
}
|
||||
.third-section .container {
|
||||
padding-top: 20px;
|
||||
position: relative;
|
||||
}
|
||||
.third-section .title {
|
||||
border-bottom: 1px solid #a1aab7;
|
||||
color: #fece1a;
|
||||
}
|
||||
.sub-section {
|
||||
margin-top: 30px;
|
||||
}
|
||||
/*
|
||||
* 3.1. Services
|
||||
*/
|
||||
#elegance {
|
||||
padding-bottom: 16px;
|
||||
}
|
||||
.service {
|
||||
margin-top: 20px;
|
||||
}
|
||||
.service,
|
||||
.service h2 {
|
||||
padding-top: 15px;
|
||||
}
|
||||
.service p {
|
||||
padding: 0px 40px !important;
|
||||
height: 60px;
|
||||
}
|
||||
.service img {
|
||||
width: 150px;
|
||||
height: 150px;
|
||||
}
|
||||
/*
|
||||
* 3.2. SuiteDesk
|
||||
*/
|
||||
#suitedesk {
|
||||
background-color: #fece1a;
|
||||
}
|
||||
#suitedesk .nav-pills {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
#suitedesk .nav-pills > li > a { /*
|
||||
-webkit-border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
border-radius: 0; */
|
||||
margin: 0 5px 4px 0;
|
||||
padding: 4px 8px;
|
||||
border: 1px solid #181a1c;
|
||||
background: transparent;
|
||||
color: #000;
|
||||
}
|
||||
#suitedesk .nav-pills > li > a:hover,
|
||||
#suitedesk .nav-pills > .active > a,
|
||||
#suitedesk .nav-pills > .active > a:hover,
|
||||
#suitedesk .nav-pills > .active > a:focus {
|
||||
background: #181a1c;
|
||||
color: #fff;
|
||||
}
|
||||
.toggleDiv {
|
||||
margin-top: 60px;
|
||||
}
|
||||
.single-project {
|
||||
margin-bottom: 30px;
|
||||
background: #181a1c;
|
||||
}
|
||||
.single-project img {
|
||||
width: 100%;
|
||||
}
|
||||
.project-description {
|
||||
font-size: 90%;
|
||||
padding: 0 20px 10px;
|
||||
}
|
||||
.project-description p {
|
||||
padding-left: 0 !important;
|
||||
}
|
||||
.project-title {
|
||||
margin-top: 15px;
|
||||
margin-bottom: 15px;
|
||||
border-bottom: 1px solid #fece1a;
|
||||
}
|
||||
.project-title h3 {
|
||||
float: left;
|
||||
margin: 0;
|
||||
padding: 8px 0 0;
|
||||
width: 80%;
|
||||
}
|
||||
.project-title .close {
|
||||
color: #fece1a;
|
||||
margin-top: 10px;
|
||||
}
|
||||
.project-info {
|
||||
font-weight: 100;
|
||||
padding: 10px 0;
|
||||
color: #fff;
|
||||
}
|
||||
.project-info span {
|
||||
width: 80px;
|
||||
display: inline-block;
|
||||
text-align: right;
|
||||
color: #fece1a;
|
||||
}
|
||||
.project-info div {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.close {
|
||||
float: right;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
text-align: center;
|
||||
}
|
||||
#portfolio-grid .mix {
|
||||
opacity: 0;
|
||||
display: none;
|
||||
}
|
||||
/*
|
||||
* 3.3. About
|
||||
*/
|
||||
.team .thumbnail {
|
||||
box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
padding: 10px;
|
||||
border: 1px solid #fff;
|
||||
}
|
||||
.team .thumbnail img {
|
||||
margin: 0 auto;
|
||||
}
|
||||
.team .thumbnail:hover .social {
|
||||
z-index: 5;
|
||||
}
|
||||
.team .thumbnail:hover .social a {
|
||||
color: #fff;
|
||||
}
|
||||
.team .thumbnail .mask {
|
||||
background: #fece1a;
|
||||
padding: 0 10px;
|
||||
}
|
||||
.team .thumbnail .mask h2 {
|
||||
margin-top: 20%;
|
||||
color: #181a17;
|
||||
}
|
||||
.team .thumbnail .mask,
|
||||
.team .thumbnail .mask h3,
|
||||
.team .thumbnail .mask p,
|
||||
.team .thumbnail:hover h3,
|
||||
.team .thumbnail:hover .social a:hover {
|
||||
color: #181a17;
|
||||
}
|
||||
.about-text {
|
||||
margin-top: 30px;
|
||||
text-align: justify;
|
||||
}
|
||||
.about-text p {
|
||||
padding: 0 !important;
|
||||
font-size: 16px;
|
||||
}
|
||||
/* Skills bars */
|
||||
.skills {
|
||||
list-style-type: none;
|
||||
position: relative;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
}
|
||||
.skills li {
|
||||
margin-bottom: 30px;
|
||||
background: #fff;
|
||||
height: 40px;
|
||||
padding: 1px;
|
||||
}
|
||||
.skills li h3 {
|
||||
position: relative;
|
||||
font-size: 15px;
|
||||
padding: 0;
|
||||
margin: 0 0 0 10px;
|
||||
z-index: 1;
|
||||
color: #181a1c !important;
|
||||
line-height: 40px;
|
||||
}
|
||||
.skills li .bar {
|
||||
height: 38px;
|
||||
position: absolute;
|
||||
background-color: #fece1a;
|
||||
}
|
||||
/*
|
||||
* 3.4. Clients
|
||||
*/
|
||||
#client-slider li {
|
||||
padding-left: 0;
|
||||
}
|
||||
.client-slider img {
|
||||
border: 1px solid #fff;
|
||||
}
|
||||
.client-slider img:hover {
|
||||
background-color: #fece1a;
|
||||
}
|
||||
.client-nav {
|
||||
list-style: none;
|
||||
margin: 20px 0 0;
|
||||
padding: 0;
|
||||
}
|
||||
.client-nav li {
|
||||
float: left;
|
||||
display: block;
|
||||
margin-left: 10px;
|
||||
padding-left: 0;
|
||||
}
|
||||
.client-nav li a {
|
||||
display: inherit;
|
||||
padding: 0;
|
||||
background: #fece1a; /*
|
||||
border-radius: 3px; */
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
line-height: 24px;
|
||||
color: #000;
|
||||
}
|
||||
.client-nav li a:hover {
|
||||
background: #181a1c;
|
||||
color: #fff;
|
||||
}
|
||||
.testimonial {
|
||||
margin-top: 20px;
|
||||
}
|
||||
.testimonial p {
|
||||
color: #181a1c !important;
|
||||
background: #fece1a;
|
||||
padding: 15px;
|
||||
margin: 0;
|
||||
}
|
||||
.testimonial .arrow {
|
||||
margin-top: -1px;
|
||||
margin-left: 10px;
|
||||
width: 0;
|
||||
border-top: 10px solid #fece1a;
|
||||
border-left: 20px outset transparent;
|
||||
border-right: 20px outset transparent;
|
||||
}
|
||||
.testimonial .whopic {
|
||||
display: inline-block;
|
||||
}
|
||||
.testimonial .whopic img {
|
||||
margin-top: 10px;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
float: left;
|
||||
}
|
||||
.testimonial .whopic strong {
|
||||
float: left;
|
||||
margin-top: 10px;
|
||||
padding-left: 10px;
|
||||
}
|
||||
.testimonial .whopic small {
|
||||
display: block;
|
||||
font-size: 12px;
|
||||
}
|
||||
.testimonial-text{
|
||||
display: block;
|
||||
font-size: 22px;
|
||||
text-align: center;
|
||||
margin: 0 auto;
|
||||
margin-top: 30px;
|
||||
width: 70%;
|
||||
line-height: 1.3em;
|
||||
}
|
||||
/*
|
||||
* 3.5. Price table
|
||||
*/
|
||||
.price-table {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.price-column {
|
||||
background-color: #fff;
|
||||
-webkit-border-radius: 10px;
|
||||
-moz-border-radius: 10px;
|
||||
border-radius: 10px;
|
||||
padding-bottom: 20px;
|
||||
margin: 30px auto 0;
|
||||
text-align: center;
|
||||
}
|
||||
.price-column h3 {
|
||||
background-color: #181a1c;
|
||||
text-transform: uppercase;
|
||||
text-align: center;
|
||||
padding: 40px 0px;
|
||||
font-size: 36px;
|
||||
margin-top: 0px;
|
||||
-moz-border-radius: 0px;
|
||||
-webkit-border-radius: 10px 10px 0px 0px;
|
||||
border-radius: 10px 10px 0px 0px;
|
||||
}
|
||||
.price-column .list {
|
||||
list-style: none;
|
||||
margin: 20px 50px;
|
||||
padding: 0;
|
||||
}
|
||||
.price-column .list li {
|
||||
font-weight: lighter;
|
||||
color: #747c89;
|
||||
font-size: 20px;
|
||||
border-bottom: 1px solid #747c89;
|
||||
padding: 25px 0px;
|
||||
}
|
||||
.price-column .list li.price {
|
||||
text-align: center;
|
||||
font-size: 31px;
|
||||
background-color: #fff;
|
||||
color: #747c89;
|
||||
margin-top: 25px;
|
||||
}
|
||||
.price-text {
|
||||
margin: 30px 0 20px;
|
||||
font-size: 20px;
|
||||
color: #181a1c;
|
||||
font-weight: normal;
|
||||
}
|
||||
/*
|
||||
* 3.6. Newsletter
|
||||
*/
|
||||
.newsletter,
|
||||
.newsletter h2 {
|
||||
color: #d7ddde;
|
||||
}
|
||||
.newsletter .title h2 {
|
||||
text-align: left;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
.newsletter form {
|
||||
text-align: center;
|
||||
}
|
||||
.newsletter input {
|
||||
margin-top: 10px;
|
||||
padding: 15px;
|
||||
height: auto;
|
||||
}
|
||||
.newsletter button {
|
||||
margin: 10px 0;
|
||||
}
|
||||
.newsletter .button-sp:hover,
|
||||
.newsletter .button-sp:active {
|
||||
background-color: #fff !important;
|
||||
color: #181a1c !important;
|
||||
}
|
||||
/*
|
||||
* 3.7. Contact
|
||||
*/
|
||||
.contact {
|
||||
background: #fece1a;
|
||||
}
|
||||
.contact h1,
|
||||
.contact h2,
|
||||
.contact h3,
|
||||
.contact h4,
|
||||
.contact h5,
|
||||
.contact h6,
|
||||
.contact .page-section .title > p {
|
||||
color: #181a1c;
|
||||
}
|
||||
.contact textarea,
|
||||
.contact input[type="text"],
|
||||
.contact input[type="email"] {
|
||||
padding: 10px;
|
||||
margin-bottom: 10px;
|
||||
line-height: 20px;
|
||||
height: auto;
|
||||
}
|
||||
.contact textarea {
|
||||
height: 120px;
|
||||
}
|
||||
.contacts {
|
||||
color: #fff;
|
||||
list-style: none;
|
||||
margin-left: 10px;
|
||||
}
|
||||
.contacts > li {
|
||||
margin-top: 15px;
|
||||
}
|
||||
.contacts > li > a {
|
||||
color: #fff;
|
||||
}
|
||||
.contact-info {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.contact-info p {
|
||||
font-weight: normal;
|
||||
}
|
||||
.contact-info .icon {
|
||||
margin: 10px auto;
|
||||
font-size: 30px;
|
||||
}
|
||||
.map-wrapper {
|
||||
position: relative;
|
||||
height: 500px;
|
||||
}
|
||||
.map-canvas {
|
||||
position: absolute;
|
||||
margin-bottom: 20px;
|
||||
width: 100%;
|
||||
height: 500px;
|
||||
color: #29383f;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
right: 0;
|
||||
}
|
||||
.contact-form {
|
||||
background: #fff;
|
||||
background: rgba(255, 255, 255, 0.9);
|
||||
z-index: 110;
|
||||
position: relative;
|
||||
margin-top: -25px;
|
||||
padding: 20px;
|
||||
}
|
||||
.contact-form h3 {
|
||||
color: #838589;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
.message-btn {
|
||||
border:1px solid #747c89;
|
||||
color: #747c89 !important;
|
||||
background-color: transparent;
|
||||
padding: 15px 30px;
|
||||
font-size: 17px;
|
||||
}
|
||||
.message-btn:hover {
|
||||
background-color: #fece1a;
|
||||
}
|
||||
.contact-info {
|
||||
text-align: center;
|
||||
font-size: 22px;
|
||||
}
|
||||
.info-mail {
|
||||
border: 1px solid #fff;
|
||||
width: 60%;
|
||||
margin: 0 auto;
|
||||
padding: 15px;
|
||||
color: #181a1c !important;
|
||||
overflow: hidden;
|
||||
}
|
||||
.black {
|
||||
color: #181a1c;
|
||||
}
|
||||
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;
|
||||
}
|
||||
28
themes/zuitedesk/css/ie8.css
Normal file
28
themes/zuitedesk/css/ie8.css
Normal file
|
|
@ -0,0 +1,28 @@
|
|||
/**
|
||||
* @file
|
||||
* CSS targeted specifically for Internet Explorer 8 for Windows.
|
||||
*
|
||||
* Any CSS in this file will override the rules specified in the ie.css file.
|
||||
*/
|
||||
|
||||
|
||||
img.img-responsive {
|
||||
width: inherit;
|
||||
}
|
||||
|
||||
/*
|
||||
* Search blocks.
|
||||
*/
|
||||
.block-custom_search_blocks button.form-submit,
|
||||
.block-lexicon button.form-submit {
|
||||
min-width: 50px;
|
||||
}
|
||||
|
||||
/*
|
||||
* Service links module.
|
||||
*/
|
||||
li.service-links-twitter-widget,
|
||||
li.service-links-facebook-like,
|
||||
li.service-links-google-plus-one {
|
||||
display: none !important;
|
||||
}
|
||||
147
themes/zuitedesk/css/layout-responsive.css
Normal file
147
themes/zuitedesk/css/layout-responsive.css
Normal file
|
|
@ -0,0 +1,147 @@
|
|||
/**
|
||||
* @file
|
||||
* Positioning for responsive layout.
|
||||
*
|
||||
* Define CSS classes to create a table-free, right column layout.
|
||||
*/
|
||||
|
||||
|
||||
/*
|
||||
* Center the page.
|
||||
*/
|
||||
#header,
|
||||
#main-wrapper,
|
||||
#navigation-top .section,
|
||||
#navigation .section,
|
||||
#page-title .section,
|
||||
#footer .section,
|
||||
#socket .section,
|
||||
.region-bottom {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
max-width: 1240px; /* For screen sizes larger than 1240px, prevent
|
||||
long lines of text by setting a max-width. */
|
||||
}
|
||||
|
||||
/*
|
||||
* Apply the shared properties of grid items in a single, efficient ruleset.
|
||||
*/
|
||||
#header,
|
||||
#main-content,
|
||||
#navigation .section,
|
||||
#page-title .section,
|
||||
#footer .section,
|
||||
.region-sidebar-main {
|
||||
-moz-box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
-ms-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
#header,
|
||||
#navigation-top .section,
|
||||
#navigation .section,
|
||||
#page-title .section {
|
||||
padding-left: 30px;
|
||||
padding-right: 30px;
|
||||
}
|
||||
#main-content {
|
||||
padding-left: 30px;
|
||||
padding-right: 20px;
|
||||
}
|
||||
#main-content .section {
|
||||
margin-top: 0;
|
||||
padding: 0 0 1em;
|
||||
min-height: 360px;
|
||||
}
|
||||
#footer .section {
|
||||
padding-top: 30px;
|
||||
}
|
||||
#footer .section,
|
||||
#socket .section {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
.region-sidebar-main {
|
||||
padding-left: 20px;
|
||||
padding-right: 30px;
|
||||
}
|
||||
|
||||
/*
|
||||
* Containers for grid items and flow items.
|
||||
*/
|
||||
#header:before,
|
||||
#header:after,
|
||||
#main:before,
|
||||
#main:after,
|
||||
#footer:before,
|
||||
#footer:after {
|
||||
content: "";
|
||||
display: table;
|
||||
}
|
||||
#header:after,
|
||||
#main:after,
|
||||
#footer:after {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
/*
|
||||
* Main layout.
|
||||
*/
|
||||
@media (max-width: 1239px) {
|
||||
#footer .section,
|
||||
#socket .section {
|
||||
padding-left: 30px;
|
||||
padding-right: 30px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
#footer .section,
|
||||
#socket .section,
|
||||
#main-content,
|
||||
.region-sidebar-main {
|
||||
padding-left: 4%;
|
||||
padding-right: 4%;
|
||||
}
|
||||
}
|
||||
@media (max-width: 529px) { /* MINW = 530px */
|
||||
#header,
|
||||
#navigation-top .section,
|
||||
#navigation .section,
|
||||
#page-title .section,
|
||||
#main-content .section {
|
||||
padding-left: 4%;
|
||||
padding-right: 4%;
|
||||
}
|
||||
#main-content {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.sidebar-main #main-content {
|
||||
float: left;
|
||||
width: 66.667%;
|
||||
margin-left: 0%;
|
||||
margin-right: -66.667%;
|
||||
}
|
||||
.sidebar-main .region-sidebar-main {
|
||||
float: left;
|
||||
width: 33.333%;
|
||||
margin-left: 66.667%;
|
||||
margin-right: -100%;
|
||||
}
|
||||
}
|
||||
@media (min-width: 960px) {
|
||||
.sidebar-main #main-content {
|
||||
width: 71%;
|
||||
margin-right: -71%;
|
||||
}
|
||||
.sidebar-main .region-sidebar-main {
|
||||
width: 29%;
|
||||
margin-left: 71%;
|
||||
}
|
||||
}
|
||||
.sidebar-main .region-sidebar-main {
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
273
themes/zuitedesk/css/navigation.css
Normal file
273
themes/zuitedesk/css/navigation.css
Normal file
|
|
@ -0,0 +1,273 @@
|
|||
/**
|
||||
* @file
|
||||
* Navigation Styling.
|
||||
*/
|
||||
|
||||
|
||||
ul.links {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
ul.links li {
|
||||
display: inline;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* "Administration menu" module.
|
||||
*/
|
||||
#admin-menu {
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
/*
|
||||
* Navigation top bar.
|
||||
*/
|
||||
#navigation-top {
|
||||
background: #556372;
|
||||
border-bottom: 1px solid #556372;
|
||||
}
|
||||
ul.social-menu {
|
||||
display: block;
|
||||
float: right;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
ul.social-menu > li {
|
||||
display: block;
|
||||
float: left;
|
||||
}
|
||||
ul.social-menu > li a {
|
||||
color: #aaa;
|
||||
font-size: 20px;
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 30px;
|
||||
min-height: 30px;
|
||||
line-height: 30px;
|
||||
height: 100%;
|
||||
text-align: center;
|
||||
transition-property: all;
|
||||
transition-duration: 0.3s;
|
||||
transition-timing-function: ease-out;
|
||||
transition-delay: 0s;
|
||||
}
|
||||
ul.social-menu > li:hover a {
|
||||
color: #fff !important;
|
||||
}
|
||||
ul.social-menu .lang-item a {
|
||||
font-size: 15px;
|
||||
}
|
||||
ul.social-menu .social-link-rss:hover a {
|
||||
background-color: #ffa133;
|
||||
}
|
||||
ul.social-menu .social-link-twitter:hover a {
|
||||
background-color: #46d4fe;
|
||||
}
|
||||
ul.social-menu .social-link-facebook:hover a {
|
||||
background-color: #37589b;
|
||||
}
|
||||
ul.social-menu .social-link-linkedin:hover a {
|
||||
background-color: #419cca;
|
||||
}
|
||||
ul.social-menu .social-link-mail:hover a {
|
||||
background-color: #9fae37;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
#navigation-top ul.social-menu {
|
||||
float: none;
|
||||
text-align: center;
|
||||
}
|
||||
ul.social-menu > li {
|
||||
float: none;
|
||||
display: inline-block;
|
||||
padding: 0;
|
||||
margin: 2px -3px 0;
|
||||
}
|
||||
ul.social-menu > li a {
|
||||
color: #fff;
|
||||
}
|
||||
ul.social-menu > li a:hover {
|
||||
background: transparent !important;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
* Navigation socket bar.
|
||||
*/
|
||||
#socket {
|
||||
background-color: #182330;
|
||||
border-bottom: 1px solid #182330;
|
||||
}
|
||||
#socket .section {
|
||||
height: 36px;
|
||||
}
|
||||
#socket .copyright {
|
||||
float: left;
|
||||
margin-top: 14px;
|
||||
font-size: 11px;
|
||||
color: #fff;
|
||||
}
|
||||
#socket ul.social-menu {
|
||||
margin-top: 3px;
|
||||
}
|
||||
#socket ul.social-menu li a {
|
||||
color: #8ca7be;
|
||||
border-radius: 300px;
|
||||
}
|
||||
|
||||
/*
|
||||
* Navigation main menu.
|
||||
*/
|
||||
#navigation {
|
||||
margin-bottom: 0;
|
||||
border: 0;
|
||||
} /*
|
||||
.navbar-image {
|
||||
height: 88px;
|
||||
} */
|
||||
.navbar-default .navbar-nav > li > a {
|
||||
color: #aaa;
|
||||
font-size: 18px;
|
||||
line-height: 62px;
|
||||
padding-right: 8px;
|
||||
padding-left: 8px;
|
||||
-webkit-transition: color .2s;
|
||||
-moz-transition: color .2s;
|
||||
-o-transition: color .2s;
|
||||
-ms-transition: color .2s;
|
||||
transition: color .2s;
|
||||
}
|
||||
.logo img {
|
||||
position: absolute;
|
||||
}
|
||||
@media (max-width: 767px) {/*
|
||||
.navbar-brand > img {
|
||||
margin-top: -5px;
|
||||
}*/
|
||||
.navbar-default .navbar-nav > li > a {
|
||||
line-height: 20px;
|
||||
}
|
||||
.logo img {
|
||||
width: auto;
|
||||
height: auto;
|
||||
max-width: 100%;
|
||||
max-height: 80px;
|
||||
}
|
||||
}
|
||||
#picture-menu {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
overflow: hidden;
|
||||
display: inline-block;
|
||||
margin-right: 8px;
|
||||
margin-bottom: -9px;
|
||||
position: relative;
|
||||
border-radius: 50%;
|
||||
}
|
||||
#picture-menu img {
|
||||
position: absolute;
|
||||
top: -9999px;
|
||||
bottom: -9999px;
|
||||
left: -9999px;
|
||||
right: -9999px;
|
||||
min-height: 100%;
|
||||
min-width: 100%;
|
||||
display: block;
|
||||
margin: auto;
|
||||
object-fit: cover;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
#picture-menu {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.navbar-default .navbar-toggle {
|
||||
border-color: #556372;
|
||||
border-radius: 3px;
|
||||
margin: 17px 0;
|
||||
width: 46px;
|
||||
height: 46px;
|
||||
}
|
||||
.navbar-default .navbar-toggle:hover,
|
||||
.navbar-default .navbar-toggle:focus {
|
||||
transition-property: all;
|
||||
transition-duration: 0.3s;
|
||||
transition-timing-function: ease-out;
|
||||
transition-delay: 0s;
|
||||
}
|
||||
.navbar-default a[class^="icon-"]:before {
|
||||
color: #ff3300;
|
||||
}
|
||||
|
||||
/*
|
||||
* Book navigation.
|
||||
*/
|
||||
.book-navigation {
|
||||
margin: .5em 0;
|
||||
}
|
||||
.book-navigation ul.menu {
|
||||
margin: 2.5em 0 0;
|
||||
padding: 0 0 1em 1em;
|
||||
background: url(../images/bg-book-navigation.png) no-repeat bottom right;
|
||||
}
|
||||
.book-navigation ul.menu li {
|
||||
padding-left: 0;
|
||||
list-style: none;
|
||||
text-indent: -1.9em;
|
||||
margin-left: 1.9em;
|
||||
}
|
||||
.book-navigation ul.menu li:before {
|
||||
font-family: "fonticons";
|
||||
color: #ccc;
|
||||
}
|
||||
.book-navigation ul.menu li.leaf:before {
|
||||
padding: 0 .51em;
|
||||
content: "\e826";
|
||||
}
|
||||
.book-navigation ul.menu li.collapsed:before {
|
||||
padding: 0 .4em;
|
||||
content: "\e827";
|
||||
}
|
||||
.book-navigation .page-links {
|
||||
background: #efefef;
|
||||
text-align: center;
|
||||
padding: .4em;
|
||||
font-size: .92em;
|
||||
}
|
||||
.book-navigation .page-previous {
|
||||
width: 40%;
|
||||
display: block;
|
||||
text-align: left;
|
||||
float: left;
|
||||
}
|
||||
.book-navigation .page-up {
|
||||
margin: 0 1%;
|
||||
width: 18%;
|
||||
display: block;
|
||||
float: left;
|
||||
}
|
||||
.book-navigation .page-next {
|
||||
width: 40%;
|
||||
display: block;
|
||||
text-align: right;
|
||||
float: right;
|
||||
}
|
||||
|
||||
/*
|
||||
* Custom pagination.
|
||||
*/
|
||||
ul.pagination {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
ul.pagination li {
|
||||
padding: 0;
|
||||
background: none;
|
||||
}
|
||||
ul.pagination li a,
|
||||
ul.pagination li span {
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
226
themes/zuitedesk/css/nodes.css
Normal file
226
themes/zuitedesk/css/nodes.css
Normal file
|
|
@ -0,0 +1,226 @@
|
|||
/**
|
||||
* @file
|
||||
* Node and fields Styling.
|
||||
*/
|
||||
|
||||
|
||||
.node .content { /*
|
||||
margin-top: 1em; */
|
||||
text-align: justify;
|
||||
}
|
||||
@media (max-width: 799px) {
|
||||
.node .content {
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
* Node meta info (links and taxonomy entries).
|
||||
*/
|
||||
.node .meta {
|
||||
clear: both;
|
||||
padding-top: .8em;
|
||||
padding-bottom: 1.2em;
|
||||
}
|
||||
.node .meta ul {
|
||||
padding: 0;
|
||||
}
|
||||
.node .meta ul li,
|
||||
.node .meta ul li a { /*
|
||||
color: #777; */
|
||||
}
|
||||
.node .meta ul li a:hover { /*
|
||||
color: #555;
|
||||
border-bottom: 1px dotted #555; */
|
||||
}
|
||||
.node .meta ul li a.active { /*
|
||||
color: #555;
|
||||
font-weight: bold; */
|
||||
}
|
||||
.node .meta ul li.last { /*
|
||||
padding-right: 10px; */
|
||||
}
|
||||
|
||||
.node ul.links li {
|
||||
line-height: 1.8em;
|
||||
padding: .4em .8em .4em 0; /*
|
||||
padding-right: 1.2em; */
|
||||
text-transform: capitalize;
|
||||
}
|
||||
.node ul.links li.comment_add,
|
||||
.node ul.links li.comment_comments { /*
|
||||
padding: .4em .6em; */
|
||||
padding-left: .6em;
|
||||
padding-right: .6em;
|
||||
margin-right: .6em; /*
|
||||
border-radius: 4px; */
|
||||
background-color: #d9534f;
|
||||
}
|
||||
.node ul.links li.comment_add:hover,
|
||||
.node ul.links li.comment_comments:hover {
|
||||
background-color: #c9302c;
|
||||
}
|
||||
.node ul.links li.comment_add a,
|
||||
.node ul.links li.comment_comments a {
|
||||
color: #fff;
|
||||
}
|
||||
.node ul.links li:before {
|
||||
font-family: "fonticons";
|
||||
padding: 0 .38em 0 0;
|
||||
color: #ff3300;
|
||||
}
|
||||
.node ul.links li.comment_add:before {
|
||||
content: "\e814";
|
||||
color: #fff;
|
||||
}
|
||||
.node ul.links li.node_read_more:before {
|
||||
content: "\e828";
|
||||
}
|
||||
.node ul.links li.book_add_child:before {
|
||||
content: "\e825";
|
||||
}
|
||||
.node ul.links li.print_html:before,
|
||||
.node ul.links li.book_printer:before {
|
||||
content: "\e831";
|
||||
}
|
||||
.node ul.links li.print_pdf:before,
|
||||
.node ul.links li.book_pdf:before {
|
||||
content: "\e82e";
|
||||
}
|
||||
.node ul.links li.calendar_link:before {
|
||||
content: "\e81f";
|
||||
}
|
||||
.node ul.links li.last {
|
||||
padding-right: 10px;
|
||||
}
|
||||
.node .terms ul li {
|
||||
display: block;
|
||||
padding: 4px 9px 2px;
|
||||
margin: 2px 4px 2px 0;
|
||||
float: left;
|
||||
font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
|
||||
font-size: 14px;
|
||||
white-space: nowrap;
|
||||
background-color: #000;
|
||||
}
|
||||
.node .terms ul li a {
|
||||
color: #999;
|
||||
}
|
||||
.node .terms ul li a.active,
|
||||
.node .terms ul li a:hover {
|
||||
color: #fff;
|
||||
} /*
|
||||
.node .links ul.links li.comment_comments {
|
||||
background: url(images/ico-comments.png) no-repeat 0 2px;
|
||||
}
|
||||
.node .links ul.links li.comment_reply {
|
||||
background: url(images/ico-comment-add.png) no-repeat 0 0;
|
||||
}
|
||||
.node .links ul.links li.comment_edit {
|
||||
background: url(images/ico-comment-edit.png) no-repeat 0 0;
|
||||
}
|
||||
.node .links ul.links li.comment_delete {
|
||||
background: url(images/ico-comment-delete.png) no-repeat 0 0;
|
||||
} */
|
||||
|
||||
/*
|
||||
* Override modules/cck/modules/fieldgroup/fieldgroup.css style.
|
||||
*/
|
||||
div.fieldgroup {
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
div.fieldgroup .content {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
/*
|
||||
* "Filefield" module.
|
||||
*/
|
||||
.filefield-file {
|
||||
margin-right: -16px;
|
||||
padding: 0 22px !important;
|
||||
line-height: 24px;
|
||||
}
|
||||
img.filefield-icon {
|
||||
position: absolute;
|
||||
margin: 4px 0 0 -22px !important;
|
||||
}
|
||||
|
||||
/*
|
||||
* "GeSHi Filter" module.
|
||||
*/
|
||||
div.geshifilter {
|
||||
border: 0;
|
||||
margin: -9.5px;
|
||||
padding: 9.5px;
|
||||
background: transparent;
|
||||
}
|
||||
div.geshifilter pre {
|
||||
border: 0;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background-color: transparent;
|
||||
overflow: visible;
|
||||
}
|
||||
div.geshifilter ol {
|
||||
padding-left: 3em;
|
||||
color: #b2b2b2;
|
||||
}
|
||||
|
||||
/*
|
||||
* Redefine modules/node/node.css styles.
|
||||
*/
|
||||
.node-unpublished div.unpublished {
|
||||
height: 1em;
|
||||
overflow: hidden;
|
||||
margin: 22px 0 -18px;
|
||||
font-family: Impact,"Arial Narrow",Helvetica,sans-serif;
|
||||
font-size: 4.6em;
|
||||
font-weight: bold;
|
||||
line-height: 1em;
|
||||
text-transform: uppercase;
|
||||
text-align: center;
|
||||
color: #d8d8d8;
|
||||
} /*
|
||||
.node-unpublished {
|
||||
background-color: #fff4f4;
|
||||
}
|
||||
.preview .node {
|
||||
background-color: #ffffea;
|
||||
}
|
||||
td.revision-current {
|
||||
background: #ffc;
|
||||
}
|
||||
.terms-inline {
|
||||
display: inline;
|
||||
} */
|
||||
|
||||
#node-admin-filter ul {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
}
|
||||
#node-admin-filter dd.a {
|
||||
width: 32%;
|
||||
max-width: 120px;
|
||||
float: left;
|
||||
}
|
||||
#node-admin-filter dd.a label {
|
||||
height: 32px;
|
||||
}
|
||||
#node-admin-filter dt {
|
||||
width: 10%;
|
||||
max-width: 30px;
|
||||
padding-top: .3em;
|
||||
height: 7em;
|
||||
color: #aaa;
|
||||
float: left;
|
||||
}
|
||||
#node-admin-filter dd.b {
|
||||
float: left;
|
||||
width: 58%;
|
||||
}
|
||||
#node-admin-buttons {
|
||||
clear: both;
|
||||
}
|
||||
194
themes/zuitedesk/css/pages.css
Normal file
194
themes/zuitedesk/css/pages.css
Normal file
|
|
@ -0,0 +1,194 @@
|
|||
/**
|
||||
* @file
|
||||
* Page Styling.
|
||||
*/
|
||||
|
||||
|
||||
body.elfinder {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/*
|
||||
* Page background.
|
||||
*/
|
||||
#page-wrapper {
|
||||
background-color: #ebeae9;
|
||||
}
|
||||
#main {
|
||||
background: #fff;
|
||||
padding-top: 30px;
|
||||
}
|
||||
#page,
|
||||
#main-wrapper {
|
||||
background: transparent url(../images/bg-page.png) repeat-x 0 bottom;
|
||||
}
|
||||
|
||||
#page-title {
|
||||
background-color: #fcfcfc;
|
||||
border-top: 1px solid #003346;
|
||||
border-bottom: 1px solid #e1e1e1;
|
||||
padding: 9px 0;
|
||||
}
|
||||
#page-title .title {
|
||||
color: #ff3300;
|
||||
line-height: 1em;
|
||||
margin-top: 0;
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
#page-title .stormcomponent {
|
||||
position: absolute;
|
||||
margin-top: 8px;
|
||||
}
|
||||
#page-title .stormcomponent + .title {
|
||||
margin-left: 44px;
|
||||
}
|
||||
#page-title .stormcomponent + .title + .breadcrumb {
|
||||
margin-left: 46px;
|
||||
}
|
||||
@media (max-width: 699px) {
|
||||
#page-title .stormcomponent {
|
||||
display: none;
|
||||
}
|
||||
#page-title .stormcomponent + .title,
|
||||
#page-title .stormcomponent + .title + .breadcrumb {
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
* Header.
|
||||
*/
|
||||
#header {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/*
|
||||
* Main content.
|
||||
*/
|
||||
#main-content .section {
|
||||
position: relative;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.breadcrumb {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background: none;
|
||||
font-size: 13px;
|
||||
font-weight: bold;
|
||||
color: #aaa;
|
||||
|
||||
/* position: relative;
|
||||
left: -2px;
|
||||
right: auto;
|
||||
line-height: 18px;
|
||||
max-width: 100%;
|
||||
*/
|
||||
} /*
|
||||
.breadcrumb a {
|
||||
color: #444;
|
||||
}
|
||||
.breadcrumb a:hover {
|
||||
color: #f70a0a;
|
||||
} */
|
||||
|
||||
#submitted {
|
||||
position: relative;
|
||||
background: #d0ceba;
|
||||
width: 4em;
|
||||
height: 4em;
|
||||
float: left;
|
||||
}
|
||||
#submitted em {
|
||||
display: none;
|
||||
}
|
||||
#submitted span {
|
||||
display: block;
|
||||
position: absolute;
|
||||
white-space: nowrap;
|
||||
word-wrap: normal;
|
||||
overflow: hidden;
|
||||
font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
|
||||
text-indent: -0.035em;
|
||||
color: #fff;
|
||||
}
|
||||
#submitted span.postd {
|
||||
top: 0;
|
||||
width: .95em;
|
||||
height: .75em;
|
||||
font-size: 3.6em;
|
||||
line-height: .8em;
|
||||
}
|
||||
#submitted span.postm {
|
||||
top: .25em;
|
||||
left: 3.2em;
|
||||
width: .7em;
|
||||
height: 2.25em;
|
||||
font-size: 1.012em;
|
||||
line-height: .7em;
|
||||
text-indent: 0;
|
||||
text-align: right;
|
||||
white-space: normal;
|
||||
word-wrap: break-word;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
#submitted span.posty {
|
||||
top: 1.05em;
|
||||
width: 1.86em;
|
||||
height: .765em;
|
||||
line-height: 1em;
|
||||
font-size: 2.16em;
|
||||
}
|
||||
/*
|
||||
h1.title {
|
||||
color: #ff3300;
|
||||
margin: -0.12em 0 0.2em;
|
||||
}
|
||||
@media (max-width: 399px), (min-width: 530px) and (max-width: 599px) { * MINW *
|
||||
h1.title {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
#submitted + #page-title {
|
||||
margin-left: 4.6em;
|
||||
}
|
||||
#author {
|
||||
font-size: .8em;
|
||||
margin: -0.35em 0;
|
||||
} */
|
||||
|
||||
/*
|
||||
* Footer.
|
||||
*/
|
||||
#footer {
|
||||
background-color: #003346;
|
||||
}
|
||||
|
||||
#scroll-top-link {
|
||||
cursor: pointer;
|
||||
color: #e1e1e1;
|
||||
border: 1px solid #aaa;
|
||||
border-radius: 2px;
|
||||
text-align: center;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
line-height: 50px;
|
||||
font-size: 36px;
|
||||
position: fixed;
|
||||
bottom: 50px;
|
||||
right: 50px;
|
||||
display: none;
|
||||
background: rgba(85,99,114,0.3);
|
||||
-webkit-transition: background-color .5s;
|
||||
-moz-transition: background-color .5s;
|
||||
-o-transition: background-color .5s;
|
||||
-ms-transition: background-color .5s;
|
||||
transition: background-color .5s;
|
||||
z-index: 1030;
|
||||
}
|
||||
#scroll-top-link:before {
|
||||
margin: 0;
|
||||
}
|
||||
#scroll-top-link:hover {
|
||||
background-color: #000;
|
||||
}
|
||||
15
themes/zuitedesk/css/print.css
Normal file
15
themes/zuitedesk/css/print.css
Normal file
|
|
@ -0,0 +1,15 @@
|
|||
/**
|
||||
* @file
|
||||
* Print styling
|
||||
*
|
||||
* We provide some sane print styling for Drupal using Zen's layout method.
|
||||
*/
|
||||
|
||||
|
||||
/*
|
||||
* "GeSHi Filter" module.
|
||||
*/
|
||||
div.geshifilter pre {
|
||||
word-break: break-all;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
1873
themes/zuitedesk/css/suitedesk.css
Normal file
1873
themes/zuitedesk/css/suitedesk.css
Normal file
File diff suppressed because it is too large
Load diff
61
themes/zuitedesk/css/tabs.css
Normal file
61
themes/zuitedesk/css/tabs.css
Normal file
|
|
@ -0,0 +1,61 @@
|
|||
/**
|
||||
* @file
|
||||
* Tabs Styling.
|
||||
*
|
||||
* Adds styles for the primary and secondary tabs.
|
||||
*/
|
||||
|
||||
|
||||
div.tabs {
|
||||
margin: 0;
|
||||
background: #ddd;
|
||||
}
|
||||
#main-content div.tabs + .section {
|
||||
border-top: 0;
|
||||
padding-top: 1.75em;
|
||||
}
|
||||
ul.tabs {
|
||||
margin: 0;
|
||||
padding: 6px 3px 0 12px;
|
||||
}
|
||||
ul.tabs-menu {
|
||||
padding-top: 8px;
|
||||
padding-left: 10px;
|
||||
}
|
||||
ul.tabs li {
|
||||
display: inline;
|
||||
margin: 0 1px 0 0;
|
||||
padding: 4px 12px 2px;
|
||||
background: #aaa;
|
||||
list-style: none;
|
||||
}
|
||||
ul.tabs-menu li {
|
||||
background: #bfbfbf;
|
||||
}
|
||||
ul.tabs li:hover {
|
||||
background: #888;
|
||||
}
|
||||
ul.tabs-menu li:hover {
|
||||
background: #999;
|
||||
}
|
||||
ul.tabs li.active {
|
||||
background: #ddd;
|
||||
border-top: 8px solid #ddd;
|
||||
border-bottom: 3px solid #ddd;
|
||||
}
|
||||
ul.tabs-menu li.active {
|
||||
background: #fff;
|
||||
border-top-width: 4px;
|
||||
border-color: #fff;
|
||||
}
|
||||
ul.tabs li a {
|
||||
color: #fff;
|
||||
}
|
||||
ul.tabs li:hover a,
|
||||
ul.tabs li a:hover {
|
||||
color: #eee;
|
||||
}
|
||||
ul.tabs li.active a {
|
||||
font-weight: bold;
|
||||
color: #666;
|
||||
}
|
||||
28
themes/zuitedesk/css/wireframes.css
Normal file
28
themes/zuitedesk/css/wireframes.css
Normal file
|
|
@ -0,0 +1,28 @@
|
|||
/**
|
||||
* @file
|
||||
* Wireframes Styling.
|
||||
*
|
||||
* Add wireframes to the basic layout elements.
|
||||
*/
|
||||
|
||||
|
||||
.with-wireframes #header .section,
|
||||
.with-wireframes #main-content .section,
|
||||
.with-wireframes .region-sidebar-first .section,
|
||||
.with-wireframes .region-sidebar-second .section {
|
||||
margin: 1px;
|
||||
padding: 2px;
|
||||
border: 1px solid #ccc;
|
||||
}
|
||||
.with-wireframes #navigation .section,
|
||||
.with-wireframes #footer .section {
|
||||
margin-top: 1px;
|
||||
margin-bottom: 1px;
|
||||
padding: 2px;
|
||||
border: 1px solid #ccc;
|
||||
}
|
||||
.with-wireframes .region-page-closure {
|
||||
margin-top: 1px;
|
||||
padding: 2px;
|
||||
border: 1px solid #ccc;
|
||||
}
|
||||
Reference in a new issue