diff --git a/themes/zuitedesk/css/blocks.css b/themes/zuitedesk/css/blocks.css new file mode 100644 index 0000000..8f943f0 --- /dev/null +++ b/themes/zuitedesk/css/blocks.css @@ -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; +} + diff --git a/themes/zuitedesk/css/bootstrap-tour.min.css b/themes/zuitedesk/css/bootstrap-tour.min.css new file mode 100644 index 0000000..0d30adb --- /dev/null +++ b/themes/zuitedesk/css/bootstrap-tour.min.css @@ -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} \ No newline at end of file diff --git a/themes/zuitedesk/css/bootstrap.min.css b/themes/zuitedesk/css/bootstrap.min.css new file mode 100644 index 0000000..efeee28 --- /dev/null +++ b/themes/zuitedesk/css/bootstrap.min.css @@ -0,0 +1,14 @@ +/*! + * Bootstrap v3.3.7 (http://getbootstrap.com) + * Copyright 2011-2016 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + */ + +/*! + * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=7c3adc6ccd559debd4f4fbf90f1f27e5) + * Config saved to config.json and https://gist.github.com/7c3adc6ccd559debd4f4fbf90f1f27e5 + *//*! + * Bootstrap v3.3.7 (http://getbootstrap.com) + * Copyright 2011-2016 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{*,*:before,*:after{background:transparent !important;color:#000 !important;-webkit-box-shadow:none !important;box-shadow:none !important;text-shadow:none !important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100% !important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000 !important}.label{border:1px solid #000}.table{border-collapse:collapse !important}.table td,.table th{background-color:#fff !important}.table-bordered th,.table-bordered td{border:1px solid #ddd !important}}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Lato","HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:18px;line-height:1.42857143;color:#333;background-color:#fff}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#3c8dbc;text-decoration:none}a:hover,a:focus{color:#f70a0a;text-decoration:none}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.img-responsive,.thumbnail>img,.thumbnail a>img{display:block;max-width:100%;height:auto}.img-rounded{border-radius:0}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:0;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:25px;margin-bottom:25px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role="button"]{cursor:pointer}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:inherit;font-weight:600;line-height:1.1;color:#b40b51}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small,.h1 .small,.h2 .small,.h3 .small,.h4 .small,.h5 .small,.h6 .small{font-weight:normal;line-height:1;color:#777}h1,.h1,h2,.h2,h3,.h3{margin-top:25px;margin-bottom:12.5px}h1 small,.h1 small,h2 small,.h2 small,h3 small,.h3 small,h1 .small,.h1 .small,h2 .small,.h2 .small,h3 .small,.h3 .small{font-size:65%}h4,.h4,h5,.h5,h6,.h6{margin-top:12.5px;margin-bottom:12.5px}h4 small,.h4 small,h5 small,.h5 small,h6 small,.h6 small,h4 .small,.h4 .small,h5 .small,.h5 .small,h6 .small,.h6 .small{font-size:75%}h1,.h1{font-size:46px}h2,.h2{font-size:38px}h3,.h3{font-size:31px}h4,.h4{font-size:23px}h5,.h5{font-size:18px}h6,.h6{font-size:16px}p{margin:0 0 12.5px}.lead{margin-bottom:25px;font-size:20px;font-weight:300;line-height:1.4}@media (min-width:768px){.lead{font-size:27px}}small,.small{font-size:88%}mark,.mark{background-color:#fcf8e3;padding:.2em}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#777}.text-primary{color:#3c8dbc}a.text-primary:hover,a.text-primary:focus{color:#307095}.text-success{color:#3c763d}a.text-success:hover,a.text-success:focus{color:#2b542c}.text-info{color:#31708f}a.text-info:hover,a.text-info:focus{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:hover,a.text-warning:focus{color:#66512c}.text-danger{color:#a94442}a.text-danger:hover,a.text-danger:focus{color:#843534}.bg-primary{color:#fff;background-color:#3c8dbc}a.bg-primary:hover,a.bg-primary:focus{background-color:#307095}.bg-success{background-color:#dff0d8}a.bg-success:hover,a.bg-success:focus{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:hover,a.bg-info:focus{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:hover,a.bg-warning:focus{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:hover,a.bg-danger:focus{background-color:#e4b9b9}.page-header{padding-bottom:11.5px;margin:50px 0 25px;border-bottom:1px solid #eee}ul,ol{margin-top:0;margin-bottom:12.5px}ul ul,ol ul,ul ol,ol ol{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none;margin-left:-5px}.list-inline>li{display:inline-block;padding-left:5px;padding-right:5px}dl{margin-top:0;margin-bottom:25px}dt,dd{line-height:1.42857143}dt{font-weight:bold}dd{margin-left:0}@media (min-width:768px){.dl-horizontal dt{float:left;width:160px;clear:left;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[title],abbr[data-original-title]{cursor:help;border-bottom:1px dotted #777}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:12.5px 25px;margin:0 0 25px;font-size:22.5px;border-left:5px solid #eee}blockquote p:last-child,blockquote ul:last-child,blockquote ol:last-child{margin-bottom:0}blockquote footer,blockquote small,blockquote .small{display:block;font-size:80%;line-height:1.42857143;color:#777}blockquote footer:before,blockquote small:before,blockquote .small:before{content:'\2014 \00A0'}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;border-right:5px solid #eee;border-left:0;text-align:right}.blockquote-reverse footer:before,blockquote.pull-right footer:before,.blockquote-reverse small:before,blockquote.pull-right small:before,.blockquote-reverse .small:before,blockquote.pull-right .small:before{content:''}.blockquote-reverse footer:after,blockquote.pull-right footer:after,.blockquote-reverse small:after,blockquote.pull-right small:after,.blockquote-reverse .small:after,blockquote.pull-right .small:after{content:'\00A0 \2014'}address{margin-bottom:25px;font-style:normal;line-height:1.42857143}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:0}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:0;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.25);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.25)}kbd kbd{padding:0;font-size:100%;font-weight:bold;-webkit-box-shadow:none;box-shadow:none}pre{display:block;padding:12px;margin:0 0 12.5px;font-size:17px;line-height:1.42857143;word-break:break-all;word-wrap:break-word;color:#333;background-color:#f5f5f5;border:1px solid #ccc;border-radius:0}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.row{margin-left:-15px;margin-right:-15px}.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}table{background-color:transparent}caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:25px}.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>th,.table>caption+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>td,.table>thead:first-child>tr:first-child>td{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>thead>tr>th,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>tbody>tr>td,.table-condensed>tfoot>tr>td{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>td{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>thead>tr>td{border-bottom-width:2px}.table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}.table-hover>tbody>tr:hover{background-color:#f5f5f5}table col[class*="col-"]{position:static;float:none;display:table-column}table td[class*="col-"],table th[class*="col-"]{position:static;float:none;display:table-cell}.table>thead>tr>td.active,.table>tbody>tr>td.active,.table>tfoot>tr>td.active,.table>thead>tr>th.active,.table>tbody>tr>th.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>tbody>tr.active>td,.table>tfoot>tr.active>td,.table>thead>tr.active>th,.table>tbody>tr.active>th,.table>tfoot>tr.active>th{background-color:#f5f5f5}.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover,.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr.active:hover>th{background-color:#e8e8e8}.table>thead>tr>td.success,.table>tbody>tr>td.success,.table>tfoot>tr>td.success,.table>thead>tr>th.success,.table>tbody>tr>th.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>tbody>tr.success>td,.table>tfoot>tr.success>td,.table>thead>tr.success>th,.table>tbody>tr.success>th,.table>tfoot>tr.success>th{background-color:#dff0d8}.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover,.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr.success:hover>th{background-color:#d0e9c6}.table>thead>tr>td.info,.table>tbody>tr>td.info,.table>tfoot>tr>td.info,.table>thead>tr>th.info,.table>tbody>tr>th.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>tbody>tr.info>td,.table>tfoot>tr.info>td,.table>thead>tr.info>th,.table>tbody>tr.info>th,.table>tfoot>tr.info>th{background-color:#d9edf7}.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover,.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr.info:hover>th{background-color:#c4e3f3}.table>thead>tr>td.warning,.table>tbody>tr>td.warning,.table>tfoot>tr>td.warning,.table>thead>tr>th.warning,.table>tbody>tr>th.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>tbody>tr.warning>td,.table>tfoot>tr.warning>td,.table>thead>tr.warning>th,.table>tbody>tr.warning>th,.table>tfoot>tr.warning>th{background-color:#fcf8e3}.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover,.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr.warning:hover>th{background-color:#faf2cc}.table>thead>tr>td.danger,.table>tbody>tr>td.danger,.table>tfoot>tr>td.danger,.table>thead>tr>th.danger,.table>tbody>tr>th.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>tbody>tr.danger>td,.table>tfoot>tr.danger>td,.table>thead>tr.danger>th,.table>tbody>tr.danger>th,.table>tfoot>tr.danger>th{background-color:#f2dede}.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover,.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr.danger:hover>th{background-color:#ebcccc}.table-responsive{overflow-x:auto;min-height:0.01%}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:18.75px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>thead>tr>th,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tfoot>tr>td{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>thead>tr>th:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}.table-responsive>.table-bordered>thead>tr>th:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>th,.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>td{border-bottom:0}}fieldset{padding:0;margin:0;border:0;min-width:0}legend{display:block;width:100%;padding:0;margin-bottom:25px;font-size:27px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:bold}input[type="search"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type="radio"],input[type="checkbox"]{margin:4px 0 0;margin-top:1px \9;line-height:normal}input[type="file"]{display:block}input[type="range"]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-size:18px;line-height:1.42857143;color:#555}.form-control{display:block;width:100%;height:39px;padding:6px 12px;font-size:18px;line-height:1.42857143;color:#555;background-color:#e6eaea;background-image:none;border:1px solid #ccc;border-radius:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control::-ms-expand{border:0;background-color:transparent}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#eee;opacity:1}.form-control[disabled],fieldset[disabled] .form-control{cursor:not-allowed}textarea.form-control{height:auto}input[type="search"]{-webkit-appearance:none}@media screen and (-webkit-min-device-pixel-ratio:0){input[type="date"].form-control,input[type="time"].form-control,input[type="datetime-local"].form-control,input[type="month"].form-control{line-height:39px}input[type="date"].input-sm,input[type="time"].input-sm,input[type="datetime-local"].input-sm,input[type="month"].input-sm,.input-group-sm input[type="date"],.input-group-sm input[type="time"],.input-group-sm input[type="datetime-local"],.input-group-sm input[type="month"]{line-height:36px}input[type="date"].input-lg,input[type="time"].input-lg,input[type="datetime-local"].input-lg,input[type="month"].input-lg,.input-group-lg input[type="date"],.input-group-lg input[type="time"],.input-group-lg input[type="datetime-local"],.input-group-lg input[type="month"]{line-height:53px}}.form-group{margin-bottom:15px}.radio,.checkbox{position:relative;display:block;margin-top:10px;margin-bottom:10px}.radio label,.checkbox label{min-height:25px;padding-left:20px;margin-bottom:0;font-weight:normal;cursor:pointer}.radio input[type="radio"],.radio-inline input[type="radio"],.checkbox input[type="checkbox"],.checkbox-inline input[type="checkbox"]{position:absolute;margin-left:-20px;margin-top:4px \9}.radio+.radio,.checkbox+.checkbox{margin-top:-5px}.radio-inline,.checkbox-inline{position:relative;display:inline-block;padding-left:20px;margin-bottom:0;vertical-align:middle;font-weight:normal;cursor:pointer}.radio-inline+.radio-inline,.checkbox-inline+.checkbox-inline{margin-top:0;margin-left:10px}input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="radio"].disabled,input[type="checkbox"].disabled,fieldset[disabled] input[type="radio"],fieldset[disabled] input[type="checkbox"]{cursor:not-allowed}.radio-inline.disabled,.checkbox-inline.disabled,fieldset[disabled] .radio-inline,fieldset[disabled] .checkbox-inline{cursor:not-allowed}.radio.disabled label,.checkbox.disabled label,fieldset[disabled] .radio label,fieldset[disabled] .checkbox label{cursor:not-allowed}.form-control-static{padding-top:7px;padding-bottom:7px;margin-bottom:0;min-height:43px}.form-control-static.input-lg,.form-control-static.input-sm{padding-left:0;padding-right:0}.input-sm{height:36px;padding:5px 10px;font-size:16px;line-height:1.5;border-radius:0}select.input-sm{height:36px;line-height:36px}textarea.input-sm,select[multiple].input-sm{height:auto}.form-group-sm .form-control{height:36px;padding:5px 10px;font-size:16px;line-height:1.5;border-radius:0}.form-group-sm select.form-control{height:36px;line-height:36px}.form-group-sm textarea.form-control,.form-group-sm select[multiple].form-control{height:auto}.form-group-sm .form-control-static{height:36px;min-height:41px;padding:6px 10px;font-size:16px;line-height:1.5}.input-lg{height:53px;padding:10px 16px;font-size:23px;line-height:1.3333333;border-radius:0}select.input-lg{height:53px;line-height:53px}textarea.input-lg,select[multiple].input-lg{height:auto}.form-group-lg .form-control{height:53px;padding:10px 16px;font-size:23px;line-height:1.3333333;border-radius:0}.form-group-lg select.form-control{height:53px;line-height:53px}.form-group-lg textarea.form-control,.form-group-lg select[multiple].form-control{height:auto}.form-group-lg .form-control-static{height:53px;min-height:48px;padding:11px 16px;font-size:23px;line-height:1.3333333}.has-feedback{position:relative}.has-feedback .form-control{padding-right:48.75px}.form-control-feedback{position:absolute;top:0;right:0;z-index:2;display:block;width:39px;height:39px;line-height:39px;text-align:center;pointer-events:none}.input-lg+.form-control-feedback,.input-group-lg+.form-control-feedback,.form-group-lg .form-control+.form-control-feedback{width:53px;height:53px;line-height:53px}.input-sm+.form-control-feedback,.input-group-sm+.form-control-feedback,.form-group-sm .form-control+.form-control-feedback{width:36px;height:36px;line-height:36px}.has-success .help-block,.has-success .control-label,.has-success .radio,.has-success .checkbox,.has-success .radio-inline,.has-success .checkbox-inline,.has-success.radio label,.has-success.checkbox label,.has-success.radio-inline label,.has-success.checkbox-inline label{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;border-color:#3c763d;background-color:#dff0d8}.has-success .form-control-feedback{color:#3c763d}.has-warning .help-block,.has-warning .control-label,.has-warning .radio,.has-warning .checkbox,.has-warning .radio-inline,.has-warning .checkbox-inline,.has-warning.radio label,.has-warning.checkbox label,.has-warning.radio-inline label,.has-warning.checkbox-inline label{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;border-color:#8a6d3b;background-color:#fcf8e3}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .help-block,.has-error .control-label,.has-error .radio,.has-error .checkbox,.has-error .radio-inline,.has-error .checkbox-inline,.has-error.radio label,.has-error.checkbox label,.has-error.radio-inline label,.has-error.checkbox-inline label{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;border-color:#a94442;background-color:#f2dede}.has-error .form-control-feedback{color:#a94442}.has-feedback label~.form-control-feedback{top:30px}.has-feedback label.sr-only~.form-control-feedback{top:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-static{display:inline-block}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn,.form-inline .input-group .form-control{width:auto}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .radio,.form-inline .checkbox{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .radio label,.form-inline .checkbox label{padding-left:0}.form-inline .radio input[type="radio"],.form-inline .checkbox input[type="checkbox"]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline{margin-top:0;margin-bottom:0;padding-top:7px}.form-horizontal .radio,.form-horizontal .checkbox{min-height:32px}.form-horizontal .form-group{margin-left:-15px;margin-right:-15px}@media (min-width:768px){.form-horizontal .control-label{text-align:right;margin-bottom:0;padding-top:7px}}.form-horizontal .has-feedback .form-control-feedback{right:15px}@media (min-width:768px){.form-horizontal .form-group-lg .control-label{padding-top:11px;font-size:23px}}@media (min-width:768px){.form-horizontal .form-group-sm .control-label{padding-top:6px;font-size:16px}}.btn{display:inline-block;margin-bottom:0;font-weight:normal;text-align:center;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:6px 12px;font-size:18px;line-height:1.42857143;border-radius:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn:focus,.btn:active:focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn.active.focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn:hover,.btn:focus,.btn.focus{color:#333;text-decoration:none}.btn:active,.btn.active{outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none}a.btn.disabled,fieldset[disabled] a.btn{pointer-events:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default:focus,.btn-default.focus{color:#333;background-color:#e6e6e6;border-color:#8c8c8c}.btn-default:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default:active,.btn-default.active,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default:active:hover,.btn-default.active:hover,.open>.dropdown-toggle.btn-default:hover,.btn-default:active:focus,.btn-default.active:focus,.open>.dropdown-toggle.btn-default:focus,.btn-default:active.focus,.btn-default.active.focus,.open>.dropdown-toggle.btn-default.focus{color:#333;background-color:#d4d4d4;border-color:#8c8c8c}.btn-default:active,.btn-default.active,.open>.dropdown-toggle.btn-default{background-image:none}.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled.focus,.btn-default[disabled].focus,fieldset[disabled] .btn-default.focus{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#3c8dbc;border-color:#367fa9}.btn-primary:focus,.btn-primary.focus{color:#fff;background-color:#307095;border-color:#173648}.btn-primary:hover{color:#fff;background-color:#307095;border-color:#275c7a}.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#307095;border-color:#275c7a}.btn-primary:active:hover,.btn-primary.active:hover,.open>.dropdown-toggle.btn-primary:hover,.btn-primary:active:focus,.btn-primary.active:focus,.open>.dropdown-toggle.btn-primary:focus,.btn-primary:active.focus,.btn-primary.active.focus,.open>.dropdown-toggle.btn-primary.focus{color:#fff;background-color:#275c7a;border-color:#173648}.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled.focus,.btn-primary[disabled].focus,fieldset[disabled] .btn-primary.focus{background-color:#3c8dbc;border-color:#367fa9}.btn-primary .badge{color:#3c8dbc;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success:focus,.btn-success.focus{color:#fff;background-color:#449d44;border-color:#255625}.btn-success:hover{color:#fff;background-color:#449d44;border-color:#398439}.btn-success:active,.btn-success.active,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#449d44;border-color:#398439}.btn-success:active:hover,.btn-success.active:hover,.open>.dropdown-toggle.btn-success:hover,.btn-success:active:focus,.btn-success.active:focus,.open>.dropdown-toggle.btn-success:focus,.btn-success:active.focus,.btn-success.active.focus,.open>.dropdown-toggle.btn-success.focus{color:#fff;background-color:#398439;border-color:#255625}.btn-success:active,.btn-success.active,.open>.dropdown-toggle.btn-success{background-image:none}.btn-success.disabled:hover,.btn-success[disabled]:hover,fieldset[disabled] .btn-success:hover,.btn-success.disabled:focus,.btn-success[disabled]:focus,fieldset[disabled] .btn-success:focus,.btn-success.disabled.focus,.btn-success[disabled].focus,fieldset[disabled] .btn-success.focus{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info:focus,.btn-info.focus{color:#fff;background-color:#31b0d5;border-color:#1b6d85}.btn-info:hover{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info:active,.btn-info.active,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info:active:hover,.btn-info.active:hover,.open>.dropdown-toggle.btn-info:hover,.btn-info:active:focus,.btn-info.active:focus,.open>.dropdown-toggle.btn-info:focus,.btn-info:active.focus,.btn-info.active.focus,.open>.dropdown-toggle.btn-info.focus{color:#fff;background-color:#269abc;border-color:#1b6d85}.btn-info:active,.btn-info.active,.open>.dropdown-toggle.btn-info{background-image:none}.btn-info.disabled:hover,.btn-info[disabled]:hover,fieldset[disabled] .btn-info:hover,.btn-info.disabled:focus,.btn-info[disabled]:focus,fieldset[disabled] .btn-info:focus,.btn-info.disabled.focus,.btn-info[disabled].focus,fieldset[disabled] .btn-info.focus{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning:focus,.btn-warning.focus{color:#fff;background-color:#ec971f;border-color:#985f0d}.btn-warning:hover{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning:active,.btn-warning.active,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning:active:hover,.btn-warning.active:hover,.open>.dropdown-toggle.btn-warning:hover,.btn-warning:active:focus,.btn-warning.active:focus,.open>.dropdown-toggle.btn-warning:focus,.btn-warning:active.focus,.btn-warning.active.focus,.open>.dropdown-toggle.btn-warning.focus{color:#fff;background-color:#d58512;border-color:#985f0d}.btn-warning:active,.btn-warning.active,.open>.dropdown-toggle.btn-warning{background-image:none}.btn-warning.disabled:hover,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning:hover,.btn-warning.disabled:focus,.btn-warning[disabled]:focus,fieldset[disabled] .btn-warning:focus,.btn-warning.disabled.focus,.btn-warning[disabled].focus,fieldset[disabled] .btn-warning.focus{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger:focus,.btn-danger.focus{color:#fff;background-color:#c9302c;border-color:#761c19}.btn-danger:hover{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger:active,.btn-danger.active,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger:active:hover,.btn-danger.active:hover,.open>.dropdown-toggle.btn-danger:hover,.btn-danger:active:focus,.btn-danger.active:focus,.open>.dropdown-toggle.btn-danger:focus,.btn-danger:active.focus,.btn-danger.active.focus,.open>.dropdown-toggle.btn-danger.focus{color:#fff;background-color:#ac2925;border-color:#761c19}.btn-danger:active,.btn-danger.active,.open>.dropdown-toggle.btn-danger{background-image:none}.btn-danger.disabled:hover,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger:hover,.btn-danger.disabled:focus,.btn-danger[disabled]:focus,fieldset[disabled] .btn-danger:focus,.btn-danger.disabled.focus,.btn-danger[disabled].focus,fieldset[disabled] .btn-danger.focus{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{color:#3c8dbc;font-weight:normal;border-radius:0}.btn-link,.btn-link:active,.btn-link.active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:hover,.btn-link:focus,.btn-link:active{border-color:transparent}.btn-link:hover,.btn-link:focus{color:#f70a0a;text-decoration:none;background-color:transparent}.btn-link[disabled]:hover,fieldset[disabled] .btn-link:hover,.btn-link[disabled]:focus,fieldset[disabled] .btn-link:focus{color:#777;text-decoration:none}.btn-lg,.btn-group-lg>.btn{padding:10px 16px;font-size:23px;line-height:1.3333333;border-radius:0}.btn-sm,.btn-group-sm>.btn{padding:5px 10px;font-size:16px;line-height:1.5;border-radius:0}.btn-xs,.btn-group-xs>.btn{padding:1px 5px;font-size:16px;line-height:1.5;border-radius:0}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:5px}input[type="submit"].btn-block,input[type="reset"].btn-block,input[type="button"].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-property:height, visibility;-o-transition-property:height, visibility;transition-property:height, visibility;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-top:4px solid \9;border-right:4px solid transparent;border-left:4px solid transparent}.dropup,.dropdown{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;list-style:none;font-size:18px;text-align:left;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.15);border-radius:0;-webkit-box-shadow:0 6px 12px rgba(0,0,0,0.175);box-shadow:0 6px 12px rgba(0,0,0,0.175);-webkit-background-clip:padding-box;background-clip:padding-box}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:11.5px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:normal;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{text-decoration:none;color:#262626;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{color:#fff;text-decoration:none;outline:0;background-color:#3c8dbc}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{color:#777}.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{text-decoration:none;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);cursor:not-allowed}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{left:auto;right:0}.dropdown-menu-left{left:0;right:auto}.dropdown-header{display:block;padding:3px 20px;font-size:16px;line-height:1.42857143;color:#777;white-space:nowrap}.dropdown-backdrop{position:fixed;left:0;right:0;bottom:0;top:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{border-top:0;border-bottom:4px dashed;border-bottom:4px solid \9;content:""}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:2px}@media (min-width:768px){.navbar-right .dropdown-menu{left:auto;right:0}.navbar-right .dropdown-menu-left{left:0;right:auto}}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group>.btn,.btn-group-vertical>.btn{position:relative;float:left}.btn-group>.btn:hover,.btn-group-vertical>.btn:hover,.btn-group>.btn:focus,.btn-group-vertical>.btn:focus,.btn-group>.btn:active,.btn-group-vertical>.btn:active,.btn-group>.btn.active,.btn-group-vertical>.btn.active{z-index:2}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{margin-left:-5px}.btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-top-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-top-right-radius:0}.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child{border-bottom-left-radius:0;border-top-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{padding-left:8px;padding-right:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-left:12px;padding-right:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-right-radius:0;border-top-left-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-top-right-radius:0;border-top-left-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-right-radius:0;border-top-left-radius:0}.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}.btn-group-justified>.btn,.btn-group-justified>.btn-group{float:none;display:table-cell;width:1%}.btn-group-justified>.btn-group .btn{width:100%}.btn-group-justified>.btn-group .dropdown-menu{left:auto}[data-toggle="buttons"]>.btn input[type="radio"],[data-toggle="buttons"]>.btn-group>.btn input[type="radio"],[data-toggle="buttons"]>.btn input[type="checkbox"],[data-toggle="buttons"]>.btn-group>.btn input[type="checkbox"]{position:absolute;clip:rect(0, 0, 0, 0);pointer-events:none}.nav{margin-bottom:0;padding-left:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:hover,.nav>li>a:focus{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#777}.nav>li.disabled>a:hover,.nav>li.disabled>a:focus{color:#777;text-decoration:none;background-color:transparent;cursor:not-allowed}.nav .open>a,.nav .open>a:hover,.nav .open>a:focus{background-color:#eee;border-color:#3c8dbc}.nav .nav-divider{height:1px;margin:11.5px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:0 0 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{color:#555;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent;cursor:default}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{text-align:center;margin-bottom:5px}.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus{border:1px solid #ddd}@media (min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:0 0 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus{border-bottom-color:#fff}}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:0}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus{color:#fff;background-color:#3c8dbc}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{text-align:center;margin-bottom:5px}.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus{border:1px solid #ddd}@media (min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:0 0 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus{border-bottom-color:#fff}}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-right-radius:0;border-top-left-radius:0}.navbar{position:relative;min-height:50px;margin-bottom:25px;border:1px solid transparent}@media (min-width:768px){.navbar{border-radius:0}}@media (min-width:768px){.navbar-header{float:left}}.navbar-collapse{overflow-x:visible;padding-right:15px;padding-left:15px;border-top:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);-webkit-overflow-scrolling:touch}.navbar-collapse.in{overflow-y:auto}@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;-webkit-box-shadow:none;box-shadow:none}.navbar-collapse.collapse{display:block !important;height:auto !important;padding-bottom:0;overflow:visible !important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse{padding-left:0;padding-right:0}}.navbar-fixed-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse{max-height:340px}@media (max-device-width:480px) and (orientation:landscape){.navbar-fixed-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse{max-height:200px}}.container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse{margin-right:0;margin-left:0}}.navbar-static-top{z-index:1000;border-width:0 0 1px}@media (min-width:768px){.navbar-static-top{border-radius:0}}.navbar-fixed-top,.navbar-fixed-bottom{position:fixed;right:0;left:0;z-index:1030}@media (min-width:768px){.navbar-fixed-top,.navbar-fixed-bottom{border-radius:0}}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.navbar-brand{float:left;padding:12.5px 15px;font-size:23px;line-height:25px;height:50px}.navbar-brand:hover,.navbar-brand:focus{text-decoration:none}.navbar-brand>img{display:block}@media (min-width:768px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;margin-right:15px;padding:9px 10px;margin-top:8px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:0}.navbar-toggle:focus{outline:0}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media (min-width:768px){.navbar-toggle{display:none}}.navbar-nav{margin:6.25px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:25px}@media (max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none}.navbar-nav .open .dropdown-menu>li>a,.navbar-nav .open .dropdown-menu .dropdown-header{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:25px}.navbar-nav .open .dropdown-menu>li>a:hover,.navbar-nav .open .dropdown-menu>li>a:focus{background-image:none}}@media (min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:12.5px;padding-bottom:12.5px}}.navbar-form{margin-left:-15px;margin-right:-15px;padding:10px 15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1);box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1);margin-top:5.5px;margin-bottom:5.5px}@media (min-width:768px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.navbar-form .form-control-static{display:inline-block}.navbar-form .input-group{display:inline-table;vertical-align:middle}.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn,.navbar-form .input-group .form-control{width:auto}.navbar-form .input-group>.form-control{width:100%}.navbar-form .control-label{margin-bottom:0;vertical-align:middle}.navbar-form .radio,.navbar-form .checkbox{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.navbar-form .radio label,.navbar-form .checkbox label{padding-left:0}.navbar-form .radio input[type="radio"],.navbar-form .checkbox input[type="checkbox"]{position:relative;margin-left:0}.navbar-form .has-feedback .form-control-feedback{top:0}}@media (max-width:767px){.navbar-form .form-group{margin-bottom:5px}.navbar-form .form-group:last-child{margin-bottom:0}}@media (min-width:768px){.navbar-form{width:auto;border:0;margin-left:0;margin-right:0;padding-top:0;padding-bottom:0;-webkit-box-shadow:none;box-shadow:none}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-right-radius:0;border-top-left-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{margin-bottom:0;border-top-right-radius:0;border-top-left-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-btn{margin-top:5.5px;margin-bottom:5.5px}.navbar-btn.btn-sm{margin-top:7px;margin-bottom:7px}.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}.navbar-text{margin-top:12.5px;margin-bottom:12.5px}@media (min-width:768px){.navbar-text{float:left;margin-left:15px;margin-right:15px}}@media (min-width:768px){.navbar-left{float:left !important}.navbar-right{float:right !important;margin-right:-15px}.navbar-right~.navbar-right{margin-right:0}}.navbar-default{background-color:#003346;border-color:#001b25}.navbar-default .navbar-brand{color:#ccc}.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus{color:#b3b3b3;background-color:transparent}.navbar-default .navbar-text{color:#777}.navbar-default .navbar-nav>li>a{color:#ccc}.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{color:#fff;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:hover,.navbar-default .navbar-nav>.disabled>a:focus{color:#ccc;background-color:transparent}.navbar-default .navbar-toggle{border-color:#ccc}.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{background-color:#ccc}.navbar-default .navbar-toggle .icon-bar{background-color:#888}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#001b25}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus{background-color:#e7e7e7;color:#555}@media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#ccc}.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus{color:#fff;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#ccc;background-color:transparent}}.navbar-default .navbar-link{color:#ccc}.navbar-default .navbar-link:hover{color:#fff}.navbar-default .btn-link{color:#ccc}.navbar-default .btn-link:hover,.navbar-default .btn-link:focus{color:#fff}.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:hover,.navbar-default .btn-link[disabled]:focus,fieldset[disabled] .navbar-default .btn-link:focus{color:#ccc}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#9d9d9d}.navbar-inverse .navbar-brand:hover,.navbar-inverse .navbar-brand:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-text{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>li>a:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>.active>a:focus{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:hover,.navbar-inverse .navbar-nav>.disabled>a:focus{color:#444;background-color:transparent}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a:focus{background-color:#080808;color:#fff}@media (max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#444;background-color:transparent}}.navbar-inverse .navbar-link{color:#9d9d9d}.navbar-inverse .navbar-link:hover{color:#fff}.navbar-inverse .btn-link{color:#9d9d9d}.navbar-inverse .btn-link:hover,.navbar-inverse .btn-link:focus{color:#fff}.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:hover,.navbar-inverse .btn-link[disabled]:focus,fieldset[disabled] .navbar-inverse .btn-link:focus{color:#444}.breadcrumb{padding:8px 15px;margin-bottom:25px;list-style:none;background-color:#f5f5f5;border-radius:0}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{content:"/\00a0";padding:0 5px;color:#ccc}.breadcrumb>.active{color:#777}.pagination{display:inline-block;padding-left:0;margin:25px 0;border-radius:0}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;line-height:1.42857143;text-decoration:none;color:#3c8dbc;background-color:#fff;border:1px solid #ddd;margin-left:-1px}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:0;border-top-left-radius:0}.pagination>li:last-child>a,.pagination>li:last-child>span{border-bottom-right-radius:0;border-top-right-radius:0}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{z-index:2;color:#f70a0a;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:3;color:#fff;background-color:#3c8dbc;border-color:#3c8dbc;cursor:default}.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#777;background-color:#fff;border-color:#ddd;cursor:not-allowed}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:23px;line-height:1.3333333}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-bottom-left-radius:0;border-top-left-radius:0}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-bottom-right-radius:0;border-top-right-radius:0}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:16px;line-height:1.5}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-bottom-left-radius:0;border-top-left-radius:0}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-bottom-right-radius:0;border-top-right-radius:0}.pager{padding-left:0;margin:25px 0;list-style:none;text-align:center}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:hover,.pager li>a:focus{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:hover,.pager .disabled>a:focus,.pager .disabled>span{color:#777;background-color:#fff;cursor:not-allowed}.thumbnail{display:block;padding:4px;margin-bottom:25px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:0;-webkit-transition:border .2s ease-in-out;-o-transition:border .2s ease-in-out;transition:border .2s ease-in-out}.thumbnail>img,.thumbnail a>img{margin-left:auto;margin-right:auto}a.thumbnail:hover,a.thumbnail:focus,a.thumbnail.active{border-color:#3c8dbc}.thumbnail .caption{padding:9px;color:#333}.close{float:right;font-size:27px;font-weight:bold;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.5;filter:alpha(opacity=50)}button.close{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}.tooltip{position:absolute;z-index:1070;display:block;font-family:"Lato","HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;font-style:normal;font-weight:normal;letter-spacing:normal;line-break:auto;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;white-space:normal;word-break:normal;word-spacing:normal;word-wrap:normal;font-size:16px;opacity:0;filter:alpha(opacity=0)}.tooltip.in{opacity:.9;filter:alpha(opacity=90)}.tooltip.top{margin-top:-3px;padding:5px 0}.tooltip.right{margin-left:3px;padding:0 5px}.tooltip.bottom{margin-top:3px;padding:5px 0}.tooltip.left{margin-left:-3px;padding:0 5px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;background-color:#000;border-radius:0}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{bottom:0;right:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{bottom:0;left:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-left .tooltip-arrow{top:0;right:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;left:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;font-family:"Lato","HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;font-style:normal;font-weight:normal;letter-spacing:normal;line-break:auto;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;white-space:normal;word-break:normal;word-spacing:normal;word-wrap:normal;font-size:18px;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.2);border-radius:0;-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);box-shadow:0 5px 10px rgba(0,0,0,0.2)}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{margin:0;padding:8px 14px;font-size:18px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:-1 -1 0 0}.popover-content{padding:9px 14px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow{border-width:11px}.popover>.arrow:after{border-width:10px;content:""}.popover.top>.arrow{left:50%;margin-left:-11px;border-bottom-width:0;border-top-color:#999;border-top-color:rgba(0,0,0,0.25);bottom:-11px}.popover.top>.arrow:after{content:" ";bottom:1px;margin-left:-10px;border-bottom-width:0;border-top-color:#fff}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-left-width:0;border-right-color:#999;border-right-color:rgba(0,0,0,0.25)}.popover.right>.arrow:after{content:" ";left:1px;bottom:-10px;border-left-width:0;border-right-color:#fff}.popover.bottom>.arrow{left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,0.25);top:-11px}.popover.bottom>.arrow:after{content:" ";top:1px;margin-left:-10px;border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,0.25)}.popover.left>.arrow:after{content:" ";right:1px;border-right-width:0;border-left-color:#fff;bottom:-10px}.clearfix:before,.clearfix:after,.dl-horizontal dd:before,.dl-horizontal dd:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after,.form-horizontal .form-group:before,.form-horizontal .form-group:after,.btn-toolbar:before,.btn-toolbar:after,.btn-group-vertical>.btn-group:before,.btn-group-vertical>.btn-group:after,.nav:before,.nav:after,.navbar:before,.navbar:after,.navbar-header:before,.navbar-header:after,.navbar-collapse:before,.navbar-collapse:after,.pager:before,.pager:after{content:" ";display:table}.clearfix:after,.dl-horizontal dd:after,.container:after,.container-fluid:after,.row:after,.form-horizontal .form-group:after,.btn-toolbar:after,.btn-group-vertical>.btn-group:after,.nav:after,.navbar:after,.navbar-header:after,.navbar-collapse:after,.pager:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right !important}.pull-left{float:left !important}.hide{display:none !important}.show{display:block !important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none !important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-xs,.visible-sm,.visible-md,.visible-lg{display:none !important}.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block{display:none !important}@media (max-width:767px){.visible-xs{display:block !important}table.visible-xs{display:table !important}tr.visible-xs{display:table-row !important}th.visible-xs,td.visible-xs{display:table-cell !important}}@media (max-width:767px){.visible-xs-block{display:block !important}}@media (max-width:767px){.visible-xs-inline{display:inline !important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block !important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block !important}table.visible-sm{display:table !important}tr.visible-sm{display:table-row !important}th.visible-sm,td.visible-sm{display:table-cell !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block !important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block !important}table.visible-md{display:table !important}tr.visible-md{display:table-row !important}th.visible-md,td.visible-md{display:table-cell !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block !important}}@media (min-width:1200px){.visible-lg{display:block !important}table.visible-lg{display:table !important}tr.visible-lg{display:table-row !important}th.visible-lg,td.visible-lg{display:table-cell !important}}@media (min-width:1200px){.visible-lg-block{display:block !important}}@media (min-width:1200px){.visible-lg-inline{display:inline !important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block !important}}@media (max-width:767px){.hidden-xs{display:none !important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none !important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none !important}}@media (min-width:1200px){.hidden-lg{display:none !important}}.visible-print{display:none !important}@media print{.visible-print{display:block !important}table.visible-print{display:table !important}tr.visible-print{display:table-row !important}th.visible-print,td.visible-print{display:table-cell !important}}.visible-print-block{display:none !important}@media print{.visible-print-block{display:block !important}}.visible-print-inline{display:none !important}@media print{.visible-print-inline{display:inline !important}}.visible-print-inline-block{display:none !important}@media print{.visible-print-inline-block{display:inline-block !important}}@media print{.hidden-print{display:none !important}} \ No newline at end of file diff --git a/themes/zuitedesk/css/comments.css b/themes/zuitedesk/css/comments.css new file mode 100644 index 0000000..e9659cb --- /dev/null +++ b/themes/zuitedesk/css/comments.css @@ -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; +} diff --git a/themes/zuitedesk/css/editor.css b/themes/zuitedesk/css/editor.css new file mode 100644 index 0000000..7ccbf1c --- /dev/null +++ b/themes/zuitedesk/css/editor.css @@ -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; +} diff --git a/themes/zuitedesk/css/extlink.css b/themes/zuitedesk/css/extlink.css new file mode 100644 index 0000000..855f537 --- /dev/null +++ b/themes/zuitedesk/css/extlink.css @@ -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; + } +} diff --git a/themes/zuitedesk/css/fonticons.css b/themes/zuitedesk/css/fonticons.css new file mode 100755 index 0000000..869cc9f --- /dev/null +++ b/themes/zuitedesk/css/fonticons.css @@ -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'; } /* '' */ \ No newline at end of file diff --git a/themes/zuitedesk/css/forms.css b/themes/zuitedesk/css/forms.css new file mode 100644 index 0000000..75ad3f5 --- /dev/null +++ b/themes/zuitedesk/css/forms.css @@ -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; +} \ No newline at end of file diff --git a/themes/zuitedesk/css/frontpage-animate.css b/themes/zuitedesk/css/frontpage-animate.css new file mode 100644 index 0000000..cec9310 --- /dev/null +++ b/themes/zuitedesk/css/frontpage-animate.css @@ -0,0 +1,3131 @@ +.animated{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;}.animated.hinge{-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;}@-webkit-keyframes flash { + 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;} +} + +@-moz-keyframes flash { + 0%, 50%, 100% {opacity: 1;} + 25%, 75% {opacity: 0;} +} + +@-o-keyframes flash { + 0%, 50%, 100% {opacity: 1;} + 25%, 75% {opacity: 0;} +} + +@keyframes flash { + 0%, 50%, 100% {opacity: 1;} + 25%, 75% {opacity: 0;} +} + +.flash { + -webkit-animation-name: flash; + -moz-animation-name: flash; + -o-animation-name: flash; + animation-name: flash; +} +@-webkit-keyframes shake { + 0%, 100% {-webkit-transform: translateX(0);} + 10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);} + 20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);} +} + +@-moz-keyframes shake { + 0%, 100% {-moz-transform: translateX(0);} + 10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);} + 20%, 40%, 60%, 80% {-moz-transform: translateX(10px);} +} + +@-o-keyframes shake { + 0%, 100% {-o-transform: translateX(0);} + 10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);} + 20%, 40%, 60%, 80% {-o-transform: translateX(10px);} +} + +@keyframes shake { + 0%, 100% {transform: translateX(0);} + 10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);} + 20%, 40%, 60%, 80% {transform: translateX(10px);} +} + +.shake { + -webkit-animation-name: shake; + -moz-animation-name: shake; + -o-animation-name: shake; + animation-name: shake; +} +@-webkit-keyframes bounce { + 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} + 40% {-webkit-transform: translateY(-30px);} + 60% {-webkit-transform: translateY(-15px);} +} + +@-moz-keyframes bounce { + 0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);} + 40% {-moz-transform: translateY(-30px);} + 60% {-moz-transform: translateY(-15px);} +} + +@-o-keyframes bounce { + 0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);} + 40% {-o-transform: translateY(-30px);} + 60% {-o-transform: translateY(-15px);} +} +@keyframes bounce { + 0%, 20%, 50%, 80%, 100% {transform: translateY(0);} + 40% {transform: translateY(-30px);} + 60% {transform: translateY(-15px);} +} + +.bounce { + -webkit-animation-name: bounce; + -moz-animation-name: bounce; + -o-animation-name: bounce; + animation-name: bounce; +} +@-webkit-keyframes tada { + 0% {-webkit-transform: scale(1);} + 10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);} + 30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);} + 40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);} + 100% {-webkit-transform: scale(1) rotate(0);} +} + +@-moz-keyframes tada { + 0% {-moz-transform: scale(1);} + 10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);} + 30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);} + 40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);} + 100% {-moz-transform: scale(1) rotate(0);} +} + +@-o-keyframes tada { + 0% {-o-transform: scale(1);} + 10%, 20% {-o-transform: scale(0.9) rotate(-3deg);} + 30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(3deg);} + 40%, 60%, 80% {-o-transform: scale(1.1) rotate(-3deg);} + 100% {-o-transform: scale(1) rotate(0);} +} + +@keyframes tada { + 0% {transform: scale(1);} + 10%, 20% {transform: scale(0.9) rotate(-3deg);} + 30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);} + 40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);} + 100% {transform: scale(1) rotate(0);} +} + +.tada { + -webkit-animation-name: tada; + -moz-animation-name: tada; + -o-animation-name: tada; + animation-name: tada; +} +@-webkit-keyframes swing { + 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; } + 20% { -webkit-transform: rotate(15deg); } + 40% { -webkit-transform: rotate(-10deg); } + 60% { -webkit-transform: rotate(5deg); } + 80% { -webkit-transform: rotate(-5deg); } + 100% { -webkit-transform: rotate(0deg); } +} + +@-moz-keyframes swing { + 20% { -moz-transform: rotate(15deg); } + 40% { -moz-transform: rotate(-10deg); } + 60% { -moz-transform: rotate(5deg); } + 80% { -moz-transform: rotate(-5deg); } + 100% { -moz-transform: rotate(0deg); } +} + +@-o-keyframes swing { + 20% { -o-transform: rotate(15deg); } + 40% { -o-transform: rotate(-10deg); } + 60% { -o-transform: rotate(5deg); } + 80% { -o-transform: rotate(-5deg); } + 100% { -o-transform: rotate(0deg); } +} + +@keyframes swing { + 20% { transform: rotate(15deg); } + 40% { transform: rotate(-10deg); } + 60% { transform: rotate(5deg); } + 80% { transform: rotate(-5deg); } + 100% { transform: rotate(0deg); } +} + +.swing { + -webkit-transform-origin: top center; + -moz-transform-origin: top center; + -o-transform-origin: top center; + transform-origin: top center; + -webkit-animation-name: swing; + -moz-animation-name: swing; + -o-animation-name: swing; + animation-name: swing; +} +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@-webkit-keyframes wobble { + 0% { -webkit-transform: translateX(0%); } + 15% { -webkit-transform: translateX(-25%) rotate(-5deg); } + 30% { -webkit-transform: translateX(20%) rotate(3deg); } + 45% { -webkit-transform: translateX(-15%) rotate(-3deg); } + 60% { -webkit-transform: translateX(10%) rotate(2deg); } + 75% { -webkit-transform: translateX(-5%) rotate(-1deg); } + 100% { -webkit-transform: translateX(0%); } +} + +@-moz-keyframes wobble { + 0% { -moz-transform: translateX(0%); } + 15% { -moz-transform: translateX(-25%) rotate(-5deg); } + 30% { -moz-transform: translateX(20%) rotate(3deg); } + 45% { -moz-transform: translateX(-15%) rotate(-3deg); } + 60% { -moz-transform: translateX(10%) rotate(2deg); } + 75% { -moz-transform: translateX(-5%) rotate(-1deg); } + 100% { -moz-transform: translateX(0%); } +} + +@-o-keyframes wobble { + 0% { -o-transform: translateX(0%); } + 15% { -o-transform: translateX(-25%) rotate(-5deg); } + 30% { -o-transform: translateX(20%) rotate(3deg); } + 45% { -o-transform: translateX(-15%) rotate(-3deg); } + 60% { -o-transform: translateX(10%) rotate(2deg); } + 75% { -o-transform: translateX(-5%) rotate(-1deg); } + 100% { -o-transform: translateX(0%); } +} + +@keyframes wobble { + 0% { transform: translateX(0%); } + 15% { transform: translateX(-25%) rotate(-5deg); } + 30% { transform: translateX(20%) rotate(3deg); } + 45% { transform: translateX(-15%) rotate(-3deg); } + 60% { transform: translateX(10%) rotate(2deg); } + 75% { transform: translateX(-5%) rotate(-1deg); } + 100% { transform: translateX(0%); } +} + +.wobble { + -webkit-animation-name: wobble; + -moz-animation-name: wobble; + -o-animation-name: wobble; + animation-name: wobble; +} +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@-webkit-keyframes pulse { + 0% { -webkit-transform: scale(1); } + 50% { -webkit-transform: scale(1.1); } + 100% { -webkit-transform: scale(1); } +} +@-moz-keyframes pulse { + 0% { -moz-transform: scale(1); } + 50% { -moz-transform: scale(1.1); } + 100% { -moz-transform: scale(1); } +} +@-o-keyframes pulse { + 0% { -o-transform: scale(1); } + 50% { -o-transform: scale(1.1); } + 100% { -o-transform: scale(1); } +} +@keyframes pulse { + 0% { transform: scale(1); } + 50% { transform: scale(1.1); } + 100% { transform: scale(1); } +} + +.pulse { + -webkit-animation-name: pulse; + -moz-animation-name: pulse; + -o-animation-name: pulse; + animation-name: pulse; +} +@-webkit-keyframes flip { + 0% { + -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); + -webkit-animation-timing-function: ease-out; + } + 40% { + -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); + -webkit-animation-timing-function: ease-out; + } + 50% { + -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); + -webkit-animation-timing-function: ease-in; + } + 80% { + -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); + -webkit-animation-timing-function: ease-in; + } + 100% { + -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); + -webkit-animation-timing-function: ease-in; + } +} +@-moz-keyframes flip { + 0% { + -moz-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); + -moz-animation-timing-function: ease-out; + } + 40% { + -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); + -moz-animation-timing-function: ease-out; + } + 50% { + -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); + -moz-animation-timing-function: ease-in; + } + 80% { + -moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); + -moz-animation-timing-function: ease-in; + } + 100% { + -moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); + -moz-animation-timing-function: ease-in; + } +} +@-o-keyframes flip { + 0% { + -o-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); + -o-animation-timing-function: ease-out; + } + 40% { + -o-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); + -o-animation-timing-function: ease-out; + } + 50% { + -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); + -o-animation-timing-function: ease-in; + } + 80% { + -o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); + -o-animation-timing-function: ease-in; + } + 100% { + -o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); + -o-animation-timing-function: ease-in; + } +} +@keyframes flip { + 0% { + transform: perspective(400px) translateZ(0) rotateY(0) scale(1); + animation-timing-function: ease-out; + } + 40% { + transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); + animation-timing-function: ease-out; + } + 50% { + transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); + animation-timing-function: ease-in; + } + 80% { + transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); + animation-timing-function: ease-in; + } + 100% { + transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); + animation-timing-function: ease-in; + } +} + +.animated.flip { + -webkit-backface-visibility: visible !important; + -webkit-animation-name: flip; + -moz-backface-visibility: visible !important; + -moz-animation-name: flip; + -o-backface-visibility: visible !important; + -o-animation-name: flip; + backface-visibility: visible !important; + animation-name: flip; +} +@-webkit-keyframes flipInX { + 0% { + -webkit-transform: perspective(400px) rotateX(90deg); + opacity: 0; + } + + 40% { + -webkit-transform: perspective(400px) rotateX(-10deg); + } + + 70% { + -webkit-transform: perspective(400px) rotateX(10deg); + } + + 100% { + -webkit-transform: perspective(400px) rotateX(0deg); + opacity: 1; + } +} +@-moz-keyframes flipInX { + 0% { + -moz-transform: perspective(400px) rotateX(90deg); + opacity: 0; + } + + 40% { + -moz-transform: perspective(400px) rotateX(-10deg); + } + + 70% { + -moz-transform: perspective(400px) rotateX(10deg); + } + + 100% { + -moz-transform: perspective(400px) rotateX(0deg); + opacity: 1; + } +} +@-o-keyframes flipInX { + 0% { + -o-transform: perspective(400px) rotateX(90deg); + opacity: 0; + } + + 40% { + -o-transform: perspective(400px) rotateX(-10deg); + } + + 70% { + -o-transform: perspective(400px) rotateX(10deg); + } + + 100% { + -o-transform: perspective(400px) rotateX(0deg); + opacity: 1; + } +} +@keyframes flipInX { + 0% { + transform: perspective(400px) rotateX(90deg); + opacity: 0; + } + + 40% { + transform: perspective(400px) rotateX(-10deg); + } + + 70% { + transform: perspective(400px) rotateX(10deg); + } + + 100% { + transform: perspective(400px) rotateX(0deg); + opacity: 1; + } +} + +.flipInX { + -webkit-backface-visibility: visible !important; + -webkit-animation-name: flipInX; + -moz-backface-visibility: visible !important; + -moz-animation-name: flipInX; + -o-backface-visibility: visible !important; + -o-animation-name: flipInX; + backface-visibility: visible !important; + animation-name: flipInX; +} +@-webkit-keyframes flipOutX { + 0% { + -webkit-transform: perspective(400px) rotateX(0deg); + opacity: 1; + } + 100% { + -webkit-transform: perspective(400px) rotateX(90deg); + opacity: 0; + } +} + +@-moz-keyframes flipOutX { + 0% { + -moz-transform: perspective(400px) rotateX(0deg); + opacity: 1; + } + 100% { + -moz-transform: perspective(400px) rotateX(90deg); + opacity: 0; + } +} + +@-o-keyframes flipOutX { + 0% { + -o-transform: perspective(400px) rotateX(0deg); + opacity: 1; + } + 100% { + -o-transform: perspective(400px) rotateX(90deg); + opacity: 0; + } +} + +@keyframes flipOutX { + 0% { + transform: perspective(400px) rotateX(0deg); + opacity: 1; + } + 100% { + transform: perspective(400px) rotateX(90deg); + opacity: 0; + } +} + +.flipOutX { + -webkit-animation-name: flipOutX; + -webkit-backface-visibility: visible !important; + -moz-animation-name: flipOutX; + -moz-backface-visibility: visible !important; + -o-animation-name: flipOutX; + -o-backface-visibility: visible !important; + animation-name: flipOutX; + backface-visibility: visible !important; +} +@-webkit-keyframes flipInY { + 0% { + -webkit-transform: perspective(400px) rotateY(90deg); + opacity: 0; + } + + 40% { + -webkit-transform: perspective(400px) rotateY(-10deg); + } + + 70% { + -webkit-transform: perspective(400px) rotateY(10deg); + } + + 100% { + -webkit-transform: perspective(400px) rotateY(0deg); + opacity: 1; + } +} +@-moz-keyframes flipInY { + 0% { + -moz-transform: perspective(400px) rotateY(90deg); + opacity: 0; + } + + 40% { + -moz-transform: perspective(400px) rotateY(-10deg); + } + + 70% { + -moz-transform: perspective(400px) rotateY(10deg); + } + + 100% { + -moz-transform: perspective(400px) rotateY(0deg); + opacity: 1; + } +} +@-o-keyframes flipInY { + 0% { + -o-transform: perspective(400px) rotateY(90deg); + opacity: 0; + } + + 40% { + -o-transform: perspective(400px) rotateY(-10deg); + } + + 70% { + -o-transform: perspective(400px) rotateY(10deg); + } + + 100% { + -o-transform: perspective(400px) rotateY(0deg); + opacity: 1; + } +} +@keyframes flipInY { + 0% { + transform: perspective(400px) rotateY(90deg); + opacity: 0; + } + + 40% { + transform: perspective(400px) rotateY(-10deg); + } + + 70% { + transform: perspective(400px) rotateY(10deg); + } + + 100% { + transform: perspective(400px) rotateY(0deg); + opacity: 1; + } +} + +.flipInY { + -webkit-backface-visibility: visible !important; + -webkit-animation-name: flipInY; + -moz-backface-visibility: visible !important; + -moz-animation-name: flipInY; + -o-backface-visibility: visible !important; + -o-animation-name: flipInY; + backface-visibility: visible !important; + animation-name: flipInY; +} +@-webkit-keyframes flipOutY { + 0% { + -webkit-transform: perspective(400px) rotateY(0deg); + opacity: 1; + } + 100% { + -webkit-transform: perspective(400px) rotateY(90deg); + opacity: 0; + } +} +@-moz-keyframes flipOutY { + 0% { + -moz-transform: perspective(400px) rotateY(0deg); + opacity: 1; + } + 100% { + -moz-transform: perspective(400px) rotateY(90deg); + opacity: 0; + } +} +@-o-keyframes flipOutY { + 0% { + -o-transform: perspective(400px) rotateY(0deg); + opacity: 1; + } + 100% { + -o-transform: perspective(400px) rotateY(90deg); + opacity: 0; + } +} +@keyframes flipOutY { + 0% { + transform: perspective(400px) rotateY(0deg); + opacity: 1; + } + 100% { + transform: perspective(400px) rotateY(90deg); + opacity: 0; + } +} + +.flipOutY { + -webkit-backface-visibility: visible !important; + -webkit-animation-name: flipOutY; + -moz-backface-visibility: visible !important; + -moz-animation-name: flipOutY; + -o-backface-visibility: visible !important; + -o-animation-name: flipOutY; + backface-visibility: visible !important; + animation-name: flipOutY; +} +@-webkit-keyframes fadeIn { + 0% {opacity: 0;} + 100% {opacity: 1;} +} + +@-moz-keyframes fadeIn { + 0% {opacity: 0;} + 100% {opacity: 1;} +} + +@-o-keyframes fadeIn { + 0% {opacity: 0;} + 100% {opacity: 1;} +} + +@keyframes fadeIn { + 0% {opacity: 0;} + 100% {opacity: 1;} +} + +.fadeIn { + -webkit-animation-name: fadeIn; + -moz-animation-name: fadeIn; + -o-animation-name: fadeIn; + animation-name: fadeIn; +} +@-webkit-keyframes fadeInUp { + 0% { + opacity: 0; + -webkit-transform: translateY(20px); + } + + 100% { + opacity: 1; + -webkit-transform: translateY(0); + } +} + +@-moz-keyframes fadeInUp { + 0% { + opacity: 0; + -moz-transform: translateY(20px); + } + + 100% { + opacity: 1; + -moz-transform: translateY(0); + } +} + +@-o-keyframes fadeInUp { + 0% { + opacity: 0; + -o-transform: translateY(20px); + } + + 100% { + opacity: 1; + -o-transform: translateY(0); + } +} + +@keyframes fadeInUp { + 0% { + opacity: 0; + transform: translateY(20px); + } + + 100% { + opacity: 1; + transform: translateY(0); + } +} + +.fadeInUp { + -webkit-animation-name: fadeInUp; + -moz-animation-name: fadeInUp; + -o-animation-name: fadeInUp; + animation-name: fadeInUp; +} +@-webkit-keyframes fadeInDown { + 0% { + opacity: 0; + -webkit-transform: translateY(-20px); + } + + 100% { + opacity: 1; + -webkit-transform: translateY(-1px); + } +} + +@-moz-keyframes fadeInDown { + 0% { + opacity: 0; + -moz-transform: translateY(-20px); + } + + 100% { + opacity: 1; + -moz-transform: translateY(-1px); + } +} + +@-o-keyframes fadeInDown { + 0% { + opacity: 0; + -o-transform: translateY(-20px); + } + + 100% { + opacity: 1; + -o-transform: translateY(-1px); + } +} + +@keyframes fadeInDown { + 0% { + opacity: 0; + transform: translateY(-20px); + } + + 100% { + opacity: 1; + transform: translateY(-1px); + } +} + +.fadeInDown { + -webkit-animation-name: fadeInDown; + -moz-animation-name: fadeInDown; + -o-animation-name: fadeInDown; + animation-name: fadeInDown; +} +@-webkit-keyframes fadeInLeft { + 0% { + opacity: 0; + -webkit-transform: translateX(-20px); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0); + } +} + +@-moz-keyframes fadeInLeft { + 0% { + opacity: 0; + -moz-transform: translateX(-20px); + } + + 100% { + opacity: 1; + -moz-transform: translateX(0); + } +} + +@-o-keyframes fadeInLeft { + 0% { + opacity: 0; + -o-transform: translateX(-20px); + } + + 100% { + opacity: 1; + -o-transform: translateX(0); + } +} + +@keyframes fadeInLeft { + 0% { + opacity: 0; + transform: translateX(-20px); + } + + 100% { + opacity: 1; + transform: translateX(0); + } +} + +.fadeInLeft { + -webkit-animation-name: fadeInLeft; + -moz-animation-name: fadeInLeft; + -o-animation-name: fadeInLeft; + animation-name: fadeInLeft; +} +@-webkit-keyframes fadeInRight { + 0% { + opacity: 0; + -webkit-transform: translateX(20px); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0); + } +} + +@-moz-keyframes fadeInRight { + 0% { + opacity: 0; + -moz-transform: translateX(20px); + } + + 100% { + opacity: 1; + -moz-transform: translateX(0); + } +} + +@-o-keyframes fadeInRight { + 0% { + opacity: 0; + -o-transform: translateX(20px); + } + + 100% { + opacity: 1; + -o-transform: translateX(0); + } +} + +@keyframes fadeInRight { + 0% { + opacity: 0; + transform: translateX(20px); + } + + 100% { + opacity: 1; + transform: translateX(0); + } +} + +.fadeInRight { + -webkit-animation-name: fadeInRight; + -moz-animation-name: fadeInRight; + -o-animation-name: fadeInRight; + animation-name: fadeInRight; +} +@-webkit-keyframes fadeInUpBig { + 0% { + opacity: 0; + -webkit-transform: translateY(2000px); + } + + 100% { + opacity: 1; + -webkit-transform: translateY(0); + } +} + +@-moz-keyframes fadeInUpBig { + 0% { + opacity: 0; + -moz-transform: translateY(2000px); + } + + 100% { + opacity: 1; + -moz-transform: translateY(0); + } +} + +@-o-keyframes fadeInUpBig { + 0% { + opacity: 0; + -o-transform: translateY(2000px); + } + + 100% { + opacity: 1; + -o-transform: translateY(0); + } +} + +@keyframes fadeInUpBig { + 0% { + opacity: 0; + transform: translateY(2000px); + } + + 100% { + opacity: 1; + transform: translateY(0); + } +} + +.fadeInUpBig { + -webkit-animation-name: fadeInUpBig; + -moz-animation-name: fadeInUpBig; + -o-animation-name: fadeInUpBig; + animation-name: fadeInUpBig; +} +@-webkit-keyframes fadeInDownBig { + 0% { + opacity: 0; + -webkit-transform: translateY(-2000px); + } + + 100% { + opacity: 1; + -webkit-transform: translateY(0); + } +} + +@-moz-keyframes fadeInDownBig { + 0% { + opacity: 0; + -moz-transform: translateY(-2000px); + } + + 100% { + opacity: 1; + -moz-transform: translateY(0); + } +} + +@-o-keyframes fadeInDownBig { + 0% { + opacity: 0; + -o-transform: translateY(-2000px); + } + + 100% { + opacity: 1; + -o-transform: translateY(0); + } +} + +@keyframes fadeInDownBig { + 0% { + opacity: 0; + transform: translateY(-2000px); + } + + 100% { + opacity: 1; + transform: translateY(0); + } +} + +.fadeInDownBig { + -webkit-animation-name: fadeInDownBig; + -moz-animation-name: fadeInDownBig; + -o-animation-name: fadeInDownBig; + animation-name: fadeInDownBig; +} +@-webkit-keyframes fadeInLeftBig { + 0% { + opacity: 0; + -webkit-transform: translateX(-2000px); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0); + } +} +@-moz-keyframes fadeInLeftBig { + 0% { + opacity: 0; + -moz-transform: translateX(-2000px); + } + + 100% { + opacity: 1; + -moz-transform: translateX(0); + } +} +@-o-keyframes fadeInLeftBig { + 0% { + opacity: 0; + -o-transform: translateX(-2000px); + } + + 100% { + opacity: 1; + -o-transform: translateX(0); + } +} +@keyframes fadeInLeftBig { + 0% { + opacity: 0; + transform: translateX(-2000px); + } + + 100% { + opacity: 1; + transform: translateX(0); + } +} + +.fadeInLeftBig { + -webkit-animation-name: fadeInLeftBig; + -moz-animation-name: fadeInLeftBig; + -o-animation-name: fadeInLeftBig; + animation-name: fadeInLeftBig; +} +@-webkit-keyframes fadeInRightBig { + 0% { + opacity: 0; + -webkit-transform: translateX(2000px); + } + + 100% { + opacity: 1; + -webkit-transform: translateX(0); + } +} + +@-moz-keyframes fadeInRightBig { + 0% { + opacity: 0; + -moz-transform: translateX(2000px); + } + + 100% { + opacity: 1; + -moz-transform: translateX(0); + } +} + +@-o-keyframes fadeInRightBig { + 0% { + opacity: 0; + -o-transform: translateX(2000px); + } + + 100% { + opacity: 1; + -o-transform: translateX(0); + } +} + +@keyframes fadeInRightBig { + 0% { + opacity: 0; + transform: translateX(2000px); + } + + 100% { + opacity: 1; + transform: translateX(0); + } +} + +.fadeInRightBig { + -webkit-animation-name: fadeInRightBig; + -moz-animation-name: fadeInRightBig; + -o-animation-name: fadeInRightBig; + animation-name: fadeInRightBig; +} +@-webkit-keyframes fadeOut { + 0% {opacity: 1;} + 100% {opacity: 0;} +} + +@-moz-keyframes fadeOut { + 0% {opacity: 1;} + 100% {opacity: 0;} +} + +@-o-keyframes fadeOut { + 0% {opacity: 1;} + 100% {opacity: 0;} +} + +@keyframes fadeOut { + 0% {opacity: 1;} + 100% {opacity: 0;} +} + +.fadeOut { + -webkit-animation-name: fadeOut; + -moz-animation-name: fadeOut; + -o-animation-name: fadeOut; + animation-name: fadeOut; +} +@-webkit-keyframes fadeOutUp { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(-20px); + } +} +@-moz-keyframes fadeOutUp { + 0% { + opacity: 1; + -moz-transform: translateY(0); + } + + 100% { + opacity: 0; + -moz-transform: translateY(-20px); + } +} +@-o-keyframes fadeOutUp { + 0% { + opacity: 1; + -o-transform: translateY(0); + } + + 100% { + opacity: 0; + -o-transform: translateY(-20px); + } +} +@keyframes fadeOutUp { + 0% { + opacity: 1; + transform: translateY(0); + } + + 100% { + opacity: 0; + transform: translateY(-20px); + } +} + +.fadeOutUp { + -webkit-animation-name: fadeOutUp; + -moz-animation-name: fadeOutUp; + -o-animation-name: fadeOutUp; + animation-name: fadeOutUp; +} +@-webkit-keyframes fadeOutDown { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(20px); + } +} + +@-moz-keyframes fadeOutDown { + 0% { + opacity: 1; + -moz-transform: translateY(0); + } + + 100% { + opacity: 0; + -moz-transform: translateY(20px); + } +} + +@-o-keyframes fadeOutDown { + 0% { + opacity: 1; + -o-transform: translateY(0); + } + + 100% { + opacity: 0; + -o-transform: translateY(20px); + } +} + +@keyframes fadeOutDown { + 0% { + opacity: 1; + transform: translateY(0); + } + + 100% { + opacity: 0; + transform: translateY(20px); + } +} + +.fadeOutDown { + -webkit-animation-name: fadeOutDown; + -moz-animation-name: fadeOutDown; + -o-animation-name: fadeOutDown; + animation-name: fadeOutDown; +} +@-webkit-keyframes fadeOutLeft { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(-20px); + } +} + +@-moz-keyframes fadeOutLeft { + 0% { + opacity: 1; + -moz-transform: translateX(0); + } + + 100% { + opacity: 0; + -moz-transform: translateX(-20px); + } +} + +@-o-keyframes fadeOutLeft { + 0% { + opacity: 1; + -o-transform: translateX(0); + } + + 100% { + opacity: 0; + -o-transform: translateX(-20px); + } +} + +@keyframes fadeOutLeft { + 0% { + opacity: 1; + transform: translateX(0); + } + + 100% { + opacity: 0; + transform: translateX(-20px); + } +} + +.fadeOutLeft { + -webkit-animation-name: fadeOutLeft; + -moz-animation-name: fadeOutLeft; + -o-animation-name: fadeOutLeft; + animation-name: fadeOutLeft; +} +@-webkit-keyframes fadeOutRight { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(20px); + } +} + +@-moz-keyframes fadeOutRight { + 0% { + opacity: 1; + -moz-transform: translateX(0); + } + + 100% { + opacity: 0; + -moz-transform: translateX(20px); + } +} + +@-o-keyframes fadeOutRight { + 0% { + opacity: 1; + -o-transform: translateX(0); + } + + 100% { + opacity: 0; + -o-transform: translateX(20px); + } +} + +@keyframes fadeOutRight { + 0% { + opacity: 1; + transform: translateX(0); + } + + 100% { + opacity: 0; + transform: translateX(20px); + } +} + +.fadeOutRight { + -webkit-animation-name: fadeOutRight; + -moz-animation-name: fadeOutRight; + -o-animation-name: fadeOutRight; + animation-name: fadeOutRight; +} +@-webkit-keyframes fadeOutUpBig { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(-2000px); + } +} + +@-moz-keyframes fadeOutUpBig { + 0% { + opacity: 1; + -moz-transform: translateY(0); + } + + 100% { + opacity: 0; + -moz-transform: translateY(-2000px); + } +} + +@-o-keyframes fadeOutUpBig { + 0% { + opacity: 1; + -o-transform: translateY(0); + } + + 100% { + opacity: 0; + -o-transform: translateY(-2000px); + } +} + +@keyframes fadeOutUpBig { + 0% { + opacity: 1; + transform: translateY(0); + } + + 100% { + opacity: 0; + transform: translateY(-2000px); + } +} + +.fadeOutUpBig { + -webkit-animation-name: fadeOutUpBig; + -moz-animation-name: fadeOutUpBig; + -o-animation-name: fadeOutUpBig; + animation-name: fadeOutUpBig; +} +@-webkit-keyframes fadeOutDownBig { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(2000px); + } +} + +@-moz-keyframes fadeOutDownBig { + 0% { + opacity: 1; + -moz-transform: translateY(0); + } + + 100% { + opacity: 0; + -moz-transform: translateY(2000px); + } +} + +@-o-keyframes fadeOutDownBig { + 0% { + opacity: 1; + -o-transform: translateY(0); + } + + 100% { + opacity: 0; + -o-transform: translateY(2000px); + } +} + +@keyframes fadeOutDownBig { + 0% { + opacity: 1; + transform: translateY(0); + } + + 100% { + opacity: 0; + transform: translateY(2000px); + } +} + +.fadeOutDownBig { + -webkit-animation-name: fadeOutDownBig; + -moz-animation-name: fadeOutDownBig; + -o-animation-name: fadeOutDownBig; + animation-name: fadeOutDownBig; +} +@-webkit-keyframes fadeOutLeftBig { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(-2000px); + } +} + +@-moz-keyframes fadeOutLeftBig { + 0% { + opacity: 1; + -moz-transform: translateX(0); + } + + 100% { + opacity: 0; + -moz-transform: translateX(-2000px); + } +} + +@-o-keyframes fadeOutLeftBig { + 0% { + opacity: 1; + -o-transform: translateX(0); + } + + 100% { + opacity: 0; + -o-transform: translateX(-2000px); + } +} + +@keyframes fadeOutLeftBig { + 0% { + opacity: 1; + transform: translateX(0); + } + + 100% { + opacity: 0; + transform: translateX(-2000px); + } +} + +.fadeOutLeftBig { + -webkit-animation-name: fadeOutLeftBig; + -moz-animation-name: fadeOutLeftBig; + -o-animation-name: fadeOutLeftBig; + animation-name: fadeOutLeftBig; +} +@-webkit-keyframes fadeOutRightBig { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(2000px); + } +} +@-moz-keyframes fadeOutRightBig { + 0% { + opacity: 1; + -moz-transform: translateX(0); + } + + 100% { + opacity: 0; + -moz-transform: translateX(2000px); + } +} +@-o-keyframes fadeOutRightBig { + 0% { + opacity: 1; + -o-transform: translateX(0); + } + + 100% { + opacity: 0; + -o-transform: translateX(2000px); + } +} +@keyframes fadeOutRightBig { + 0% { + opacity: 1; + transform: translateX(0); + } + + 100% { + opacity: 0; + transform: translateX(2000px); + } +} + +.fadeOutRightBig { + -webkit-animation-name: fadeOutRightBig; + -moz-animation-name: fadeOutRightBig; + -o-animation-name: fadeOutRightBig; + animation-name: fadeOutRightBig; +} +@-webkit-keyframes bounceIn { + 0% { + opacity: 0; + -webkit-transform: scale(.3); + } + + 50% { + opacity: 1; + -webkit-transform: scale(1.05); + } + + 70% { + -webkit-transform: scale(.9); + } + + 100% { + -webkit-transform: scale(1); + } +} + +@-moz-keyframes bounceIn { + 0% { + opacity: 0; + -moz-transform: scale(.3); + } + + 50% { + opacity: 1; + -moz-transform: scale(1.05); + } + + 70% { + -moz-transform: scale(.9); + } + + 100% { + -moz-transform: scale(1); + } +} + +@-o-keyframes bounceIn { + 0% { + opacity: 0; + -o-transform: scale(.3); + } + + 50% { + opacity: 1; + -o-transform: scale(1.05); + } + + 70% { + -o-transform: scale(.9); + } + + 100% { + -o-transform: scale(1); + } +} + +@keyframes bounceIn { + 0% { + opacity: 0; + transform: scale(.3); + } + + 50% { + opacity: 1; + transform: scale(1.05); + } + + 70% { + transform: scale(.9); + } + + 100% { + transform: scale(1); + } +} + +.bounceIn { + -webkit-animation-name: bounceIn; + -moz-animation-name: bounceIn; + -o-animation-name: bounceIn; + animation-name: bounceIn; +} +@-webkit-keyframes bounceInUp { + 0% { + opacity: 0; + -webkit-transform: translateY(2000px); + } + + 60% { + opacity: 1; + -webkit-transform: translateY(-30px); + } + + 80% { + -webkit-transform: translateY(10px); + } + + 100% { + -webkit-transform: translateY(0); + } +} +@-moz-keyframes bounceInUp { + 0% { + opacity: 0; + -moz-transform: translateY(2000px); + } + + 60% { + opacity: 1; + -moz-transform: translateY(-30px); + } + + 80% { + -moz-transform: translateY(10px); + } + + 100% { + -moz-transform: translateY(0); + } +} + +@-o-keyframes bounceInUp { + 0% { + opacity: 0; + -o-transform: translateY(2000px); + } + + 60% { + opacity: 1; + -o-transform: translateY(-30px); + } + + 80% { + -o-transform: translateY(10px); + } + + 100% { + -o-transform: translateY(0); + } +} + +@keyframes bounceInUp { + 0% { + opacity: 0; + transform: translateY(2000px); + } + + 60% { + opacity: 1; + transform: translateY(-30px); + } + + 80% { + transform: translateY(10px); + } + + 100% { + transform: translateY(0); + } +} + +.bounceInUp { + -webkit-animation-name: bounceInUp; + -moz-animation-name: bounceInUp; + -o-animation-name: bounceInUp; + animation-name: bounceInUp; +} +@-webkit-keyframes bounceInDown { + 0% { + opacity: 0; + -webkit-transform: translateY(-2000px); + } + + 60% { + opacity: 1; + -webkit-transform: translateY(30px); + } + + 80% { + -webkit-transform: translateY(-10px); + } + + 100% { + -webkit-transform: translateY(0); + } +} + +@-moz-keyframes bounceInDown { + 0% { + opacity: 0; + -moz-transform: translateY(-2000px); + } + + 60% { + opacity: 1; + -moz-transform: translateY(30px); + } + + 80% { + -moz-transform: translateY(-10px); + } + + 100% { + -moz-transform: translateY(0); + } +} + +@-o-keyframes bounceInDown { + 0% { + opacity: 0; + -o-transform: translateY(-2000px); + } + + 60% { + opacity: 1; + -o-transform: translateY(30px); + } + + 80% { + -o-transform: translateY(-10px); + } + + 100% { + -o-transform: translateY(0); + } +} + +@keyframes bounceInDown { + 0% { + opacity: 0; + transform: translateY(-2000px); + } + + 60% { + opacity: 1; + transform: translateY(30px); + } + + 80% { + transform: translateY(-10px); + } + + 100% { + transform: translateY(0); + } +} + +.bounceInDown { + -webkit-animation-name: bounceInDown; + -moz-animation-name: bounceInDown; + -o-animation-name: bounceInDown; + animation-name: bounceInDown; +} +@-webkit-keyframes bounceInLeft { + 0% { + opacity: 0; + -webkit-transform: translateX(-2000px); + } + + 60% { + opacity: 1; + -webkit-transform: translateX(30px); + } + + 80% { + -webkit-transform: translateX(-10px); + } + + 100% { + -webkit-transform: translateX(0); + } +} + +@-moz-keyframes bounceInLeft { + 0% { + opacity: 0; + -moz-transform: translateX(-2000px); + } + + 60% { + opacity: 1; + -moz-transform: translateX(30px); + } + + 80% { + -moz-transform: translateX(-10px); + } + + 100% { + -moz-transform: translateX(0); + } +} + +@-o-keyframes bounceInLeft { + 0% { + opacity: 0; + -o-transform: translateX(-2000px); + } + + 60% { + opacity: 1; + -o-transform: translateX(30px); + } + + 80% { + -o-transform: translateX(-10px); + } + + 100% { + -o-transform: translateX(0); + } +} + +@keyframes bounceInLeft { + 0% { + opacity: 0; + transform: translateX(-2000px); + } + + 60% { + opacity: 1; + transform: translateX(30px); + } + + 80% { + transform: translateX(-10px); + } + + 100% { + transform: translateX(0); + } +} + +.bounceInLeft { + -webkit-animation-name: bounceInLeft; + -moz-animation-name: bounceInLeft; + -o-animation-name: bounceInLeft; + animation-name: bounceInLeft; +} +@-webkit-keyframes bounceInRight { + 0% { + opacity: 0; + -webkit-transform: translateX(2000px); + } + + 60% { + opacity: 1; + -webkit-transform: translateX(-30px); + } + + 80% { + -webkit-transform: translateX(10px); + } + + 100% { + -webkit-transform: translateX(0); + } +} + +@-moz-keyframes bounceInRight { + 0% { + opacity: 0; + -moz-transform: translateX(2000px); + } + + 60% { + opacity: 1; + -moz-transform: translateX(-30px); + } + + 80% { + -moz-transform: translateX(10px); + } + + 100% { + -moz-transform: translateX(0); + } +} + +@-o-keyframes bounceInRight { + 0% { + opacity: 0; + -o-transform: translateX(2000px); + } + + 60% { + opacity: 1; + -o-transform: translateX(-30px); + } + + 80% { + -o-transform: translateX(10px); + } + + 100% { + -o-transform: translateX(0); + } +} + +@keyframes bounceInRight { + 0% { + opacity: 0; + transform: translateX(2000px); + } + + 60% { + opacity: 1; + transform: translateX(-30px); + } + + 80% { + transform: translateX(10px); + } + + 100% { + transform: translateX(0); + } +} + +.bounceInRight { + -webkit-animation-name: bounceInRight; + -moz-animation-name: bounceInRight; + -o-animation-name: bounceInRight; + animation-name: bounceInRight; +} +@-webkit-keyframes bounceOut { + 0% { + -webkit-transform: scale(1); + } + + 25% { + -webkit-transform: scale(.95); + } + + 50% { + opacity: 1; + -webkit-transform: scale(1.1); + } + + 100% { + opacity: 0; + -webkit-transform: scale(.3); + } +} + +@-moz-keyframes bounceOut { + 0% { + -moz-transform: scale(1); + } + + 25% { + -moz-transform: scale(.95); + } + + 50% { + opacity: 1; + -moz-transform: scale(1.1); + } + + 100% { + opacity: 0; + -moz-transform: scale(.3); + } +} + +@-o-keyframes bounceOut { + 0% { + -o-transform: scale(1); + } + + 25% { + -o-transform: scale(.95); + } + + 50% { + opacity: 1; + -o-transform: scale(1.1); + } + + 100% { + opacity: 0; + -o-transform: scale(.3); + } +} + +@keyframes bounceOut { + 0% { + transform: scale(1); + } + + 25% { + transform: scale(.95); + } + + 50% { + opacity: 1; + transform: scale(1.1); + } + + 100% { + opacity: 0; + transform: scale(.3); + } +} + +.bounceOut { + -webkit-animation-name: bounceOut; + -moz-animation-name: bounceOut; + -o-animation-name: bounceOut; + animation-name: bounceOut; +} +@-webkit-keyframes bounceOutUp { + 0% { + -webkit-transform: translateY(0); + } + + 20% { + opacity: 1; + -webkit-transform: translateY(20px); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(-2000px); + } +} + +@-moz-keyframes bounceOutUp { + 0% { + -moz-transform: translateY(0); + } + + 20% { + opacity: 1; + -moz-transform: translateY(20px); + } + + 100% { + opacity: 0; + -moz-transform: translateY(-2000px); + } +} + +@-o-keyframes bounceOutUp { + 0% { + -o-transform: translateY(0); + } + + 20% { + opacity: 1; + -o-transform: translateY(20px); + } + + 100% { + opacity: 0; + -o-transform: translateY(-2000px); + } +} + +@keyframes bounceOutUp { + 0% { + transform: translateY(0); + } + + 20% { + opacity: 1; + transform: translateY(20px); + } + + 100% { + opacity: 0; + transform: translateY(-2000px); + } +} + +.bounceOutUp { + -webkit-animation-name: bounceOutUp; + -moz-animation-name: bounceOutUp; + -o-animation-name: bounceOutUp; + animation-name: bounceOutUp; +} +@-webkit-keyframes bounceOutDown { + 0% { + -webkit-transform: translateY(0); + } + + 20% { + opacity: 1; + -webkit-transform: translateY(-20px); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(2000px); + } +} + +@-moz-keyframes bounceOutDown { + 0% { + -moz-transform: translateY(0); + } + + 20% { + opacity: 1; + -moz-transform: translateY(-20px); + } + + 100% { + opacity: 0; + -moz-transform: translateY(2000px); + } +} + +@-o-keyframes bounceOutDown { + 0% { + -o-transform: translateY(0); + } + + 20% { + opacity: 1; + -o-transform: translateY(-20px); + } + + 100% { + opacity: 0; + -o-transform: translateY(2000px); + } +} + +@keyframes bounceOutDown { + 0% { + transform: translateY(0); + } + + 20% { + opacity: 1; + transform: translateY(-20px); + } + + 100% { + opacity: 0; + transform: translateY(2000px); + } +} + +.bounceOutDown { + -webkit-animation-name: bounceOutDown; + -moz-animation-name: bounceOutDown; + -o-animation-name: bounceOutDown; + animation-name: bounceOutDown; +} +@-webkit-keyframes bounceOutLeft { + 0% { + -webkit-transform: translateX(0); + } + + 20% { + opacity: 1; + -webkit-transform: translateX(20px); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(-2000px); + } +} + +@-moz-keyframes bounceOutLeft { + 0% { + -moz-transform: translateX(0); + } + + 20% { + opacity: 1; + -moz-transform: translateX(20px); + } + + 100% { + opacity: 0; + -moz-transform: translateX(-2000px); + } +} + +@-o-keyframes bounceOutLeft { + 0% { + -o-transform: translateX(0); + } + + 20% { + opacity: 1; + -o-transform: translateX(20px); + } + + 100% { + opacity: 0; + -o-transform: translateX(-2000px); + } +} + +@keyframes bounceOutLeft { + 0% { + transform: translateX(0); + } + + 20% { + opacity: 1; + transform: translateX(20px); + } + + 100% { + opacity: 0; + transform: translateX(-2000px); + } +} + +.bounceOutLeft { + -webkit-animation-name: bounceOutLeft; + -moz-animation-name: bounceOutLeft; + -o-animation-name: bounceOutLeft; + animation-name: bounceOutLeft; +} +@-webkit-keyframes bounceOutRight { + 0% { + -webkit-transform: translateX(0); + } + + 20% { + opacity: 1; + -webkit-transform: translateX(-20px); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(2000px); + } +} + +@-moz-keyframes bounceOutRight { + 0% { + -moz-transform: translateX(0); + } + + 20% { + opacity: 1; + -moz-transform: translateX(-20px); + } + + 100% { + opacity: 0; + -moz-transform: translateX(2000px); + } +} + +@-o-keyframes bounceOutRight { + 0% { + -o-transform: translateX(0); + } + + 20% { + opacity: 1; + -o-transform: translateX(-20px); + } + + 100% { + opacity: 0; + -o-transform: translateX(2000px); + } +} + +@keyframes bounceOutRight { + 0% { + transform: translateX(0); + } + + 20% { + opacity: 1; + transform: translateX(-20px); + } + + 100% { + opacity: 0; + transform: translateX(2000px); + } +} + +.bounceOutRight { + -webkit-animation-name: bounceOutRight; + -moz-animation-name: bounceOutRight; + -o-animation-name: bounceOutRight; + animation-name: bounceOutRight; +} +@-webkit-keyframes rotateIn { + 0% { + -webkit-transform-origin: center center; + -webkit-transform: rotate(-200deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: center center; + -webkit-transform: rotate(0); + opacity: 1; + } +} +@-moz-keyframes rotateIn { + 0% { + -moz-transform-origin: center center; + -moz-transform: rotate(-200deg); + opacity: 0; + } + + 100% { + -moz-transform-origin: center center; + -moz-transform: rotate(0); + opacity: 1; + } +} +@-o-keyframes rotateIn { + 0% { + -o-transform-origin: center center; + -o-transform: rotate(-200deg); + opacity: 0; + } + + 100% { + -o-transform-origin: center center; + -o-transform: rotate(0); + opacity: 1; + } +} +@keyframes rotateIn { + 0% { + transform-origin: center center; + transform: rotate(-200deg); + opacity: 0; + } + + 100% { + transform-origin: center center; + transform: rotate(0); + opacity: 1; + } +} + +.rotateIn { + -webkit-animation-name: rotateIn; + -moz-animation-name: rotateIn; + -o-animation-name: rotateIn; + animation-name: rotateIn; +} +@-webkit-keyframes rotateInUpLeft { + 0% { + -webkit-transform-origin: left bottom; + -webkit-transform: rotate(90deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: left bottom; + -webkit-transform: rotate(0); + opacity: 1; + } +} + +@-moz-keyframes rotateInUpLeft { + 0% { + -moz-transform-origin: left bottom; + -moz-transform: rotate(90deg); + opacity: 0; + } + + 100% { + -moz-transform-origin: left bottom; + -moz-transform: rotate(0); + opacity: 1; + } +} + +@-o-keyframes rotateInUpLeft { + 0% { + -o-transform-origin: left bottom; + -o-transform: rotate(90deg); + opacity: 0; + } + + 100% { + -o-transform-origin: left bottom; + -o-transform: rotate(0); + opacity: 1; + } +} + +@keyframes rotateInUpLeft { + 0% { + transform-origin: left bottom; + transform: rotate(90deg); + opacity: 0; + } + + 100% { + transform-origin: left bottom; + transform: rotate(0); + opacity: 1; + } +} + +.rotateInUpLeft { + -webkit-animation-name: rotateInUpLeft; + -moz-animation-name: rotateInUpLeft; + -o-animation-name: rotateInUpLeft; + animation-name: rotateInUpLeft; +} +@-webkit-keyframes rotateInDownLeft { + 0% { + -webkit-transform-origin: left bottom; + -webkit-transform: rotate(-90deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: left bottom; + -webkit-transform: rotate(0); + opacity: 1; + } +} + +@-moz-keyframes rotateInDownLeft { + 0% { + -moz-transform-origin: left bottom; + -moz-transform: rotate(-90deg); + opacity: 0; + } + + 100% { + -moz-transform-origin: left bottom; + -moz-transform: rotate(0); + opacity: 1; + } +} + +@-o-keyframes rotateInDownLeft { + 0% { + -o-transform-origin: left bottom; + -o-transform: rotate(-90deg); + opacity: 0; + } + + 100% { + -o-transform-origin: left bottom; + -o-transform: rotate(0); + opacity: 1; + } +} + +@keyframes rotateInDownLeft { + 0% { + transform-origin: left bottom; + transform: rotate(-90deg); + opacity: 0; + } + + 100% { + transform-origin: left bottom; + transform: rotate(0); + opacity: 1; + } +} + +.rotateInDownLeft { + -webkit-animation-name: rotateInDownLeft; + -moz-animation-name: rotateInDownLeft; + -o-animation-name: rotateInDownLeft; + animation-name: rotateInDownLeft; +} +@-webkit-keyframes rotateInUpRight { + 0% { + -webkit-transform-origin: right bottom; + -webkit-transform: rotate(-90deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: right bottom; + -webkit-transform: rotate(0); + opacity: 1; + } +} + +@-moz-keyframes rotateInUpRight { + 0% { + -moz-transform-origin: right bottom; + -moz-transform: rotate(-90deg); + opacity: 0; + } + + 100% { + -moz-transform-origin: right bottom; + -moz-transform: rotate(0); + opacity: 1; + } +} + +@-o-keyframes rotateInUpRight { + 0% { + -o-transform-origin: right bottom; + -o-transform: rotate(-90deg); + opacity: 0; + } + + 100% { + -o-transform-origin: right bottom; + -o-transform: rotate(0); + opacity: 1; + } +} + +@keyframes rotateInUpRight { + 0% { + transform-origin: right bottom; + transform: rotate(-90deg); + opacity: 0; + } + + 100% { + transform-origin: right bottom; + transform: rotate(0); + opacity: 1; + } +} + +.rotateInUpRight { + -webkit-animation-name: rotateInUpRight; + -moz-animation-name: rotateInUpRight; + -o-animation-name: rotateInUpRight; + animation-name: rotateInUpRight; +} +@-webkit-keyframes rotateInDownRight { + 0% { + -webkit-transform-origin: right bottom; + -webkit-transform: rotate(90deg); + opacity: 0; + } + + 100% { + -webkit-transform-origin: right bottom; + -webkit-transform: rotate(0); + opacity: 1; + } +} + +@-moz-keyframes rotateInDownRight { + 0% { + -moz-transform-origin: right bottom; + -moz-transform: rotate(90deg); + opacity: 0; + } + + 100% { + -moz-transform-origin: right bottom; + -moz-transform: rotate(0); + opacity: 1; + } +} + +@-o-keyframes rotateInDownRight { + 0% { + -o-transform-origin: right bottom; + -o-transform: rotate(90deg); + opacity: 0; + } + + 100% { + -o-transform-origin: right bottom; + -o-transform: rotate(0); + opacity: 1; + } +} + +@keyframes rotateInDownRight { + 0% { + transform-origin: right bottom; + transform: rotate(90deg); + opacity: 0; + } + + 100% { + transform-origin: right bottom; + transform: rotate(0); + opacity: 1; + } +} + +.rotateInDownRight { + -webkit-animation-name: rotateInDownRight; + -moz-animation-name: rotateInDownRight; + -o-animation-name: rotateInDownRight; + animation-name: rotateInDownRight; +} +@-webkit-keyframes rotateOut { + 0% { + -webkit-transform-origin: center center; + -webkit-transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: center center; + -webkit-transform: rotate(200deg); + opacity: 0; + } +} + +@-moz-keyframes rotateOut { + 0% { + -moz-transform-origin: center center; + -moz-transform: rotate(0); + opacity: 1; + } + + 100% { + -moz-transform-origin: center center; + -moz-transform: rotate(200deg); + opacity: 0; + } +} + +@-o-keyframes rotateOut { + 0% { + -o-transform-origin: center center; + -o-transform: rotate(0); + opacity: 1; + } + + 100% { + -o-transform-origin: center center; + -o-transform: rotate(200deg); + opacity: 0; + } +} + +@keyframes rotateOut { + 0% { + transform-origin: center center; + transform: rotate(0); + opacity: 1; + } + + 100% { + transform-origin: center center; + transform: rotate(200deg); + opacity: 0; + } +} + +.rotateOut { + -webkit-animation-name: rotateOut; + -moz-animation-name: rotateOut; + -o-animation-name: rotateOut; + animation-name: rotateOut; +} +@-webkit-keyframes rotateOutUpLeft { + 0% { + -webkit-transform-origin: left bottom; + -webkit-transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: left bottom; + -webkit-transform: rotate(-90deg); + opacity: 0; + } +} + +@-moz-keyframes rotateOutUpLeft { + 0% { + -moz-transform-origin: left bottom; + -moz-transform: rotate(0); + opacity: 1; + } + + 100% { + -moz-transform-origin: left bottom; + -moz-transform: rotate(-90deg); + opacity: 0; + } +} + +@-o-keyframes rotateOutUpLeft { + 0% { + -o-transform-origin: left bottom; + -o-transform: rotate(0); + opacity: 1; + } + + 100% { + -o-transform-origin: left bottom; + -o-transform: rotate(-90deg); + opacity: 0; + } +} + +@keyframes rotateOutUpLeft { + 0% { + transform-origin: left bottom; + transform: rotate(0); + opacity: 1; + } + + 100% { + -transform-origin: left bottom; + -transform: rotate(-90deg); + opacity: 0; + } +} + +.rotateOutUpLeft { + -webkit-animation-name: rotateOutUpLeft; + -moz-animation-name: rotateOutUpLeft; + -o-animation-name: rotateOutUpLeft; + animation-name: rotateOutUpLeft; +} +@-webkit-keyframes rotateOutDownLeft { + 0% { + -webkit-transform-origin: left bottom; + -webkit-transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: left bottom; + -webkit-transform: rotate(90deg); + opacity: 0; + } +} + +@-moz-keyframes rotateOutDownLeft { + 0% { + -moz-transform-origin: left bottom; + -moz-transform: rotate(0); + opacity: 1; + } + + 100% { + -moz-transform-origin: left bottom; + -moz-transform: rotate(90deg); + opacity: 0; + } +} + +@-o-keyframes rotateOutDownLeft { + 0% { + -o-transform-origin: left bottom; + -o-transform: rotate(0); + opacity: 1; + } + + 100% { + -o-transform-origin: left bottom; + -o-transform: rotate(90deg); + opacity: 0; + } +} + +@keyframes rotateOutDownLeft { + 0% { + transform-origin: left bottom; + transform: rotate(0); + opacity: 1; + } + + 100% { + transform-origin: left bottom; + transform: rotate(90deg); + opacity: 0; + } +} + +.rotateOutDownLeft { + -webkit-animation-name: rotateOutDownLeft; + -moz-animation-name: rotateOutDownLeft; + -o-animation-name: rotateOutDownLeft; + animation-name: rotateOutDownLeft; +} +@-webkit-keyframes rotateOutUpRight { + 0% { + -webkit-transform-origin: right bottom; + -webkit-transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: right bottom; + -webkit-transform: rotate(90deg); + opacity: 0; + } +} + +@-moz-keyframes rotateOutUpRight { + 0% { + -moz-transform-origin: right bottom; + -moz-transform: rotate(0); + opacity: 1; + } + + 100% { + -moz-transform-origin: right bottom; + -moz-transform: rotate(90deg); + opacity: 0; + } +} + +@-o-keyframes rotateOutUpRight { + 0% { + -o-transform-origin: right bottom; + -o-transform: rotate(0); + opacity: 1; + } + + 100% { + -o-transform-origin: right bottom; + -o-transform: rotate(90deg); + opacity: 0; + } +} + +@keyframes rotateOutUpRight { + 0% { + transform-origin: right bottom; + transform: rotate(0); + opacity: 1; + } + + 100% { + transform-origin: right bottom; + transform: rotate(90deg); + opacity: 0; + } +} + +.rotateOutUpRight { + -webkit-animation-name: rotateOutUpRight; + -moz-animation-name: rotateOutUpRight; + -o-animation-name: rotateOutUpRight; + animation-name: rotateOutUpRight; +} +@-webkit-keyframes rotateOutDownRight { + 0% { + -webkit-transform-origin: right bottom; + -webkit-transform: rotate(0); + opacity: 1; + } + + 100% { + -webkit-transform-origin: right bottom; + -webkit-transform: rotate(-90deg); + opacity: 0; + } +} + +@-moz-keyframes rotateOutDownRight { + 0% { + -moz-transform-origin: right bottom; + -moz-transform: rotate(0); + opacity: 1; + } + + 100% { + -moz-transform-origin: right bottom; + -moz-transform: rotate(-90deg); + opacity: 0; + } +} + +@-o-keyframes rotateOutDownRight { + 0% { + -o-transform-origin: right bottom; + -o-transform: rotate(0); + opacity: 1; + } + + 100% { + -o-transform-origin: right bottom; + -o-transform: rotate(-90deg); + opacity: 0; + } +} + +@keyframes rotateOutDownRight { + 0% { + transform-origin: right bottom; + transform: rotate(0); + opacity: 1; + } + + 100% { + transform-origin: right bottom; + transform: rotate(-90deg); + opacity: 0; + } +} + +.rotateOutDownRight { + -webkit-animation-name: rotateOutDownRight; + -moz-animation-name: rotateOutDownRight; + -o-animation-name: rotateOutDownRight; + animation-name: rotateOutDownRight; +} +@-webkit-keyframes lightSpeedIn { + 0% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } + 60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 1; } + 80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1; } + 100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } +} + +@-moz-keyframes lightSpeedIn { + 0% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; } + 60% { -moz-transform: translateX(-20%) skewX(30deg); opacity: 1; } + 80% { -moz-transform: translateX(0%) skewX(-15deg); opacity: 1; } + 100% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; } +} + +@-o-keyframes lightSpeedIn { + 0% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; } + 60% { -o-transform: translateX(-20%) skewX(30deg); opacity: 1; } + 80% { -o-transform: translateX(0%) skewX(-15deg); opacity: 1; } + 100% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; } +} + +@keyframes lightSpeedIn { + 0% { transform: translateX(100%) skewX(-30deg); opacity: 0; } + 60% { transform: translateX(-20%) skewX(30deg); opacity: 1; } + 80% { transform: translateX(0%) skewX(-15deg); opacity: 1; } + 100% { transform: translateX(0%) skewX(0deg); opacity: 1; } +} + +.lightSpeedIn { + -webkit-animation-name: lightSpeedIn; + -moz-animation-name: lightSpeedIn; + -o-animation-name: lightSpeedIn; + animation-name: lightSpeedIn; + + -webkit-animation-timing-function: ease-out; + -moz-animation-timing-function: ease-out; + -o-animation-timing-function: ease-out; + animation-timing-function: ease-out; +} +@-webkit-keyframes lightSpeedOut { + 0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } + 100% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } +} + +@-moz-keyframes lightSpeedOut { + 0% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; } + 100% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; } +} + +@-o-keyframes lightSpeedOut { + 0% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; } + 100% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; } +} + +@keyframes lightSpeedOut { + 0% { transform: translateX(0%) skewX(0deg); opacity: 1; } + 100% { transform: translateX(100%) skewX(-30deg); opacity: 0; } +} + +.lightSpeedOut { + -webkit-animation-name: lightSpeedOut; + -moz-animation-name: lightSpeedOut; + -o-animation-name: lightSpeedOut; + animation-name: lightSpeedOut; + + -webkit-animation-timing-function: ease-in; + -moz-animation-timing-function: ease-in; + -o-animation-timing-function: ease-in; + animation-timing-function: ease-in; +} +@-webkit-keyframes hinge { + 0% { -webkit-transform: rotate(0); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } + 20%, 60% { -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } + 40% { -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } + 80% { -webkit-transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } + 100% { -webkit-transform: translateY(700px); opacity: 0; } +} + +@-moz-keyframes hinge { + 0% { -moz-transform: rotate(0); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } + 20%, 60% { -moz-transform: rotate(80deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } + 40% { -moz-transform: rotate(60deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } + 80% { -moz-transform: rotate(60deg) translateY(0); opacity: 1; -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } + 100% { -moz-transform: translateY(700px); opacity: 0; } +} + +@-o-keyframes hinge { + 0% { -o-transform: rotate(0); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } + 20%, 60% { -o-transform: rotate(80deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } + 40% { -o-transform: rotate(60deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } + 80% { -o-transform: rotate(60deg) translateY(0); opacity: 1; -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } + 100% { -o-transform: translateY(700px); opacity: 0; } +} + +@keyframes hinge { + 0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; } + 20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; } + 40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; } + 80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; } + 100% { transform: translateY(700px); opacity: 0; } +} + +.hinge { + -webkit-animation-name: hinge; + -moz-animation-name: hinge; + -o-animation-name: hinge; + animation-name: hinge; +} +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@-webkit-keyframes rollIn { + 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); } + 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); } +} + +@-moz-keyframes rollIn { + 0% { opacity: 0; -moz-transform: translateX(-100%) rotate(-120deg); } + 100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); } +} + +@-o-keyframes rollIn { + 0% { opacity: 0; -o-transform: translateX(-100%) rotate(-120deg); } + 100% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); } +} + +@keyframes rollIn { + 0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); } + 100% { opacity: 1; transform: translateX(0px) rotate(0deg); } +} + +.rollIn { + -webkit-animation-name: rollIn; + -moz-animation-name: rollIn; + -o-animation-name: rollIn; + animation-name: rollIn; +} +/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ + +@-webkit-keyframes rollOut { + 0% { + opacity: 1; + -webkit-transform: translateX(0px) rotate(0deg); + } + + 100% { + opacity: 0; + -webkit-transform: translateX(100%) rotate(120deg); + } +} + +@-moz-keyframes rollOut { + 0% { + opacity: 1; + -moz-transform: translateX(0px) rotate(0deg); + } + + 100% { + opacity: 0; + -moz-transform: translateX(100%) rotate(120deg); + } +} + +@-o-keyframes rollOut { + 0% { + opacity: 1; + -o-transform: translateX(0px) rotate(0deg); + } + + 100% { + opacity: 0; + -o-transform: translateX(100%) rotate(120deg); + } +} + +@keyframes rollOut { + 0% { + opacity: 1; + transform: translateX(0px) rotate(0deg); + } + + 100% { + opacity: 0; + transform: translateX(100%) rotate(120deg); + } +} + +.rollOut { + -webkit-animation-name: rollOut; + -moz-animation-name: rollOut; + -o-animation-name: rollOut; + animation-name: rollOut; +} diff --git a/themes/zuitedesk/css/frontpage-bxslider.css b/themes/zuitedesk/css/frontpage-bxslider.css new file mode 100644 index 0000000..c406728 --- /dev/null +++ b/themes/zuitedesk/css/frontpage-bxslider.css @@ -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; +} \ No newline at end of file diff --git a/themes/zuitedesk/css/frontpage-cslider.css b/themes/zuitedesk/css/frontpage-cslider.css new file mode 100644 index 0000000..10c4bc3 --- /dev/null +++ b/themes/zuitedesk/css/frontpage-cslider.css @@ -0,0 +1,1333 @@ +.da-slider { + width: 100%; + min-width: 320px; + height: 520px; + position: relative; + margin:0 auto; + overflow: hidden; + background: transparent url(../images/frontpage/SliderLight.jpg) repeat-x 0% center; + background-size:auto 100%; + -webkit-transition: background-position 1s ease-out 0.3s; + -moz-transition: background-position 1s ease-out 0.3s; + -o-transition: background-position 1s ease-out 0.3s; + -ms-transition: background-position 1s ease-out 0.3s; + transition: background-position 1s ease-out 0.3s; +} + +.da-slider .container { + margin-top: -30px; + margin-left: auto; + margin-right: auto; + position: relative; + height: 100%; +} +.da-slide { + position: absolute; + width: 100%; + height: 100%; + top: 0px; + left: 0px; + text-align: left; +} +.da-slide-current { + z-index: 900; +} +.da-slider-fb .da-slide { + left: 100%; + display: none; +} +.da-slider-fb .da-slide.da-slide-current { + left: 0px; + display: block; +} +.da-slide h2, .da-slide h4, .da-slide p, .da-slide .da-link, .da-slide .da-img { + position: absolute; + opacity: 0; + filter: alpha(opacity=0); + left: 110%; +} +.da-slider-fb .da-slide h2, .da-slider-fb .da-slide h4, .da-slider-fb .da-slide p, .da-slider-fb .da-slide .da-link { + left: 10%; + opacity: 1; + display: block; + filter: alpha(opacity=100); +} +.da-slider-fb .da-slide .da-img { + left: 60%; + opacity: 1; + display: block; + filter: alpha(opacity=100); +} + +.da-slide h2, +.da-slide h4 { + text-transform: uppercase; + white-space: nowrap; + z-index: 10; +} +.da-slide h2 { + color: #181a1c; + width: 50%; + top: 120px; + font-size: 38px; + text-transform: capitalize; + font-variant: small-caps; + font-weight: bold; +} +.da-slide h4 { + color: #556372; + width: 50%; + font-size: 22px; + top: 175px; + font-weight: normal; +} +.da-slide p { + width: 50%; + padding: 0; + top: 230px; + color: #003346; + height: 90px; + overflow: hidden; + font-weight: 400; + z-index: 5; +} +.da-slide .da-img { + width: 40%; + top: 80px; + height: 256px; + line-height: 360px; + left: 110%; + /*60%*/ +} +.da-slide .da-link { + top: 340px; + margin: 0; + font-size: 18px; + text-align: center; +} +.da-dots { + width: 100%; + position: absolute; + text-align: center; + left: 0; + bottom: 20px; + z-index: 900; + -moz-user-select: none; + -webkit-user-select: none; +} +.da-dots span { + display: inline-block; + width: 50px; + height: 3px; + margin: 0 5px 0 0; + background: #fff; + cursor: pointer; + position: relative; +} +.da-dots span.da-dots-current { + background: #29383f; +} +.da-arrows { + -moz-user-select: none; + -webkit-user-select: none; +} +.da-arrows span { + position: absolute; + height: 100%; + width: 45px; + cursor: pointer; + z-index: 900; + opacity: 0; +} +.da-slider:hover .da-arrows span { + opacity: 1; +} +.da-arrows span:after { + content: ''; + position: absolute; +} +.da-arrows span:hover:after { + box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3); +} +.da-arrows span:active:after { + box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.1); +} +.da-arrows span.da-arrows-next:after { + background-position: top right; +} +.da-arrows span.da-arrows-prev { + left: 15px; + background: transparent url(../images/frontpage/Left.png) no-repeat center center; +} +.da-arrows span.da-arrows-next { + right: 15px; + background: transparent url(../images/frontpage/Right.png) no-repeat center center; +} +.da-slide-current h2, .da-slide-current h4, .da-slide-current p, .da-slide-current .da-link { + left: 10%; + opacity: 1; +} +.da-slide-current .da-img { + left: 60%; + opacity: 1; +} + +/* Animation classes and animations */ + +/* Slide in from the right*/ +.da-slide-fromright h2 { + -webkit-animation: fromRightAnim1 0.6s ease-in-out 0.8s both; + -moz-animation: fromRightAnim1 0.6s ease-in-out 0.8s both; + -o-animation: fromRightAnim1 0.6s ease-in-out 0.8s both; + -ms-animation: fromRightAnim1 0.6s ease-in-out 0.8s both; + animation: fromRightAnim1 0.6s ease-in-out 0.8s both; +} +.da-slide-fromright h4 { + -webkit-animation: fromRightAnim1 0.6s ease-in-out 0.8s both; + -moz-animation: fromRightAnim1 0.6s ease-in-out 0.8s both; + -o-animation: fromRightAnim1 0.6s ease-in-out 0.8s both; + -ms-animation: fromRightAnim1 0.6s ease-in-out 0.8s both; + animation: fromRightAnim1 0.6s ease-in-out 0.8s both; +} +.da-slide-fromright p { + -webkit-animation: fromRightAnim2 0.6s ease-in-out 0.8s both; + -moz-animation: fromRightAnim2 0.6s ease-in-out 0.8s both; + -o-animation: fromRightAnim2 0.6s ease-in-out 0.8s both; + -ms-animation: fromRightAnim2 0.6s ease-in-out 0.8s both; + animation: fromRightAnim2 0.6s ease-in-out 0.8s both; +} +.da-slide-fromright .da-link { + -webkit-animation: fromRightAnim3 0.4s ease-in-out 1.2s both; + -moz-animation: fromRightAnim3 0.4s ease-in-out 1.2s both; + -o-animation: fromRightAnim3 0.4s ease-in-out 1.2s both; + -ms-animation: fromRightAnim3 0.4s ease-in-out 1.2s both; + animation: fromRightAnim3 0.4s ease-in-out 1.2s both; +} +.da-slide-fromright .da-img { + -webkit-animation: fromRightAnim4 0.6s ease-in-out 0.8s both; + -moz-animation: fromRightAnim4 0.6s ease-in-out 0.8s both; + -o-animation: fromRightAnim4 0.6s ease-in-out 0.8s both; + -ms-animation: fromRightAnim4 0.6s ease-in-out 0.8s both; + animation: fromRightAnim4 0.6s ease-in-out 0.8s both; +} +@-webkit-keyframes fromRightAnim1 { + 0% { + left: 110%; + opacity: 0; + } + 100% { + left: 10%; + opacity: 1; + } +} +@-webkit-keyframes fromRightAnim2 { + 0% { + left: 110%; + opacity: 0; + } + 100% { + left: 10%; + opacity: 1; + } +} +@-webkit-keyframes fromRightAnim3 { + 0% { + left: 110%; + opacity: 0; + } + 1% { + left: 10%; + opacity: 0; + } + 100% { + left: 10%; + opacity: 1; + } +} +@-webkit-keyframes fromRightAnim4 { + 0% { + left: 110%; + opacity: 0; + } + 100% { + left: 60%; + opacity: 1; + } +} +@-moz-keyframes fromRightAnim1 { + 0% { + left: 110%; + opacity: 0; + } + 100% { + left: 10%; + opacity: 1; + } +} +@-moz-keyframes fromRightAnim2 { + 0% { + left: 110%; + opacity: 0; + } + 100% { + left: 10%; + opacity: 1; + } +} +@-moz-keyframes fromRightAnim3 { + 0% { + left: 110%; + opacity: 0; + } + 1% { + left: 10%; + opacity: 0; + } + 100% { + left: 10%; + opacity: 1; + } +} +@-moz-keyframes fromRightAnim4 { + 0% { + left: 110%; + opacity: 0; + } + 100% { + left: 60%; + opacity: 1; + } +} +@-o-keyframes fromRightAnim1 { + 0% { + left: 110%; + opacity: 0; + } + 100% { + left: 10%; + opacity: 1; + } +} +@-o-keyframes fromRightAnim2 { + 0% { + left: 110%; + opacity: 0; + } + 100% { + left: 10%; + opacity: 1; + } +} +@-o-keyframes fromRightAnim3 { + 0% { + left: 110%; + opacity: 0; + } + 1% { + left: 10%; + opacity: 0; + } + 100% { + left: 10%; + opacity: 1; + } +} +@-o-keyframes fromRightAnim4 { + 0% { + left: 110%; + opacity: 0; + } + 100% { + left: 60%; + opacity: 1; + } +} +@-ms-keyframes fromRightAnim1 { + 0% { + left: 110%; + opacity: 0; + } + 100% { + left: 10%; + opacity: 1; + } +} +@-ms-keyframes fromRightAnim2 { + 0% { + left: 110%; + opacity: 0; + } + 100% { + left: 10%; + opacity: 1; + } +} +@-ms-keyframes fromRightAnim3 { + 0% { + left: 110%; + opacity: 0; + } + 1% { + left: 10%; + opacity: 0; + } + 100% { + left: 10%; + opacity: 1; + } +} +@-ms-keyframes fromRightAnim4 { + 0% { + left: 110%; + opacity: 0; + } + 100% { + left: 60%; + opacity: 1; + } +} +@keyframes fromRightAnim1 { + 0% { + left: 110%; + opacity: 0; + } + 100% { + left: 10%; + opacity: 1; + } +} +@keyframes fromRightAnim2 { + 0% { + left: 110%; + opacity: 0; + } + 100% { + left: 10%; + opacity: 1; + } +} +@keyframes fromRightAnim3 { + 0% { + left: 110%; + opacity: 0; + } + 1% { + left: 10%; + opacity: 0; + } + 100% { + left: 10%; + opacity: 1; + } +} +@keyframes fromRightAnim4 { + 0% { + left: 110%; + opacity: 0; + } + 100% { + left: 60%; + opacity: 1; + } +} +/* Slide in from the left*/ +.da-slide-fromleft h2 { + -webkit-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both; + -moz-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both; + -o-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both; + -ms-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both; + animation: fromLeftAnim1 0.6s ease-in-out 0.6s both; +} +.da-slide-fromleft h4 { + -webkit-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both; + -moz-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both; + -o-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both; + -ms-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both; + animation: fromLeftAnim1 0.6s ease-in-out 0.6s both; +} +.da-slide-fromleft p { + -webkit-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both; + -moz-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both; + -o-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both; + -ms-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both; + animation: fromLeftAnim2 0.6s ease-in-out 0.6s both; +} +.da-slide-fromleft .da-link { + -webkit-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both; + -moz-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both; + -o-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both; + -ms-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both; + animation: fromLeftAnim3 0.4s ease-in-out 1.2s both; +} +.da-slide-fromleft .da-img { + -webkit-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both; + -moz-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both; + -o-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both; + -ms-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both; + animation: fromLeftAnim4 0.6s ease-in-out 0.6s both; +} +@-webkit-keyframes fromLeftAnim1 { + 0% { + left: -110%; + opacity: 0; + } + 100% { + left: 10%; + opacity: 1; + } +} +@-webkit-keyframes fromLeftAnim2 { + 0% { + left: -110%; + opacity: 0; + } + 100% { + left: 10%; + opacity: 1; + } +} +@-webkit-keyframes fromLeftAnim3 { + 0% { + left: -110%; + opacity: 0; + } + 1% { + left: 10%; + opacity: 0; + } + 100% { + left: 10%; + opacity: 1; + } +} +@-webkit-keyframes fromLeftAnim4 { + 0% { + left: -110%; + opacity: 0; + } + 100% { + left: 60%; + opacity: 1; + } +} +@-moz-keyframes fromLeftAnim1 { + 0% { + left: -110%; + opacity: 0; + } + 100% { + left: 10%; + opacity: 1; + } +} +@-moz-keyframes fromLeftAnim2 { + 0% { + left: -110%; + opacity: 0; + } + 100% { + left: 10%; + opacity: 1; + } +} +@-moz-keyframes fromLeftAnim3 { + 0% { + left: -110%; + opacity: 0; + } + 1% { + left: 10%; + opacity: 0; + } + 100% { + left: 10%; + opacity: 1; + } +} +@-moz-keyframes fromLeftAnim4 { + 0% { + left: -110%; + opacity: 0; + } + 100% { + left: 60%; + opacity: 1; + } +} +@-o-keyframes fromLeftAnim1 { + 0% { + left: -110%; + opacity: 0; + } + 100% { + left: 10%; + opacity: 1; + } +} +@-o-keyframes fromLeftAnim2 { + 0% { + left: -110%; + opacity: 0; + } + 100% { + left: 10%; + opacity: 1; + } +} +@-o-keyframes fromLeftAnim3 { + 0% { + left: -110%; + opacity: 0; + } + 1% { + left: 10%; + opacity: 0; + } + 100% { + left: 10%; + opacity: 1; + } +} +@-o-keyframes fromLeftAnim4 { + 0% { + left: -110%; + opacity: 0; + } + 100% { + left: 60%; + opacity: 1; + } +} +@-ms-keyframes fromLeftAnim1 { + 0% { + left: -110%; + opacity: 0; + } + 100% { + left: 10%; + opacity: 1; + } +} +@-ms-keyframes fromLeftAnim2 { + 0% { + left: -110%; + opacity: 0; + } + 100% { + left: 10%; + opacity: 1; + } +} +@-ms-keyframes fromLeftAnim3 { + 0% { + left: -110%; + opacity: 0; + } + 1% { + left: 10%; + opacity: 0; + } + 100% { + left: 10%; + opacity: 1; + } +} +@-ms-keyframes fromLeftAnim4 { + 0% { + left: -110%; + opacity: 0; + } + 100% { + left: 60%; + opacity: 1; + } +} +@keyframes fromLeftAnim1 { + 0% { + left: -110%; + opacity: 0; + } + 100% { + left: 10%; + opacity: 1; + } +} +@keyframes fromLeftAnim2 { + 0% { + left: -110%; + opacity: 0; + } + 100% { + left: 10%; + opacity: 1; + } +} +@keyframes fromLeftAnim3 { + 0% { + left: -110%; + opacity: 0; + } + 1% { + left: 10%; + opacity: 0; + } + 100% { + left: 10%; + opacity: 1; + } +} +@keyframes fromLeftAnim4 { + 0% { + left: -110%; + opacity: 0; + } + 100% { + left: 60%; + opacity: 1; + } +} +/* Slide out to the right */ +.da-slide-toright h2 { + -webkit-animation: toRightAnim1 0.6s ease-in-out 0.6s both; + -moz-animation: toRightAnim1 0.6s ease-in-out 0.6s both; + -o-animation: toRightAnim1 0.6s ease-in-out 0.6s both; + -ms-animation: toRightAnim1 0.6s ease-in-out 0.6s both; + animation: toRightAnim1 0.6s ease-in-out 0.6s both; +} +.da-slide-toright h4 { + -webkit-animation: toRightAnim1 0.6s ease-in-out 0.6s both; + -moz-animation: toRightAnim1 0.6s ease-in-out 0.6s both; + -o-animation: toRightAnim1 0.6s ease-in-out 0.6s both; + -ms-animation: toRightAnim1 0.6s ease-in-out 0.6s both; + animation: toRightAnim1 0.6s ease-in-out 0.6s both; +} +.da-slide-toright p { + -webkit-animation: toRightAnim2 0.6s ease-in-out 0.3s both; + -moz-animation: toRightAnim2 0.6s ease-in-out 0.3s both; + -o-animation: toRightAnim2 0.6s ease-in-out 0.3s both; + -ms-animation: toRightAnim2 0.6s ease-in-out 0.3s both; + animation: toRightAnim2 0.6s ease-in-out 0.3s both; +} +.da-slide-toright .da-link { + -webkit-animation: toRightAnim3 0.4s ease-in-out both; + -moz-animation: toRightAnim3 0.4s ease-in-out both; + -o-animation: toRightAnim3 0.4s ease-in-out both; + -ms-animation: toRightAnim3 0.4s ease-in-out both; + animation: toRightAnim3 0.4s ease-in-out both; +} +.da-slide-toright .da-img { + -webkit-animation: toRightAnim4 0.6s ease-in-out both; + -moz-animation: toRightAnim4 0.6s ease-in-out both; + -o-animation: toRightAnim4 0.6s ease-in-out both; + -ms-animation: toRightAnim4 0.6s ease-in-out both; + animation: toRightAnim4 0.6s ease-in-out both; +} +@-webkit-keyframes toRightAnim1 { + 0% { + left: 10%; + opacity: 1; + } + 100% { + left: 100%; + opacity: 0; + } +} +@-webkit-keyframes toRightAnim2 { + 0% { + left: 10%; + opacity: 1; + } + 100% { + left: 100%; + opacity: 0; + } +} +@-webkit-keyframes toRightAnim3 { + 0% { + left: 10%; + opacity: 1; + } + 99% { + left: 10%; + opacity: 0; + } + 100% { + left: 100%; + opacity: 0; + } +} +@-webkit-keyframes toRightAnim4 { + 0% { + left: 60%; + opacity: 1; + } + 30% { + left: 55%; + opacity: 1; + } + 100% { + left: 100%; + opacity: 0; + } +} +@-moz-keyframes toRightAnim1 { + 0% { + left: 10%; + opacity: 1; + } + 100% { + left: 100%; + opacity: 0; + } +} +@-moz-keyframes toRightAnim2 { + 0% { + left: 10%; + opacity: 1; + } + 100% { + left: 100%; + opacity: 0; + } +} +@-moz-keyframes toRightAnim3 { + 0% { + left: 10%; + opacity: 1; + } + 99% { + left: 10%; + opacity: 0; + } + 100% { + left: 100%; + opacity: 0; + } +} +@-moz-keyframes toRightAnim4 { + 0% { + left: 60%; + opacity: 1; + } + 30% { + left: 55%; + opacity: 1; + } + 100% { + left: 100%; + opacity: 0; + } +} +@-o-keyframes toRightAnim1 { + 0% { + left: 10%; + opacity: 1; + } + 100% { + left: 100%; + opacity: 0; + } +} +@-o-keyframes toRightAnim2 { + 0% { + left: 10%; + opacity: 1; + } + 100% { + left: 100%; + opacity: 0; + } +} +@-o-keyframes toRightAnim3 { + 0% { + left: 10%; + opacity: 1; + } + 99% { + left: 10%; + opacity: 0; + } + 100% { + left: 100%; + opacity: 0; + } +} +@-o-keyframes toRightAnim4 { + 0% { + left: 60%; + opacity: 1; + } + 30% { + left: 55%; + opacity: 1; + } + 100% { + left: 100%; + opacity: 0; + } +} +@-ms-keyframes toRightAnim1 { + 0% { + left: 10%; + opacity: 1; + } + 100% { + left: 100%; + opacity: 0; + } +} +@-ms-keyframes toRightAnim2 { + 0% { + left: 10%; + opacity: 1; + } + 100% { + left: 100%; + opacity: 0; + } +} +@-ms-keyframes toRightAnim3 { + 0% { + left: 10%; + opacity: 1; + } + 99% { + left: 10%; + opacity: 0; + } + 100% { + left: 100%; + opacity: 0; + } +} +@-ms-keyframes toRightAnim4 { + 0% { + left: 60%; + opacity: 1; + } + 30% { + left: 55%; + opacity: 1; + } + 100% { + left: 100%; + opacity: 0; + } +} +@keyframes toRightAnim1 { + 0% { + left: 10%; + opacity: 1; + } + 100% { + left: 100%; + opacity: 0; + } +} +@keyframes toRightAnim2 { + 0% { + left: 10%; + opacity: 1; + } + 100% { + left: 100%; + opacity: 0; + } +} +@keyframes toRightAnim3 { + 0% { + left: 10%; + opacity: 1; + } + 99% { + left: 10%; + opacity: 0; + } + 100% { + left: 100%; + opacity: 0; + } +} +@keyframes toRightAnim4 { + 0% { + left: 60%; + opacity: 1; + } + 30% { + left: 55%; + opacity: 1; + } + 100% { + left: 100%; + opacity: 0; + } +} +/* Slide out to the left*/ +.da-slide-toleft h2 { + -webkit-animation: toLeftAnim1 0.6s ease-in-out both; + -moz-animation: toLeftAnim1 0.6s ease-in-out both; + -o-animation: toLeftAnim1 0.6s ease-in-out both; + -ms-animation: toLeftAnim1 0.6s ease-in-out both; + animation: toLeftAnim1 0.6s ease-in-out both; +} +.da-slide-toleft p { + -webkit-animation: toLeftAnim2 0.6s ease-in-out 0.3s both; + -moz-animation: toLeftAnim2 0.6s ease-in-out 0.3s both; + -o-animation: toLeftAnim2 0.6s ease-in-out 0.3s both; + -ms-animation: toLeftAnim2 0.6s ease-in-out 0.3s both; + animation: toLeftAnim2 0.6s ease-in-out 0.3s both; +} +.da-slide-toleft .da-link { + -webkit-animation: toLeftAnim3 0.6s ease-in-out 0.6s both; + -moz-animation: toLeftAnim3 0.6s ease-in-out 0.6s both; + -o-animation: toLeftAnim3 0.6s ease-in-out 0.6s both; + -ms-animation: toLeftAnim3 0.6s ease-in-out 0.6s both; + animation: toLeftAnim3 0.6s ease-in-out 0.6s both; +} +.da-slide-toleft .da-img { + -webkit-animation: toLeftAnim4 0.6s ease-in-out 0.5s both; + -moz-animation: toLeftAnim4 0.6s ease-in-out 0.5s both; + -o-animation: toLeftAnim4 0.6s ease-in-out 0.5s both; + -ms-animation: toLeftAnim4 0.6s ease-in-out 0.5s both; + animation: toLeftAnim4 0.6s ease-in-out 0.5s both; +} +@-webkit-keyframes toLeftAnim1 { + 0% { + left: 10%; + opacity: 1; + } + 30% { + left: 15%; + opacity: 1; + } + 100% { + left: -50%; + opacity: 0; + } +} +@-webkit-keyframes toLeftAnim2 { + 0% { + left: 10%; + opacity: 1; + } + 30% { + left: 15%; + opacity: 1; + } + 100% { + left: -50%; + opacity: 0; + } +} +@-webkit-keyframes toLeftAnim3 { + 0% { + left: 10%; + opacity: 1; + } + 100% { + left: -50%; + opacity: 0; + } +} +@-webkit-keyframes toLeftAnim4 { + 0% { + left: 60%; + opacity: 1; + } + 70% { + left: 30%; + opacity: 0; + } + 100% { + left: -50%; + opacity: 0; + } +} +@-moz-keyframes toLeftAnim1 { + 0% { + left: 10%; + opacity: 1; + } + 30% { + left: 15%; + opacity: 1; + } + 100% { + left: -50%; + opacity: 0; + } +} +@-moz-keyframes toLeftAnim2 { + 0% { + left: 10%; + opacity: 1; + } + 30% { + left: 15%; + opacity: 1; + } + 100% { + left: -50%; + opacity: 0; + } +} +@-moz-keyframes toLeftAnim3 { + 0% { + left: 10%; + opacity: 1; + } + 100% { + left: -50%; + opacity: 0; + } +} +@-moz-keyframes toLeftAnim4 { + 0% { + left: 60%; + opacity: 1; + } + 70% { + left: 30%; + opacity: 0; + } + 100% { + left: -50%; + opacity: 0; + } +} +@-o-keyframes toLeftAnim1 { + 0% { + left: 10%; + opacity: 1; + } + 30% { + left: 15%; + opacity: 1; + } + 100% { + left: -50%; + opacity: 0; + } +} +@-o-keyframes toLeftAnim2 { + 0% { + left: 10%; + opacity: 1; + } + 30% { + left: 15%; + opacity: 1; + } + 100% { + left: -50%; + opacity: 0; + } +} +@-o-keyframes toLeftAnim3 { + 0% { + left: 10%; + opacity: 1; + } + 100% { + left: -50%; + opacity: 0; + } +} +@-o-keyframes toLeftAnim4 { + 0% { + left: 60%; + opacity: 1; + } + 70% { + left: 30%; + opacity: 0; + } + 100% { + left: -50%; + opacity: 0; + } +} +@-ms-keyframes toLeftAnim1 { + 0% { + left: 10%; + opacity: 1; + } + 30% { + left: 15%; + opacity: 1; + } + 100% { + left: -50%; + opacity: 0; + } +} +@-ms-keyframes toLeftAnim2 { + 0% { + left: 10%; + opacity: 1; + } + 30% { + left: 15%; + opacity: 1; + } + 100% { + left: -50%; + opacity: 0; + } +} +@-ms-keyframes toLeftAnim3 { + 0% { + left: 10%; + opacity: 1; + } + 100% { + left: -50%; + opacity: 0; + } +} +@-ms-keyframes toLeftAnim4 { + 0% { + left: 60%; + opacity: 1; + } + 70% { + left: 30%; + opacity: 0; + } + 100% { + left: -50%; + opacity: 0; + } +} +@keyframes toLeftAnim1 { + 0% { + left: 10%; + opacity: 1; + } + 30% { + left: 15%; + opacity: 1; + } + 100% { + left: -50%; + opacity: 0; + } +} +@keyframes toLeftAnim2 { + 0% { + left: 10%; + opacity: 1; + } + 30% { + left: 15%; + opacity: 1; + } + 100% { + left: -50%; + opacity: 0; + } +} +@keyframes toLeftAnim3 { + 0% { + left: 10%; + opacity: 1; + } + 100% { + left: -50%; + opacity: 0; + } +} +@keyframes toLeftAnim4 { + 0% { + left: 60%; + opacity: 1; + } + 70% { + left: 30%; + opacity: 0; + } + 100% { + left: -50%; + opacity: 0; + } +} + +@media (max-width: 979px) { + .da-slide h2 { + font-size: 28px; + top: 40px; + } + .da-slide h4 { + font-size: 18px; + top: 80px; + } + .da-slide p { + font-size: 14px; + line-height: 16px; + top: 120px; + } + .da-slide .da-img { + top: 80px; + line-height: 100px; + } + .da-slide .da-img img { + width: 90%; + } + .da-slide .da-link { + top: 65%; + } +} + +@media (max-width: 767px) { + .da-slide h2 { + font-size: 20px; + top: 40px; + } + .da-slide h4 { + font-size: 16px; + top: 80px; + } + .da-slide p { + display: none; + } + .da-slide .da-img { + top: 50px; + } + .da-slide .da-img img { + width: 75%; + } + .da-slide .da-link { + margin: 0; + font-size: 14px; + top: 150px; + } + .da-dots { + bottom: 10px; + } +} + +@media (max-width: 480px) { + .da-slide h2 { + font-size: 16px; + top: 30px; + } + .da-slide h4 { + font-size: 14px; + top: 70px; + } + .da-slide .da-img { + display: none; + } + .da-slide .da-link { + margin: 0; + padding: 2px; + font-size: 12px; + top: 106px; + } + .da-dots { + bottom: 5px; + } + .da-arrows span { + display: none; + } +} diff --git a/themes/zuitedesk/css/frontpage-responsive.css b/themes/zuitedesk/css/frontpage-responsive.css new file mode 100644 index 0000000..af862c6 --- /dev/null +++ b/themes/zuitedesk/css/frontpage-responsive.css @@ -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; + } +} diff --git a/themes/zuitedesk/css/frontpage.css b/themes/zuitedesk/css/frontpage.css new file mode 100644 index 0000000..ffad127 --- /dev/null +++ b/themes/zuitedesk/css/frontpage.css @@ -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; +} diff --git a/themes/zuitedesk/css/global.css b/themes/zuitedesk/css/global.css new file mode 100644 index 0000000..b2fed56 --- /dev/null +++ b/themes/zuitedesk/css/global.css @@ -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; +} diff --git a/themes/zuitedesk/css/ie8.css b/themes/zuitedesk/css/ie8.css new file mode 100644 index 0000000..f0c77a4 --- /dev/null +++ b/themes/zuitedesk/css/ie8.css @@ -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; +} diff --git a/themes/zuitedesk/css/layout-responsive.css b/themes/zuitedesk/css/layout-responsive.css new file mode 100644 index 0000000..73a25bc --- /dev/null +++ b/themes/zuitedesk/css/layout-responsive.css @@ -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; +} \ No newline at end of file diff --git a/themes/zuitedesk/css/navigation.css b/themes/zuitedesk/css/navigation.css new file mode 100644 index 0000000..4905186 --- /dev/null +++ b/themes/zuitedesk/css/navigation.css @@ -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; +} diff --git a/themes/zuitedesk/css/nodes.css b/themes/zuitedesk/css/nodes.css new file mode 100644 index 0000000..d595cf1 --- /dev/null +++ b/themes/zuitedesk/css/nodes.css @@ -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; +} diff --git a/themes/zuitedesk/css/pages.css b/themes/zuitedesk/css/pages.css new file mode 100644 index 0000000..632026e --- /dev/null +++ b/themes/zuitedesk/css/pages.css @@ -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; +} diff --git a/themes/zuitedesk/css/print.css b/themes/zuitedesk/css/print.css new file mode 100644 index 0000000..53680b7 --- /dev/null +++ b/themes/zuitedesk/css/print.css @@ -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; +} diff --git a/themes/zuitedesk/css/suitedesk.css b/themes/zuitedesk/css/suitedesk.css new file mode 100644 index 0000000..3b0cc0c --- /dev/null +++ b/themes/zuitedesk/css/suitedesk.css @@ -0,0 +1,1873 @@ +/** + * @file + * SuiteDesk Styles. + */ + + +/* + * SuiteDesk homepage. + */ +.suitedesk-help { + width: 46%; + margin: 2%; + float: left; + text-align: center; +} +.suitedesk-help p { + font-size: .92em; + text-align: center; +} +.suitedesk-help img { + width: 50%; + max-width: 120px; +} +@media (max-width: 659px) { + .suitedesk-help { + width: 100%; + } + .suitedesk-help img { + width: 33.3333%; + } +} +.suitedesk-tickets, +.suitedesk-contact { + clear: both; +} + +/* + * "Storm list" blocks. + */ +.block .storm-list ul { + padding-left: 1em; +} +.block .storm-list ul li { + list-style-image: url(../images/menu-leaf.gif); +} +.block .storm-list ul li a:link, +.block .storm-list ul li a:visited { + color: #3c8dbc; +} +.block .storm-list ul li a:hover { + color: #f70a0a; +} + +/* + * "Latest completed tasks" block in the Kanban view. + */ +#block-views-storm_projects_kanban-block_6 { + background: -moz-linear-gradient(top, rgba(234,234,234,1) 0%, rgba(239,239,239,1) 24%, rgba(247,247,247,0.7) 64%, rgba(255,255,255,0) 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(234,234,234,1)), color-stop(24%, rgba(239,239,239,1)), color-stop(64%, rgba(247,247,247,0.7)), color-stop(100%, rgba(255,255,255,0))); /* Chrome, Safari4+ */ + background: -webkit-linear-gradient(top, rgba(234,234,234,1) 0%, rgba(239,239,239,1) 24%, rgba(247,247,247,0.7) 64%, rgba(255,255,255,0) 100%); /* Chrome10+, Safari5.1+ */ + background: -o-linear-gradient(top, rgba(234,234,234,1) 0%, rgba(239,239,239,1) 24%, rgba(247,247,247,0.7) 64%, rgba(255,255,255,0) 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, rgba(234,234,234,1) 0%, rgba(239,239,239,1) 24%, rgba(247,247,247,0.7) 64%, rgba(255,255,255,0) 100%); /* IE10+ */ + background: linear-gradient(to bottom, rgba(234,234,234,1) 0%, rgba(239,239,239,1) 24%, rgba(247,247,247,0.7) 64%, rgba(255,255,255,0) 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea',endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */ +} +#block-views-storm_projects_kanban-block_6 .content { + position: relative; +} +#block-views-storm_projects_kanban-block_6 li { + width: 68%; +} +#block-views-storm_projects_kanban-block_6 li.views-row-1 { + margin: .7em 0 0 2%; +} +#block-views-storm_projects_kanban-block_6 li.views-row-2 { + margin: -6em 0 0 10%; +} +#block-views-storm_projects_kanban-block_6 li.views-row-3 { + margin: -5em 0 0 20%; +} +#block-views-storm_projects_kanban-block_6 li.views-row-4 { + margin: -5em 0 0 30%; +} +@media (max-width: 529px) { /* MINW - 1 */ + #block-views-storm_projects_kanban-block_6 { + display: none; + } +} + +/* + * "Quick Timetracking" block. + */ +#block-storm_quicktt-0 { + margin: 0 3px; +} +#block-storm_quicktt-0 .content { + margin: 0; +} +@media (max-width: 899px) { + #block-storm_quicktt-0 { + margin: 2em 0 0 !important; + } +} +#edit-selects-mode-wrapper { + font-size: 1em; + float: right; + margin: 0 .5em 0 0; +} +#edit-selects-projects-wrapper label { + display: block; + margin-top: 1em; + padding-left: .2em; +} +#stormquicktt #edit-selects-projects { + width: 100%; +} +#block-storm_quicktt-0 .info, +#block-storm_quicktt-0 .storm-quicktt-time { + display: inline; +} +#block-storm_quicktt-0 .storm-quicktt-timer-box span { + float: left; + margin-right: 1em; +} +.storm-quicktt-info .note input { + width: 100%; +} +#block-storm_quicktt-0 .sqtt-timetracking-trigger img { + margin: -10px 10px 0; +} +#block-storm_quicktt-0 .timetracking-loading img { + margin-top: 0; +} +#block-storm_quicktt-0 .timetracking-loading span { + line-height: 16px; +} +#block-storm_quicktt-0 .timetracking-loading span:before { + content: ' ('; +} +#block-storm_quicktt-0 .timetracking-loading span:before, +#block-storm_quicktt-0 .timetracking-loading span:after { + font-size: .7em; +} +.stormlinks .timetracking-loading span { + font-size: 1.2em; +} + +/* + * "Updated content" block. + */ +#block-views-updates_recent-block_1 .views-row { + overflow: hidden; + word-wrap: normal; + white-space: nowrap; + text-overflow: ellipsis; + margin-bottom: 3px; +} + +/* + * "Recent hits on nodes" block. + */ +#block-storm-storm_recent_nodes .content { + margin: 0; + padding: 0; + overflow: hidden; +} +#block-storm-storm_recent_nodes div.item-list + div.item-list { + border-top: 1px solid #999; +} +#block-storm-storm_recent_nodes ul { + clear: both; + width: 3000px; + height: 20px; + padding: 0 6px; +} +#block-storm-storm_recent_nodes ul li { + float: left; + margin: 4px 8px 0 0; + padding: 0; + list-style: none; +} +#block-storm-storm_recent_nodes ul li img { + float: left; +} +#block-storm-storm_recent_nodes ul li a { + display: block; + font-size: .92em; + line-height: 20px; + padding-left: 22px; +} + +/* + * "Books" block. + */ +.block-books ul { + padding-left: 0; +} +.block-books ul li { + list-style: none; + text-indent: -1.7em; + margin-left: 1.7em; +} +.block-books ul li div { + display: inline; +} +.block-books ul li a:link, +.block-books ul li a:visited { + color: #3c8dbc; +} +.block-books ul li a:hover { + color: #f70a0a; +} +.block-books ul li:before { + font-family: "fonticons"; + color: #999; + padding: 0 .2em; + content: "\e827"; +} + +/* + * "Tags" block. + */ +body.page-doks-tags .view-storm-doks-tags .views-row { + font-size: 1.4em; +} +.view-storm-doks-tags .views-row, +.view-storm-doks-tags .views-field-name { + display: inline; + padding-right: .2em; +} +#block-views-storm_doks_tags-block_2 .more-link { + padding-top: .8em; +} + +/* + * "Upcoming" blocks. + */ /* +.block-upcoming-events ul { + padding-left: .4em; +} +.block-upcoming-events ul li { + padding-left: 40px; + padding-bottom: .8em; + list-style: none; + background: transparent url(../images/storm/event.png) no-repeat 0 0; +} +.block-upcoming-events .views-field-title { + font-weight: bold; + line-height: 1em; +} +.block-upcoming-events .views-field-field-stormevent-place-value { + font-size: .75em; + color: #999; +} +.block-upcoming-events .views-field-field-stormevent-date-value { + font-size: .75em; + color: #e58a28; +} +#block-views-calendar-block_2 { + margin: 2em 0 -1.5em; + background: transparent; +} +#block-views-calendar-block_2 .content { + overflow: hidden; + margin: 0; +} +#block-views-calendar-block_2 .view-content ul { + width: 3000px; + padding-left: 0; +} +#block-views-calendar-block_2 .view-content ul li { + float: left; + max-width: 14em; + margin: 0 .8em 0 0; +} +#block-views-calendar-block_2 .more-link { + float: right; + padding: 3px 8px; + font-weight: bold; + background: #dfdfdf; +} */ + +/* + * "SuiteDesk" dynamic desktop. + */ +#sdb-timetracking { + display: none; +} + +/* + * "SuiteDesk" options, icons and menu block. + */ +div.stormlinks { + float: right; + width: 30%; + border: 1px solid #ddd; /* + border-radius: 5px; */ + background: #fff; + padding: 8px 0 4px 1%; + margin-bottom: 1em; + text-align: left; +} +div.stormlinks dl { + margin-bottom: 0; +} +@media (max-width: 889px) { + div.stormlinks { + width: 42%; + } +} +@media (max-width: 529px) { + div.stormlinks { + display: none; + } +} /* +@media (max-width: 439px), (min-width: 530px) and (max-width: 679px) { * MINW * + div.stormlinks { + display: none; + } +} */ +div.stormlinks .sqtt-timetracking-trigger { + display: block; + margin-top: 1.4em; + padding-right: 4px; +} +div.stormlinks .sqtt-timetracking-trigger span { + display: block; + margin-bottom: 1em; + float: left; +} +div.stormlinks .sqtt-timetracking-trigger img { + margin-top: 0; + margin-right: 8px; +} /* +#stormdesktop { + clear: both; + padding: 1em 0 0; +} */ +div.stormdashboard { + width: 50%; /* + margin-left: 0; */ +} +div.stormdashboard dt.stormcomponent { + background-color: #e2e2e2 !important; + background-position: 8px 6px !important; + margin: 0 3px 6px; + padding: 10px 0 10px 50px; + white-space: nowrap; + overflow: hidden; + height: auto; + -webkit-transition: background-color .3s; + -moz-transition: background-color .3s; + -o-transition: background-color .3s; + -ms-transition: background-color .3s; + transition: background-color .3s; +} +div.stormdashboard dt.stormcomponent:hover { + background-color: #50abbf !important; +} +div.stormdashboard dt.stormcomponent a { + font-size: 1.2em; + -webkit-transition: color .2s; + -moz-transition: color .2s; + -o-transition: color .2s; + -ms-transition: color .2s; + transition: color .2s; +} +div.stormdashboard dt.stormcomponent:hover a { + color: #fff; +} +@media (max-width: 659px), (min-width: 768px) and (max-width: 899px) { + div.stormdashboard { + width: 100%; + margin-left: 0; /* + width: 100%; + margin-top: 0; + margin-left: 0; */ + } +} /* +@media (min-width: 660px) and (max-width: 799px) { + div.stormdashboard dt.stormcomponent { + padding-left: 10px; + background-image: none !important; + } +} */ + +#stormdashboard-block dt.stormcomponent { + min-width: 50%; + padding-right: 5px; + margin-bottom: .1em; +} /* +@media (min-width: 530px) and (max-width: 729px) { * MINW * + #stormdashboard-block dt.stormcomponent { + width: 100%; + background: #e2e2e2 !important; + padding-left: 5px; + } + #stormdashboard-block dt.stormcomponent:hover { + background-color: #d2e0f1 !important; + } + #stormdashboard-block a.popups-form { + display: none; + } +} */ +dt.stormcomponent img { + margin: 0 !important; +} +dt.stormcomponent span.stormlinks-count + a > img { + margin-left: 2px !important; +} + +dt#stormoptions { + background: transparent url(../images/storm/storm.png) no-repeat top left; +} +dt#stormkanban { + background: transparent url(../images/storm/kanban.png) no-repeat top left; +} +dt#stormglossary { + background: transparent url(../images/storm/glossary.png) no-repeat top left; +} +dt#stormfaq { + background: transparent url(../images/storm/faq.png) no-repeat top left; +} +dt#stormwatcher { + background: transparent url(../images/storm/watcher.png) no-repeat top left; +} +dt#stormtrash { + background: transparent url(../images/storm/trash.png) no-repeat top left; +} + +/* + * "SuiteDesk" list & filter. + */ /* +#edit-datefrom-wrapper label, +#edit-dateto-wrapper label, +#edit-datebeginfrom-wrapper label, +#edit-datebeginto-wrapper label, +#edit-dateendfrom-wrapper label, +#edit-dateendto-wrapper label, +#edit-reqdatefrom-wrapper label, +#edit-reqdateto-wrapper label { + margin-bottom: 0; +} +#edit-datefrom-wrapper .description, +#edit-dateto-wrapper .description, +#edit-datebeginfrom-wrapper .description, +#edit-datebeginto-wrapper .description, +#edit-dateendfrom-wrapper .description, +#edit-dateendto-wrapper .description, +#edit-reqdatefrom-wrapper .description, +#edit-reqdateto-wrapper .description { + margin-bottom: -0.5em; +} */ +#edit-itemsperpage-wrapper { + margin-top: .5em; +} +#edit-itemsperpage-wrapper label, +#edit-itemsperpage-wrapper input { + display: inline; +} +#edit-itemsperpage { + width: 4em; + text-align: center; +} + +/* + * "SuiteDesk Organizations" list & filter. + */ +body.page-organizations table.sticky-enabled tr > td:first-child { + font-weight: bold; +} + +/* + * "SuiteDesk Persons" list & filter. + */ +body.page-people table.sticky-enabled tr > td + td { + font-weight: bold; +} +body.page-people table.sticky-enabled tr > td + td + td { + font-weight: normal; +} + +/* + * "SuiteDesk Teams" list & filter. + */ +body.page-teams table.sticky-enabled tr > td:first-child { + font-weight: bold; +} + +/* + * "SuiteDesk Projects" list & filter. + */ +table#stormprojects td .project-title { + line-height: 1em; + font-size: 1.2em; + font-weight: bold; +} +table#stormprojects td .status_inserted a { + color: #d20d0d; +} +table#stormprojects td .status_canceled a { + color: #999; + font-weight: normal; + text-decoration: line-through; +} +table#stormprojects td .status_completed { + font-size: 1em; +} +table#stormprojects td .status_completed a { + color: #158715; + font-weight: normal; +} + +/* + * "SuiteDesk Tasks" list & filter. + */ +td.stormtask-list-comments { + text-align: center; +} +table#stormtasks td .task-title { + line-height: 1em; + font-size: 1.2em; + font-weight: bold; +} +table#stormtasks td .status_inserted a { + color: #d20d0d; +} +table#stormtasks td .status_duplicated a, +table#stormtasks td .status_not_solved a { + color: #999; + font-weight: normal; + text-decoration: line-through; +} +table#stormtasks td .status_completed { + font-size: 1em; +} +table#stormtasks td .status_completed a { + color: #158715; + font-weight: normal; +} +table#stormtasks tr.storm_category_tasksgroup .task-title { + font-size: 1em; +} +table#stormtasks tr.storm_category_tasksgroup .task-title a { + color: black; + font-weight: normal; +} +table#tasks td .popups-form, +table#stormtasks td .popups-form { + margin-left: 2px; +} +@media (min-width: 768px) and (max-width: 879px) { + table#stormtasks tr > td:first-child, + table#stormtasks tr > th:first-child, + table#stormtasks tr > .storm_list_comments, + table#stormtasks tr > .storm_list_operations { + display: none; + } +} + +table#tasks tbody tr td:first-child { + overflow: hidden; + word-wrap: normal; + white-space: nowrap; + text-overflow: ellipsis; + position: relative; +} +table#tasks tbody tr td:first-child > div.indentation + a { + margin-right: -48px; +} +table#tasks tbody tr td:first-child > a.tabledrag-handle { + position: absolute; + margin-left: -2px; +} +table#tasks tbody tr td:first-child > a:not([class]) { + display: inline-block; +} +table#tasks tbody tr td:first-child > a.tabledrag-handle + a { + margin-left: 24px; + margin-right: -64px; +} +table#tasks span.tabledrag-changed { + left: 1px; +} +table#tasks tr.row-group td:first-child a { + color: black; + font-weight: bold; +} + +/* + * "SuiteDesk Tasks" Kanban. + */ +body[class*="-tasks section"] #content-area { + clear: both; +} +body[class*="-tasks section"] .region-content-top .block, +body[class*="-kanban section"] .region-content-top .block { + width: 24.7%; + margin: 0 .4% 0 0; + float: left; + background: transparent; +} +#block-views-storm_projects_kanban-block_4 { + margin-right: 0; +} + +body[class*="-tasks section"] .region-content-top .block h2.title:before, +body[class*="-kanban section"] .region-content-top .block h2.title:before { + content: ""; +} +.view-tasks-backlog h2.title, +body[class*="-tasks section"] .region-content-top .block h2.title, +body[class*="-kanban section"] .region-content-top .block h2.title { + text-align: center; + padding: 5px; +} +.view-tasks-backlog h2.title { + margin: 1.8em 0 1.2em; + background-color: #556372; + color: #eee; + font-size: 18px; + font-weight: normal; + line-height: 20px; + letter-spacing: 1px; + text-transform: uppercase; +} +.view-tasks-backlog, +.view-tasks-backlog div.item-list { + clear: both; +} + +.view-tasks-kanban .view-empty p { + font-weight: bold; + text-align: center; + padding: 6px 0 6px; + background-color: #efefef; + color: #cfcfcf; +} +.view-tasks-kanban .view-content ul { + margin: 0; + padding: 0; +} +.view-tasks-kanban .view-content ul li { + margin: 0 0 1em; + padding: .6em; + list-style: none; + background: #fff; + border: 1px solid #999; + font-size: 12px; +} +.view-tasks-kanban .view-content ul li.task-assigned { + background-color: #ccffcc; + border-color: #00b700; +} +.view-tasks-kanban .view-content ul li.task-own { + background-color: #fcffa4; + border-color: #dee100; +} +.view-tasks-kanban .views-field-title { + font-size: 13px; + font-weight: bold; + margin-bottom: .6em; +} +.view-tasks-kanban .views-field-title-2 a, +.view-tasks-kanban span.views-field-datebegin, +.view-tasks-kanban span.views-field-dateend { + font-size: 11px; +} +.view-tasks-kanban .views-field-title-3 span { + display: block; + margin-top: .6em; + text-align: right; + line-height: 14px; +} +.view-tasks-kanban .views-field-comment-count { + float: left; +} +.view-tasks-kanban .views-field-comment-count a { + margin: 1px 4px 0 2px; + height: 14px; + line-height: 14px; +} +.view-tasks-kanban .popups-form { + margin-left: 2px; +} +.view-tasks-kanban .views-field-taskstatus { + float: right; +} +.view-tasks-kanban .views-field-comment-count, +.view-tasks-kanban .views-field-taskstatus, +.view-tasks-kanban .views-field-operation { + margin-top: .6em; +} + +.view-tasks-backlog .view-content ul li { + width: 23%; + margin: 0 1% 2em; + float: left; +} +.view-tasks-backlog li.views-row-5, +.view-tasks-backlog li.views-row-9, +.view-tasks-backlog li.views-row-13, +.view-tasks-backlog li.views-row-17, +.view-tasks-backlog li.views-row-21 { + clear: both; +} + +.view-tasks-kanban li.views-row-even { + -webkit-transform: rotate(-1deg); + -moz-transform: rotate(-1deg); + -o-transform: rotate(-1deg); + -ms-transform: rotate(-1deg); + transform: rotate(-1deg); +} +.view-tasks-kanban li.views-row-odd, +.view-tasks-kanban li.views-row-6, +.view-tasks-kanban li.views-row-12, +.view-tasks-kanban li.views-row-18 { + -webkit-transform: rotate(2deg); + -moz-transform: rotate(2deg); + -o-transform: rotate(2deg); + -ms-transform: rotate(2deg); + transform: rotate(2deg); +} +.view-tasks-kanban li.views-row-17, +#block-views-storm_projects_kanban-block_4 li.views-row-even { + -webkit-transform: rotate(-2deg); + -moz-transform: rotate(-2deg); + -o-transform: rotate(-2deg); + -ms-transform: rotate(-2deg); + transform: rotate(-2deg); +} +.view-tasks-kanban li.views-row-7, +.view-tasks-kanban li.views-row-11, +.view-tasks-kanban li.views-row-15, +#block-views-storm_projects_kanban-block_2 li.views-row-odd { + -webkit-transform: rotate(-1.2deg); + -moz-transform: rotate(-1.2deg); + -o-transform: rotate(-1.2deg); + -ms-transform: rotate(-1.2deg); + transform: rotate(-1.2deg); +} + +.view-tasks-backlog .views-exposed-widget { + width: 39%; + float: left; + padding-top: 0; +} +.view-tasks-backlog .views-exposed-widget label { + width: 25%; + min-width: 5.2em; + margin: .2em 0 0; + float: left; +} +.view-tasks-backlog .views-widget-filter-title label { + min-width: 3.6em; +} +.view-tasks-backlog .views-exposed-widget input { + width: 54%; + margin-bottom: .4em; +} +.view-tasks-backlog .views-widget-filter-title input { + width: 62%; +} +.view-tasks-backlog .views-submit-button { + width: 22%; +} +.view-tasks-backlog .views-submit-button button { + margin: 0 0 0 4% !important; +} +@media (max-width: 699px) { + .view-tasks-backlog .views-exposed-widget { + width: 70%; + } + .view-tasks-backlog .views-exposed-widget label { + position: absolute; + left: 1.8em; + opacity: .2; + } + .view-tasks-backlog .views-exposed-widget input { + width: 98%; + } + .view-tasks-backlog .views-submit-button { + width: 30%; + } + .view-tasks-backlog .views-submit-button button { + width: 96%; + } +} + +@media (max-width: 899px) { + body[class*="-tasks section"] .region-content-top .block, + body[class*="-kanban section"] .region-content-top .block { + float: none; + width: 100%; + clear: both; + margin: 0; + } + .view-tasks-kanban .view-content ul li { + margin: 0 1% 1em; + float: left; + clear: none; + } +} +@media (min-width: 650px) and (max-width: 899px) { + .view-tasks-kanban .view-content ul li { + width: 31%; + } + .view-tasks-kanban li.views-row-4, + .view-tasks-kanban li.views-row-7, + .view-tasks-kanban li.views-row-10, + .view-tasks-kanban li.views-row-13, + .view-tasks-kanban li.views-row-16, + .view-tasks-kanban li.views-row-19, + .view-tasks-kanban li.views-row-22 { + clear: both !important; + } +} +@media (max-width: 649px) { + .view-tasks-kanban .view-content ul li { + width: 48%; + } + .view-tasks-kanban li.views-row-3, + .view-tasks-kanban li.views-row-5, + .view-tasks-kanban li.views-row-7, + .view-tasks-kanban li.views-row-9, + .view-tasks-kanban li.views-row-11, + .view-tasks-kanban li.views-row-13, + .view-tasks-kanban li.views-row-15, + .view-tasks-kanban li.views-row-17, + .view-tasks-kanban li.views-row-19, + .view-tasks-kanban li.views-row-21, + .view-tasks-kanban li.views-row-23 { + clear: both !important; + } +} + +/* + * "SuiteDesk Tickets" list & filter. + */ +td.stormticket-list-comments { + text-align: center; +} +table#stormtickets td .ticket-title { + line-height: 1em; + font-size: 1.2em; + font-weight: bold; +} +table#stormtickets td .status_inserted a, +table#stormtickets td .status_someday a { + color: #d20d0d; +} +table#stormtickets td .status_duplicated a, +table#stormtickets td .status_not_solved a { + color: #999; + font-weight: normal; + text-decoration: line-through; +} +table#stormtickets td .status_completed { + font-size: 1em; +} +table#stormtickets td .status_completed a { + color: #158715; + font-weight: normal; +} +@media (min-width: 768px) and (max-width: 879px) { + table#stormtickets tr > td:first-child, + table#stormtickets tr > th:first-child, + table#stormtickets tr > .storm_list_comments, + table#stormtickets tr > .storm_list_operations { + display: none; + } +} + +/* + * "SuiteDesk Task & Tickets" watcher view. + */ +#watcher_binder table tbody tr > td + td + td + td { + text-align: center; +} +.watcher_binder_send_email_status_icon_enabled, +.watcher_binder_send_email_status_icon_disabled { + overflow: hidden; + text-indent: -1000em; +} + +/* + * "SuiteDesk Timetrackings" list & filter. + */ +table#stormtimetrackings td .timetracking-title { + line-height: 1em; + font-size: 1.2em; + font-weight: bold; +} + +/* + * "SuiteDesk Notes" list & filter. + */ +table#stormnotes th.storm_list_date { + width: 7.5em; +} +table#stormnotes th.storm_list_version { + width: 4em; +} +table#stormnotes td .note-title { + line-height: 1em; + font-size: 1.2em; + font-weight: bold; +} + +/* + * "SuiteDesk Documents" list & filter. + */ +table#stormdoks th.storm_list_date { + width: 7.5em; +} +table#stormdoks th.storm_list_version { + width: 4em; +} +table#stormdoks td .dok-title { + line-height: 1em; + font-size: 1.2em; + font-weight: bold; +} +table#stormdoks td .status_draft a { + color: #d20d0d; +} +table#stormdoks td .status_reviewed { + font-size: 1em; +} +table#stormdoks td .status_reviewed a { + color: #158715; + font-weight: normal; +} +table#stormdoks td .status_obsolete a { + color: #999; + font-weight: normal; + text-decoration: line-through; +} + +/* + * "SuiteDesk Events" list & filter. + */ +table#stormevents td .event-title { + line-height: 1em; + font-size: 1.2em; + font-weight: bold; +} + +/* + * "SuiteDesk Calendar" view. + */ +.calendar-calendar { + margin-top: 0 !important; +} +.calendar-calendar .view-data-nid { + display: none !important; +} +.calendar-calendar .stripe { + border-radius: 0 !important; + height: 10px !important; +} +.calendar-calendar .monthview, +.calendar-calendar .weekview, +.calendar-calendar .dayview { + border-radius: 0 !important; + padding-top: 12px !important; + line-height: 14px !important; + font-size: 11px !important; + min-height: 2.6em !important; +} +.calendar-calendar .full { + border-left: 1px solid transparent !important; +} +#single-day-container .full, +.calendar-calendar .day-view { + border-right: 1px solid #ccc; +} +.calendar-calendar .month-view .full th { + width: 14.2857%; + min-width: 90px; +} +.calendar-calendar .week-view .full th, +.calendar-calendar .week-view .full tr.all-day td.calendar-agenda-hour { + width: 12% !important; +} +.calendar-calendar .week-view .full th.today { + background-color: #556372; + color: #eee; +} +.calendar-calendar .month-view .full td .day { + width: 2em; +} +.calendar-calendar .month-view .full td.empty { + background: #999 !important; +} +.calendar-calendar .month-view .full td.empty .day { + color: #ccc; +} +.calendar-calendar .day-view .full td .inner div.calendar div a { + margin: 0; +} + +.calendar-calendar td .date-display-single { + font-size: 0; +} +.calendar-calendar td .date-display-start, +.calendar-calendar td .date-display-separator, +.calendar-calendar td .date-display-end { + font-size: 10px; +} + +.calendar-calendar ul.links { + width: 50%; + top: 0; +} +.calendar-calendar ul.links li { + background: #dfdfdf; + padding: 6px 8px; + margin: 0 6px 2px 0; + font-size: .9em; +} +.calendar-calendar ul.links li a { + text-decoration: none; +} +.calendar-calendar button { + height: 39px; + margin: 0; +} + +.date-nav div.date-heading h3 { + width: 70%; + margin: .5em 0; +} +.calendar-calendar .year-view .date-nav div.date-heading, +.calendar-calendar .year-view .date-nav div.date-heading h3 { + width: 100%; + margin: 0; + padding: 0; + font-size: 18px; +} +.calendar-calendar .year-view .date-nav div.date-prev, +.calendar-calendar .year-view .date-nav div.date-next { + display: none; +} +.calendar-calendar .year-view table.mini { + min-width: 180px; +} + +.calendar-date-select form { + width: 50%; +} +#edit-calendar-goto-datepicker-popup-0 { + width: 7em; + text-align: center; + margin-left: .5em; + background: #ffffc0; +} +#edit-calendar-goto-datepicker-popup-0-wrapper .description { + display: none; +} + +@media (max-width: 570px) { + .calendar-calendar .week-view .full th small { + display: block; + font-size: 14px; + } + .calendar-date-select #edit-submit { + display: none; + } + .date-nav div.date-heading h3 { + margin-top: 1.2em; + } +} +.date-nav div.date-prev, +.date-nav div.date-next { + margin-top: 4em; +} +body.i18n-es .date-nav div.date-prev { + margin-right: 1.6em; +} +.date-nav div.date-next { + margin-right: .4em; +} + +/* + * "Lexicon" view. + */ +.lexicon-admin-links { + margin: 0; +} +.lexicon-admin-links ul { + padding: 0; +} +.lexicon-admin-links ul li { + list-style: none; + float: left; + margin-bottom: .8em; +} +.lexicon-admin-links ul li a { + color: #fff; + padding-right: .8em; +} +#glosario { + clear: both; +} + +/* + * "SuiteDesk" node. + */ +div.stormfields { + margin-bottom: 12px; +} +div.stormfields, +body.suitedesk div.field-items { + line-height: 1.8em; + text-align: left; +} +div.stormfields div.label, +body.suitedesk div.field-label { + line-height: 1.8em; + font-weight: bold; + width: 8.3em; + float: left; + margin-bottom: .2em; + white-space: nowrap; + overflow: hidden; +} +div.stormfields div.value, +body.suitedesk div.field-items { + margin: 0 32% .2em 8.3em; + padding-left: .4em; + background-color: #efefef; +} +@media (max-width: 889px) { + div.stormfields { + margin-bottom: 0; + } + div.stormfields div.label, + body.suitedesk div.field-label { + float: none; + width: auto; + line-height: 1.2em; + } + div.stormfields div.value, + body.suitedesk div.field-items { + margin-left: 0; + margin-right: 44%; + line-height: 2em; + } +} +@media (max-width: 529px) { + div.stormfields div.value, + body.suitedesk div.field-items { + margin-right: 0; + } +} /* +@media (max-width: 439px), (min-width: 530px) and (max-width: 679px) { * MINW * + div.stormfields div.value, + body.suitedesk div.field-items { + margin-right: 0; + } +} */ +body.print-body div.stormfields div.label, +body.print-body div.field-label { + line-height: 1.8em; + width: 8.3em; + float: left; +} +body.print-body div.stormfields div.value, +body.print-body div.field-items { + margin: 0 24% .2em 8.3em; +} + +.node .stormbody div.label, +.node .field-field-stormorganization-notes .field-label, +.node .field-field-stormperson-notes .field-label, +.node .field-field-stormproject-ms .field-label, +.node .field-field-stormproject-status .field-label { + clear: both; + float: none; + width: 100%; + padding: 3px 8px; + margin: 1.4em 0 -0.5em; + color: #eee; + font-weight: normal; + letter-spacing: 1px; + background-color: #556372; +} +.node .stormbody div.value, +.node .field-field-stormorganization-notes .field-items, +.node .field-field-stormperson-notes .field-items, +.node .field-field-stormproject-ms .field-items, +.node .field-field-stormproject-status .field-items { + width: 100%; + margin: 1.2em 0 1.4em; + padding: 0; + text-align: justify; + background-color: transparent; +} +@media (max-width: 799px) { + .node .stormbody div.value, + .node .field-field-stormorganization-notes .field-items, + .node .field-field-stormperson-notes .field-items, + .node .field-field-stormproject-ms .field-items, + .node .field-field-stormproject-status .field-items { + text-align: left; + } +} +.sqtt-timetracking-trigger { + font-size: .82em; +} +.sqtt-timetracking-trigger img { + margin: -4px 4px 0 16px; +} +.node ul.links li.book_made_simple_stormdok:before, +.node ul.links li.book_made_simple_stormnote:before { + content: "\e825"; +} +.node ul.links li.stormproject_clone_run:before { + content: "\e835"; +} + +/* + * "SuiteDesk Organization" node. + */ +body.suitedesk .field-field-stormorganization-members div.field-items { + padding-left: 0; +} +.node .field-field-stormorganization-members .views-table { + margin-bottom: 0; +} +.node .field-field-stormorganization-members .views-table thead { + display: none; +} +.node .field-field-stormorganization-members .views-table td { + border-top: 0; + font-size: 100%; +} +.node .field-field-stormorganization-members .views-table td.views-field-title { + width: 98%; +} + +/* + * "SuiteDesk Project" node. + * + * Restore bootstrap normal line height. + */ +body.suitedesk .field-field-stormproject-ms div.field-items, +body.suitedesk .field-field-stormproject-status div.field-items { + line-height: 1.42857em; +} +body.suitedesk .field-field-stormproject-subprojects div.field-items { + padding-left: 0; +} +.node .field-field-stormproject-subprojects .views-table { + margin-bottom: 0; +} +.node .field-field-stormproject-subprojects .views-table thead { + display: none; +} +.node .field-field-stormproject-subprojects .views-table td { + border-top: 0; + font-size: 100%; +} +.node .field-field-stormproject-subprojects .views-table td.views-field-title { + width: 90%; +} +.node .field-field-stormproject-subprojects .views-table td img { + margin: -3px -3px 0 1px; +} + +/* + * "SuiteDesk Document" node. + */ +.node-type-stormdok .stormbody div.label { + display: none; +} /* +.node-type-stormdok .group-stormdok-visible { + margin-right: 32%; + margin-bottom: 1.4em; + padding: .5em 1em .5em 50px; + text-align: left; + border: 1px solid #faebcc; + background: #fcf8e3 url(../images/message_warning.png) no-repeat 5px 5px; +} +@media (max-width: 889px) { + .node-type-stormdok .group-stormdok-visible { + margin-right: 44%; + } +} +@media (max-width: 439px), all and (min-width: 530px) and (max-width: 679px) { *//* MINW *//* + .node-type-stormdok .group-stormdok-visible { + margin-right: 0; + } +} +.node-type-stormdok .group-stormdok-visible legend { + display: none; +} +.node-type-stormdok .group-stormdok-visible .description { + color: #8a6d3b; +} +body.suitedesk .node-type-stormdok .group-stormdok-visible div.field-items { + margin: 0; + background-color: #fff; + text-align: center; +} */ + +/* + * "SuiteDesk Note" node. + */ +.node-type-stormnote .stormbody div.label { + display: none; +} + +/* + * "SuiteDesk Event" node. + */ +.field-field-stormevent-date .field-item div { + line-height: 24px; +} +.field-field-stormevent-date .field-item div + span, +.field-field-stormevent-date .field-item span ~ span { + font-size: 13px; +} +.node-type-stormevent .terms { + display: none; +} + +/* + * "Watcher" link in projects, tasks and tickets. + */ +.watcher_node, +.watcher_node_watched { + clear: both; + margin-top: -0.6em; + margin-bottom: 3.2em; + background: transparent !important; + padding: 0; +} +.watcher_node_toggle_watching_link:before, +.watcher_node_toggle_watching_link_watched:before { + font-family: "fonticons"; + font-size: 1.2em; + font-weight: normal; + padding-right: .3em; + color: #ff3300; +} +.watcher_node_toggle_watching_link:before { + content: "\e82B"; + color: #ccc; +} +.watcher_node_toggle_watching_link_watched:before { + content: "\e804"; + color: #3c8dbc; +} +.watcher_node_help_link_to_binder { + margin-left: 1.85em; + font-size: .82em; +} +/* +dt.print_html { + background: transparent url(images/html.png) no-repeat top left; +} +dt.print_pdf { + background: transparent url(images/pdf.png) no-repeat top left; +} + +div.stormfields, div.field, div.stormbody { + width: 70%; +} + +div.stormfields div.label, div.stormbody div.label, div.field div.field-label-inline-first { + float: left; + width: 150px; + text-align: right; + clear: left; + font-weight: bold; +} + +div.stormlinks { + float:right; + width: 30%; +} + +div.stormbody div.value p { + clear: left; + margin: 1.2em; + margin-left: 0; + margin-top: 0; + margin-right: 0; +} + +table#attachments { + float: left; +} */ + +/* + * "SuiteDesk" comments. + */ +body.suitedesk #comments { + margin-top: -1.4em; +} +body.suitedesk #comments div.field-items { + margin: 1em 0 0; + padding-left: 0; + line-height: 1.42857em; + background-color: transparent; + text-align: justify; +} +@media (max-width: 799px) { + body.suitedesk #comments div.field-items { + text-align: left; + } +} + +/* + * "SuiteDesk Task & Ticket" comments. + */ +body.section-task #main-content .section, +body.section-ticket #main-content .section { + padding-bottom: 3em; +} +.node-type-stormtask .meta, +.node-type-stormticket .meta { + position: absolute; + bottom: 1.4em; /* + width: 90%; */ + padding: 0; +} +.section-node-add .node-type-stormtask .meta, +.section-node-add .node-type-stormticket .meta { + display: none; +} +.tt-comment { + border-top: 1px solid #ddd; +} +.views-row-first .tt-comment { + border-top: 0; +} +.views-row-last .tt-comment { + margin-bottom: 1.5em; +} +.tt-comment h3.title { + float: right; + font-size: 1.8em; + background: #000; + padding: 4px; + margin-top: 14px; + margin-left: 8px; +} +.tt-comment h3.title a { + color: #fff; +} +.tt-comment h3.title a:hover { + color: #ff7700; +} +.tt-comment .new { + margin-top: 1em; +} +.tt-comment div.content { + clear: both; +} +div.tt-author { + margin: 1em 0; + font-size: .92em; + line-height: 1.6em; +} +span.tt-date { + font-style: normal; + font-weight: bold; +} +span.tt-name { + white-space: nowrap; +} +div.tt-updated { + color: #999; +} +div.tt-changed { + clear: both; +} +div.tt-changed + div.content { + padding-top: 1px; +} +div.tt-label, +div.tt-old, +div.tt-new { + margin: 2px 6px 2px 0; + padding: 3px 6px; + font-size: .86em; + border-top: 2px solid #dedede; + float: left; +} +div.tt-label { + clear: both; + padding: 3px 0 3px 3px; + overflow: hidden; + font-weight: bold; + background: #dedede; + border-bottom: 2px solid #dedede; + width: 92px; + margin-right: -92px; +} +div.tt-old { + margin-right: -92px; + text-decoration: line-through; + background: url(../images/storm/tt.png) no-repeat top right; +} +div.tt-old, +div.tt-new { + width: 200px; + font-size: 1em; + font-family: Menlo,Monaco,Consolas,"Courier New",monospace; + line-height: 1.1em; + margin-left: 98px; +} +@media (max-width: 529px) { /* MINW - 1 */ + div.tt-old, + div.tt-new { + width: 175px; + } +} +div.tt-new { + border-top-style: dotted; +} + +/* + * Forms and fieldsets with inner tables (SuiteDesk exceptions). + */ +#field-stormorganization-attached-items table.table td, +#field-stormperson-attached-items table.table td, +#field-stormproject-attached-items table.table td, +#field-stormtask-attached-items table.table td, +#field-stormtaskc-attach-items table.table td, +#field-stormticket-attached-items table.table td, +#field-stormticketc-attach-items table.table td, +#field-stormevent-attach-items table.table td, +#field-stormnote-attached-items table.table td, +#field-stormdok-attach-items table.table td { + float: none; +} + +/* + * "SuiteDesk" node form. + */ +table.formgroup { + width: auto; + margin: 0; + clear: both; +} +table.formgroup tr td { + font-size: 1em; + padding-left: 0; + padding-right: 5px; +} +table.formgroup-submit { + margin-top: 1.4em; +} +table.formgroup_access tr td { + padding: 0 !important; +} +table.formgroup_access { + width: 100%; + margin: 1.4em 0 1em; + border: 1px solid #ddd; +} +table.formgroup_access .form-item { + width: 26.5%; + float: left; + padding: .4em; +} +#edit-dok-access-3-wrapper, +#edit-event-access-3-wrapper { + width: 20.5%; +} +@media (max-width: 959px) { /* MINW */ + table.formgroup_access .form-item { + width: 50% !important; + } + #edit-dok-access-2-wrapper, + #edit-event-access-2-wrapper { + clear: both; + } +} +table.formgroup_access .description { + font-size: 12px; + margin-left: 1.8em; + line-height: 1.2em; +} +#node-form #edit-billable-wrapper, +#node-form #edit-billed-wrapper { + margin-top: .75em; +} + +/* + * "SuiteDesk Organization" node form. + */ +.stormorganization_node_form #edit-isactive-wrapper { + margin-bottom: 1em; +} +fieldset.group-stormorganization-members { + border: 0; + margin-top: 0; + padding: 0; +} +fieldset.group-stormorganization-members legend { + display: none; +} +table#field_stormorganization_attached_values { + margin-top: -0.5em; +} +table#field_stormorganization_attached_values thead { + display: none; +} + +/* + * "SuiteDesk Person" node form. + */ +#edit-field-stormperson-name-0-value, +#edit-field-stormperson-lastname-0-value { + width: 100%; +} +table#field_stormperson_attached_values { + margin-top: -0.5em; +} +table#field_stormperson_attached_values thead { + display: none; +} + +/* + * "SuiteDesk Project" node form. + */ +fieldset.group-stormproject-subprojects { + border: 0; + margin-top: .8em; + padding: 0; +} +fieldset.group-stormproject-subprojects legend { + display: none; +} +#edit-field-stormproject-team-value-wrapper { + margin: 1.4em 0 .4em; +} +table#field_stormproject_attached_values { + margin-top: -0.5em; +} +table#field_stormproject_attached_values thead, +form.stormproject_node_form fieldset.book-outline-form { + display: none; +} + +/* + * "SuiteDesk Task" node form. + */ +#edit-durationunit-wrapper { + margin-bottom: 1.2em; /* Solving field position in responsive actions */ +} +table#field_stormtask_attached_values { + margin-top: -0.5em; +} +table#field_stormtask_attached_values thead { + display: none; +} + +/* + * "SuiteDesk Ticket" node form. + */ +table#field_stormticket_attached_values { + margin-top: -0.5em; +} +table#field_stormticket_attached_values thead { + display: none; +} + +/* + * "SuiteDesk Event" node form. + */ +table#field_stormevent_attach_values { + margin-top: -0.5em; +} +table#field_stormevent_attach_values thead { + display: none; +} +#edit-field-stormevent-place-0-value-wrapper + .form-item .form-radios label { + float: left; + width: 7.24%; + margin: 0 .44% 1.4em 0; + white-space: nowrap; + overflow: hidden; +} +@media (max-width: 799px) { + #edit-field-stormevent-place-0-value-wrapper + .form-item .form-radios label { + height: 2.8em; + } +} +#edit-field-stormevent-place-0-value-wrapper + .form-item .form-radios label input { + margin: 2px 0 .3em 2px; +} +#edit-field-stormevent-color-value-856-wrapper label { + background: #ac725e; + color: #ac725e; +} +#edit-field-stormevent-color-value-857-wrapper label { + background: #f83a22; + color: #f83a22; +} +#edit-field-stormevent-color-value-858-wrapper label { + background: #ff7537; + color: #ff7537; +} +#edit-field-stormevent-color-value-859-wrapper label { + background: #42d692; + color: #42d692; +} +#edit-field-stormevent-color-value-860-wrapper label { + background: #16a765; + color: #16a765; +} +#edit-field-stormevent-color-value-861-wrapper label { + background: #fbe983; + color: #fbe983; +} +#edit-field-stormevent-color-value-862-wrapper label { + background: #fad165; + color: #fad165; +} +#edit-field-stormevent-color-value-863-wrapper label { + background: #9fe1e7; + color: #9fe1e7; +} +#edit-field-stormevent-color-value-864-wrapper label { + background: #4986e7; + color: #4986e7; +} +#edit-field-stormevent-color-value-865-wrapper label { + background: #9a9cff; + color: #9a9cff; +} +#edit-field-stormevent-color-value-866-wrapper label { + background: #cca6ac; + color: #cca6ac; +} +#edit-field-stormevent-color-value-867-wrapper label { + background: #c2c2c2; + color: #c2c2c2; +} +#edit-field-stormevent-color-value-868-wrapper label { + background: #000; + color: #000; +} +#edit-field-stormevent-place-0-value-wrapper + .form-item + fieldset > legend { + display: none; +} /* +#edit-field-stormevent-date-value-wrapper label, +#edit-field-stormevent-date-value2-wrapper label { + display: block; + float: left; + width: 9em; +} */ +#edit-field-stormevent-date-rrule-UNTIL-datetime-wrapper { + padding-top: 1em; +} /* +#edit-field-stormevent-date-rrule-UNTIL-datetime-wrapper label { + display: block; + float: left; + width: 4em; +} +#edit-field-stormevent-date-rrule-advanced-BYDAY { + max-width: 300px; +} */ + +/* + * "SuiteDesk Note" node form. + */ +table#field_stormnote_attached_values { + margin-top: -0.5em; +} +table#field_stormnote_attached_values thead { + display: none; +} + +/* + * "SuiteDesk Idea" node form. + */ +#block-storm-stormidea { + margin-top: -12px; +} +#block-storm-stormidea h2.title, +#block-storm-stormidea .content label { + display: none; +} +#block-storm-stormidea .content { + margin: 0; +} +#block-storm-stormidea .content .node-form { + position: relative; +} +#block-storm-stormidea .content .node-form button { + position: absolute; + top: 0; + right: 0; + height: 39px; +} +#block-storm-stormidea .content .node-form input { + width: 84%; +} +@media (max-width: 959px) { + #block-storm-stormidea .content .node-form input { + width: 80%; + } +} +@media (max-width: 799px) { + #block-storm-stormidea .content .node-form input { + width: 76%; + } +} +@media (max-width: 529px) { + #block-storm-stormidea .content .node-form button span { + display: none; + } + #block-storm-stormidea .content .node-form input { + width: 78%; + } +} +@media (max-width: 399px) { + #block-storm-stormidea .content .node-form input { + width: 72%; + } +} + +/* + * "SuiteDesk Dok" node form. + */ +#edit-access-public-wrapper, +#edit-access-authorised-wrapper { + margin: .5em 0; +} +table#field_stormdok_attach_values { + margin-top: -0.5em; +} +table#field_stormdok_attach_values thead { + display: none; +} + +/* + * "SuiteDesk Task & Ticket" comment form. + */ +table#field_stormtaskc_attach_values thead, +table#field_stormticketc_attach_values thead { + display: none; +} +#edit-field-stormtaskc-title-0-value, +#edit-field-stormticketc-title-0-value { + width: 100%; +} +#edit-field-stormtaskc-category-value-wrapper, +#edit-field-stormtaskc-status-value-wrapper, +#edit-field-stormtaskc-priority-value-wrapper, +#edit-field-stormticketc-category-value-wrapper, +#edit-field-stormticketc-status-value-wrapper, +#edit-field-stormticketc-priority-value-wrapper { + float: left; + margin-right: 1em; +} +#edit-field-stormtaskc-priority-value-wrapper, +#edit-field-stormticketc-priority-value-wrapper { + margin-right: 2em; +} +#edit-field-stormtaskc-manager-value-wrapper, +#edit-field-stormticketc-assigned-value-wrapper { + clear: both; + line-height: 2.4em; +} diff --git a/themes/zuitedesk/css/tabs.css b/themes/zuitedesk/css/tabs.css new file mode 100644 index 0000000..0671c18 --- /dev/null +++ b/themes/zuitedesk/css/tabs.css @@ -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; +} diff --git a/themes/zuitedesk/css/wireframes.css b/themes/zuitedesk/css/wireframes.css new file mode 100644 index 0000000..917ae6c --- /dev/null +++ b/themes/zuitedesk/css/wireframes.css @@ -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; +} diff --git a/themes/zuitedesk/favicon.ico b/themes/zuitedesk/favicon.ico new file mode 100644 index 0000000..5c1df5a Binary files /dev/null and b/themes/zuitedesk/favicon.ico differ diff --git a/themes/zuitedesk/font/fonticons.eot b/themes/zuitedesk/font/fonticons.eot new file mode 100755 index 0000000..a34b524 Binary files /dev/null and b/themes/zuitedesk/font/fonticons.eot differ diff --git a/themes/zuitedesk/font/fonticons.svg b/themes/zuitedesk/font/fonticons.svg new file mode 100755 index 0000000..f79a5ec --- /dev/null +++ b/themes/zuitedesk/font/fonticons.svg @@ -0,0 +1,148 @@ + + + +Copyright (C) 2017 by original authors @ fontello.com + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/themes/zuitedesk/font/fonticons.ttf b/themes/zuitedesk/font/fonticons.ttf new file mode 100755 index 0000000..b4b26b3 Binary files /dev/null and b/themes/zuitedesk/font/fonticons.ttf differ diff --git a/themes/zuitedesk/font/fonticons.woff b/themes/zuitedesk/font/fonticons.woff new file mode 100755 index 0000000..2222222 Binary files /dev/null and b/themes/zuitedesk/font/fonticons.woff differ diff --git a/themes/zuitedesk/font/fonticons.woff2 b/themes/zuitedesk/font/fonticons.woff2 new file mode 100755 index 0000000..ed0cd14 Binary files /dev/null and b/themes/zuitedesk/font/fonticons.woff2 differ diff --git a/themes/zuitedesk/images/bg-block-front.png b/themes/zuitedesk/images/bg-block-front.png new file mode 100644 index 0000000..b889d03 Binary files /dev/null and b/themes/zuitedesk/images/bg-block-front.png differ diff --git a/themes/zuitedesk/images/bg-book-navigation.png b/themes/zuitedesk/images/bg-book-navigation.png new file mode 100644 index 0000000..90f7ccb Binary files /dev/null and b/themes/zuitedesk/images/bg-book-navigation.png differ diff --git a/themes/zuitedesk/images/bg-footer.png b/themes/zuitedesk/images/bg-footer.png new file mode 100644 index 0000000..c50df53 Binary files /dev/null and b/themes/zuitedesk/images/bg-footer.png differ diff --git a/themes/zuitedesk/images/bg-form-message.jpg b/themes/zuitedesk/images/bg-form-message.jpg new file mode 100644 index 0000000..dd45329 Binary files /dev/null and b/themes/zuitedesk/images/bg-form-message.jpg differ diff --git a/themes/zuitedesk/images/bg-option.png b/themes/zuitedesk/images/bg-option.png new file mode 100644 index 0000000..682863b Binary files /dev/null and b/themes/zuitedesk/images/bg-option.png differ diff --git a/themes/zuitedesk/images/bg-page.png b/themes/zuitedesk/images/bg-page.png new file mode 100644 index 0000000..a9d8761 Binary files /dev/null and b/themes/zuitedesk/images/bg-page.png differ diff --git a/themes/zuitedesk/images/bg.jpg b/themes/zuitedesk/images/bg.jpg new file mode 100644 index 0000000..92f21b9 Binary files /dev/null and b/themes/zuitedesk/images/bg.jpg differ diff --git a/themes/zuitedesk/images/dash.png b/themes/zuitedesk/images/dash.png new file mode 100644 index 0000000..16a7a11 Binary files /dev/null and b/themes/zuitedesk/images/dash.png differ diff --git a/themes/zuitedesk/images/draggable.png b/themes/zuitedesk/images/draggable.png new file mode 100644 index 0000000..47e8a02 Binary files /dev/null and b/themes/zuitedesk/images/draggable.png differ diff --git a/themes/zuitedesk/images/extlink.png b/themes/zuitedesk/images/extlink.png new file mode 100644 index 0000000..fb4f1f4 Binary files /dev/null and b/themes/zuitedesk/images/extlink.png differ diff --git a/themes/zuitedesk/images/frontpage/About.png b/themes/zuitedesk/images/frontpage/About.png new file mode 100644 index 0000000..e65d9ef Binary files /dev/null and b/themes/zuitedesk/images/frontpage/About.png differ diff --git a/themes/zuitedesk/images/frontpage/Client1.png b/themes/zuitedesk/images/frontpage/Client1.png new file mode 100644 index 0000000..583c514 Binary files /dev/null and b/themes/zuitedesk/images/frontpage/Client1.png differ diff --git a/themes/zuitedesk/images/frontpage/Client2.png b/themes/zuitedesk/images/frontpage/Client2.png new file mode 100644 index 0000000..583c514 Binary files /dev/null and b/themes/zuitedesk/images/frontpage/Client2.png differ diff --git a/themes/zuitedesk/images/frontpage/Client3.png b/themes/zuitedesk/images/frontpage/Client3.png new file mode 100644 index 0000000..583c514 Binary files /dev/null and b/themes/zuitedesk/images/frontpage/Client3.png differ diff --git a/themes/zuitedesk/images/frontpage/Doks.png b/themes/zuitedesk/images/frontpage/Doks.png new file mode 100644 index 0000000..85f9d53 Binary files /dev/null and b/themes/zuitedesk/images/frontpage/Doks.png differ diff --git a/themes/zuitedesk/images/frontpage/Gitlab.png b/themes/zuitedesk/images/frontpage/Gitlab.png new file mode 100644 index 0000000..2bf4658 Binary files /dev/null and b/themes/zuitedesk/images/frontpage/Gitlab.png differ diff --git a/themes/zuitedesk/images/frontpage/Ipad.png b/themes/zuitedesk/images/frontpage/Ipad.png new file mode 100644 index 0000000..69dc943 Binary files /dev/null and b/themes/zuitedesk/images/frontpage/Ipad.png differ diff --git a/themes/zuitedesk/images/frontpage/Left.png b/themes/zuitedesk/images/frontpage/Left.png new file mode 100644 index 0000000..57c00aa Binary files /dev/null and b/themes/zuitedesk/images/frontpage/Left.png differ diff --git a/themes/zuitedesk/images/frontpage/Portfolio01.png b/themes/zuitedesk/images/frontpage/Portfolio01.png new file mode 100644 index 0000000..0ed024c Binary files /dev/null and b/themes/zuitedesk/images/frontpage/Portfolio01.png differ diff --git a/themes/zuitedesk/images/frontpage/Portfolio02.png b/themes/zuitedesk/images/frontpage/Portfolio02.png new file mode 100644 index 0000000..0ed024c Binary files /dev/null and b/themes/zuitedesk/images/frontpage/Portfolio02.png differ diff --git a/themes/zuitedesk/images/frontpage/Portfolio03.png b/themes/zuitedesk/images/frontpage/Portfolio03.png new file mode 100644 index 0000000..0ed024c Binary files /dev/null and b/themes/zuitedesk/images/frontpage/Portfolio03.png differ diff --git a/themes/zuitedesk/images/frontpage/Portfolio04.png b/themes/zuitedesk/images/frontpage/Portfolio04.png new file mode 100644 index 0000000..0ed024c Binary files /dev/null and b/themes/zuitedesk/images/frontpage/Portfolio04.png differ diff --git a/themes/zuitedesk/images/frontpage/Portfolio05.png b/themes/zuitedesk/images/frontpage/Portfolio05.png new file mode 100644 index 0000000..0ed024c Binary files /dev/null and b/themes/zuitedesk/images/frontpage/Portfolio05.png differ diff --git a/themes/zuitedesk/images/frontpage/Portfolio06.png b/themes/zuitedesk/images/frontpage/Portfolio06.png new file mode 100644 index 0000000..0ed024c Binary files /dev/null and b/themes/zuitedesk/images/frontpage/Portfolio06.png differ diff --git a/themes/zuitedesk/images/frontpage/ProjectsAndTasks.png b/themes/zuitedesk/images/frontpage/ProjectsAndTasks.png new file mode 100644 index 0000000..adf32ef Binary files /dev/null and b/themes/zuitedesk/images/frontpage/ProjectsAndTasks.png differ diff --git a/themes/zuitedesk/images/frontpage/Responsive.png b/themes/zuitedesk/images/frontpage/Responsive.png new file mode 100644 index 0000000..456038b Binary files /dev/null and b/themes/zuitedesk/images/frontpage/Responsive.png differ diff --git a/themes/zuitedesk/images/frontpage/Right.png b/themes/zuitedesk/images/frontpage/Right.png new file mode 100644 index 0000000..f87efa1 Binary files /dev/null and b/themes/zuitedesk/images/frontpage/Right.png differ diff --git a/themes/zuitedesk/images/frontpage/Slider.jpg b/themes/zuitedesk/images/frontpage/Slider.jpg new file mode 100644 index 0000000..28921ed Binary files /dev/null and b/themes/zuitedesk/images/frontpage/Slider.jpg differ diff --git a/themes/zuitedesk/images/frontpage/Slider.png b/themes/zuitedesk/images/frontpage/Slider.png new file mode 100644 index 0000000..d145e15 Binary files /dev/null and b/themes/zuitedesk/images/frontpage/Slider.png differ diff --git a/themes/zuitedesk/images/frontpage/Slider01.2.png b/themes/zuitedesk/images/frontpage/Slider01.2.png new file mode 100644 index 0000000..211af82 Binary files /dev/null and b/themes/zuitedesk/images/frontpage/Slider01.2.png differ diff --git a/themes/zuitedesk/images/frontpage/Slider01.png b/themes/zuitedesk/images/frontpage/Slider01.png new file mode 100644 index 0000000..211af82 Binary files /dev/null and b/themes/zuitedesk/images/frontpage/Slider01.png differ diff --git a/themes/zuitedesk/images/frontpage/Slider02.2.png b/themes/zuitedesk/images/frontpage/Slider02.2.png new file mode 100644 index 0000000..2e483e0 Binary files /dev/null and b/themes/zuitedesk/images/frontpage/Slider02.2.png differ diff --git a/themes/zuitedesk/images/frontpage/Slider02.png b/themes/zuitedesk/images/frontpage/Slider02.png new file mode 100644 index 0000000..2eb6f2f Binary files /dev/null and b/themes/zuitedesk/images/frontpage/Slider02.png differ diff --git a/themes/zuitedesk/images/frontpage/Slider03.2.png b/themes/zuitedesk/images/frontpage/Slider03.2.png new file mode 100644 index 0000000..17dde02 Binary files /dev/null and b/themes/zuitedesk/images/frontpage/Slider03.2.png differ diff --git a/themes/zuitedesk/images/frontpage/Slider03.png b/themes/zuitedesk/images/frontpage/Slider03.png new file mode 100644 index 0000000..a92551a Binary files /dev/null and b/themes/zuitedesk/images/frontpage/Slider03.png differ diff --git a/themes/zuitedesk/images/frontpage/SliderLight.jpg b/themes/zuitedesk/images/frontpage/SliderLight.jpg new file mode 100644 index 0000000..5a464e6 Binary files /dev/null and b/themes/zuitedesk/images/frontpage/SliderLight.jpg differ diff --git a/themes/zuitedesk/images/frontpage/SuiteCRM.png b/themes/zuitedesk/images/frontpage/SuiteCRM.png new file mode 100644 index 0000000..f598b1e Binary files /dev/null and b/themes/zuitedesk/images/frontpage/SuiteCRM.png differ diff --git a/themes/zuitedesk/images/frontpage/Team1.png b/themes/zuitedesk/images/frontpage/Team1.png new file mode 100644 index 0000000..af40b11 Binary files /dev/null and b/themes/zuitedesk/images/frontpage/Team1.png differ diff --git a/themes/zuitedesk/images/frontpage/Team2.png b/themes/zuitedesk/images/frontpage/Team2.png new file mode 100644 index 0000000..af40b11 Binary files /dev/null and b/themes/zuitedesk/images/frontpage/Team2.png differ diff --git a/themes/zuitedesk/images/frontpage/Team3.png b/themes/zuitedesk/images/frontpage/Team3.png new file mode 100644 index 0000000..af40b11 Binary files /dev/null and b/themes/zuitedesk/images/frontpage/Team3.png differ diff --git a/themes/zuitedesk/images/frontpage/Tickets.png b/themes/zuitedesk/images/frontpage/Tickets.png new file mode 100644 index 0000000..a42be89 Binary files /dev/null and b/themes/zuitedesk/images/frontpage/Tickets.png differ diff --git a/themes/zuitedesk/images/frontpage/brand-bg.png b/themes/zuitedesk/images/frontpage/brand-bg.png new file mode 100644 index 0000000..6011cf3 Binary files /dev/null and b/themes/zuitedesk/images/frontpage/brand-bg.png differ diff --git a/themes/zuitedesk/images/frontpage/bx_loader.gif b/themes/zuitedesk/images/frontpage/bx_loader.gif new file mode 100644 index 0000000..f4ff40e Binary files /dev/null and b/themes/zuitedesk/images/frontpage/bx_loader.gif differ diff --git a/themes/zuitedesk/images/frontpage/clients/ClientLogo01.png b/themes/zuitedesk/images/frontpage/clients/ClientLogo01.png new file mode 100644 index 0000000..66d275d Binary files /dev/null and b/themes/zuitedesk/images/frontpage/clients/ClientLogo01.png differ diff --git a/themes/zuitedesk/images/frontpage/clients/ClientLogo02.png b/themes/zuitedesk/images/frontpage/clients/ClientLogo02.png new file mode 100644 index 0000000..66d275d Binary files /dev/null and b/themes/zuitedesk/images/frontpage/clients/ClientLogo02.png differ diff --git a/themes/zuitedesk/images/frontpage/clients/ClientLogo03.png b/themes/zuitedesk/images/frontpage/clients/ClientLogo03.png new file mode 100644 index 0000000..66d275d Binary files /dev/null and b/themes/zuitedesk/images/frontpage/clients/ClientLogo03.png differ diff --git a/themes/zuitedesk/images/frontpage/clients/ClientLogo04.png b/themes/zuitedesk/images/frontpage/clients/ClientLogo04.png new file mode 100644 index 0000000..66d275d Binary files /dev/null and b/themes/zuitedesk/images/frontpage/clients/ClientLogo04.png differ diff --git a/themes/zuitedesk/images/frontpage/clients/ClientLogo05.png b/themes/zuitedesk/images/frontpage/clients/ClientLogo05.png new file mode 100644 index 0000000..66d275d Binary files /dev/null and b/themes/zuitedesk/images/frontpage/clients/ClientLogo05.png differ diff --git a/themes/zuitedesk/images/frontpage/clients/ClientLogo06.png b/themes/zuitedesk/images/frontpage/clients/ClientLogo06.png new file mode 100644 index 0000000..05c28bc Binary files /dev/null and b/themes/zuitedesk/images/frontpage/clients/ClientLogo06.png differ diff --git a/themes/zuitedesk/images/frontpage/fs.spinner.gif b/themes/zuitedesk/images/frontpage/fs.spinner.gif new file mode 100644 index 0000000..0e08081 Binary files /dev/null and b/themes/zuitedesk/images/frontpage/fs.spinner.gif differ diff --git a/themes/zuitedesk/images/frontpage/iBook.png b/themes/zuitedesk/images/frontpage/iBook.png new file mode 100644 index 0000000..741e1a7 Binary files /dev/null and b/themes/zuitedesk/images/frontpage/iBook.png differ diff --git a/themes/zuitedesk/images/frontpage/iMac.png b/themes/zuitedesk/images/frontpage/iMac.png new file mode 100644 index 0000000..deb03d4 Binary files /dev/null and b/themes/zuitedesk/images/frontpage/iMac.png differ diff --git a/themes/zuitedesk/images/frontpage/iPhone.png b/themes/zuitedesk/images/frontpage/iPhone.png new file mode 100644 index 0000000..a0efd39 Binary files /dev/null and b/themes/zuitedesk/images/frontpage/iPhone.png differ diff --git a/themes/zuitedesk/images/frontpage/logo.png b/themes/zuitedesk/images/frontpage/logo.png new file mode 100644 index 0000000..91127a9 Binary files /dev/null and b/themes/zuitedesk/images/frontpage/logo.png differ diff --git a/themes/zuitedesk/images/frontpage/nav-icon.png b/themes/zuitedesk/images/frontpage/nav-icon.png new file mode 100644 index 0000000..618d153 Binary files /dev/null and b/themes/zuitedesk/images/frontpage/nav-icon.png differ diff --git a/themes/zuitedesk/images/grippie.png b/themes/zuitedesk/images/grippie.png new file mode 100644 index 0000000..6524d41 Binary files /dev/null and b/themes/zuitedesk/images/grippie.png differ diff --git a/themes/zuitedesk/images/ico-date.gif b/themes/zuitedesk/images/ico-date.gif new file mode 100644 index 0000000..75898ee Binary files /dev/null and b/themes/zuitedesk/images/ico-date.gif differ diff --git a/themes/zuitedesk/images/ico-user.gif b/themes/zuitedesk/images/ico-user.gif new file mode 100644 index 0000000..221043c Binary files /dev/null and b/themes/zuitedesk/images/ico-user.gif differ diff --git a/themes/zuitedesk/images/list-fotoview.png b/themes/zuitedesk/images/list-fotoview.png new file mode 100644 index 0000000..aa32a7b Binary files /dev/null and b/themes/zuitedesk/images/list-fotoview.png differ diff --git a/themes/zuitedesk/images/mailto.png b/themes/zuitedesk/images/mailto.png new file mode 100644 index 0000000..2a0df46 Binary files /dev/null and b/themes/zuitedesk/images/mailto.png differ diff --git a/themes/zuitedesk/images/manuel.cillero.es.jpg b/themes/zuitedesk/images/manuel.cillero.es.jpg new file mode 100644 index 0000000..80d3766 Binary files /dev/null and b/themes/zuitedesk/images/manuel.cillero.es.jpg differ diff --git a/themes/zuitedesk/images/manuel.cillero.es.png b/themes/zuitedesk/images/manuel.cillero.es.png new file mode 100644 index 0000000..54c2678 Binary files /dev/null and b/themes/zuitedesk/images/manuel.cillero.es.png differ diff --git a/themes/zuitedesk/images/menu-collapsed.gif b/themes/zuitedesk/images/menu-collapsed.gif new file mode 100644 index 0000000..3dc9ca7 Binary files /dev/null and b/themes/zuitedesk/images/menu-collapsed.gif differ diff --git a/themes/zuitedesk/images/menu-collapsed.png b/themes/zuitedesk/images/menu-collapsed.png new file mode 100644 index 0000000..95a214a Binary files /dev/null and b/themes/zuitedesk/images/menu-collapsed.png differ diff --git a/themes/zuitedesk/images/menu-expanded.gif b/themes/zuitedesk/images/menu-expanded.gif new file mode 100644 index 0000000..126ccc1 Binary files /dev/null and b/themes/zuitedesk/images/menu-expanded.gif differ diff --git a/themes/zuitedesk/images/menu-expanded.png b/themes/zuitedesk/images/menu-expanded.png new file mode 100644 index 0000000..46f39ec Binary files /dev/null and b/themes/zuitedesk/images/menu-expanded.png differ diff --git a/themes/zuitedesk/images/menu-leaf.gif b/themes/zuitedesk/images/menu-leaf.gif new file mode 100644 index 0000000..73e21f6 Binary files /dev/null and b/themes/zuitedesk/images/menu-leaf.gif differ diff --git a/themes/zuitedesk/images/menu-leaf.png b/themes/zuitedesk/images/menu-leaf.png new file mode 100644 index 0000000..827ba08 Binary files /dev/null and b/themes/zuitedesk/images/menu-leaf.png differ diff --git a/themes/zuitedesk/images/message_error.png b/themes/zuitedesk/images/message_error.png new file mode 100644 index 0000000..0ce8ceb Binary files /dev/null and b/themes/zuitedesk/images/message_error.png differ diff --git a/themes/zuitedesk/images/message_status.png b/themes/zuitedesk/images/message_status.png new file mode 100644 index 0000000..a91de39 Binary files /dev/null and b/themes/zuitedesk/images/message_status.png differ diff --git a/themes/zuitedesk/images/message_warning.png b/themes/zuitedesk/images/message_warning.png new file mode 100644 index 0000000..6fa3338 Binary files /dev/null and b/themes/zuitedesk/images/message_warning.png differ diff --git a/themes/zuitedesk/images/messages-error-ie6.png b/themes/zuitedesk/images/messages-error-ie6.png new file mode 100644 index 0000000..054b9f2 Binary files /dev/null and b/themes/zuitedesk/images/messages-error-ie6.png differ diff --git a/themes/zuitedesk/images/messages-error.png b/themes/zuitedesk/images/messages-error.png new file mode 100644 index 0000000..012813b Binary files /dev/null and b/themes/zuitedesk/images/messages-error.png differ diff --git a/themes/zuitedesk/images/messages-status-ie6.png b/themes/zuitedesk/images/messages-status-ie6.png new file mode 100644 index 0000000..f9eb63f Binary files /dev/null and b/themes/zuitedesk/images/messages-status-ie6.png differ diff --git a/themes/zuitedesk/images/messages-status.png b/themes/zuitedesk/images/messages-status.png new file mode 100644 index 0000000..9f07a42 Binary files /dev/null and b/themes/zuitedesk/images/messages-status.png differ diff --git a/themes/zuitedesk/images/messages-warning-ie6.png b/themes/zuitedesk/images/messages-warning-ie6.png new file mode 100644 index 0000000..551a9db Binary files /dev/null and b/themes/zuitedesk/images/messages-warning-ie6.png differ diff --git a/themes/zuitedesk/images/messages-warning.png b/themes/zuitedesk/images/messages-warning.png new file mode 100644 index 0000000..e727711 Binary files /dev/null and b/themes/zuitedesk/images/messages-warning.png differ diff --git a/themes/zuitedesk/images/notify.png b/themes/zuitedesk/images/notify.png new file mode 100644 index 0000000..afad034 Binary files /dev/null and b/themes/zuitedesk/images/notify.png differ diff --git a/themes/zuitedesk/images/progress.gif b/themes/zuitedesk/images/progress.gif new file mode 100644 index 0000000..6d8652e Binary files /dev/null and b/themes/zuitedesk/images/progress.gif differ diff --git a/themes/zuitedesk/images/quote.png b/themes/zuitedesk/images/quote.png new file mode 100644 index 0000000..0b12492 Binary files /dev/null and b/themes/zuitedesk/images/quote.png differ diff --git a/themes/zuitedesk/images/quotes-en.png b/themes/zuitedesk/images/quotes-en.png new file mode 100644 index 0000000..ab90104 Binary files /dev/null and b/themes/zuitedesk/images/quotes-en.png differ diff --git a/themes/zuitedesk/images/quotes-es.png b/themes/zuitedesk/images/quotes-es.png new file mode 100644 index 0000000..b1e1bf6 Binary files /dev/null and b/themes/zuitedesk/images/quotes-es.png differ diff --git a/themes/zuitedesk/images/service-links-icons.png b/themes/zuitedesk/images/service-links-icons.png new file mode 100644 index 0000000..447e278 Binary files /dev/null and b/themes/zuitedesk/images/service-links-icons.png differ diff --git a/themes/zuitedesk/images/storm/dok.png b/themes/zuitedesk/images/storm/dok.png new file mode 100644 index 0000000..93677f3 Binary files /dev/null and b/themes/zuitedesk/images/storm/dok.png differ diff --git a/themes/zuitedesk/images/storm/event.png b/themes/zuitedesk/images/storm/event.png new file mode 100644 index 0000000..4371bd7 Binary files /dev/null and b/themes/zuitedesk/images/storm/event.png differ diff --git a/themes/zuitedesk/images/storm/expense.png b/themes/zuitedesk/images/storm/expense.png new file mode 100644 index 0000000..1336ec3 Binary files /dev/null and b/themes/zuitedesk/images/storm/expense.png differ diff --git a/themes/zuitedesk/images/storm/faq.png b/themes/zuitedesk/images/storm/faq.png new file mode 100644 index 0000000..3f03e84 Binary files /dev/null and b/themes/zuitedesk/images/storm/faq.png differ diff --git a/themes/zuitedesk/images/storm/glossary.png b/themes/zuitedesk/images/storm/glossary.png new file mode 100644 index 0000000..66f87a8 Binary files /dev/null and b/themes/zuitedesk/images/storm/glossary.png differ diff --git a/themes/zuitedesk/images/storm/invoice.png b/themes/zuitedesk/images/storm/invoice.png new file mode 100644 index 0000000..38c5712 Binary files /dev/null and b/themes/zuitedesk/images/storm/invoice.png differ diff --git a/themes/zuitedesk/images/storm/kanban.png b/themes/zuitedesk/images/storm/kanban.png new file mode 100644 index 0000000..cb7e0bf Binary files /dev/null and b/themes/zuitedesk/images/storm/kanban.png differ diff --git a/themes/zuitedesk/images/storm/note.png b/themes/zuitedesk/images/storm/note.png new file mode 100644 index 0000000..81266df Binary files /dev/null and b/themes/zuitedesk/images/storm/note.png differ diff --git a/themes/zuitedesk/images/storm/organization.png b/themes/zuitedesk/images/storm/organization.png new file mode 100644 index 0000000..7effc1a Binary files /dev/null and b/themes/zuitedesk/images/storm/organization.png differ diff --git a/themes/zuitedesk/images/storm/person.png b/themes/zuitedesk/images/storm/person.png new file mode 100644 index 0000000..6f938b8 Binary files /dev/null and b/themes/zuitedesk/images/storm/person.png differ diff --git a/themes/zuitedesk/images/storm/project.png b/themes/zuitedesk/images/storm/project.png new file mode 100644 index 0000000..6669d1c Binary files /dev/null and b/themes/zuitedesk/images/storm/project.png differ diff --git a/themes/zuitedesk/images/storm/storm.png b/themes/zuitedesk/images/storm/storm.png new file mode 100644 index 0000000..8dbdcea Binary files /dev/null and b/themes/zuitedesk/images/storm/storm.png differ diff --git a/themes/zuitedesk/images/storm/task.png b/themes/zuitedesk/images/storm/task.png new file mode 100644 index 0000000..dec5ef5 Binary files /dev/null and b/themes/zuitedesk/images/storm/task.png differ diff --git a/themes/zuitedesk/images/storm/team.png b/themes/zuitedesk/images/storm/team.png new file mode 100644 index 0000000..c849a42 Binary files /dev/null and b/themes/zuitedesk/images/storm/team.png differ diff --git a/themes/zuitedesk/images/storm/ticket.png b/themes/zuitedesk/images/storm/ticket.png new file mode 100644 index 0000000..7a94223 Binary files /dev/null and b/themes/zuitedesk/images/storm/ticket.png differ diff --git a/themes/zuitedesk/images/storm/timetracking.png b/themes/zuitedesk/images/storm/timetracking.png new file mode 100644 index 0000000..4278f6d Binary files /dev/null and b/themes/zuitedesk/images/storm/timetracking.png differ diff --git a/themes/zuitedesk/images/storm/trash.png b/themes/zuitedesk/images/storm/trash.png new file mode 100644 index 0000000..3239bbc Binary files /dev/null and b/themes/zuitedesk/images/storm/trash.png differ diff --git a/themes/zuitedesk/images/storm/tt.png b/themes/zuitedesk/images/storm/tt.png new file mode 100644 index 0000000..4ac1eeb Binary files /dev/null and b/themes/zuitedesk/images/storm/tt.png differ diff --git a/themes/zuitedesk/images/storm/watcher.png b/themes/zuitedesk/images/storm/watcher.png new file mode 100644 index 0000000..2436e84 Binary files /dev/null and b/themes/zuitedesk/images/storm/watcher.png differ diff --git a/themes/zuitedesk/images/suitedesk.png b/themes/zuitedesk/images/suitedesk.png new file mode 100644 index 0000000..53c7c6d Binary files /dev/null and b/themes/zuitedesk/images/suitedesk.png differ diff --git a/themes/zuitedesk/images/throbber.gif b/themes/zuitedesk/images/throbber.gif new file mode 100644 index 0000000..1455394 Binary files /dev/null and b/themes/zuitedesk/images/throbber.gif differ diff --git a/themes/zuitedesk/images/tree-bottom.png b/themes/zuitedesk/images/tree-bottom.png new file mode 100644 index 0000000..256ae1f Binary files /dev/null and b/themes/zuitedesk/images/tree-bottom.png differ diff --git a/themes/zuitedesk/images/tree.png b/themes/zuitedesk/images/tree.png new file mode 100644 index 0000000..fccec6b Binary files /dev/null and b/themes/zuitedesk/images/tree.png differ diff --git a/themes/zuitedesk/js/bootstrap-tour.min.js b/themes/zuitedesk/js/bootstrap-tour.min.js new file mode 100644 index 0000000..20bbd46 --- /dev/null +++ b/themes/zuitedesk/js/bootstrap-tour.min.js @@ -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. +*/ +!function(a,b){var c,d;return d=b.document,c=function(){function c(c){var d;try{d=b.localStorage}catch(e){d=!1}this._options=a.extend({name:"tour",steps:[],container:"body",keyboard:!0,storage:d,debug:!1,backdrop:!1,redirect:!0,orphan:!1,duration:!1,basePath:"",template:"

",afterSetState:function(){},afterGetState:function(){},afterRemoveState:function(){},onStart:function(){},onEnd:function(){},onShow:function(){},onShown:function(){},onHide:function(){},onHidden:function(){},onNext:function(){},onPrev:function(){},onPause:function(){},onResume:function(){}},c),this._force=!1,this._inited=!1,this.backdrop={overlay:null,$element:null,$background:null,backgroundShown:!1,overlayElementShown:!1}}return c.prototype.addSteps=function(a){var b,c,d;for(c=0,d=a.length;d>c;c++)b=a[c],this.addStep(b);return this},c.prototype.addStep=function(a){return this._options.steps.push(a),this},c.prototype.getStep=function(b){return null!=this._options.steps[b]?a.extend({id:"step-"+b,path:"",placement:"right",title:"",content:"

",next:b===this._options.steps.length-1?-1:b+1,prev:b-1,animation:!0,container:this._options.container,backdrop:this._options.backdrop,redirect:this._options.redirect,orphan:this._options.orphan,duration:this._options.duration,template:this._options.template,onShow:this._options.onShow,onShown:this._options.onShown,onHide:this._options.onHide,onHidden:this._options.onHidden,onNext:this._options.onNext,onPrev:this._options.onPrev,onPause:this._options.onPause,onResume:this._options.onResume},this._options.steps[b]):void 0},c.prototype.init=function(a){return this._force=a,this.ended()?(this._debug("Tour ended, init prevented."),this):(this.setCurrentStep(),this._initMouseNavigation(),this._initKeyboardNavigation(),this._onResize(function(a){return function(){return a.showStep(a._current)}}(this)),null!==this._current&&this.showStep(this._current),this._inited=!0,this)},c.prototype.start=function(a){var b;return null==a&&(a=!1),this._inited||this.init(a),null===this._current&&(b=this._makePromise(null!=this._options.onStart?this._options.onStart(this):void 0),this._callOnPromiseDone(b,this.showStep,0)),this},c.prototype.next=function(){var a;return a=this.hideStep(this._current),this._callOnPromiseDone(a,this._showNextStep)},c.prototype.prev=function(){var a;return a=this.hideStep(this._current),this._callOnPromiseDone(a,this._showPrevStep)},c.prototype.goTo=function(a){var b;return b=this.hideStep(this._current),this._callOnPromiseDone(b,this.showStep,a)},c.prototype.end=function(){var c,e;return c=function(c){return function(){return a(d).off("click.tour-"+c._options.name),a(d).off("keyup.tour-"+c._options.name),a(b).off("resize.tour-"+c._options.name),c._setState("end","yes"),c._inited=!1,c._force=!1,c._clearTimer(),null!=c._options.onEnd?c._options.onEnd(c):void 0}}(this),e=this.hideStep(this._current),this._callOnPromiseDone(e,c)},c.prototype.ended=function(){return!this._force&&!!this._getState("end")},c.prototype.restart=function(){return this._removeState("current_step"),this._removeState("end"),this.start()},c.prototype.pause=function(){var a;return a=this.getStep(this._current),a&&a.duration?(this._paused=!0,this._duration-=(new Date).getTime()-this._start,b.clearTimeout(this._timer),this._debug("Paused/Stopped step "+(this._current+1)+" timer ("+this._duration+" remaining)."),null!=a.onPause?a.onPause(this,this._duration):void 0):this},c.prototype.resume=function(){var a;return a=this.getStep(this._current),a&&a.duration?(this._paused=!1,this._start=(new Date).getTime(),this._duration=this._duration||a.duration,this._timer=b.setTimeout(function(a){return function(){return a._isLast()?a.next():a.end()}}(this),this._duration),this._debug("Started step "+(this._current+1)+" timer with duration "+this._duration),null!=a.onResume&&this._duration!==a.duration?a.onResume(this,this._duration):void 0):this},c.prototype.hideStep=function(b){var c,d,e;return(e=this.getStep(b))?(this._clearTimer(),d=this._makePromise(null!=e.onHide?e.onHide(this,b):void 0),c=function(c){return function(){var d;return d=a(e.element),d.data("bs.popover")||d.data("popover")||(d=a("body")),d.popover("destroy").removeClass("tour-"+c._options.name+"-element tour-"+c._options.name+"-"+b+"-element"),e.reflex&&d.css("cursor","").off("click.tour-"+c._options.name),e.backdrop&&c._hideBackdrop(),null!=e.onHidden?e.onHidden(c):void 0}}(this),this._callOnPromiseDone(d,c),d):void 0},c.prototype.showStep=function(a){var b,c,e,f;return this.ended()?(this._debug("Tour ended, showStep prevented."),this):(f=this.getStep(a))?(e=a").parent().html(),d.popover({placement:b.placement,trigger:"manual",title:b.title,content:b.content,html:!0,animation:b.animation,container:b.container,template:b.template,selector:b.element}).popover("show"),g=d.data("bs.popover")?d.data("bs.popover").tip():d.data("popover").tip(),g.attr("id",b.id),this._reposition(g,b),h?this._center(g):void 0},c.prototype._reposition=function(b,c){var e,f,g,h,i,j,k;if(h=b[0].offsetWidth,f=b[0].offsetHeight,k=b.offset(),i=k.left,j=k.top,e=a(d).outerHeight()-k.top-b.outerHeight(),0>e&&(k.top=k.top+e),g=a("html").outerWidth()-k.left-b.outerWidth(),0>g&&(k.left=k.left+g),k.top<0&&(k.top=0),k.left<0&&(k.left=0),b.offset(k),"bottom"===c.placement||"top"===c.placement){if(i!==k.left)return this._replaceArrow(b,2*(k.left-i),h,"left")}else if(j!==k.top)return this._replaceArrow(b,2*(k.top-j),f,"top")},c.prototype._center=function(c){return c.css("top",a(b).outerHeight()/2-c.outerHeight()/2)},c.prototype._replaceArrow=function(a,b,c,d){return a.find(".arrow").css(d,b?50*(1-b/c)+"%":"")},c.prototype._scrollIntoView=function(c,d){var e,f,g,h,i,j;return e=a(c),e.length?(f=a(b),h=e.offset().top,j=f.height(),i=Math.max(0,h-j/2),this._debug("Scroll into view. ScrollTop: "+i+". Element offset: "+h+". Window height: "+j+"."),g=0,a("body,html").stop(!0,!0).animate({scrollTop:Math.ceil(i)},function(a){return function(){return 2===++g?(d(),a._debug("Scroll into view. Animation end element offset: "+e.offset().top+". Window height: "+f.height()+".")):void 0}}(this))):d()},c.prototype._onResize=function(c,d){return a(b).on("resize.tour-"+this._options.name,function(){return clearTimeout(d),d=setTimeout(c,100)})},c.prototype._initMouseNavigation=function(){var b;return b=this,a(d).off("click.tour-"+this._options.name,".popover.tour-"+this._options.name+" *[data-role='prev']:not(.disabled)").off("click.tour-"+this._options.name,".popover.tour-"+this._options.name+" *[data-role='next']:not(.disabled)").off("click.tour-"+this._options.name,".popover.tour-"+this._options.name+" *[data-role='end']").off("click.tour-"+this._options.name,".popover.tour-"+this._options.name+" *[data-role='pause-resume']").on("click.tour-"+this._options.name,".popover.tour-"+this._options.name+" *[data-role='next']:not(.disabled)",function(a){return function(b){return b.preventDefault(),a.next()}}(this)).on("click.tour-"+this._options.name,".popover.tour-"+this._options.name+" *[data-role='prev']:not(.disabled)",function(a){return function(b){return b.preventDefault(),a.prev()}}(this)).on("click.tour-"+this._options.name,".popover.tour-"+this._options.name+" *[data-role='end']",function(a){return function(b){return b.preventDefault(),a.end()}}(this)).on("click.tour-"+this._options.name,".popover.tour-"+this._options.name+" *[data-role='pause-resume']",function(c){var d;return c.preventDefault(),d=a(this),d.text(d.data(b._paused?"pause-text":"resume-text")),b._paused?b.resume():b.pause()})},c.prototype._initKeyboardNavigation=function(){return this._options.keyboard?a(d).on("keyup.tour-"+this._options.name,function(a){return function(b){if(b.which)switch(b.which){case 39:return b.preventDefault(),a._isLast()?a.next():a.end();case 37:if(b.preventDefault(),a._current>0)return a.prev();break;case 27:return b.preventDefault(),a.end()}}}(this)):void 0},c.prototype._makePromise=function(b){return b&&a.isFunction(b.then)?b:null},c.prototype._callOnPromiseDone=function(a,b,c){return a?a.then(function(a){return function(){return b.call(a,c)}}(this)):b.call(this,c)},c.prototype._showBackdrop=function(){return this.backdrop.backgroundShown?void 0:(this.backdrop=a("
",{"class":"tour-backdrop"}),this.backdrop.backgroundShown=!0,a("body").append(this.backdrop))},c.prototype._hideBackdrop=function(){return this._hideOverlayElement(),this._hideBackground()},c.prototype._hideBackground=function(){return this.backdrop?(this.backdrop.remove(),this.backdrop.overlay=null,this.backdrop.backgroundShown=!1):void 0},c.prototype._showOverlayElement=function(b){var c,d,e;return d=a(b),d&&0!==d.length&&!this.backdrop.overlayElementShown?(this.backdrop.overlayElementShown=!0,c=a("
"),e=d.offset(),e.top=e.top,e.left=e.left,c.width(d.innerWidth()).height(d.innerHeight()).addClass("tour-step-background").offset(e),d.addClass("tour-step-backdrop"),a("body").append(c),this.backdrop.$element=d,this.backdrop.$background=c):void 0},c.prototype._hideOverlayElement=function(){return this.backdrop.overlayElementShown?(this.backdrop.$element.removeClass("tour-step-backdrop"),this.backdrop.$background.remove(),this.backdrop.$element=null,this.backdrop.$background=null,this.backdrop.overlayElementShown=!1):void 0},c.prototype._clearTimer=function(){return b.clearTimeout(this._timer),this._timer=null,this._duration=null},c}(),b.Tour=c}($jq,window); diff --git a/themes/zuitedesk/js/bootstrap.min.js b/themes/zuitedesk/js/bootstrap.min.js new file mode 100644 index 0000000..30668f8 --- /dev/null +++ b/themes/zuitedesk/js/bootstrap.min.js @@ -0,0 +1,11 @@ +/*! + * Bootstrap v3.3.7 (http://getbootstrap.com) + * Copyright 2011-2016 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + */ + +/*! + * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=7c3adc6ccd559debd4f4fbf90f1f27e5) + * Config saved to config.json and https://gist.github.com/7c3adc6ccd559debd4f4fbf90f1f27e5 + */ +if("undefined"==typeof $jq)throw new Error("Bootstrap's JavaScript requires $jq");+function(t){"use strict";var e=t.fn.jquery.split(" ")[0].split(".");if(e[0]<2&&e[1]<9||1==e[0]&&9==e[1]&&e[2]<1||e[0]>3)throw new Error("Bootstrap's JavaScript requires $jq version 1.9.1 or higher, but lower than version 4")}($jq),+function(t){"use strict";function e(e){var o=e.attr("data-target");o||(o=e.attr("href"),o=o&&/#[A-Za-z]/.test(o)&&o.replace(/.*(?=#[^\s]*$)/,""));var i=o&&t(o);return i&&i.length?i:e.parent()}function o(o){o&&3===o.which||(t(n).remove(),t(s).each(function(){var i=t(this),n=e(i),s={relatedTarget:this};n.hasClass("open")&&(o&&"click"==o.type&&/input|textarea/i.test(o.target.tagName)&&t.contains(n[0],o.target)||(n.trigger(o=t.Event("hide.bs.dropdown",s)),o.isDefaultPrevented()||(i.attr("aria-expanded","false"),n.removeClass("open").trigger(t.Event("hidden.bs.dropdown",s)))))}))}function i(e){return this.each(function(){var o=t(this),i=o.data("bs.dropdown");i||o.data("bs.dropdown",i=new r(this)),"string"==typeof e&&i[e].call(o)})}var n=".dropdown-backdrop",s='[data-toggle="dropdown"]',r=function(e){t(e).on("click.bs.dropdown",this.toggle)};r.VERSION="3.3.7",r.prototype.toggle=function(i){var n=t(this);if(!n.is(".disabled, :disabled")){var s=e(n),r=s.hasClass("open");if(o(),!r){"ontouchstart"in document.documentElement&&!s.closest(".navbar-nav").length&&t(document.createElement("div")).addClass("dropdown-backdrop").insertAfter(t(this)).on("click",o);var a={relatedTarget:this};if(s.trigger(i=t.Event("show.bs.dropdown",a)),i.isDefaultPrevented())return;n.trigger("focus").attr("aria-expanded","true"),s.toggleClass("open").trigger(t.Event("shown.bs.dropdown",a))}return!1}},r.prototype.keydown=function(o){if(/(38|40|27|32)/.test(o.which)&&!/input|textarea/i.test(o.target.tagName)){var i=t(this);if(o.preventDefault(),o.stopPropagation(),!i.is(".disabled, :disabled")){var n=e(i),r=n.hasClass("open");if(!r&&27!=o.which||r&&27==o.which)return 27==o.which&&n.find(s).trigger("focus"),i.trigger("click");var a=" li:not(.disabled):visible a",l=n.find(".dropdown-menu"+a);if(l.length){var p=l.index(o.target);38==o.which&&p>0&&p--,40==o.which&&p
',trigger:"hover focus",title:"",delay:0,html:!1,container:!1,viewport:{selector:"body",padding:0}},o.prototype.init=function(e,o,i){if(this.enabled=!0,this.type=e,this.$element=t(o),this.options=this.getOptions(i),this.$viewport=this.options.viewport&&t(t.isFunction(this.options.viewport)?this.options.viewport.call(this,this.$element):this.options.viewport.selector||this.options.viewport),this.inState={click:!1,hover:!1,focus:!1},this.$element[0]instanceof document.constructor&&!this.options.selector)throw new Error("`selector` option must be specified when initializing "+this.type+" on the window.document object!");for(var n=this.options.trigger.split(" "),s=n.length;s--;){var r=n[s];if("click"==r)this.$element.on("click."+this.type,this.options.selector,t.proxy(this.toggle,this));else if("manual"!=r){var a="hover"==r?"mouseenter":"focusin",l="hover"==r?"mouseleave":"focusout";this.$element.on(a+"."+this.type,this.options.selector,t.proxy(this.enter,this)),this.$element.on(l+"."+this.type,this.options.selector,t.proxy(this.leave,this))}}this.options.selector?this._options=t.extend({},this.options,{trigger:"manual",selector:""}):this.fixTitle()},o.prototype.getDefaults=function(){return o.DEFAULTS},o.prototype.getOptions=function(e){return e=t.extend({},this.getDefaults(),this.$element.data(),e),e.delay&&"number"==typeof e.delay&&(e.delay={show:e.delay,hide:e.delay}),e},o.prototype.getDelegateOptions=function(){var e={},o=this.getDefaults();return this._options&&t.each(this._options,function(t,i){o[t]!=i&&(e[t]=i)}),e},o.prototype.enter=function(e){var o=e instanceof this.constructor?e:t(e.currentTarget).data("bs."+this.type);return o||(o=new this.constructor(e.currentTarget,this.getDelegateOptions()),t(e.currentTarget).data("bs."+this.type,o)),e instanceof t.Event&&(o.inState["focusin"==e.type?"focus":"hover"]=!0),o.tip().hasClass("in")||"in"==o.hoverState?void(o.hoverState="in"):(clearTimeout(o.timeout),o.hoverState="in",o.options.delay&&o.options.delay.show?void(o.timeout=setTimeout(function(){"in"==o.hoverState&&o.show()},o.options.delay.show)):o.show())},o.prototype.isInStateTrue=function(){for(var t in this.inState)if(this.inState[t])return!0;return!1},o.prototype.leave=function(e){var o=e instanceof this.constructor?e:t(e.currentTarget).data("bs."+this.type);return o||(o=new this.constructor(e.currentTarget,this.getDelegateOptions()),t(e.currentTarget).data("bs."+this.type,o)),e instanceof t.Event&&(o.inState["focusout"==e.type?"focus":"hover"]=!1),o.isInStateTrue()?void 0:(clearTimeout(o.timeout),o.hoverState="out",o.options.delay&&o.options.delay.hide?void(o.timeout=setTimeout(function(){"out"==o.hoverState&&o.hide()},o.options.delay.hide)):o.hide())},o.prototype.show=function(){var e=t.Event("show.bs."+this.type);if(this.hasContent()&&this.enabled){this.$element.trigger(e);var i=t.contains(this.$element[0].ownerDocument.documentElement,this.$element[0]);if(e.isDefaultPrevented()||!i)return;var n=this,s=this.tip(),r=this.getUID(this.type);this.setContent(),s.attr("id",r),this.$element.attr("aria-describedby",r),this.options.animation&&s.addClass("fade");var a="function"==typeof this.options.placement?this.options.placement.call(this,s[0],this.$element[0]):this.options.placement,l=/\s?auto?\s?/i,p=l.test(a);p&&(a=a.replace(l,"")||"top"),s.detach().css({top:0,left:0,display:"block"}).addClass(a).data("bs."+this.type,this),this.options.container?s.appendTo(this.options.container):s.insertAfter(this.$element),this.$element.trigger("inserted.bs."+this.type);var h=this.getPosition(),d=s[0].offsetWidth,c=s[0].offsetHeight;if(p){var f=a,u=this.getPosition(this.$viewport);a="bottom"==a&&h.bottom+c>u.bottom?"top":"top"==a&&h.top-cu.width?"left":"left"==a&&h.left-dr.top+r.height&&(n.top=r.top+r.height-l)}else{var p=e.left-s,h=e.left+s+o;pr.right&&(n.left=r.left+r.width-h)}return n},o.prototype.getTitle=function(){var t,e=this.$element,o=this.options;return t=e.attr("data-original-title")||("function"==typeof o.title?o.title.call(e[0]):o.title)},o.prototype.getUID=function(t){do t+=~~(1e6*Math.random());while(document.getElementById(t));return t},o.prototype.tip=function(){if(!this.$tip&&(this.$tip=t(this.options.template),1!=this.$tip.length))throw new Error(this.type+" `template` option must consist of exactly 1 top-level element!");return this.$tip},o.prototype.arrow=function(){return this.$arrow=this.$arrow||this.tip().find(".tooltip-arrow")},o.prototype.enable=function(){this.enabled=!0},o.prototype.disable=function(){this.enabled=!1},o.prototype.toggleEnabled=function(){this.enabled=!this.enabled},o.prototype.toggle=function(e){var o=this;e&&(o=t(e.currentTarget).data("bs."+this.type),o||(o=new this.constructor(e.currentTarget,this.getDelegateOptions()),t(e.currentTarget).data("bs."+this.type,o))),e?(o.inState.click=!o.inState.click,o.isInStateTrue()?o.enter(o):o.leave(o)):o.tip().hasClass("in")?o.leave(o):o.enter(o)},o.prototype.destroy=function(){var t=this;clearTimeout(this.timeout),this.hide(function(){t.$element.off("."+t.type).removeData("bs."+t.type),t.$tip&&t.$tip.detach(),t.$tip=null,t.$arrow=null,t.$viewport=null,t.$element=null})};var i=t.fn.tooltip;t.fn.tooltip=e,t.fn.tooltip.Constructor=o,t.fn.tooltip.noConflict=function(){return t.fn.tooltip=i,this}}($jq),+function(t){"use strict";function e(e){return this.each(function(){var i=t(this),n=i.data("bs.popover"),s="object"==typeof e&&e;!n&&/destroy|hide/.test(e)||(n||i.data("bs.popover",n=new o(this,s)),"string"==typeof e&&n[e]())})}var o=function(t,e){this.init("popover",t,e)};if(!t.fn.tooltip)throw new Error("Popover requires tooltip.js");o.VERSION="3.3.7",o.DEFAULTS=t.extend({},t.fn.tooltip.Constructor.DEFAULTS,{placement:"right",trigger:"click",content:"",template:''}),o.prototype=t.extend({},t.fn.tooltip.Constructor.prototype),o.prototype.constructor=o,o.prototype.getDefaults=function(){return o.DEFAULTS},o.prototype.setContent=function(){var t=this.tip(),e=this.getTitle(),o=this.getContent();t.find(".popover-title")[this.options.html?"html":"text"](e),t.find(".popover-content").children().detach().end()[this.options.html?"string"==typeof o?"html":"append":"text"](o),t.removeClass("fade top bottom left right in"),t.find(".popover-title").html()||t.find(".popover-title").hide()},o.prototype.hasContent=function(){return this.getTitle()||this.getContent()},o.prototype.getContent=function(){var t=this.$element,e=this.options;return t.attr("data-content")||("function"==typeof e.content?e.content.call(t[0]):e.content)},o.prototype.arrow=function(){return this.$arrow=this.$arrow||this.tip().find(".arrow")};var i=t.fn.popover;t.fn.popover=e,t.fn.popover.Constructor=o,t.fn.popover.noConflict=function(){return t.fn.popover=i,this}}($jq),+function(t){"use strict";function e(e){var o,i=e.attr("data-target")||(o=e.attr("href"))&&o.replace(/.*(?=#[^\s]+$)/,"");return t(i)}function o(e){return this.each(function(){var o=t(this),n=o.data("bs.collapse"),s=t.extend({},i.DEFAULTS,o.data(),"object"==typeof e&&e);!n&&s.toggle&&/show|hide/.test(e)&&(s.toggle=!1),n||o.data("bs.collapse",n=new i(this,s)),"string"==typeof e&&n[e]()})}var i=function(e,o){this.$element=t(e),this.options=t.extend({},i.DEFAULTS,o),this.$trigger=t('[data-toggle="collapse"][href="#'+e.id+'"],[data-toggle="collapse"][data-target="#'+e.id+'"]'),this.transitioning=null,this.options.parent?this.$parent=this.getParent():this.addAriaAndCollapsedClass(this.$element,this.$trigger),this.options.toggle&&this.toggle()};i.VERSION="3.3.7",i.TRANSITION_DURATION=350,i.DEFAULTS={toggle:!0},i.prototype.dimension=function(){var t=this.$element.hasClass("width");return t?"width":"height"},i.prototype.show=function(){if(!this.transitioning&&!this.$element.hasClass("in")){var e,n=this.$parent&&this.$parent.children(".panel").children(".in, .collapsing");if(!(n&&n.length&&(e=n.data("bs.collapse"),e&&e.transitioning))){var s=t.Event("show.bs.collapse");if(this.$element.trigger(s),!s.isDefaultPrevented()){n&&n.length&&(o.call(n,"hide"),e||n.data("bs.collapse",null));var r=this.dimension();this.$element.removeClass("collapse").addClass("collapsing")[r](0).attr("aria-expanded",!0),this.$trigger.removeClass("collapsed").attr("aria-expanded",!0),this.transitioning=1;var a=function(){this.$element.removeClass("collapsing").addClass("collapse in")[r](""),this.transitioning=0,this.$element.trigger("shown.bs.collapse")};if(!t.support.transition)return a.call(this);var l=t.camelCase(["scroll",r].join("-"));this.$element.one("bsTransitionEnd",t.proxy(a,this)).emulateTransitionEnd(i.TRANSITION_DURATION)[r](this.$element[0][l])}}}},i.prototype.hide=function(){if(!this.transitioning&&this.$element.hasClass("in")){var e=t.Event("hide.bs.collapse");if(this.$element.trigger(e),!e.isDefaultPrevented()){var o=this.dimension();this.$element[o](this.$element[o]())[0].offsetHeight,this.$element.addClass("collapsing").removeClass("collapse in").attr("aria-expanded",!1),this.$trigger.addClass("collapsed").attr("aria-expanded",!1),this.transitioning=1;var n=function(){this.transitioning=0,this.$element.removeClass("collapsing").addClass("collapse").trigger("hidden.bs.collapse")};return t.support.transition?void this.$element[o](0).one("bsTransitionEnd",t.proxy(n,this)).emulateTransitionEnd(i.TRANSITION_DURATION):n.call(this)}}},i.prototype.toggle=function(){this[this.$element.hasClass("in")?"hide":"show"]()},i.prototype.getParent=function(){return t(this.options.parent).find('[data-toggle="collapse"][data-parent="'+this.options.parent+'"]').each(t.proxy(function(o,i){var n=t(i);this.addAriaAndCollapsedClass(e(n),n)},this)).end()},i.prototype.addAriaAndCollapsedClass=function(t,e){var o=t.hasClass("in");t.attr("aria-expanded",o),e.toggleClass("collapsed",!o).attr("aria-expanded",o)};var n=t.fn.collapse;t.fn.collapse=o,t.fn.collapse.Constructor=i,t.fn.collapse.noConflict=function(){return t.fn.collapse=n,this},t(document).on("click.bs.collapse.data-api",'[data-toggle="collapse"]',function(i){var n=t(this);n.attr("data-target")||i.preventDefault();var s=e(n),r=s.data("bs.collapse"),a=r?"toggle":n.data();o.call(s,a)})}($jq),+function(t){"use strict";function e(){var t=document.createElement("bootstrap"),e={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd otransitionend",transition:"transitionend"};for(var o in e)if(void 0!==t.style[o])return{end:e[o]};return!1}t.fn.emulateTransitionEnd=function(e){var o=!1,i=this;t(this).one("bsTransitionEnd",function(){o=!0});var n=function(){o||t(i).trigger(t.support.transition.end)};return setTimeout(n,e),this},t(function(){t.support.transition=e(),t.support.transition&&(t.event.special.bsTransitionEnd={bindType:t.support.transition.end,delegateType:t.support.transition.end,handle:function(e){return t(e.target).is(this)?e.handleObj.handler.apply(this,arguments):void 0}})})}($jq); diff --git a/themes/zuitedesk/js/bootstrap.min.sh b/themes/zuitedesk/js/bootstrap.min.sh new file mode 100644 index 0000000..a23810f --- /dev/null +++ b/themes/zuitedesk/js/bootstrap.min.sh @@ -0,0 +1,14 @@ +#!/bin/sh + +jscript="bootstrap.min.js" +original="$jscript.original" + +if [ -f "$jscript" ] +then + [ ! -f "$original" ] && cp "$jscript" "$original" && echo "Keeping original file in $original" + sed -i ".bak" 's/\(jQuery\)/\$jq/g' "$jscript" + echo "Replacing $jscript" +else + echo "File $jscript not found" +fi + diff --git a/themes/zuitedesk/js/ckeditor.styles.js b/themes/zuitedesk/js/ckeditor.styles.js new file mode 100644 index 0000000..6593afc --- /dev/null +++ b/themes/zuitedesk/js/ckeditor.styles.js @@ -0,0 +1,30 @@ +/* + * Copyright (c) 2003-2009, CKSource - Frederico Knabben. All rights reserved. + * For licensing, see LICENSE.html or http://ckeditor.com/license + * + * This file is used/requested by the 'Styles' button. + */ + +CKEDITOR.addStylesSet( 'drupal', +[ + /* Block Styles */ + + { name: 'Normal', element: 'p', attributes: { 'class': '' } }, + + { name: 'A !', element: 'p', attributes: { 'class': 'note-cyan' } }, + { name: 'B !', element: 'p', attributes: { 'class': 'note-green' } }, + { name: 'C !', element: 'p', attributes: { 'class': 'note-yellow' } }, + { name: 'D !', element: 'p', attributes: { 'class': 'note-orange' } }, + { name: 'E !', element: 'p', attributes: { 'class': 'note-red' } }, + + /* Inline Styles */ + + { name: '[code]', element: 'code', attributes: { 'class': 'code-inline' } }, + { name: '"sample"', element: 'samp', attributes: { 'class': 'code-sample' } }, + { name: 'Variable', element: 'var', attributes: { 'class': 'code-variable' } }, + { name: 'Keyboard', element: 'kbd', attributes: { 'class': 'code-keyboard' } }, + + /* Object Styles */ + + { name: 'Responsive', element: 'img', attributes: { 'class': 'img-responsive' } }, +]); diff --git a/themes/zuitedesk/js/frontapp.js b/themes/zuitedesk/js/frontapp.js new file mode 100644 index 0000000..b6b2a35 --- /dev/null +++ b/themes/zuitedesk/js/frontapp.js @@ -0,0 +1,420 @@ +'use strict'; + +/* + * A Design by GraphBerry + * Author: GraphBerry + * Author URL: http://graphberry.com + * License: http://graphberry.com/pages/license + */ +$jq(document).ready(function ($) { + + var lastId, + topMenu = $("#top-navigation"), + topMenuHeight = topMenu.outerHeight(), + // All list items + menuItems = topMenu.find("a"), + // Anchors corresponding to menu items + scrollItems = menuItems.map(function () { + var item = $($(this).attr("href")); + if (item.length) { + return item; + } + }); + + //Get width of container + var containerWidth = $('.page-section .container').width(); + //Resize animated triangle + $(".triangle").css({ + "border-left": containerWidth / 2 + 'px outset transparent', + "border-right": containerWidth / 2 + 'px outset transparent' + }); + $(window).resize(function () { + if (Math.max($(window).width(), window.innerWidth) > 529) { + $('#block-custom_search_blocks-1').css('top', $('#da-slider').height() + 104); + } else { + $('#block-custom_search_blocks-1').css('top', '.5em'); + } + containerWidth = $('.container').width(); + $(".triangle").css({ + "border-left": containerWidth / 2 + 'px outset transparent', + "border-right": containerWidth / 2 + 'px outset transparent' + }); + }); + + //Initialize header slider. + $('#da-slider').cslider(); + + //Initial mixitup, used for animated filtering portfolio. + $('#portfolio-grid').mixitup({ + 'onMixStart': function (config) { + $('div.toggleDiv').hide(); + } + }); + + //Initial Out clients slider in client section + $('#client-slider').bxSlider({ + pager: false, + minSlides: 1, + maxSlides: 5, + moveSlides: 2, + slideWidth: 210, + slideMargin: 25, + prevSelector: $('#client-prev'), + nextSelector: $('#client-next'), + prevText: '', + nextText: '' + }); + + $('input, textarea').placeholder(); + + // Bind to scroll + $(window).scroll(function () { + + if ($(this).scrollTop() > 130) { + $('.navbar').addClass('navbar-fixed-top animated fadeInDown'); + $('#frontpage').css('margin-top','90px'); + } else { + $('.navbar').removeClass('navbar-fixed-top animated fadeInDown'); + $('#frontpage').css('margin-top','0'); + } + + // Get container scroll position + var fromTop = $(this).scrollTop() + topMenuHeight + 10; + + // Get id of current scroll item + var cur = scrollItems.map(function () { + if ($(this).offset().top < fromTop) + return this; + }); + + // Get the id of the current element + cur = cur[cur.length - 1]; + var id = cur && cur.length ? cur[0].id : ""; + + if (lastId !== id) { + lastId = id; + // Set/remove active class + menuItems + .parent().removeClass("active") + .end().filter("[href=#" + id + "]").parent().addClass("active"); + } + }); + + + $(window).load(function () { + + $('#block-custom_search_blocks-1').css('visibility', 'visible'); + if (Math.max($(window).width(), window.innerWidth) > 529) { + $('#block-custom_search_blocks-1').css('top', $('#da-slider').height() + 104); + } else { + $('#block-custom_search_blocks-1').css('top', '.5em'); + } + + // Show email + $('#info-mail').html(function() { + var e = "man"; + var a = "uel@"; + var d = "cille"; + var c = "ro.es"; + var h = 'mailto:' + e + a + d + c; + $(this).parent('a').attr('href', h); + return e + a + d + c; + }); + + function filterPath(string) { + return string.replace(/^\//, '').replace(/(index|default).[a-zA-Z]{3,4}$/, '').replace(/\/$/, ''); + } + $('a[href*=#]').each(function () { + if (filterPath(location.pathname) == filterPath(this.pathname) && location.hostname == this.hostname && this.hash.replace(/#/, '')) { + var $targetId = $(this.hash), + $targetAnchor = $('[name=' + this.hash.slice(1) + ']'); + var $target = $targetId.length ? $targetId : $targetAnchor.length ? $targetAnchor : false; + + if ($target) { + + $(this).click(function () { + + //Hack collapse top navigation after clicking + topMenu.parent().attr('style', 'height:0px').removeClass('in'); + //Close navigation + $('.navbar .btn-navbar').addClass('collapsed'); + + var targetOffset = $target.offset().top - 63; + $('html, body').animate({ + scrollTop: targetOffset + }, 800); + return false; + }); + } + } + }); + }); + + /* + Sand newsletter + **********************************************************************/ + $('#subscribe').click(function () { + var error = false; + var emailCompare = /^([a-z0-9_.-]+)@([0-9a-z.-]+).([a-z.]{2,6})$/; // Syntax to compare against input + var email = $('input#nlmail').val().toLowerCase(); // get the value of the input field + if (email == "" || email == " " || !emailCompare.test(email)) { + $('#err-subscribe').show(500); + $('#err-subscribe').delay(4000); + $('#err-subscribe').animate({ + height: 'toggle' + }, 500, function () { + // Animation complete. + }); + error = true; // change the error state to true + } + + if (error === false) { + $.ajax({ + type: 'POST', + url: 'php/newsletter.php', + + data: { + email: $('#nlmail').val() + }, + error: function (request, error) { + alert("An error occurred"); + }, + success: function (response) { + if (response == 'OK') { + $('#success-subscribe').show(); + $('#nlmail').val('') + } else { + alert("An error occurred"); + } + } + }); + } + + return false; + }); + + /* +Sand mail +**********************************************************************/ + $("#send-mail").click(function () { + + var name = $('input#name').val(); // get the value of the input field + var error = false; + if (name == "" || name == " ") { + $('#err-name').show(500); + $('#err-name').delay(4000); + $('#err-name').animate({ + height: 'toggle' + }, 500, function () { + // Animation complete. + }); + error = true; // change the error state to true + } + + var emailCompare = /^([a-z0-9_.-]+)@([da-z.-]+).([a-z.]{2,6})$/; // Syntax to compare against input + var email = $('input#email').val().toLowerCase(); // get the value of the input field + if (email == "" || email == " " || !emailCompare.test(email)) { + $('#err-email').show(500); + $('#err-email').delay(4000); + $('#err-email').animate({ + height: 'toggle' + }, 500, function () { + // Animation complete. + }); + error = true; // change the error state to true + } + + + var comment = $('textarea#comment').val(); // get the value of the input field + if (comment == "" || comment == " ") { + $('#err-comment').show(500); + $('#err-comment').delay(4000); + $('#err-comment').animate({ + height: 'toggle' + }, 500, function () { + // Animation complete. + }); + error = true; // change the error state to true + } + + if (error == false) { + var dataString = $('#contact-form').serialize(); // Collect data from form + $.ajax({ + type: "POST", + url: $('#contact-form').attr('action'), + data: dataString, + timeout: 6000, + error: function (request, error) { + + }, + success: function (response) { + response = $.parseJSON(response); + if (response.success) { + $('#successSend').show(); + $("#name").val(''); + $("#email").val(''); + $("#comment").val(''); + } else { + $('#errorSend').show(); + } + } + }); + return false; + } + + return false; // stops user browser being directed to the php file + }); + + + + //Function for show or hide portfolio desctiption. + $.fn.showHide = function (options) { + var defaults = { + speed: 1000, + easing: '', + changeText: 0, + showText: 'Show', + hideText: 'Hide' + }; + var options = $.extend(defaults, options); + $(this).click(function () { + $('.toggleDiv').slideUp(options.speed, options.easing); + var toggleClick = $(this); + var toggleDiv = $(this).attr('rel'); + $(toggleDiv).slideToggle(options.speed, options.easing, function () { + if (options.changeText == 1) { + $(toggleDiv).is(":visible") ? toggleClick.text(options.hideText) : toggleClick.text(options.showText); + } + }); + return false; + }); + }; + + //Initial Show/Hide portfolio element. + $('div.toggleDiv').hide(); + $('.show_hide').showHide({ + speed: 500, + changeText: 0, + showText: 'View', + hideText: 'Close' + }); + + /************************ + Animate elements + *************************/ + + //Animate thumbnails + $jq('.thumbnail').one('inview', function (event, visible) { + if (visible == true) { + $jq(this).addClass("animated fadeInDown"); + } else { + $jq(this).removeClass("animated fadeInDown"); + } + }); + + //Animate triangles + $jq('.triangle').bind('inview', function (event, visible) { + if (visible == true) { + $jq(this).addClass("animated fadeInDown"); + } else { + $jq(this).removeClass("animated fadeInDown"); + } + }); + + //animate first team member + $jq('#first-person').bind('inview', function (event, visible) { + if (visible == true) { + $jq('#first-person').addClass("animated pulse"); + } else { + $jq('#first-person').removeClass("animated pulse"); + } + }); + + //animate sectond team member + $jq('#second-person').bind('inview', function (event, visible) { + if (visible == true) { + $jq('#second-person').addClass("animated pulse"); + } else { + $jq('#second-person').removeClass("animated pulse"); + } + }); + + //animate thrid team member + $jq('#third-person').bind('inview', function (event, visible) { + if (visible == true) { + $jq('#third-person').addClass("animated pulse"); + } else { + $jq('#third-person').removeClass("animated pulse"); + } + }); + + //Animate price columns + $jq('.price-column, .testimonial').bind('inview', function (event, visible) { + if (visible == true) { + $jq(this).addClass("animated fadeInDown"); + } else { + $jq(this).removeClass("animated fadeInDown"); + } + }); + + //Animate contact form + $jq('#block-cillero_manuel-block-availability').bind('inview', function (event, visible) { + if (visible == true) { + $jq('#block-cillero_manuel-block-availability').addClass("animated pulse"); + } else { + $jq('#block-cillero_manuel-block-availability').removeClass("animated pulse"); + } + }); + $jq('#block-cillero_manuel-block-info-contact').bind('inview', function (event, visible) { + if (visible == true) { + $jq('#block-cillero_manuel-block-info-contact').addClass("animated pulse"); + } else { + $jq('#block-cillero_manuel-block-info-contact').removeClass("animated pulse"); + } + }); + + //Animate skill bars + $jq('.skills > li > span').one('inview', function (event, visible) { + if (visible == true) { + $jq(this).each(function () { + $jq(this).animate({ + width: $jq(this).attr('data-width') + }, 3000); + }); + } + }); +}); + +//Initialize google map for contact setion with your location. + +function initializeMap() { + + var lat = '44.8164056'; //Set your latitude. + var lon = '20.46090424'; //Set your longitude. + + var centerLon = lon - 0.0105; + + var myOptions = { + scrollwheel: false, + draggable: false, + disableDefaultUI: true, + center: new google.maps.LatLng(lat, centerLon), + zoom: 15, + mapTypeId: google.maps.MapTypeId.ROADMAP + }; + + //Bind map to elemet with id map-canvas + var map = new google.maps.Map(document.getElementById('map-canvas'), myOptions); + var marker = new google.maps.Marker({ + map: map, + position: new google.maps.LatLng(lat, lon), + }); + + var infowindow = new google.maps.InfoWindow(); + + google.maps.event.addListener(marker, 'click', function () { + infowindow.open(map, marker); + }); + + infowindow.open(map, marker); +} \ No newline at end of file diff --git a/themes/zuitedesk/js/html5shiv.min.js b/themes/zuitedesk/js/html5shiv.min.js new file mode 100644 index 0000000..355afd1 --- /dev/null +++ b/themes/zuitedesk/js/html5shiv.min.js @@ -0,0 +1,4 @@ +/** +* @preserve HTML5 Shiv 3.7.3 | @afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed +*/ +!function(a,b){function c(a,b){var c=a.createElement("p"),d=a.getElementsByTagName("head")[0]||a.documentElement;return c.innerHTML="x",d.insertBefore(c.lastChild,d.firstChild)}function d(){var a=t.elements;return"string"==typeof a?a.split(" "):a}function e(a,b){var c=t.elements;"string"!=typeof c&&(c=c.join(" ")),"string"!=typeof a&&(a=a.join(" ")),t.elements=c+" "+a,j(b)}function f(a){var b=s[a[q]];return b||(b={},r++,a[q]=r,s[r]=b),b}function g(a,c,d){if(c||(c=b),l)return c.createElement(a);d||(d=f(c));var e;return e=d.cache[a]?d.cache[a].cloneNode():p.test(a)?(d.cache[a]=d.createElem(a)).cloneNode():d.createElem(a),!e.canHaveChildren||o.test(a)||e.tagUrn?e:d.frag.appendChild(e)}function h(a,c){if(a||(a=b),l)return a.createDocumentFragment();c=c||f(a);for(var e=c.frag.cloneNode(),g=0,h=d(),i=h.length;i>g;g++)e.createElement(h[g]);return e}function i(a,b){b.cache||(b.cache={},b.createElem=a.createElement,b.createFrag=a.createDocumentFragment,b.frag=b.createFrag()),a.createElement=function(c){return t.shivMethods?g(c,a,b):b.createElem(c)},a.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+d().join().replace(/[\w\-:]+/g,function(a){return b.createElem(a),b.frag.createElement(a),'c("'+a+'")'})+");return n}")(t,b.frag)}function j(a){a||(a=b);var d=f(a);return!t.shivCSS||k||d.hasCSS||(d.hasCSS=!!c(a,"article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}mark{background:#FF0;color:#000}template{display:none}")),l||i(a,d),a}var k,l,m="3.7.3",n=a.html5||{},o=/^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i,p=/^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i,q="_html5shiv",r=0,s={};!function(){try{var a=b.createElement("a");a.innerHTML="",k="hidden"in a,l=1==a.childNodes.length||function(){b.createElement("a");var a=b.createDocumentFragment();return"undefined"==typeof a.cloneNode||"undefined"==typeof a.createDocumentFragment||"undefined"==typeof a.createElement}()}catch(c){k=!0,l=!0}}();var t={elements:n.elements||"abbr article aside audio bdi canvas data datalist details dialog figcaption figure footer header hgroup main mark meter nav output picture progress section summary template time video",version:m,shivCSS:n.shivCSS!==!1,supportsUnknownElements:l,shivMethods:n.shivMethods!==!1,type:"default",shivDocument:j,createElement:g,createDocumentFragment:h,addElements:e};a.html5=t,j(b),"object"==typeof module&&module.exports&&(module.exports=t)}("undefined"!=typeof window?window:this,document); \ No newline at end of file diff --git a/themes/zuitedesk/js/jquery.bxslider.js b/themes/zuitedesk/js/jquery.bxslider.js new file mode 100644 index 0000000..f51f743 --- /dev/null +++ b/themes/zuitedesk/js/jquery.bxslider.js @@ -0,0 +1,1316 @@ +/** + * BxSlider v4.1.1 - Fully loaded, responsive content slider + * http://bxslider.com + * + * Copyright 2012, Steven Wanderski - http://stevenwanderski.com - http://bxcreative.com + * Written while drinking Belgian ales and listening to jazz + * + * Released under the WTFPL license - http://sam.zoy.org/wtfpl/ + */ + +;(function($){ + + var plugin = {}; + + var defaults = { + + // GENERAL + mode: 'horizontal', + slideSelector: '', + infiniteLoop: true, + hideControlOnEnd: false, + speed: 500, + easing: null, + slideMargin: 0, + startSlide: 0, + randomStart: false, + captions: false, + ticker: false, + tickerHover: false, + adaptiveHeight: false, + adaptiveHeightSpeed: 500, + video: false, + useCSS: true, + preloadImages: 'visible', + responsive: true, + + // TOUCH + touchEnabled: true, + swipeThreshold: 50, + oneToOneTouch: true, + preventDefaultSwipeX: true, + preventDefaultSwipeY: false, + + // PAGER + pager: true, + pagerType: 'full', + pagerShortSeparator: ' / ', + pagerSelector: null, + buildPager: null, + pagerCustom: null, + + // CONTROLS + controls: true, + nextText: 'Next', + prevText: 'Prev', + nextSelector: null, + prevSelector: null, + autoControls: false, + startText: 'Start', + stopText: 'Stop', + autoControlsCombine: false, + autoControlsSelector: null, + + // AUTO + auto: false, + pause: 4000, + autoStart: true, + autoDirection: 'next', + autoHover: false, + autoDelay: 0, + + // CAROUSEL + minSlides: 1, + maxSlides: 1, + moveSlides: 0, + slideWidth: 0, + + // CALLBACKS + onSliderLoad: function() {}, + onSlideBefore: function() {}, + onSlideAfter: function() {}, + onSlideNext: function() {}, + onSlidePrev: function() {} + } + + $.fn.bxSlider = function(options){ + + if(this.length == 0) return this; + + // support mutltiple elements + if(this.length > 1){ + this.each(function(){$(this).bxSlider(options)}); + return this; + } + + // create a namespace to be used throughout the plugin + var slider = {}; + // set a reference to our slider element + var el = this; + plugin.el = this; + + /** + * Makes slideshow responsive + */ + // first get the original window dimens (thanks alot IE) + var windowWidth = $(window).width(); + var windowHeight = $(window).height(); + + + + /** + * =================================================================================== + * = PRIVATE FUNCTIONS + * =================================================================================== + */ + + /** + * Initializes namespace settings to be used throughout plugin + */ + var init = function(){ + // merge user-supplied options with the defaults + slider.settings = $.extend({}, defaults, options); + // parse slideWidth setting + slider.settings.slideWidth = parseInt(slider.settings.slideWidth); + // store the original children + slider.children = el.children(slider.settings.slideSelector); + // check if actual number of slides is less than minSlides / maxSlides + if(slider.children.length < slider.settings.minSlides) slider.settings.minSlides = slider.children.length; + if(slider.children.length < slider.settings.maxSlides) slider.settings.maxSlides = slider.children.length; + // if random start, set the startSlide setting to random number + if(slider.settings.randomStart) slider.settings.startSlide = Math.floor(Math.random() * slider.children.length); + // store active slide information + slider.active = { index: slider.settings.startSlide } + // store if the slider is in carousel mode (displaying / moving multiple slides) + slider.carousel = slider.settings.minSlides > 1 || slider.settings.maxSlides > 1; + // if carousel, force preloadImages = 'all' + if(slider.carousel) slider.settings.preloadImages = 'all'; + // calculate the min / max width thresholds based on min / max number of slides + // used to setup and update carousel slides dimensions + slider.minThreshold = (slider.settings.minSlides * slider.settings.slideWidth) + ((slider.settings.minSlides - 1) * slider.settings.slideMargin); + slider.maxThreshold = (slider.settings.maxSlides * slider.settings.slideWidth) + ((slider.settings.maxSlides - 1) * slider.settings.slideMargin); + // store the current state of the slider (if currently animating, working is true) + slider.working = false; + // initialize the controls object + slider.controls = {}; + // initialize an auto interval + slider.interval = null; + // determine which property to use for transitions + slider.animProp = slider.settings.mode == 'vertical' ? 'top' : 'left'; + // determine if hardware acceleration can be used + slider.usingCSS = slider.settings.useCSS && slider.settings.mode != 'fade' && (function(){ + // create our test div element + var div = document.createElement('div'); + // css transition properties + var props = ['WebkitPerspective', 'MozPerspective', 'OPerspective', 'msPerspective']; + // test for each property + for(var i in props){ + if(div.style[props[i]] !== undefined){ + slider.cssPrefix = props[i].replace('Perspective', '').toLowerCase(); + slider.animProp = '-' + slider.cssPrefix + '-transform'; + return true; + } + } + return false; + }()); + // if vertical mode always make maxSlides and minSlides equal + if(slider.settings.mode == 'vertical') slider.settings.maxSlides = slider.settings.minSlides; + // save original style data + el.data("origStyle", el.attr("style")); + el.children(slider.settings.slideSelector).each(function() { + $(this).data("origStyle", $(this).attr("style")); + }); + // perform all DOM / CSS modifications + setup(); + } + + /** + * Performs all DOM and CSS modifications + */ + var setup = function(){ + // wrap el in a wrapper + el.wrap('
'); + // store a namspace reference to .bx-viewport + slider.viewport = el.parent(); + // add a loading div to display while images are loading + slider.loader = $('
'); + slider.viewport.prepend(slider.loader); + // set el to a massive width, to hold any needed slides + // also strip any margin and padding from el + el.css({ + width: slider.settings.mode == 'horizontal' ? (slider.children.length * 100 + 215) + '%' : 'auto', + position: 'relative' + }); + // if using CSS, add the easing property + if(slider.usingCSS && slider.settings.easing){ + el.css('-' + slider.cssPrefix + '-transition-timing-function', slider.settings.easing); + // if not using CSS and no easing value was supplied, use the default JS animation easing (swing) + }else if(!slider.settings.easing){ + slider.settings.easing = 'swing'; + } + var slidesShowing = getNumberSlidesShowing(); + // make modifications to the viewport (.bx-viewport) + slider.viewport.css({ + width: '100%', + overflow: 'hidden', + position: 'relative' + }); + slider.viewport.parent().css({ + maxWidth: getViewportMaxWidth() + }); + // make modification to the wrapper (.bx-wrapper) + if(!slider.settings.pager) { + slider.viewport.parent().css({ + margin: '0 auto 0px' + }); + } + // apply css to all slider children + slider.children.css({ + 'float': slider.settings.mode == 'horizontal' ? 'left' : 'none', + listStyle: 'none', + position: 'relative' + }); + // apply the calculated width after the float is applied to prevent scrollbar interference + slider.children.css('width', getSlideWidth()); + // if slideMargin is supplied, add the css + if(slider.settings.mode == 'horizontal' && slider.settings.slideMargin > 0) slider.children.css('marginRight', slider.settings.slideMargin); + if(slider.settings.mode == 'vertical' && slider.settings.slideMargin > 0) slider.children.css('marginBottom', slider.settings.slideMargin); + // if "fade" mode, add positioning and z-index CSS + if(slider.settings.mode == 'fade'){ + slider.children.css({ + position: 'absolute', + zIndex: 0, + display: 'none' + }); + // prepare the z-index on the showing element + slider.children.eq(slider.settings.startSlide).css({zIndex: 50, display: 'block'}); + } + // create an element to contain all slider controls (pager, start / stop, etc) + slider.controls.el = $('
'); + // if captions are requested, add them + if(slider.settings.captions) appendCaptions(); + // check if startSlide is last slide + slider.active.last = slider.settings.startSlide == getPagerQty() - 1; + // if video is true, set up the fitVids plugin + if(slider.settings.video) el.fitVids(); + // set the default preload selector (visible) + var preloadSelector = slider.children.eq(slider.settings.startSlide); + if (slider.settings.preloadImages == "all") preloadSelector = slider.children; + // only check for control addition if not in "ticker" mode + if(!slider.settings.ticker){ + // if pager is requested, add it + if(slider.settings.pager) appendPager(); + // if controls are requested, add them + if(slider.settings.controls) appendControls(); + // if auto is true, and auto controls are requested, add them + if(slider.settings.auto && slider.settings.autoControls) appendControlsAuto(); + // if any control option is requested, add the controls wrapper + if(slider.settings.controls || slider.settings.autoControls || slider.settings.pager) slider.viewport.after(slider.controls.el); + // if ticker mode, do not allow a pager + }else{ + slider.settings.pager = false; + } + // preload all images, then perform final DOM / CSS modifications that depend on images being loaded + loadElements(preloadSelector, start); + } + + var loadElements = function(selector, callback){ + var total = selector.find('img, iframe').length; + if (total == 0){ + callback(); + return; + } + var count = 0; + selector.find('img, iframe').each(function(){ + if($(this).is('img')) $(this).attr('src', $(this).attr('src') + '?timestamp=' + new Date().getTime()); + $(this).load(function(){ + setTimeout(function(){ + if(++count == total) callback(); + }, 0) + }); + }); + } + + /** + * Start the slider + */ + var start = function(){ + // if infinite loop, prepare additional slides + if(slider.settings.infiniteLoop && slider.settings.mode != 'fade' && !slider.settings.ticker){ + var slice = slider.settings.mode == 'vertical' ? slider.settings.minSlides : slider.settings.maxSlides; + var sliceAppend = slider.children.slice(0, slice).clone().addClass('bx-clone'); + var slicePrepend = slider.children.slice(-slice).clone().addClass('bx-clone'); + el.append(sliceAppend).prepend(slicePrepend); + } + // remove the loading DOM element + slider.loader.remove(); + // set the left / top position of "el" + setSlidePosition(); + // if "vertical" mode, always use adaptiveHeight to prevent odd behavior + if (slider.settings.mode == 'vertical') slider.settings.adaptiveHeight = true; + // set the viewport height + slider.viewport.height(getViewportHeight()); + // make sure everything is positioned just right (same as a window resize) + el.redrawSlider(); + // onSliderLoad callback + slider.settings.onSliderLoad(slider.active.index); + // slider has been fully initialized + slider.initialized = true; + // bind the resize call to the window + if (slider.settings.responsive) $(window).bind('resize', resizeWindow); + // if auto is true, start the show + if (slider.settings.auto && slider.settings.autoStart) initAuto(); + // if ticker is true, start the ticker + if (slider.settings.ticker) initTicker(); + // if pager is requested, make the appropriate pager link active + if (slider.settings.pager) updatePagerActive(slider.settings.startSlide); + // check for any updates to the controls (like hideControlOnEnd updates) + if (slider.settings.controls) updateDirectionControls(); + // if touchEnabled is true, setup the touch events + if (slider.settings.touchEnabled && !slider.settings.ticker) initTouch(); + } + + /** + * Returns the calculated height of the viewport, used to determine either adaptiveHeight or the maxHeight value + */ + var getViewportHeight = function(){ + var height = 0; + // first determine which children (slides) should be used in our height calculation + var children = $(); + // if mode is not "vertical" and adaptiveHeight is false, include all children + if(slider.settings.mode != 'vertical' && !slider.settings.adaptiveHeight){ + children = slider.children; + }else{ + // if not carousel, return the single active child + if(!slider.carousel){ + children = slider.children.eq(slider.active.index); + // if carousel, return a slice of children + }else{ + // get the individual slide index + var currentIndex = slider.settings.moveSlides == 1 ? slider.active.index : slider.active.index * getMoveBy(); + // add the current slide to the children + children = slider.children.eq(currentIndex); + // cycle through the remaining "showing" slides + for (i = 1; i <= slider.settings.maxSlides - 1; i++){ + // if looped back to the start + if(currentIndex + i >= slider.children.length){ + children = children.add(slider.children.eq(i - 1)); + }else{ + children = children.add(slider.children.eq(currentIndex + i)); + } + } + } + } + // if "vertical" mode, calculate the sum of the heights of the children + if(slider.settings.mode == 'vertical'){ + children.each(function(index) { + height += $(this).outerHeight(); + }); + // add user-supplied margins + if(slider.settings.slideMargin > 0){ + height += slider.settings.slideMargin * (slider.settings.minSlides - 1); + } + // if not "vertical" mode, calculate the max height of the children + }else{ + height = Math.max.apply(Math, children.map(function(){ + return $(this).outerHeight(false); + }).get()); + } + return height; + } + + /** + * Returns the calculated width to be used for the outer wrapper / viewport + */ + var getViewportMaxWidth = function(){ + var width = '100%'; + if(slider.settings.slideWidth > 0){ + if(slider.settings.mode == 'horizontal'){ + width = (slider.settings.maxSlides * slider.settings.slideWidth) + ((slider.settings.maxSlides - 1) * slider.settings.slideMargin); + }else{ + width = slider.settings.slideWidth; + } + } + return width; + } + + /** + * Returns the calculated width to be applied to each slide + */ + var getSlideWidth = function(){ + // start with any user-supplied slide width + var newElWidth = slider.settings.slideWidth; + // get the current viewport width + var wrapWidth = slider.viewport.width(); + // if slide width was not supplied, or is larger than the viewport use the viewport width + if(slider.settings.slideWidth == 0 || + (slider.settings.slideWidth > wrapWidth && !slider.carousel) || + slider.settings.mode == 'vertical'){ + newElWidth = wrapWidth; + // if carousel, use the thresholds to determine the width + }else if(slider.settings.maxSlides > 1 && slider.settings.mode == 'horizontal'){ + if(wrapWidth > slider.maxThreshold){ + // newElWidth = (wrapWidth - (slider.settings.slideMargin * (slider.settings.maxSlides - 1))) / slider.settings.maxSlides; + }else if(wrapWidth < slider.minThreshold){ + newElWidth = (wrapWidth - (slider.settings.slideMargin * (slider.settings.minSlides - 1))) / slider.settings.minSlides; + } + } + return newElWidth; + } + + /** + * Returns the number of slides currently visible in the viewport (includes partially visible slides) + */ + var getNumberSlidesShowing = function(){ + var slidesShowing = 1; + if(slider.settings.mode == 'horizontal' && slider.settings.slideWidth > 0){ + // if viewport is smaller than minThreshold, return minSlides + if(slider.viewport.width() < slider.minThreshold){ + slidesShowing = slider.settings.minSlides; + // if viewport is larger than minThreshold, return maxSlides + }else if(slider.viewport.width() > slider.maxThreshold){ + slidesShowing = slider.settings.maxSlides; + // if viewport is between min / max thresholds, divide viewport width by first child width + }else{ + var childWidth = slider.children.first().width(); + slidesShowing = Math.floor(slider.viewport.width() / childWidth); + } + // if "vertical" mode, slides showing will always be minSlides + }else if(slider.settings.mode == 'vertical'){ + slidesShowing = slider.settings.minSlides; + } + return slidesShowing; + } + + /** + * Returns the number of pages (one full viewport of slides is one "page") + */ + var getPagerQty = function(){ + var pagerQty = 0; + // if moveSlides is specified by the user + if(slider.settings.moveSlides > 0){ + if(slider.settings.infiniteLoop){ + pagerQty = slider.children.length / getMoveBy(); + }else{ + // use a while loop to determine pages + var breakPoint = 0; + var counter = 0 + // when breakpoint goes above children length, counter is the number of pages + while (breakPoint < slider.children.length){ + ++pagerQty; + breakPoint = counter + getNumberSlidesShowing(); + counter += slider.settings.moveSlides <= getNumberSlidesShowing() ? slider.settings.moveSlides : getNumberSlidesShowing(); + } + } + // if moveSlides is 0 (auto) divide children length by sides showing, then round up + }else{ + pagerQty = Math.ceil(slider.children.length / getNumberSlidesShowing()); + } + return pagerQty; + } + + /** + * Returns the number of indivual slides by which to shift the slider + */ + var getMoveBy = function(){ + // if moveSlides was set by the user and moveSlides is less than number of slides showing + if(slider.settings.moveSlides > 0 && slider.settings.moveSlides <= getNumberSlidesShowing()){ + return slider.settings.moveSlides; + } + // if moveSlides is 0 (auto) + return getNumberSlidesShowing(); + } + + /** + * Sets the slider's (el) left or top position + */ + var setSlidePosition = function(){ + // if last slide, not infinite loop, and number of children is larger than specified maxSlides + if(slider.children.length > slider.settings.maxSlides && slider.active.last && !slider.settings.infiniteLoop){ + if (slider.settings.mode == 'horizontal'){ + // get the last child's position + var lastChild = slider.children.last(); + var position = lastChild.position(); + // set the left position + setPositionProperty(-(position.left - (slider.viewport.width() - lastChild.width())), 'reset', 0); + }else if(slider.settings.mode == 'vertical'){ + // get the last showing index's position + var lastShowingIndex = slider.children.length - slider.settings.minSlides; + var position = slider.children.eq(lastShowingIndex).position(); + // set the top position + setPositionProperty(-position.top, 'reset', 0); + } + // if not last slide + }else{ + // get the position of the first showing slide + var position = slider.children.eq(slider.active.index * getMoveBy()).position(); + // check for last slide + if (slider.active.index == getPagerQty() - 1) slider.active.last = true; + // set the repective position + if (position != undefined){ + if (slider.settings.mode == 'horizontal') setPositionProperty(-position.left, 'reset', 0); + else if (slider.settings.mode == 'vertical') setPositionProperty(-position.top, 'reset', 0); + } + } + } + + /** + * Sets the el's animating property position (which in turn will sometimes animate el). + * If using CSS, sets the transform property. If not using CSS, sets the top / left property. + * + * @param value (int) + * - the animating property's value + * + * @param type (string) 'slider', 'reset', 'ticker' + * - the type of instance for which the function is being + * + * @param duration (int) + * - the amount of time (in ms) the transition should occupy + * + * @param params (array) optional + * - an optional parameter containing any variables that need to be passed in + */ + var setPositionProperty = function(value, type, duration, params){ + // use CSS transform + if(slider.usingCSS){ + // determine the translate3d value + var propValue = slider.settings.mode == 'vertical' ? 'translate3d(0, ' + value + 'px, 0)' : 'translate3d(' + value + 'px, 0, 0)'; + // add the CSS transition-duration + el.css('-' + slider.cssPrefix + '-transition-duration', duration / 1000 + 's'); + if(type == 'slide'){ + // set the property value + el.css(slider.animProp, propValue); + // bind a callback method - executes when CSS transition completes + el.bind('transitionend webkitTransitionEnd oTransitionEnd MSTransitionEnd', function(){ + // unbind the callback + el.unbind('transitionend webkitTransitionEnd oTransitionEnd MSTransitionEnd'); + updateAfterSlideTransition(); + }); + }else if(type == 'reset'){ + el.css(slider.animProp, propValue); + }else if(type == 'ticker'){ + // make the transition use 'linear' + el.css('-' + slider.cssPrefix + '-transition-timing-function', 'linear'); + el.css(slider.animProp, propValue); + // bind a callback method - executes when CSS transition completes + el.bind('transitionend webkitTransitionEnd oTransitionEnd MSTransitionEnd', function(){ + // unbind the callback + el.unbind('transitionend webkitTransitionEnd oTransitionEnd MSTransitionEnd'); + // reset the position + setPositionProperty(params['resetValue'], 'reset', 0); + // start the loop again + tickerLoop(); + }); + } + // use JS animate + }else{ + var animateObj = {}; + animateObj[slider.animProp] = value; + if(type == 'slide'){ + el.animate(animateObj, duration, slider.settings.easing, function(){ + updateAfterSlideTransition(); + }); + }else if(type == 'reset'){ + el.css(slider.animProp, value) + }else if(type == 'ticker'){ + el.animate(animateObj, speed, 'linear', function(){ + setPositionProperty(params['resetValue'], 'reset', 0); + // run the recursive loop after animation + tickerLoop(); + }); + } + } + } + + /** + * Populates the pager with proper amount of pages + */ + var populatePager = function(){ + var pagerHtml = ''; + var pagerQty = getPagerQty(); + // loop through each pager item + for(var i=0; i < pagerQty; i++){ + var linkContent = ''; + // if a buildPager function is supplied, use it to get pager link value, else use index + 1 + if(slider.settings.buildPager && $.isFunction(slider.settings.buildPager)){ + linkContent = slider.settings.buildPager(i); + slider.pagerEl.addClass('bx-custom-pager'); + }else{ + linkContent = i + 1; + slider.pagerEl.addClass('bx-default-pager'); + } + // var linkContent = slider.settings.buildPager && $.isFunction(slider.settings.buildPager) ? slider.settings.buildPager(i) : i + 1; + // add the markup to the string + pagerHtml += ''; + }; + // populate the pager element with pager links + slider.pagerEl.html(pagerHtml); + } + + /** + * Appends the pager to the controls element + */ + var appendPager = function(){ + if(!slider.settings.pagerCustom){ + // create the pager DOM element + slider.pagerEl = $('
'); + // if a pager selector was supplied, populate it with the pager + if(slider.settings.pagerSelector){ + $(slider.settings.pagerSelector).html(slider.pagerEl); + // if no pager selector was supplied, add it after the wrapper + }else{ + slider.controls.el.addClass('bx-has-pager').append(slider.pagerEl); + } + // populate the pager + populatePager(); + }else{ + slider.pagerEl = $(slider.settings.pagerCustom); + } + // assign the pager click binding + slider.pagerEl.delegate('a', 'click', clickPagerBind); + } + + /** + * Appends prev / next controls to the controls element + */ + var appendControls = function(){ + slider.controls.next = $('' + slider.settings.nextText + ''); + slider.controls.prev = $('' + slider.settings.prevText + ''); + // bind click actions to the controls + slider.controls.next.bind('click', clickNextBind); + slider.controls.prev.bind('click', clickPrevBind); + // if nextSlector was supplied, populate it + if(slider.settings.nextSelector){ + $(slider.settings.nextSelector).append(slider.controls.next); + } + // if prevSlector was supplied, populate it + if(slider.settings.prevSelector){ + $(slider.settings.prevSelector).append(slider.controls.prev); + } + // if no custom selectors were supplied + if(!slider.settings.nextSelector && !slider.settings.prevSelector){ + // add the controls to the DOM + slider.controls.directionEl = $('
'); + // add the control elements to the directionEl + slider.controls.directionEl.append(slider.controls.prev).append(slider.controls.next); + // slider.viewport.append(slider.controls.directionEl); + slider.controls.el.addClass('bx-has-controls-direction').append(slider.controls.directionEl); + } + } + + /** + * Appends start / stop auto controls to the controls element + */ + var appendControlsAuto = function(){ + slider.controls.start = $(''); + slider.controls.stop = $(''); + // add the controls to the DOM + slider.controls.autoEl = $('
'); + // bind click actions to the controls + slider.controls.autoEl.delegate('.bx-start', 'click', clickStartBind); + slider.controls.autoEl.delegate('.bx-stop', 'click', clickStopBind); + // if autoControlsCombine, insert only the "start" control + if(slider.settings.autoControlsCombine){ + slider.controls.autoEl.append(slider.controls.start); + // if autoControlsCombine is false, insert both controls + }else{ + slider.controls.autoEl.append(slider.controls.start).append(slider.controls.stop); + } + // if auto controls selector was supplied, populate it with the controls + if(slider.settings.autoControlsSelector){ + $(slider.settings.autoControlsSelector).html(slider.controls.autoEl); + // if auto controls selector was not supplied, add it after the wrapper + }else{ + slider.controls.el.addClass('bx-has-controls-auto').append(slider.controls.autoEl); + } + // update the auto controls + updateAutoControls(slider.settings.autoStart ? 'stop' : 'start'); + } + + /** + * Appends image captions to the DOM + */ + var appendCaptions = function(){ + // cycle through each child + slider.children.each(function(index){ + // get the image title attribute + var title = $(this).find('img:first').attr('title'); + // append the caption + if (title != undefined && ('' + title).length) { + $(this).append('
' + title + '
'); + } + }); + } + + /** + * Click next binding + * + * @param e (event) + * - DOM event object + */ + var clickNextBind = function(e){ + // if auto show is running, stop it + if (slider.settings.auto) el.stopAuto(); + el.goToNextSlide(); + e.preventDefault(); + } + + /** + * Click prev binding + * + * @param e (event) + * - DOM event object + */ + var clickPrevBind = function(e){ + // if auto show is running, stop it + if (slider.settings.auto) el.stopAuto(); + el.goToPrevSlide(); + e.preventDefault(); + } + + /** + * Click start binding + * + * @param e (event) + * - DOM event object + */ + var clickStartBind = function(e){ + el.startAuto(); + e.preventDefault(); + } + + /** + * Click stop binding + * + * @param e (event) + * - DOM event object + */ + var clickStopBind = function(e){ + el.stopAuto(); + e.preventDefault(); + } + + /** + * Click pager binding + * + * @param e (event) + * - DOM event object + */ + var clickPagerBind = function(e){ + // if auto show is running, stop it + if (slider.settings.auto) el.stopAuto(); + var pagerLink = $(e.currentTarget); + var pagerIndex = parseInt(pagerLink.attr('data-slide-index')); + // if clicked pager link is not active, continue with the goToSlide call + if(pagerIndex != slider.active.index) el.goToSlide(pagerIndex); + e.preventDefault(); + } + + /** + * Updates the pager links with an active class + * + * @param slideIndex (int) + * - index of slide to make active + */ + var updatePagerActive = function(slideIndex){ + // if "short" pager type + var len = slider.children.length; // nb of children + if(slider.settings.pagerType == 'short'){ + if(slider.settings.maxSlides > 1) { + len = Math.ceil(slider.children.length/slider.settings.maxSlides); + } + slider.pagerEl.html( (slideIndex + 1) + slider.settings.pagerShortSeparator + len); + return; + } + // remove all pager active classes + slider.pagerEl.find('a').removeClass('active'); + // apply the active class for all pagers + slider.pagerEl.each(function(i, el) { $(el).find('a').eq(slideIndex).addClass('active'); }); + } + + /** + * Performs needed actions after a slide transition + */ + var updateAfterSlideTransition = function(){ + // if infinte loop is true + if(slider.settings.infiniteLoop){ + var position = ''; + // first slide + if(slider.active.index == 0){ + // set the new position + position = slider.children.eq(0).position(); + // carousel, last slide + }else if(slider.active.index == getPagerQty() - 1 && slider.carousel){ + position = slider.children.eq((getPagerQty() - 1) * getMoveBy()).position(); + // last slide + }else if(slider.active.index == slider.children.length - 1){ + position = slider.children.eq(slider.children.length - 1).position(); + } + if (slider.settings.mode == 'horizontal') { setPositionProperty(-position.left, 'reset', 0);; } + else if (slider.settings.mode == 'vertical') { setPositionProperty(-position.top, 'reset', 0);; } + } + // declare that the transition is complete + slider.working = false; + // onSlideAfter callback + slider.settings.onSlideAfter(slider.children.eq(slider.active.index), slider.oldIndex, slider.active.index); + } + + /** + * Updates the auto controls state (either active, or combined switch) + * + * @param state (string) "start", "stop" + * - the new state of the auto show + */ + var updateAutoControls = function(state){ + // if autoControlsCombine is true, replace the current control with the new state + if(slider.settings.autoControlsCombine){ + slider.controls.autoEl.html(slider.controls[state]); + // if autoControlsCombine is false, apply the "active" class to the appropriate control + }else{ + slider.controls.autoEl.find('a').removeClass('active'); + slider.controls.autoEl.find('a:not(.bx-' + state + ')').addClass('active'); + } + } + + /** + * Updates the direction controls (checks if either should be hidden) + */ + var updateDirectionControls = function(){ + if(getPagerQty() == 1){ + slider.controls.prev.addClass('disabled'); + slider.controls.next.addClass('disabled'); + }else if(!slider.settings.infiniteLoop && slider.settings.hideControlOnEnd){ + // if first slide + if (slider.active.index == 0){ + slider.controls.prev.addClass('disabled'); + slider.controls.next.removeClass('disabled'); + // if last slide + }else if(slider.active.index == getPagerQty() - 1){ + slider.controls.next.addClass('disabled'); + slider.controls.prev.removeClass('disabled'); + // if any slide in the middle + }else{ + slider.controls.prev.removeClass('disabled'); + slider.controls.next.removeClass('disabled'); + } + } + } + + /** + * Initialzes the auto process + */ + var initAuto = function(){ + // if autoDelay was supplied, launch the auto show using a setTimeout() call + if(slider.settings.autoDelay > 0){ + var timeout = setTimeout(el.startAuto, slider.settings.autoDelay); + // if autoDelay was not supplied, start the auto show normally + }else{ + el.startAuto(); + } + // if autoHover is requested + if(slider.settings.autoHover){ + // on el hover + el.hover(function(){ + // if the auto show is currently playing (has an active interval) + if(slider.interval){ + // stop the auto show and pass true agument which will prevent control update + el.stopAuto(true); + // create a new autoPaused value which will be used by the relative "mouseout" event + slider.autoPaused = true; + } + }, function(){ + // if the autoPaused value was created be the prior "mouseover" event + if(slider.autoPaused){ + // start the auto show and pass true agument which will prevent control update + el.startAuto(true); + // reset the autoPaused value + slider.autoPaused = null; + } + }); + } + } + + /** + * Initialzes the ticker process + */ + var initTicker = function(){ + var startPosition = 0; + // if autoDirection is "next", append a clone of the entire slider + if(slider.settings.autoDirection == 'next'){ + el.append(slider.children.clone().addClass('bx-clone')); + // if autoDirection is "prev", prepend a clone of the entire slider, and set the left position + }else{ + el.prepend(slider.children.clone().addClass('bx-clone')); + var position = slider.children.first().position(); + startPosition = slider.settings.mode == 'horizontal' ? -position.left : -position.top; + } + setPositionProperty(startPosition, 'reset', 0); + // do not allow controls in ticker mode + slider.settings.pager = false; + slider.settings.controls = false; + slider.settings.autoControls = false; + // if autoHover is requested + if(slider.settings.tickerHover && !slider.usingCSS){ + // on el hover + slider.viewport.hover(function(){ + el.stop(); + }, function(){ + // calculate the total width of children (used to calculate the speed ratio) + var totalDimens = 0; + slider.children.each(function(index){ + totalDimens += slider.settings.mode == 'horizontal' ? $(this).outerWidth(true) : $(this).outerHeight(true); + }); + // calculate the speed ratio (used to determine the new speed to finish the paused animation) + var ratio = slider.settings.speed / totalDimens; + // determine which property to use + var property = slider.settings.mode == 'horizontal' ? 'left' : 'top'; + // calculate the new speed + var newSpeed = ratio * (totalDimens - (Math.abs(parseInt(el.css(property))))); + tickerLoop(newSpeed); + }); + } + // start the ticker loop + tickerLoop(); + } + + /** + * Runs a continuous loop, news ticker-style + */ + var tickerLoop = function(resumeSpeed){ + speed = resumeSpeed ? resumeSpeed : slider.settings.speed; + var position = {left: 0, top: 0}; + var reset = {left: 0, top: 0}; + // if "next" animate left position to last child, then reset left to 0 + if(slider.settings.autoDirection == 'next'){ + position = el.find('.bx-clone').first().position(); + // if "prev" animate left position to 0, then reset left to first non-clone child + }else{ + reset = slider.children.first().position(); + } + var animateProperty = slider.settings.mode == 'horizontal' ? -position.left : -position.top; + var resetValue = slider.settings.mode == 'horizontal' ? -reset.left : -reset.top; + var params = {resetValue: resetValue}; + setPositionProperty(animateProperty, 'ticker', speed, params); + } + + /** + * Initializes touch events + */ + var initTouch = function(){ + // initialize object to contain all touch values + slider.touch = { + start: {x: 0, y: 0}, + end: {x: 0, y: 0} + } + slider.viewport.bind('touchstart', onTouchStart); + } + + /** + * Event handler for "touchstart" + * + * @param e (event) + * - DOM event object + */ + var onTouchStart = function(e){ + if(slider.working){ + e.preventDefault(); + }else{ + // record the original position when touch starts + slider.touch.originalPos = el.position(); + var orig = e.originalEvent; + // record the starting touch x, y coordinates + slider.touch.start.x = orig.changedTouches[0].pageX; + slider.touch.start.y = orig.changedTouches[0].pageY; + // bind a "touchmove" event to the viewport + slider.viewport.bind('touchmove', onTouchMove); + // bind a "touchend" event to the viewport + slider.viewport.bind('touchend', onTouchEnd); + } + } + + /** + * Event handler for "touchmove" + * + * @param e (event) + * - DOM event object + */ + var onTouchMove = function(e){ + var orig = e.originalEvent; + // if scrolling on y axis, do not prevent default + var xMovement = Math.abs(orig.changedTouches[0].pageX - slider.touch.start.x); + var yMovement = Math.abs(orig.changedTouches[0].pageY - slider.touch.start.y); + // x axis swipe + if((xMovement * 3) > yMovement && slider.settings.preventDefaultSwipeX){ + e.preventDefault(); + // y axis swipe + }else if((yMovement * 3) > xMovement && slider.settings.preventDefaultSwipeY){ + e.preventDefault(); + } + if(slider.settings.mode != 'fade' && slider.settings.oneToOneTouch){ + var value = 0; + // if horizontal, drag along x axis + if(slider.settings.mode == 'horizontal'){ + var change = orig.changedTouches[0].pageX - slider.touch.start.x; + value = slider.touch.originalPos.left + change; + // if vertical, drag along y axis + }else{ + var change = orig.changedTouches[0].pageY - slider.touch.start.y; + value = slider.touch.originalPos.top + change; + } + setPositionProperty(value, 'reset', 0); + } + } + + /** + * Event handler for "touchend" + * + * @param e (event) + * - DOM event object + */ + var onTouchEnd = function(e){ + slider.viewport.unbind('touchmove', onTouchMove); + var orig = e.originalEvent; + var value = 0; + // record end x, y positions + slider.touch.end.x = orig.changedTouches[0].pageX; + slider.touch.end.y = orig.changedTouches[0].pageY; + // if fade mode, check if absolute x distance clears the threshold + if(slider.settings.mode == 'fade'){ + var distance = Math.abs(slider.touch.start.x - slider.touch.end.x); + if(distance >= slider.settings.swipeThreshold){ + slider.touch.start.x > slider.touch.end.x ? el.goToNextSlide() : el.goToPrevSlide(); + el.stopAuto(); + } + // not fade mode + }else{ + var distance = 0; + // calculate distance and el's animate property + if(slider.settings.mode == 'horizontal'){ + distance = slider.touch.end.x - slider.touch.start.x; + value = slider.touch.originalPos.left; + }else{ + distance = slider.touch.end.y - slider.touch.start.y; + value = slider.touch.originalPos.top; + } + // if not infinite loop and first / last slide, do not attempt a slide transition + if(!slider.settings.infiniteLoop && ((slider.active.index == 0 && distance > 0) || (slider.active.last && distance < 0))){ + setPositionProperty(value, 'reset', 200); + }else{ + // check if distance clears threshold + if(Math.abs(distance) >= slider.settings.swipeThreshold){ + distance < 0 ? el.goToNextSlide() : el.goToPrevSlide(); + el.stopAuto(); + }else{ + // el.animate(property, 200); + setPositionProperty(value, 'reset', 200); + } + } + } + slider.viewport.unbind('touchend', onTouchEnd); + } + + /** + * Window resize event callback + */ + var resizeWindow = function(e){ + // get the new window dimens (again, thank you IE) + var windowWidthNew = $(window).width(); + var windowHeightNew = $(window).height(); + // make sure that it is a true window resize + // *we must check this because our dinosaur friend IE fires a window resize event when certain DOM elements + // are resized. Can you just die already?* + if(windowWidth != windowWidthNew || windowHeight != windowHeightNew){ + // set the new window dimens + windowWidth = windowWidthNew; + windowHeight = windowHeightNew; + // update all dynamic elements + el.redrawSlider(); + } + } + + /** + * =================================================================================== + * = PUBLIC FUNCTIONS + * =================================================================================== + */ + + /** + * Performs slide transition to the specified slide + * + * @param slideIndex (int) + * - the destination slide's index (zero-based) + * + * @param direction (string) + * - INTERNAL USE ONLY - the direction of travel ("prev" / "next") + */ + el.goToSlide = function(slideIndex, direction){ + // if plugin is currently in motion, ignore request + if(slider.working || slider.active.index == slideIndex) return; + // declare that plugin is in motion + slider.working = true; + // store the old index + slider.oldIndex = slider.active.index; + // if slideIndex is less than zero, set active index to last child (this happens during infinite loop) + if(slideIndex < 0){ + slider.active.index = getPagerQty() - 1; + // if slideIndex is greater than children length, set active index to 0 (this happens during infinite loop) + }else if(slideIndex >= getPagerQty()){ + slider.active.index = 0; + // set active index to requested slide + }else{ + slider.active.index = slideIndex; + } + // onSlideBefore, onSlideNext, onSlidePrev callbacks + slider.settings.onSlideBefore(slider.children.eq(slider.active.index), slider.oldIndex, slider.active.index); + if(direction == 'next'){ + slider.settings.onSlideNext(slider.children.eq(slider.active.index), slider.oldIndex, slider.active.index); + }else if(direction == 'prev'){ + slider.settings.onSlidePrev(slider.children.eq(slider.active.index), slider.oldIndex, slider.active.index); + } + // check if last slide + slider.active.last = slider.active.index >= getPagerQty() - 1; + // update the pager with active class + if(slider.settings.pager) updatePagerActive(slider.active.index); + // // check for direction control update + if(slider.settings.controls) updateDirectionControls(); + // if slider is set to mode: "fade" + if(slider.settings.mode == 'fade'){ + // if adaptiveHeight is true and next height is different from current height, animate to the new height + if(slider.settings.adaptiveHeight && slider.viewport.height() != getViewportHeight()){ + slider.viewport.animate({height: getViewportHeight()}, slider.settings.adaptiveHeightSpeed); + } + // fade out the visible child and reset its z-index value + slider.children.filter(':visible').fadeOut(slider.settings.speed).css({zIndex: 0}); + // fade in the newly requested slide + slider.children.eq(slider.active.index).css('zIndex', 51).fadeIn(slider.settings.speed, function(){ + $(this).css('zIndex', 50); + updateAfterSlideTransition(); + }); + // slider mode is not "fade" + }else{ + // if adaptiveHeight is true and next height is different from current height, animate to the new height + if(slider.settings.adaptiveHeight && slider.viewport.height() != getViewportHeight()){ + slider.viewport.animate({height: getViewportHeight()}, slider.settings.adaptiveHeightSpeed); + } + var moveBy = 0; + var position = {left: 0, top: 0}; + // if carousel and not infinite loop + if(!slider.settings.infiniteLoop && slider.carousel && slider.active.last){ + if(slider.settings.mode == 'horizontal'){ + // get the last child position + var lastChild = slider.children.eq(slider.children.length - 1); + position = lastChild.position(); + // calculate the position of the last slide + moveBy = slider.viewport.width() - lastChild.outerWidth(); + }else{ + // get last showing index position + var lastShowingIndex = slider.children.length - slider.settings.minSlides; + position = slider.children.eq(lastShowingIndex).position(); + } + // horizontal carousel, going previous while on first slide (infiniteLoop mode) + }else if(slider.carousel && slider.active.last && direction == 'prev'){ + // get the last child position + var eq = slider.settings.moveSlides == 1 ? slider.settings.maxSlides - getMoveBy() : ((getPagerQty() - 1) * getMoveBy()) - (slider.children.length - slider.settings.maxSlides); + var lastChild = el.children('.bx-clone').eq(eq); + position = lastChild.position(); + // if infinite loop and "Next" is clicked on the last slide + }else if(direction == 'next' && slider.active.index == 0){ + // get the last clone position + position = el.find('> .bx-clone').eq(slider.settings.maxSlides).position(); + slider.active.last = false; + // normal non-zero requests + }else if(slideIndex >= 0){ + var requestEl = slideIndex * getMoveBy(); + position = slider.children.eq(requestEl).position(); + } + + /* If the position doesn't exist + * (e.g. if you destroy the slider on a next click), + * it doesn't throw an error. + */ + if ("undefined" !== typeof(position)) { + var value = slider.settings.mode == 'horizontal' ? -(position.left - moveBy) : -position.top; + // plugin values to be animated + setPositionProperty(value, 'slide', slider.settings.speed); + } + } + } + + /** + * Transitions to the next slide in the show + */ + el.goToNextSlide = function(){ + // if infiniteLoop is false and last page is showing, disregard call + if (!slider.settings.infiniteLoop && slider.active.last) return; + var pagerIndex = parseInt(slider.active.index) + 1; + el.goToSlide(pagerIndex, 'next'); + } + + /** + * Transitions to the prev slide in the show + */ + el.goToPrevSlide = function(){ + // if infiniteLoop is false and last page is showing, disregard call + if (!slider.settings.infiniteLoop && slider.active.index == 0) return; + var pagerIndex = parseInt(slider.active.index) - 1; + el.goToSlide(pagerIndex, 'prev'); + } + + /** + * Starts the auto show + * + * @param preventControlUpdate (boolean) + * - if true, auto controls state will not be updated + */ + el.startAuto = function(preventControlUpdate){ + // if an interval already exists, disregard call + if(slider.interval) return; + // create an interval + slider.interval = setInterval(function(){ + slider.settings.autoDirection == 'next' ? el.goToNextSlide() : el.goToPrevSlide(); + }, slider.settings.pause); + // if auto controls are displayed and preventControlUpdate is not true + if (slider.settings.autoControls && preventControlUpdate != true) updateAutoControls('stop'); + } + + /** + * Stops the auto show + * + * @param preventControlUpdate (boolean) + * - if true, auto controls state will not be updated + */ + el.stopAuto = function(preventControlUpdate){ + // if no interval exists, disregard call + if(!slider.interval) return; + // clear the interval + clearInterval(slider.interval); + slider.interval = null; + // if auto controls are displayed and preventControlUpdate is not true + if (slider.settings.autoControls && preventControlUpdate != true) updateAutoControls('start'); + } + + /** + * Returns current slide index (zero-based) + */ + el.getCurrentSlide = function(){ + return slider.active.index; + } + + /** + * Returns number of slides in show + */ + el.getSlideCount = function(){ + return slider.children.length; + } + + /** + * Update all dynamic slider elements + */ + el.redrawSlider = function(){ + // resize all children in ratio to new screen size + slider.children.add(el.find('.bx-clone')).outerWidth(getSlideWidth()); + // adjust the height + slider.viewport.css('height', getViewportHeight()); + // update the slide position + if(!slider.settings.ticker) setSlidePosition(); + // if active.last was true before the screen resize, we want + // to keep it last no matter what screen size we end on + if (slider.active.last) slider.active.index = getPagerQty() - 1; + // if the active index (page) no longer exists due to the resize, simply set the index as last + if (slider.active.index >= getPagerQty()) slider.active.last = true; + // if a pager is being displayed and a custom pager is not being used, update it + if(slider.settings.pager && !slider.settings.pagerCustom){ + populatePager(); + updatePagerActive(slider.active.index); + } + } + + /** + * Destroy the current instance of the slider (revert everything back to original state) + */ + el.destroySlider = function(){ + // don't do anything if slider has already been destroyed + if(!slider.initialized) return; + slider.initialized = false; + $('.bx-clone', this).remove(); + slider.children.each(function() { + $(this).data("origStyle") != undefined ? $(this).attr("style", $(this).data("origStyle")) : $(this).removeAttr('style'); + }); + $(this).data("origStyle") != undefined ? this.attr("style", $(this).data("origStyle")) : $(this).removeAttr('style'); + $(this).unwrap().unwrap(); + if(slider.controls.el) slider.controls.el.remove(); + if(slider.controls.next) slider.controls.next.remove(); + if(slider.controls.prev) slider.controls.prev.remove(); + if(slider.pagerEl) slider.pagerEl.remove(); + $('.bx-caption', this).remove(); + if(slider.controls.autoEl) slider.controls.autoEl.remove(); + clearInterval(slider.interval); + if(slider.settings.responsive) $(window).unbind('resize', resizeWindow); + } + + /** + * Reload the slider (revert all DOM changes, and re-initialize) + */ + el.reloadSlider = function(settings){ + if (settings != undefined) options = settings; + el.destroySlider(); + init(); + } + + init(); + + // returns the current jQuery object + return this; + } + +})($jq); \ No newline at end of file diff --git a/themes/zuitedesk/js/jquery.cslider.js b/themes/zuitedesk/js/jquery.cslider.js new file mode 100644 index 0000000..7de63fa --- /dev/null +++ b/themes/zuitedesk/js/jquery.cslider.js @@ -0,0 +1,335 @@ +(function ($, undefined) { + + /* + * Slider object. + */ + $.Slider = function (options, element) { + this.$el = $(element); + this._init(options); + + }; + + $.Slider.defaults = { + width:1170, //Max slider width + height:500, //max slider height + current: 0, // index of current slide + bgincrement: 100, // increment the bg position (parallax effect) when sliding + autoplay: true, // slideshow on / off + interval: 6000 // time between transitions + }; + + $.Slider.prototype = { + _init: function (options) { + var self = this; + this.options = $.extend(true, {}, $.Slider.defaults, options); + this.ratio = this.$el.width() / this.$el.height(); + this.$slides = this.$el.children().children('.da-slide'); + this.slidesCount = this.$slides.length; + + this.current = this.options.current; + + if (this.current < 0 || this.current >= this.slidesCount) { + + this.current = 0; + + } + + this.$slides.eq(this.current).addClass('da-slide-current'); + + var $navigation = $('
+ + + + + + + + + diff --git a/themes/zuitedesk/templates/user-profile.tpl.php b/themes/zuitedesk/templates/user-profile.tpl.php new file mode 100644 index 0000000..e73585b --- /dev/null +++ b/themes/zuitedesk/templates/user-profile.tpl.php @@ -0,0 +1,52 @@ +'. check_plain(print_r($profile, 1)) .''; + * @endcode + * + * Available variables: + * - $user_profile: All user profile data. Ready for print. + * - $profile: Keyed array of profile categories and their items or other data + * provided by modules. + * + * @see user-profile-category.tpl.php + * Where the html is handled for the group. + * @see user-profile-item.tpl.php + * Where the html is handled for each item in the group. + * @see template_preprocess_user_profile() + */ +?> + +
+ +
+ +' . storm_dashboard() . '
'; +} +?> diff --git a/themes/zuitedesk/templates/views-view--calendar--block.tpl.php b/themes/zuitedesk/templates/views-view--calendar--block.tpl.php new file mode 100644 index 0000000..ab779c1 --- /dev/null +++ b/themes/zuitedesk/templates/views-view--calendar--block.tpl.php @@ -0,0 +1,124 @@ +module: Module that generated the block. + * - $block->delta: An ID for the block, unique within each module. + * - $block->region: The block region embedding the current block. + * - $edit_links: A list of contextual links for the block. It can be + * manipulated through the variable $edit_links_array from preprocess + * functions. + * - $classes: String of classes that can be used to style contextually through + * CSS. It can be manipulated through the variable $classes_array from + * preprocess functions. The default values can be one or more of the + * following: + * - block: The current template type, i.e., "theming hook". + * - block-[module]: The module generating the block. For example, the user + * module is responsible for handling the default user navigation block. In + * that case the class would be "block-user". + * - first: The first block in the region. + * - last: The last block in the region. + * - region-count-[x]: The position of the block in the list of blocks in the + * current region. + * - region-odd: An odd-numbered block of the list of blocks in the current + * region. + * - region-even: An even-numbered block of the list of blocks in the current + * region. + * - count-[x]: The position of the block in the list of blocks on the current + * page. + * - odd: An odd-numbered block of the list of blocks on the current page. + * - even: An even-numbered block of the list of blocks on the current page. + * + * Helper variables: + * - $classes_array: Array of html class attribute values. It is flattened + * into a string within the variable $classes. + * - $edit_links_array: An array of contextual links for the block. + * - $block_zebra: Outputs 'odd' and 'even' dependent on each block region. + * - $zebra: Same output as $block_zebra but independent of any block region. + * - $block_id: Counter dependent on each block region. + * - $id: Same output as $block_id but independent of any block region. + * - $is_front: Flags true when presented in the front page. + * - $logged_in: Flags true when the current user is a logged-in member. + * - $is_admin: Flags true when the current user is an administrator. + * - $block_html_id: A valid HTML ID and guaranteed unique. + * + * @see template_preprocess() + * @see zen_preprocess() + * @see template_preprocess_block() + * @see zen_preprocess_block() + * @see zen_process() + */ +?> + + + + +
+ +
+ + + +
+ +
+ + + +
+ +
+ + + +
+ +
+ +
+ +
+ + + + + + + +
+ +
+ + +' . $mescal . '
'; +?> + + + + + + +
+ +
+ + + diff --git a/themes/zuitedesk/templates/views-view--storm-organizations-matrix.tpl.php b/themes/zuitedesk/templates/views-view--storm-organizations-matrix.tpl.php new file mode 100644 index 0000000..b5cf39f --- /dev/null +++ b/themes/zuitedesk/templates/views-view--storm-organizations-matrix.tpl.php @@ -0,0 +1,87 @@ + + +
+ + + + +
+ +
+ + + +
+ +
+ + + +
+ +
+ + +
+ +
+ + + + + + +
+ +
+ + + + + + + + + + + +
+ +
+ + +
+ \ No newline at end of file diff --git a/themes/zuitedesk/templates/views-view--storm-projects-matrix.tpl.php b/themes/zuitedesk/templates/views-view--storm-projects-matrix.tpl.php new file mode 100644 index 0000000..b5cf39f --- /dev/null +++ b/themes/zuitedesk/templates/views-view--storm-projects-matrix.tpl.php @@ -0,0 +1,87 @@ + + +
+ + + + +
+ +
+ + + +
+ +
+ + + +
+ +
+ + +
+ +
+ + + + + + +
+ +
+ + + + + + + + + + + +
+ +
+ + +
+ \ No newline at end of file diff --git a/themes/zuitedesk/templates/views-view-field--updates-recent--type.tpl.php b/themes/zuitedesk/templates/views-view-field--updates-recent--type.tpl.php new file mode 100644 index 0000000..1aa1be7 --- /dev/null +++ b/themes/zuitedesk/templates/views-view-field--updates-recent--type.tpl.php @@ -0,0 +1,28 @@ +{$field->field_alias} + * + * The above will guarantee that you'll always get the correct data, + * regardless of any changes in the aliasing that might happen if + * the view is modified. + */ +?> +'; +?> + diff --git a/themes/zuitedesk/templates/views-view-fields--storm-projects-kanban.tpl.php b/themes/zuitedesk/templates/views-view-fields--storm-projects-kanban.tpl.php new file mode 100644 index 0000000..0b16bd2 --- /dev/null +++ b/themes/zuitedesk/templates/views-view-fields--storm-projects-kanban.tpl.php @@ -0,0 +1,40 @@ +content: The output of the field. + * - $field->raw: The raw data for the field, if it exists. This is NOT output safe. + * - $field->class: The safe class id to use. + * - $field->handler: The Views field handler object controlling this field. Do not use + * var_export to dump this object, as it can't handle the recursion. + * - $field->inline: Whether or not the field should be inline. + * - $field->inline_html: either div or span based on the above flag. + * - $field->separator: an optional separator that may appear before a field. + * - $row: The raw result object from the query, with all data it fetched. + * + * @ingroup views_templates + */ +?> + $field): ?> + content) && $field->class != 'nid-1'): ?> + separator)): ?> + separator; ?> + + + <inline_html;?> class="views-field-class; ?>"> + label): ?> + + + element_type is either SPAN or DIV depending upon whether or not + // the field is a 'block' element type or 'inline' element type. + ?> + <element_type; ?> class="field-content">content; ?>element_type; ?>> + inline_html;?>> + + \ No newline at end of file diff --git a/themes/zuitedesk/templates/views-view-list--storm-projects-kanban.tpl.php b/themes/zuitedesk/templates/views-view-list--storm-projects-kanban.tpl.php new file mode 100644 index 0000000..8e786b1 --- /dev/null +++ b/themes/zuitedesk/templates/views-view-list--storm-projects-kanban.tpl.php @@ -0,0 +1,35 @@ + +
+ +

+ + <> + $row): ?> + render_field('nid_1', $id); + if (!empty($task_assigned)) { + if ($user->stormperson_nid == $task_assigned) { + $task_class = ' task-own'; + } elseif (module_exists('stormteam') && stormteam_user_belongs_to_team($task_assigned, $user->stormperson_nid)) { + $task_class = ' task-own'; + } else { + $task_class = ' task-assigned'; + } + } + ?> +
  • + + > +
    \ No newline at end of file diff --git a/themes/zuitedesk/templates/views-view-table.tpl.php b/themes/zuitedesk/templates/views-view-table.tpl.php new file mode 100644 index 0000000..13710c0 --- /dev/null +++ b/themes/zuitedesk/templates/views-view-table.tpl.php @@ -0,0 +1,39 @@ + +
    +> + + + + + + $label): ?> + + + + + + $row): ?> + + $content): ?> + + + + + +
    +
    diff --git a/themes/zuitedesk/theme-settings.php b/themes/zuitedesk/theme-settings.php new file mode 100644 index 0000000..bdabbc0 --- /dev/null +++ b/themes/zuitedesk/theme-settings.php @@ -0,0 +1,43 @@ + 'checkbox', + '#title' => t('Use this sample setting'), + '#default_value' => $settings['zuitedesk_example'], + '#description' => t("This option doesn't do anything; it's just an example."), + ); + // */ + + // Add the base theme's settings. + $form += zen_settings($saved_settings, $defaults); + + // Remove some of the base theme's settings. + unset($form['themedev']['zen_layout']); // We don't need to select the base stylesheet. + + // Return the form + return $form; +} diff --git a/themes/zuitedesk/zuitedesk.info b/themes/zuitedesk/zuitedesk.info new file mode 100644 index 0000000..57fb183 --- /dev/null +++ b/themes/zuitedesk/zuitedesk.info @@ -0,0 +1,129 @@ +name = SuiteDesk Theme +description = SuiteDesk Theme Zen. +version = 0.2.19 + +screenshot = screenshot.png + +core = 6.x +base theme = zen + + + +;;;;;;;;;;;;;;;;;;;;; +;; CSS +;;;;;;;;;;;;;;;;;;;;; + +; This section adds CSS files to your theme. The media type is specified in +; the brackets. Typical CSS media types include "all", "screen", "print", and +; "handheld". See http://www.w3.org/TR/CSS21/media.html#media-types for a full +; list of stylesheet media types in CSS 2.1. The iPhone's preferred media type +; is based on the CSS3 Media queries. http://www.w3.org/TR/css3-mediaqueries/ +; +; You can also override any of Zen's stylesheets or any module's stylesheets, +; an /extremely/ useful feature. See the excellent Drupal 6 Theme Guide at +; http://drupal.org/node/263967 for more details. + +; BOOTSTRAP: +stylesheets[all][] = css/bootstrap.min.css +stylesheets[all][] = css/bootstrap-tour.min.css +stylesheets[all][] = css/fonticons.css +stylesheets[all][] = css/wireframes.css +stylesheets[all][] = css/layout-responsive.css +stylesheets[all][] = css/editor.css +stylesheets[all][] = css/global.css +stylesheets[all][] = css/pages.css +stylesheets[all][] = css/tabs.css +stylesheets[all][] = css/blocks.css +stylesheets[all][] = css/navigation.css +stylesheets[all][] = css/nodes.css +stylesheets[all][] = css/comments.css +stylesheets[all][] = css/forms.css +stylesheets[all][] = css/extlink.css +stylesheets[all][] = css/suitedesk.css + +stylesheets[all][] = modules/aggregator/aggregator.css +stylesheets[all][] = modules/book/book.css +stylesheets[all][] = modules/comment/comment.css +stylesheets[all][] = modules/node/node.css +stylesheets[all][] = modules/system/defaults.css +stylesheets[all][] = modules/system/system.css +stylesheets[all][] = modules/system/system-menus.css +stylesheets[all][] = modules/user/user.css +stylesheets[all][] = modules/storm/storm-node.css +stylesheets[all][] = modules/print/css/printlinks.css + + + +;;;;;;;;;;;;;;;;;;;;; +;; Javascript +;;;;;;;;;;;;;;;;;;;;; + +; BOOTSTRAP: +scripts[] = js/bootstrap.min.js +scripts[] = js/runapp.js + + + +;;;;;;;;;;;;;;;;;;;;; +;; Regions +;;;;;;;;;;;;;;;;;;;;; + +; The regions defined in Zen's default page.tpl.php file. The name in +; brackets is the name of the variable in the page.tpl.php file, (e.g. +; "[content_top]" in the .info file means there should be a $content_top +; variable in the page.tpl.php file.) The text after the equals sign is a +; descriptive text used on the admin/build/blocks page. +; +; To add a new region, copy Zen's page.tpl.php to your sub-theme's directory, +; add a line line to this file, and then add the new variable to your +; page.tpl.php template. + +regions[sidebar_main] = Main sidebar +regions[navigation] = Navigation bar +regions[highlight] = Highlighted content +regions[content_top] = Content top +regions[content_bottom] = Content bottom +regions[header] = Header +regions[footer] = Footer +regions[page_closure] = Page closure + + + +;;;;;;;;;;;;;;;;;;;;; +;; Features +;;;;;;;;;;;;;;;;;;;;; + +; Various page elements output by the theme can be toggled on and off. The +; "features" control which of these check boxes display on the +; admin/build/themes config page. This is useful for suppressing check boxes +; for elements not used by your sub-theme. To suppress a check box, omit the +; entry for it below. See the Drupal 6 Theme Guide for more info: +; http://drupal.org/node/171205#features + +features[] = logo +; features[] = name +; features[] = slogan +; features[] = mission +features[] = node_user_picture +features[] = comment_user_picture +features[] = search +features[] = favicon +features[] = primary_links +features[] = secondary_links + + + +;;;;;;;;;;;;;;;;;;;;; +;; Theme settings +;;;;;;;;;;;;;;;;;;;;; + +; Set the default settings to be used in theme-settings.php + +settings[zen_block_editing] = 1 +settings[zen_breadcrumb] = yes +settings[zen_breadcrumb_separator] = ' › ' +settings[zen_breadcrumb_home] = 1 +settings[zen_breadcrumb_trailing] = 1 +settings[zen_breadcrumb_title] = 0 +settings[zen_rebuild_registry] = 1 +settings[zen_wireframes] = 0