/* Author: AdminDesigns.com * Copyright 2014 Admin Designs =================================================== Table of Contents =================================================== I. EDITORS II. PLUGINS III. FONTS =================================================== I. EDITORS =================================================== */ /*! X-editable - v1.5.0 * In-place editing with Twitter Bootstrap, jQuery UI or pure jQuery * http://github.com/vitalets/x-editable * Copyright (c) 2013 Vitaliy Potapov; Licensed MIT */ .editableform { margin-bottom: 0; /* overwrites bootstrap margin */ } .editableform .control-group { margin-bottom: 0; /* overwrites bootstrap margin */ white-space: nowrap; /* prevent wrapping buttons on new line */ line-height: 20px; /* overwriting bootstrap line-height. See #133 */ } .editable-buttons { display: inline-block; /* should be inline to take effect of parent's white-space: nowrap */ vertical-align: top; margin-left: 7px; /* inline-block emulation for IE7*/ zoom: 1; *display: inline; } .editable-buttons.editable-buttons-bottom { display: block; margin-top: 7px; margin-left: 0; } .editable-input { vertical-align: top; display: inline-block; /* should be inline to take effect of parent's white-space: nowrap */ width: auto; /* bootstrap-responsive has width: 100% that breakes layout */ white-space: normal; /* reset white-space decalred in parent*/ /* display-inline emulation for IE7*/ zoom: 1; *display: inline; } .editable-buttons .editable-cancel { margin-left: 7px; } /*for jquery-ui buttons need set height to look more pretty*/ .editable-buttons button.ui-button-icon-only { height: 24px; width: 30px; } .editableform-loading { background: url("../img/plugins/loading.gif") center center no-repeat; height: 25px; width: auto; min-width: 25px; } .editable-inline .editableform-loading { background-position: left 5px; } .editable-error-block { max-width: 300px; margin: 5px 0 0 0; width: auto; white-space: normal; } /*add padding for jquery ui*/ .editable-error-block.ui-state-error { padding: 3px; } .editable-error { color: red; } /* ---- For specific types ---- */ .editableform .editable-date { padding: 0; margin: 0; float: left; } /* move datepicker icon to center of add-on button. See https://github.com/vitalets/x-editable/issues/183 */ .editable-inline .add-on .icon-th { margin-top: 3px; margin-left: 1px; } /* checklist vertical alignment */ .editable-checklist label input[type="checkbox"], .editable-checklist label span { vertical-align: middle; margin: 0; } .editable-checklist label { white-space: nowrap; } /* set exact width of textarea to fit buttons toolbar */ .editable-wysihtml5 { width: 566px; height: 250px; } /* clear button shown as link in date inputs */ .editable-clear { clear: both; font-size: 0.9em; text-decoration: none; text-align: right; } /* IOS-style clear button for text inputs */ .editable-clear-x { background: url("../img/plugins/clear.png") center center no-repeat; display: block; width: 13px; height: 13px; position: absolute; opacity: 0.6; z-index: 100; top: 50%; right: 6px; margin-top: -6px; } .editable-clear-x:hover { opacity: 1; } .editable-pre-wrapped { white-space: pre-wrap; } .editable-container.editable-popup { max-width: none !important; /* without this rule poshytip/tooltip does not stretch */ } .editable-container.popover { width: auto; /* without this rule popover does not stretch */ } .editable-container.editable-inline { display: inline-block; vertical-align: middle; width: auto; /* inline-block emulation for IE7*/ zoom: 1; *display: inline; } .editable-container.ui-widget { font-size: inherit; /* jqueryui widget font 1.1em too big, overwrite it */ z-index: 9990; /* should be less than select2 dropdown z-index to close dropdown first when click */ } .editable-click, a.editable-click, a.editable-click:hover { text-decoration: none; border-bottom: dashed 1px #0088cc; } .editable-click.editable-disabled, a.editable-click.editable-disabled, a.editable-click.editable-disabled:hover { color: #585858; cursor: default; border-bottom: none; } .editable-empty, .editable-empty:hover, .editable-empty:focus { font-style: italic; color: #DD1144; /* border-bottom: none; */ text-decoration: none; } .editable-unsaved { font-weight: bold; } .editable-unsaved:after { /* content: '*'*/ } .editable-bg-transition { -webkit-transition: background-color 1400ms ease-out; -moz-transition: background-color 1400ms ease-out; -o-transition: background-color 1400ms ease-out; -ms-transition: background-color 1400ms ease-out; transition: background-color 1400ms ease-out; } /*see https://github.com/vitalets/x-editable/issues/139 */ .form-horizontal .editable { padding-top: 5px; display: inline-block; } /*! * Datepicker for Bootstrap * * Copyright 2012 Stefan Petre * Improvements by Andrew Rowls * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * */ .datepicker { padding: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; direction: ltr; /*.dow { border-top: 1px solid #ddd !important; }*/ } .datepicker-inline { width: 220px; } .datepicker.datepicker-rtl { direction: rtl; } .datepicker.datepicker-rtl table tr td span { float: right; } .datepicker-dropdown { top: 0; left: 0; } .datepicker-dropdown:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; top: -7px; left: 6px; } .datepicker-dropdown:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #ffffff; position: absolute; top: -6px; left: 7px; } .datepicker > div { display: none; } .datepicker.days div.datepicker-days { display: block; } .datepicker.months div.datepicker-months { display: block; } .datepicker.years div.datepicker-years { display: block; } .datepicker table { margin: 0; } .datepicker td, .datepicker th { text-align: center; width: 20px; height: 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: none; } .table-striped .datepicker table tr td, .table-striped .datepicker table tr th { background-color: transparent; } .datepicker table tr td.day:hover { background: #eeeeee; cursor: pointer; } .datepicker table tr td.old, .datepicker table tr td.new { color: #999999; } .datepicker table tr td.disabled, .datepicker table tr td.disabled:hover { background: none; color: #999999; cursor: default; } .datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover { background-color: #fde19a; background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a); background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a)); background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a); background-image: -o-linear-gradient(top, #fdd49a, #fdf59a); background-image: linear-gradient(top, #fdd49a, #fdf59a); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0); border-color: #fdf59a #fdf59a #fbed50; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); color: #000; } .datepicker table tr td.today:hover, .datepicker table tr td.today:hover:hover, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today:active, .datepicker table tr td.today:hover:active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:hover.active, .datepicker table tr td.today.disabled, .datepicker table tr td.today:hover.disabled, .datepicker table tr td.today.disabled.disabled, .datepicker table tr td.today.disabled:hover.disabled, .datepicker table tr td.today[disabled], .datepicker table tr td.today:hover[disabled], .datepicker table tr td.today.disabled[disabled], .datepicker table tr td.today.disabled:hover[disabled] { background-color: #fdf59a; } .datepicker table tr td.today:active, .datepicker table tr td.today:hover:active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:hover.active { background-color: #fbf069 \9; } .datepicker table tr td.today:hover:hover { color: #000; } .datepicker table tr td.today.active:hover { color: #fff; } .datepicker table tr td.range, .datepicker table tr td.range:hover, .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:hover { background: #eeeeee; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .datepicker table tr td.range.today, .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled:hover { background-color: #f3d17a; background-image: -moz-linear-gradient(top, #f3c17a, #f3e97a); background-image: -ms-linear-gradient(top, #f3c17a, #f3e97a); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a)); background-image: -webkit-linear-gradient(top, #f3c17a, #f3e97a); background-image: -o-linear-gradient(top, #f3c17a, #f3e97a); background-image: linear-gradient(top, #f3c17a, #f3e97a); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0); border-color: #f3e97a #f3e97a #edde34; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today:hover:hover, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today.disabled:hover:hover, .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover:active, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.active, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled:hover.active, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today:hover.disabled, .datepicker table tr td.range.today.disabled.disabled, .datepicker table tr td.range.today.disabled:hover.disabled, .datepicker table tr td.range.today[disabled], .datepicker table tr td.range.today:hover[disabled], .datepicker table tr td.range.today.disabled[disabled], .datepicker table tr td.range.today.disabled:hover[disabled] { background-color: #f3e97a; } .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover:active, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.active, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled:hover.active { background-color: #efe24b \9; } .datepicker table tr td.selected, .datepicker table tr td.selected:hover, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover { background-color: #9e9e9e; background-image: -moz-linear-gradient(top, #b3b3b3, gray); background-image: -ms-linear-gradient(top, #b3b3b3, gray); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(gray)); background-image: -webkit-linear-gradient(top, #b3b3b3, gray); background-image: -o-linear-gradient(top, #b3b3b3, gray); background-image: linear-gradient(top, #b3b3b3, #808080); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0); border-color: #808080 #808080 #595959; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker table tr td.selected:hover, .datepicker table tr td.selected:hover:hover, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.disabled:hover:hover, .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.active, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled:hover.active, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected:hover.disabled, .datepicker table tr td.selected.disabled.disabled, .datepicker table tr td.selected.disabled:hover.disabled, .datepicker table tr td.selected[disabled], .datepicker table tr td.selected:hover[disabled], .datepicker table tr td.selected.disabled[disabled], .datepicker table tr td.selected.disabled:hover[disabled] { background-color: #808080; } .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.active, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled:hover.active { background-color: #666666 \9; } .datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover { background-color: #006dcc; background-image: -moz-linear-gradient(top, #0088cc, #0044cc); background-image: -ms-linear-gradient(top, #0088cc, #0044cc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); background-image: -o-linear-gradient(top, #0088cc, #0044cc); background-image: linear-gradient(top, #0088cc, #0044cc); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0); border-color: #0044cc #0044cc #002a80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active[disabled], .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled:hover[disabled] { background-color: #0044cc; } .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active { background-color: #003399 \9; } .datepicker table tr td span { display: block; width: 23%; height: 54px; line-height: 54px; float: left; margin: 1%; cursor: pointer; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .datepicker table tr td span:hover { background: #eeeeee; } .datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover { background: none; color: #999999; cursor: default; } .datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover { background-color: #006dcc; background-image: -moz-linear-gradient(top, #0088cc, #0044cc); background-image: -ms-linear-gradient(top, #0088cc, #0044cc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); background-image: -o-linear-gradient(top, #0088cc, #0044cc); background-image: linear-gradient(top, #0088cc, #0044cc); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0); border-color: #0044cc #0044cc #002a80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active[disabled], .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active.disabled:hover[disabled] { background-color: #0044cc; } .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active { background-color: #003399 \9; } .datepicker table tr td span.old, .datepicker table tr td span.new { color: #999999; } .datepicker th.datepicker-switch { width: 145px; } .datepicker thead tr:first-child th, .datepicker tfoot tr th { cursor: pointer; } .datepicker thead tr:first-child th:hover, .datepicker tfoot tr th:hover { background: #eeeeee; } .datepicker .cw { font-size: 10px; width: 12px; padding: 0 2px 0 5px; vertical-align: middle; } .datepicker thead tr:first-child th.cw { cursor: default; background-color: transparent; } .input-append.date .add-on i, .input-prepend.date .add-on i { display: block; cursor: pointer; width: 16px; height: 16px; } .input-daterange input { text-align: center; } .input-daterange input:first-child { -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } .input-daterange input:last-child { -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } .input-daterange .add-on { display: inline-block; width: auto; min-width: 16px; height: 18px; padding: 4px 5px; font-weight: normal; line-height: 18px; text-align: center; text-shadow: 0 1px 0 #ffffff; vertical-align: middle; background-color: #eeeeee; border: 1px solid #ccc; margin-left: -5px; margin-right: -5px; } .markItUp .markItUpButton1 a { background-image: url(../img/plugins/bold.png); } .markItUp .markItUpButton2 a { background-image: url(../img/plugins/italic.png); } .markItUp .markItUpButton3 a { background-image: url(../img/plugins/stroke.png); } .markItUp .markItUpButton4 a { background-image: url(../img/plugins/list-bullet.png); } .markItUp .markItUpButton5 a { background-image: url(../img/plugins/list-numeric.png); } .markItUp .markItUpButton6 a { background-image: url(../img/plugins/picture.png); } .markItUp .markItUpButton7 a { background-image: url(../img/plugins/link.png); } .markItUp .markItUpButton8 a { background-image: url(../img/plugins/clean.png); } .markItUp .preview a { background-image: url(../img/plugins/preview.png); } .markItUp * { margin: 0px; padding: 0px; outline: none; } .markItUp a:link, .markItUp a:visited { color: #000; text-decoration: none; } .markItUp { width: 700px; margin: 5px 0 5px 0; } .markItUpContainer { font: 11px Verdana, Arial, Helvetica, sans-serif; } .markItUpEditor { font: 12px 'Courier New', Courier, monospace; padding: 5px; width: 690px; height: 320px; clear: both; line-height: 18px; overflow: auto; } .markItUpPreviewFrame { overflow: auto; background-color: #FFF; width: 99.9%; height: 300px; margin: 5px 0; } .markItUpFooter { width: 100%; } .markItUpResizeHandle { overflow: hidden; width: 22px; height: 5px; margin-left: auto; margin-right: auto; background-image: url(../img/plugins/handle.png); cursor: n-resize; } /***************************************************************************************/ /* first row of buttons */ .markItUpHeader ul li { list-style: none; float: left; position: relative; } .markItUpHeader ul li:hover > ul { display: block; } .markItUpHeader ul .markItUpDropMenu { background: transparent url(../img/plugins/menu.png) no-repeat 115% 50%; margin-right: 5px; } .markItUpHeader ul .markItUpDropMenu li { margin-right: 0px; } /* next rows of buttons */ .markItUpHeader ul ul { display: none; position: absolute; top: 18px; left: 0px; background: #FFF; border: 1px solid #000; } .markItUpHeader ul ul li { float: none; border-bottom: 1px solid #000; } .markItUpHeader ul ul .markItUpDropMenu { background: white url(../img/plugins/submenu.png) no-repeat 100% 50%; } .markItUpHeader ul .markItUpSeparator { margin: 0 10px; width: 1px; height: 16px; overflow: hidden; background-color: #CCC; } .markItUpHeader ul ul .markItUpSeparator { width: auto; height: 1px; margin: 0px; } /* next rows of buttons */ .markItUpHeader ul ul ul { position: absolute; top: -1px; left: 150px; } .markItUpHeader ul ul ul li { float: none; } .markItUpHeader ul a { display: block; width: 16px; height: 16px; text-indent: -10000px; background-repeat: no-repeat; padding: 3px; margin: 0px; } .markItUpHeader ul ul a { display: block; padding-left: 0px; text-indent: 0; width: 120px; padding: 5px 5px 5px 25px; background-position: 2px 50%; } .markItUpHeader ul ul a:hover { color: #FFF; background-color: #000; } .note-editor { border: 1px solid #a9a9a9; } .note-editor.fullscreen { position: fixed; top: 0; left: 0; z-index: 1050; width: 100%; } .note-editor.fullscreen .note-editable { background-color: white; } .note-editor.fullscreen .note-resizebar { display: none; } .note-editor.codeview .note-editable { display: none; } .note-editor.codeview .note-codeable { display: block; } .note-editor .note-toolbar { padding-bottom: 5px; padding-left: 5px; margin: 0; background-color: #f5f5f5; border-bottom: 1px solid #a9a9a9; } .note-editor .note-toolbar > .btn-group { margin-top: 5px; margin-right: 5px; margin-left: 0; } .note-editor .note-toolbar .note-table .dropdown-menu { min-width: 0; padding: 5px; } .note-editor .note-toolbar .note-table .dropdown-menu .note-dimension-picker { font-size: 18px; } .note-editor .note-toolbar .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-mousecatcher { position: absolute !important; z-index: 3; width: 10em; height: 10em; cursor: pointer; } .note-editor .note-toolbar .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-unhighlighted { position: relative !important; z-index: 1; width: 5em; height: 5em; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC") repeat; } .note-editor .note-toolbar .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-highlighted { position: absolute !important; z-index: 2; width: 1em; height: 1em; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC") repeat; } .note-editor .note-toolbar .note-style h1, .note-editor .note-toolbar .note-style h2, .note-editor .note-toolbar .note-style h3, .note-editor .note-toolbar .note-style h4, .note-editor .note-toolbar .note-style h5, .note-editor .note-toolbar .note-style h6, .note-editor .note-toolbar .note-style blockquote { margin: 0; } .note-editor .note-toolbar .note-color .dropdown-toggle { width: 20px; padding-left: 5px; } .note-editor .note-toolbar .note-color .dropdown-menu { min-width: 290px; } .note-editor .note-toolbar .note-color .dropdown-menu .btn-group { margin: 0; } .note-editor .note-toolbar .note-color .dropdown-menu .btn-group:first-child { margin: 0 5px; } .note-editor .note-toolbar .note-color .dropdown-menu .btn-group .note-palette-title { margin: 2px 7px; font-size: 12px; text-align: center; border-bottom: 1px solid #eee; } .note-editor .note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset { padding: 0 3px; margin: 5px; font-size: 12px; cursor: pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .note-editor .note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset:hover { background: #eee; } .note-editor .note-toolbar .note-para .dropdown-menu { min-width: 153px; padding: 5px; } .note-editor .note-toolbar .note-para li:first-child { margin-bottom: 5px; } .note-editor .note-statusbar { background-color: #f5f5f5; } .note-editor .note-statusbar .note-resizebar { width: 100%; height: 8px; cursor: s-resize; border-top: 1px solid #a9a9a9; } .note-editor .note-statusbar .note-resizebar .note-icon-bar { width: 20px; margin: 1px auto; border-top: 1px solid #a9a9a9; } .note-editor .note-popover .popover { max-width: none; } .note-editor .note-popover .popover .popover-content { padding: 5px; } .note-editor .note-popover .popover .popover-content a { display: inline-block; max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; } .note-editor .note-popover .popover .popover-content .btn-group + .btn-group { margin-left: 5px; } .note-editor .note-popover .popover .arrow { left: 20px; } .note-editor .note-handle .note-control-selection { position: absolute; display: none; border: 1px solid black; } .note-editor .note-handle .note-control-selection > div { position: absolute; } .note-editor .note-handle .note-control-selection .note-control-selection-bg { width: 100%; height: 100%; background-color: black; -webkit-opacity: .3; -khtml-opacity: .3; -moz-opacity: .3; opacity: .3; -ms-filter: alpha(opacity=30); filter: alpha(opacity=30); } .note-editor .note-handle .note-control-selection .note-control-handle { width: 7px; height: 7px; border: 1px solid black; } .note-editor .note-handle .note-control-selection .note-control-holder { width: 7px; height: 7px; border: 1px solid black; } .note-editor .note-handle .note-control-selection .note-control-sizing { width: 7px; height: 7px; background-color: white; border: 1px solid black; } .note-editor .note-handle .note-control-selection .note-control-nw { top: -5px; left: -5px; border-right: 0; border-bottom: 0; } .note-editor .note-handle .note-control-selection .note-control-ne { top: -5px; right: -5px; border-bottom: 0; border-left: none; } .note-editor .note-handle .note-control-selection .note-control-sw { bottom: -5px; left: -5px; border-top: 0; border-right: 0; } .note-editor .note-handle .note-control-selection .note-control-se { right: -5px; bottom: -5px; cursor: se-resize; } .note-editor .note-handle .note-control-selection .note-control-selection-info { right: 0; bottom: 0; padding: 5px; margin: 5px; font-size: 12px; color: white; background-color: black; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-opacity: .7; -khtml-opacity: .7; -moz-opacity: .7; opacity: .7; -ms-filter: alpha(opacity=70); filter: alpha(opacity=70); } .note-editor .note-dialog > div { display: none; } .note-editor .note-dialog .note-image-dialog .note-dropzone { min-height: 200px; font-size: 30px; line-height: 6; color: lightgray; text-align: center; border: 4px dashed lightgray; } .note-editor .note-dialog .note-help-dialog { font-size: 12px; color: #ccc; background: transparent; background-color: #222222 !important; border: 0; -webkit-opacity: .9; -khtml-opacity: .9; -moz-opacity: .9; opacity: .9; -ms-filter: alpha(opacity=90); filter: alpha(opacity=90); } .note-editor .note-dialog .note-help-dialog .modal-content { background: transparent; border: 1px solid white; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .note-editor .note-dialog .note-help-dialog a { font-size: 12px; color: white; } .note-editor .note-dialog .note-help-dialog .title { padding-bottom: 5px; font-size: 14px; font-weight: bold; color: white; border-bottom: white 1px solid; } .note-editor .note-dialog .note-help-dialog .modal-close { font-size: 14px; color: #dd0; cursor: pointer; } .note-editor .note-dialog .note-help-dialog .note-shortcut-layout { width: 100%; } .note-editor .note-dialog .note-help-dialog .note-shortcut-layout td { vertical-align: top; } .note-editor .note-dialog .note-help-dialog .note-shortcut { margin-top: 8px; } .note-editor .note-dialog .note-help-dialog .note-shortcut th { font-size: 13px; color: #dd0; text-align: left; } .note-editor .note-dialog .note-help-dialog .note-shortcut td:first-child { min-width: 110px; padding-right: 10px; font-family: "Courier New"; color: #dd0; text-align: right; } .note-editor .note-editable { padding: 10px; overflow: scroll; outline: 0; } .note-editor .note-codeable { display: none; width: 100%; padding: 10px; margin-bottom: 0; font-family: Menlo,Monaco,monospace,sans-serif; font-size: 14px; color: #ccc; background-color: #222; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; box-shadow: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; resize: none; } .note-editor .dropdown-menu { min-width: 90px; } .note-editor .dropdown-menu.right { right: 0; left: auto; } .note-editor .dropdown-menu.right::before { right: 9px; left: auto !important; } .note-editor .dropdown-menu.right::after { right: 10px; left: auto !important; } .note-editor .dropdown-menu li a i { color: deepskyblue; visibility: hidden; } .note-editor .dropdown-menu li a.checked i { visibility: visible; } .note-editor .note-color-palette { line-height: 1; } .note-editor .note-color-palette div .note-color-btn { width: 17px; height: 17px; padding: 0; margin: 0; border: 1px solid #fff; } .note-editor .note-color-palette div .note-color-btn:hover { border: 1px solid #000; } /*=============================================== II. PLUGINS ================================================= */ /* jquery.Jcrop.min.css v0.9.12 (build:20130126) */ .jcrop-holder { direction: ltr; text-align: left; } .jcrop-vline, .jcrop-hline { background: white url(../img/plugins/Jcrop.gif); font-size: 0; position: absolute; } .jcrop-vline { height: 100%; width: 1px !important; } .jcrop-vline.right { right: 0; } .jcrop-hline { height: 1px !important; width: 100%; } .jcrop-hline.bottom { bottom: 0; } .jcrop-tracker { -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; height: 100%; width: 100%; } .jcrop-handle { background-color: #333; border: 1px #EEE solid; font-size: 1px; height: 7px; width: 7px; } .jcrop-handle.ord-n { left: 50%; margin-left: -4px; margin-top: -4px; top: 0; } .jcrop-handle.ord-s { bottom: 0; left: 50%; margin-bottom: -4px; margin-left: -4px; } .jcrop-handle.ord-e { margin-right: -4px; margin-top: -4px; right: 0; top: 50%; } .jcrop-handle.ord-w { left: 0; margin-left: -4px; margin-top: -4px; top: 50%; } .jcrop-handle.ord-nw { left: 0; margin-left: -4px; margin-top: -4px; top: 0; } .jcrop-handle.ord-ne { margin-right: -4px; margin-top: -4px; right: 0; top: 0; } .jcrop-handle.ord-se { bottom: 0; margin-bottom: -4px; margin-right: -4px; right: 0; } .jcrop-handle.ord-sw { bottom: 0; left: 0; margin-bottom: -4px; margin-left: -4px; } .jcrop-dragbar.ord-n, .jcrop-dragbar.ord-s { height: 7px; width: 100%; } .jcrop-dragbar.ord-e, .jcrop-dragbar.ord-w { height: 100%; width: 7px; } .jcrop-dragbar.ord-n { margin-top: -4px; } .jcrop-dragbar.ord-s { bottom: 0; margin-bottom: -4px; } .jcrop-dragbar.ord-e { margin-right: -4px; right: 0; } .jcrop-dragbar.ord-w { margin-left: -4px; } .jcrop-light .jcrop-vline, .jcrop-light .jcrop-hline { background: #FFF; filter: alpha(opacity=70) !important; opacity: 0.7 !important; } .jcrop-light .jcrop-handle { -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #000; border-color: #FFF; border-radius: 3px; } .jcrop-dark .jcrop-vline, .jcrop-dark .jcrop-hline { background: #000; filter: alpha(opacity=70) !important; opacity: 0.7 !important; } .jcrop-dark .jcrop-handle { -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #FFF; border-color: #000; border-radius: 3px; } .solid-line .jcrop-vline, .solid-line .jcrop-hline { background: #FFF; } .jcrop-holder img, img.jcrop-preview { max-width: none; } /* Chosen v1.0.0 | (c) 2011-2013 by Harvest | MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md */ .chosen-container { position: relative; display: inline-block; vertical-align: middle; font-size: 13px; zoom: 1; *display: inline; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .chosen-container .chosen-drop { position: absolute; top: 100%; left: -9999px; z-index: 1010; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; border: 1px solid #aaa; border-top: 0; background: #fff; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); } .chosen-container.chosen-with-drop .chosen-drop { left: 0; } .chosen-container a { cursor: pointer; } .chosen-container-single .chosen-single { position: relative; display: block; overflow: hidden; padding: 0 0 0 8px; height: 23px; border: 1px solid #aaa; border-radius: 5px; background-color: #fff; background: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(20%, white), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4)); background: -webkit-linear-gradient(top, white 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); background: -moz-linear-gradient(top, white 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); background: -o-linear-gradient(top, white 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); background: linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); background-clip: padding-box; box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1); color: #444; text-decoration: none; white-space: nowrap; line-height: 24px; } .chosen-container-single .chosen-default { color: #999; } .chosen-container-single .chosen-single span { display: block; overflow: hidden; margin-right: 26px; text-overflow: ellipsis; white-space: nowrap; } .chosen-container-single .chosen-single-with-deselect span { margin-right: 38px; } .chosen-container-single .chosen-single abbr { position: absolute; top: 6px; right: 26px; display: block; width: 12px; height: 12px; background: url(../img/plugins/chosen-sprite.png) -42px 1px no-repeat; font-size: 1px; } .chosen-container-single .chosen-single abbr:hover { background-position: -42px -10px; } .chosen-container-single.chosen-disabled .chosen-single abbr:hover { background-position: -42px -10px; } .chosen-container-single .chosen-single div { position: absolute; top: 0; right: 0; display: block; width: 18px; height: 100%; } .chosen-container-single .chosen-single div b { display: block; width: 100%; height: 100%; background: url(../img/plugins/chosen-sprite.png) no-repeat 0 2px; } .chosen-container-single .chosen-search { position: relative; z-index: 1010; margin: 0; padding: 3px 4px; white-space: nowrap; } .chosen-container-single .chosen-search input[type=text] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 1px 0; padding: 4px 20px 4px 5px; width: 100%; height: auto; outline: 0; border: 1px solid #aaa; background: white url(../img/plugins/chosen-sprite.png) no-repeat 100% -20px; background: url(../img/plugins/chosen-sprite.png) no-repeat 100% -20px, -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, white)); background: url(../img/plugins/chosen-sprite.png) no-repeat 100% -20px, -webkit-linear-gradient(#eeeeee 1%, white 15%); background: url(../img/plugins/chosen-sprite.png) no-repeat 100% -20px, -moz-linear-gradient(#eeeeee 1%, white 15%); background: url(../img/plugins/chosen-sprite.png) no-repeat 100% -20px, -o-linear-gradient(#eeeeee 1%, white 15%); background: url(../img/plugins/chosen-sprite.png) no-repeat 100% -20px, linear-gradient(#eeeeee 1%, #ffffff 15%); font-size: 1em; font-family: sans-serif; line-height: normal; border-radius: 0; } .chosen-container-single .chosen-drop { margin-top: -1px; border-radius: 0 0 4px 4px; background-clip: padding-box; } .chosen-container-single.chosen-container-single-nosearch .chosen-search { position: absolute; left: -9999px; } .chosen-container .chosen-results { position: relative; overflow-x: hidden; overflow-y: auto; margin: 0 4px 4px 0; padding: 0 0 0 4px; max-height: 240px; -webkit-overflow-scrolling: touch; } .chosen-container .chosen-results li { display: none; margin: 0; padding: 5px 6px; list-style: none; line-height: 15px; } .chosen-container .chosen-results li.active-result { display: list-item; cursor: pointer; } .chosen-container .chosen-results li.disabled-result { display: list-item; color: #ccc; cursor: default; } .chosen-container .chosen-results li.highlighted { background-color: #3875d7; background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc)); background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%); background-image: -moz-linear-gradient(#3875d7 20%, #2a62bc 90%); background-image: -o-linear-gradient(#3875d7 20%, #2a62bc 90%); background-image: linear-gradient(#3875d7 20%, #2a62bc 90%); color: #fff; } .chosen-container .chosen-results li.no-results { display: list-item; background: #f4f4f4; } .chosen-container .chosen-results li.group-result { display: list-item; font-weight: 700; cursor: default; } .chosen-container .chosen-results li.group-option { padding-left: 15px; } .chosen-container .chosen-results li em { font-style: normal; text-decoration: underline; } .chosen-container-multi .chosen-choices { position: relative; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; width: 100%; height: auto !important; height: 1%; border: 1px solid #aaa; background-color: #fff; background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, white)); background-image: -webkit-linear-gradient(#eeeeee 1%, white 15%); background-image: -moz-linear-gradient(#eeeeee 1%, white 15%); background-image: -o-linear-gradient(#eeeeee 1%, white 15%); background-image: linear-gradient(#eeeeee 1%, #ffffff 15%); cursor: text; } .chosen-container-multi .chosen-choices li { float: left; list-style: none; } .chosen-container-multi .chosen-choices li.search-field { margin: 0; padding: 0; white-space: nowrap; } .chosen-container-multi .chosen-choices li.search-field input[type=text] { margin: 1px 0; padding: 5px; height: 15px; outline: 0; border: 0 !important; background: transparent !important; box-shadow: none; color: #666; font-size: 100%; font-family: sans-serif; line-height: normal; border-radius: 0; } .chosen-container-multi .chosen-choices li.search-field .default { color: #999; } .chosen-container-multi .chosen-choices li.search-choice { position: relative; margin: 3px 0 3px 5px; padding: 3px 20px 3px 5px; border: 1px solid #aaa; border-radius: 3px; background-color: #e4e4e4; background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee)); background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-clip: padding-box; box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05); color: #333; line-height: 13px; cursor: default; } .chosen-container-multi .chosen-choices li.search-choice .search-choice-close { position: absolute; top: 4px; right: 3px; display: block; width: 12px; height: 12px; background: url(../img/plugins/chosen-sprite.png) -42px 1px no-repeat; font-size: 1px; } .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover { background-position: -42px -10px; } .chosen-container-multi .chosen-choices li.search-choice-disabled { padding-right: 5px; border: 1px solid #ccc; background-color: #e4e4e4; background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee)); background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); color: #666; } .chosen-container-multi .chosen-choices li.search-choice-focus { background: #d4d4d4; } .chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close { background-position: -42px -10px; } .chosen-container-multi .chosen-results { margin: 0; padding: 0; } .chosen-container-multi .chosen-drop .result-selected { display: list-item; color: #ccc; cursor: default; } .chosen-container-active .chosen-single { border: 1px solid #5897fb; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } .chosen-container-active.chosen-with-drop .chosen-single { border: 1px solid #aaa; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(20%, #eeeeee), color-stop(80%, white)); background-image: -webkit-linear-gradient(#eeeeee 20%, white 80%); background-image: -moz-linear-gradient(#eeeeee 20%, white 80%); background-image: -o-linear-gradient(#eeeeee 20%, white 80%); background-image: linear-gradient(#eeeeee 20%, #ffffff 80%); box-shadow: 0 1px 0 #fff inset; } .chosen-container-active.chosen-with-drop .chosen-single div { border-left: 0; background: transparent; } .chosen-container-active.chosen-with-drop .chosen-single div b { background-position: -18px 2px; } .chosen-container-active .chosen-choices { border: 1px solid #5897fb; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } .chosen-container-active .chosen-choices li.search-field input[type=text] { color: #111111 !important; } .chosen-disabled { opacity: 0.5 !important; cursor: default; } .chosen-disabled .chosen-single { cursor: default; } .chosen-disabled .chosen-choices .search-choice .search-choice-close { cursor: default; } .chosen-rtl { text-align: right; } .chosen-rtl .chosen-single { overflow: visible; padding: 0 8px 0 0; } .chosen-rtl .chosen-single span { margin-right: 0; margin-left: 26px; direction: rtl; } .chosen-rtl .chosen-single-with-deselect span { margin-left: 38px; } .chosen-rtl .chosen-single div { right: auto; left: 3px; } .chosen-rtl .chosen-single abbr { right: auto; left: 26px; } .chosen-rtl .chosen-choices li { float: right; } .chosen-rtl .chosen-choices li.search-field input[type=text] { direction: rtl; } .chosen-rtl .chosen-choices li.search-choice { margin: 3px 5px 3px 0; padding: 3px 5px 3px 19px; } .chosen-rtl .chosen-choices li.search-choice .search-choice-close { right: auto; left: 4px; } .chosen-rtl.chosen-container-single-nosearch .chosen-search, .chosen-rtl .chosen-drop { left: 9999px; } .chosen-rtl.chosen-container-single .chosen-results { margin: 0 0 4px 4px; padding: 0 4px 0 0; } .chosen-rtl .chosen-results li.group-option { padding-right: 15px; padding-left: 0; } .chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div { border-right: 0; } .chosen-rtl .chosen-search input[type=text] { padding: 4px 5px 4px 20px; background: white url(../img/plugins/chosen-sprite.png) no-repeat -30px -20px; background: url(../img/plugins/chosen-sprite.png) no-repeat -30px -20px, -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, white)); background: url(../img/plugins/chosen-sprite.png) no-repeat -30px -20px, -webkit-linear-gradient(#eeeeee 1%, white 15%); background: url(../img/plugins/chosen-sprite.png) no-repeat -30px -20px, -moz-linear-gradient(#eeeeee 1%, white 15%); background: url(../img/plugins/chosen-sprite.png) no-repeat -30px -20px, -o-linear-gradient(#eeeeee 1%, white 15%); background: url(../img/plugins/chosen-sprite.png) no-repeat -30px -20px, linear-gradient(#eeeeee 1%, #ffffff 15%); direction: rtl; } .chosen-rtl.chosen-container-single .chosen-single div b { background-position: 6px 2px; } .chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b { background-position: -12px 2px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) { .chosen-rtl .chosen-search input[type=text], .chosen-container-single .chosen-single abbr, .chosen-container-single .chosen-single div b, .chosen-container-single .chosen-search input[type=text], .chosen-container-multi .chosen-choices .search-choice .search-choice-close, .chosen-container .chosen-results-scroll-down span, .chosen-container .chosen-results-scroll-up span { background-image: url(chosen-sprite@2x.png) !important; background-size: 52px 37px !important; background-repeat: no-repeat !important; } } /*! * Datepicker for Bootstrap * * Copyright 2012 Stefan Petre * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * */ .datepicker { top: 0; left: 0; padding: 4px; margin-top: 1px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; /*.dow { border-top: 1px solid #ddd !important; }*/ } .datepicker:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; top: -7px; left: 6px; } .datepicker:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #ffffff; position: absolute; top: -6px; left: 7px; } .datepicker > div { display: none; } .datepicker table { width: 100%; margin: 0; } .datepicker td, .datepicker th { text-align: center; width: 20px; height: 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .datepicker td.day:hover { background: #eeeeee; cursor: pointer; } .datepicker td.day.disabled { color: #eeeeee; } .datepicker td.old, .datepicker td.new { color: #999999; } .datepicker td.active, .datepicker td.active:hover { color: #ffffff; background-color: #006dcc; background-image: -moz-linear-gradient(top, #0088cc, #0044cc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); background-image: -o-linear-gradient(top, #0088cc, #0044cc); background-image: linear-gradient(to bottom, #0088cc, #0044cc); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0); border-color: #0044cc #0044cc #002a80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #0044cc; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker td.active:hover, .datepicker td.active:hover:hover, .datepicker td.active:focus, .datepicker td.active:hover:focus, .datepicker td.active:active, .datepicker td.active:hover:active, .datepicker td.active.active, .datepicker td.active:hover.active, .datepicker td.active.disabled, .datepicker td.active:hover.disabled, .datepicker td.active[disabled], .datepicker td.active:hover[disabled] { color: #ffffff; background-color: #0044cc; *background-color: #003bb3; } .datepicker td.active:active, .datepicker td.active:hover:active, .datepicker td.active.active, .datepicker td.active:hover.active { background-color: #003399 \9; } .datepicker td span { display: block; width: 47px; height: 54px; line-height: 54px; float: left; margin: 2px; cursor: pointer; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .datepicker td span:hover { background: #eeeeee; } .datepicker td span.active { color: #ffffff; background-color: #006dcc; background-image: -moz-linear-gradient(top, #0088cc, #0044cc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); background-image: -o-linear-gradient(top, #0088cc, #0044cc); background-image: linear-gradient(to bottom, #0088cc, #0044cc); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0); border-color: #0044cc #0044cc #002a80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #0044cc; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker td span.active:hover, .datepicker td span.active:focus, .datepicker td span.active:active, .datepicker td span.active.active, .datepicker td span.active.disabled, .datepicker td span.active[disabled] { color: #ffffff; background-color: #0044cc; *background-color: #003bb3; } .datepicker td span.active:active, .datepicker td span.active.active { background-color: #003399 \9; } .datepicker td span.old { color: #999999; } .datepicker th.switch { width: 145px; } .datepicker th.next, .datepicker th.prev { font-size: 21px; } .datepicker thead tr:first-child th { cursor: pointer; } .datepicker thead tr:first-child th:hover { background: #eeeeee; } .input-append.date .add-on i, .input-prepend.date .add-on i { display: block; cursor: pointer; width: 16px; height: 16px; } /* The MIT License */ .dropzone, .dropzone *, .dropzone-previews, .dropzone-previews * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .dropzone { position: relative; border: 1px solid rgba(0, 0, 0, 0.08); background: rgba(0, 0, 0, 0.02); padding: 1em; } .dropzone.dz-clickable { cursor: pointer; } .dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message span { cursor: pointer; } .dropzone.dz-clickable * { cursor: default; } .dropzone .dz-message { opacity: 1; -ms-filter: none; filter: none; } .dropzone.dz-drag-hover { border-color: rgba(0, 0, 0, 0.15); background: rgba(0, 0, 0, 0.04); } .dropzone.dz-started .dz-message { display: none; } .dropzone .dz-preview, .dropzone-previews .dz-preview { background: rgba(255, 255, 255, 0.8); position: relative; display: inline-block; margin: 17px; vertical-align: top; border: 1px solid #acacac; padding: 6px 6px 6px 6px; } .dropzone .dz-preview.dz-file-preview [data-dz-thumbnail], .dropzone-previews .dz-preview.dz-file-preview [data-dz-thumbnail] { display: none; } .dropzone .dz-preview .dz-details, .dropzone-previews .dz-preview .dz-details { width: 100px; height: 100px; position: relative; background: #ebebeb; padding: 5px; margin-bottom: 22px; } .dropzone .dz-preview .dz-details .dz-filename, .dropzone-previews .dz-preview .dz-details .dz-filename { overflow: hidden; height: 100%; } .dropzone .dz-preview .dz-details img, .dropzone-previews .dz-preview .dz-details img { position: absolute; top: 0; left: 0; width: 100px; height: 100px; } .dropzone .dz-preview .dz-details .dz-size, .dropzone-previews .dz-preview .dz-details .dz-size { position: absolute; bottom: -28px; left: 3px; height: 28px; line-height: 28px; } .dropzone .dz-preview.dz-error .dz-error-mark, .dropzone-previews .dz-preview.dz-error .dz-error-mark { display: block; } .dropzone .dz-preview.dz-success .dz-success-mark, .dropzone-previews .dz-preview.dz-success .dz-success-mark { display: block; } .dropzone .dz-preview:hover .dz-details img, .dropzone-previews .dz-preview:hover .dz-details img { display: none; } .dropzone .dz-preview .dz-success-mark, .dropzone-previews .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark, .dropzone-previews .dz-preview .dz-error-mark { display: none; position: absolute; width: 40px; height: 40px; font-size: 30px; text-align: center; right: -10px; top: -10px; } .dropzone .dz-preview .dz-success-mark, .dropzone-previews .dz-preview .dz-success-mark { color: #8cc657; } .dropzone .dz-preview .dz-error-mark, .dropzone-previews .dz-preview .dz-error-mark { color: #ee162d; } .dropzone .dz-preview .dz-progress, .dropzone-previews .dz-preview .dz-progress { position: absolute; top: 100px; left: 6px; right: 6px; height: 6px; background: #d7d7d7; display: none; } .dropzone .dz-preview .dz-progress .dz-upload, .dropzone-previews .dz-preview .dz-progress .dz-upload { position: absolute; top: 0; bottom: 0; left: 0; width: 0%; background-color: #8cc657; } .dropzone .dz-preview.dz-processing .dz-progress, .dropzone-previews .dz-preview.dz-processing .dz-progress { display: block; } .dropzone .dz-preview .dz-error-message, .dropzone-previews .dz-preview .dz-error-message { display: none; position: absolute; top: -5px; left: -20px; background: rgba(245, 245, 245, 0.8); padding: 8px 10px; color: #800; min-width: 140px; max-width: 500px; z-index: 500; } .dropzone .dz-preview:hover.dz-error .dz-error-message, .dropzone-previews .dz-preview:hover.dz-error .dz-error-message { display: block; } .dropzone { border: 1px solid rgba(0, 0, 0, 0.03); min-height: 360px; -webkit-border-radius: 3px; border-radius: 3px; background: rgba(0, 0, 0, 0.03); padding: 23px; } .dropzone .dz-default.dz-message { opacity: 1; -ms-filter: none; filter: none; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; background-image: url("../images/spritemap.png"); background-repeat: no-repeat; background-position: 0 0; position: absolute; width: 428px; height: 123px; margin-left: -214px; margin-top: -61.5px; top: 50%; left: 50%; } @media all and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5 / 1), (min-device-pixel-ratio: 1.5), (min-resolution: 138dpi), (min-resolution: 1.5dppx) { .dropzone .dz-default.dz-message { background-image: url("../images/spritemap@2x.png"); -webkit-background-size: 428px 406px; -moz-background-size: 428px 406px; background-size: 428px 406px; } } .dropzone .dz-default.dz-message span { display: none; } .dropzone.dz-square .dz-default.dz-message { background-position: 0 -123px; width: 268px; margin-left: -134px; height: 174px; margin-top: -87px; } .dropzone.dz-drag-hover .dz-message { opacity: 0.15; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)"; filter: alpha(opacity=15); } .dropzone.dz-started .dz-message { display: block; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } .dropzone .dz-preview, .dropzone-previews .dz-preview { -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.16); box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.16); font-size: 14px; } .dropzone .dz-preview.dz-image-preview:hover .dz-details img, .dropzone-previews .dz-preview.dz-image-preview:hover .dz-details img { display: block; opacity: 0.1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; filter: alpha(opacity=10); } .dropzone .dz-preview.dz-success .dz-success-mark, .dropzone-previews .dz-preview.dz-success .dz-success-mark { opacity: 1; -ms-filter: none; filter: none; } .dropzone .dz-preview.dz-error .dz-error-mark, .dropzone-previews .dz-preview.dz-error .dz-error-mark { opacity: 1; -ms-filter: none; filter: none; } .dropzone .dz-preview.dz-error .dz-progress .dz-upload, .dropzone-previews .dz-preview.dz-error .dz-progress .dz-upload { background: #ee1e2d; } .dropzone .dz-preview .dz-error-mark, .dropzone-previews .dz-preview .dz-error-mark, .dropzone .dz-preview .dz-success-mark, .dropzone-previews .dz-preview .dz-success-mark { display: block; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: opacity 0.4s ease-in-out; -moz-transition: opacity 0.4s ease-in-out; -o-transition: opacity 0.4s ease-in-out; -ms-transition: opacity 0.4s ease-in-out; transition: opacity 0.4s ease-in-out; background-image: url("../images/spritemap.png"); background-repeat: no-repeat; } @media all and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5 / 1), (min-device-pixel-ratio: 1.5), (min-resolution: 138dpi), (min-resolution: 1.5dppx) { .dropzone .dz-preview .dz-error-mark, .dropzone-previews .dz-preview .dz-error-mark, .dropzone .dz-preview .dz-success-mark, .dropzone-previews .dz-preview .dz-success-mark { background-image: url("../images/spritemap@2x.png"); -webkit-background-size: 428px 406px; -moz-background-size: 428px 406px; background-size: 428px 406px; } } .dropzone .dz-preview .dz-error-mark span, .dropzone-previews .dz-preview .dz-error-mark span, .dropzone .dz-preview .dz-success-mark span, .dropzone-previews .dz-preview .dz-success-mark span { display: none; } .dropzone .dz-preview .dz-error-mark, .dropzone-previews .dz-preview .dz-error-mark { background-position: -268px -123px; } .dropzone .dz-preview .dz-success-mark, .dropzone-previews .dz-preview .dz-success-mark { background-position: -268px -163px; } .dropzone .dz-preview .dz-progress .dz-upload, .dropzone-previews .dz-preview .dz-progress .dz-upload { -webkit-animation: loading 0.4s linear infinite; -moz-animation: loading 0.4s linear infinite; -o-animation: loading 0.4s linear infinite; -ms-animation: loading 0.4s linear infinite; animation: loading 0.4s linear infinite; -webkit-transition: width 0.3s ease-in-out; -moz-transition: width 0.3s ease-in-out; -o-transition: width 0.3s ease-in-out; -ms-transition: width 0.3s ease-in-out; transition: width 0.3s ease-in-out; -webkit-border-radius: 2px; border-radius: 2px; position: absolute; top: 0; left: 0; width: 0%; height: 100%; background-image: url("../images/spritemap.png"); background-repeat: repeat-x; background-position: 0px -400px; } @media all and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5 / 1), (min-device-pixel-ratio: 1.5), (min-resolution: 138dpi), (min-resolution: 1.5dppx) { .dropzone .dz-preview .dz-progress .dz-upload, .dropzone-previews .dz-preview .dz-progress .dz-upload { background-image: url("../images/spritemap@2x.png"); -webkit-background-size: 428px 406px; -moz-background-size: 428px 406px; background-size: 428px 406px; } } .dropzone .dz-preview.dz-success .dz-progress, .dropzone-previews .dz-preview.dz-success .dz-progress { display: block; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: opacity 0.4s ease-in-out; -moz-transition: opacity 0.4s ease-in-out; -o-transition: opacity 0.4s ease-in-out; -ms-transition: opacity 0.4s ease-in-out; transition: opacity 0.4s ease-in-out; } .dropzone .dz-preview .dz-error-message, .dropzone-previews .dz-preview .dz-error-message { display: block; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; } .dropzone .dz-preview:hover.dz-error .dz-error-message, .dropzone-previews .dz-preview:hover.dz-error .dz-error-message { opacity: 1; -ms-filter: none; filter: none; } .dropzone a.dz-remove, .dropzone-previews a.dz-remove { background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fafafa), color-stop(1, #eeeeee)); background-image: -webkit-linear-gradient(top, #fafafa 0, #eeeeee 100%); background-image: -moz-linear-gradient(top, #fafafa 0, #eeeeee 100%); background-image: -o-linear-gradient(top, #fafafa 0, #eeeeee 100%); background-image: -ms-linear-gradient(top, #fafafa 0, #eeeeee 100%); background-image: linear-gradient(top, #fafafa 0%, #eeeeee 100%); -webkit-border-radius: 2px; border-radius: 2px; border: 1px solid #eee; text-decoration: none; display: block; padding: 4px 5px; text-align: center; color: #aaa; margin-top: 26px; } .dropzone a.dz-remove:hover, .dropzone-previews a.dz-remove:hover { color: #666; } @-moz-keyframes loading { 0% { background-position: 0 -400px; } 100% { background-position: -7px -400px; } } @-webkit-keyframes loading { 0% { background-position: 0 -400px; } 100% { background-position: -7px -400px; } } @-o-keyframes loading { 0% { background-position: 0 -400px; } 100% { background-position: -7px -400px; } } @-ms-keyframes loading { 0% { background-position: 0 -400px; } 100% { background-position: -7px -400px; } } @keyframes loading { 0% { background-position: 0 -400px; } 100% { background-position: -7px -400px; } } /*! * FullCalendar v1.6.4 Stylesheet * Docs & License: http://arshaw.com/fullcalendar/ * (c) 2013 Adam Shaw */ .fc { direction: ltr; text-align: left; } .fc table { border-collapse: collapse; border-spacing: 0; } html .fc, .fc table { font-size: 1em; } .fc td, .fc th { padding: 0; vertical-align: top; } /* Header ------------------------------------------------------------------------*/ .fc-header td { white-space: nowrap; } .fc-header-left { width: 25%; text-align: left; } .fc-header-center { text-align: center; } .fc-header-right { width: 25%; text-align: right; } .fc-header-title { display: inline-block; vertical-align: top; } .fc-header-title h2 { margin-top: 0; white-space: nowrap; } .fc .fc-header-space { padding-left: 10px; } .fc-header .fc-button { margin-bottom: 1em; vertical-align: top; } /* buttons edges butting together */ .fc-header .fc-button { margin-right: -1px; } .fc-header .fc-corner-right, .fc-header .ui-corner-right { /* theme */ margin-right: 0; /* back to normal */ } /* button layering (for border precedence) */ .fc-header .fc-state-hover, .fc-header .ui-state-hover { z-index: 2; } .fc-header .fc-state-down { z-index: 3; } .fc-header .fc-state-active, .fc-header .ui-state-active { z-index: 4; } /* Content ------------------------------------------------------------------------*/ .fc-content { clear: both; zoom: 1; /* for IE7, gives accurate coordinates for [un]freezeContentHeight */ } .fc-view { width: 100%; overflow: hidden; } /* Cell Styles ------------------------------------------------------------------------*/ .fc-widget-header, .fc-widget-content { /* , usually */ border: 1px solid #ddd; } .fc-state-highlight { /* today cell */ /* TODO: add .fc-today to */ background: #fcf8e3; } .fc-cell-overlay { /* semi-transparent rectangle while dragging */ background: #bce8f1; opacity: .3; filter: alpha(opacity=30); /* for IE */ } /* Buttons ------------------------------------------------------------------------*/ .fc-button { position: relative; display: inline-block; padding: 0 .6em; overflow: hidden; height: 1.9em; line-height: 1.9em; white-space: nowrap; cursor: pointer; } .fc-state-default { /* non-theme */ border: 1px solid; } .fc-state-default.fc-corner-left { /* non-theme */ border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .fc-state-default.fc-corner-right { /* non-theme */ border-top-right-radius: 4px; border-bottom-right-radius: 4px; } /* Our default prev/next buttons use HTML entities like ‹ › « » and we'll try to make them look good cross-browser. */ .fc-text-arrow { margin: 0 .1em; font-size: 2em; font-family: "Courier New", Courier, monospace; vertical-align: baseline; /* for IE7 */ } .fc-button-prev .fc-text-arrow, .fc-button-next .fc-text-arrow { /* for ‹ › */ font-weight: bold; } /* icon (for jquery ui) */ .fc-button .fc-icon-wrap { position: relative; float: left; top: 50%; } .fc-button .ui-icon { position: relative; float: left; margin-top: -50%; *margin-top: 0; *top: -50%; } /* button states borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/) */ .fc-state-default { background-color: #f5f5f5; background-image: -moz-linear-gradient(top, white, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, white, #e6e6e6); background-image: -o-linear-gradient(top, white, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-repeat: repeat-x; border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); color: #333; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); } .fc-state-hover, .fc-state-down, .fc-state-active, .fc-state-disabled { color: #333333; background-color: #e6e6e6; } .fc-state-hover { color: #333333; text-decoration: none; background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } .fc-state-down, .fc-state-active { background-color: #cccccc; background-image: none; outline: 0; box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); } .fc-state-disabled { cursor: default; background-image: none; opacity: 0.65; filter: alpha(opacity=65); box-shadow: none; } /* Global Event Styles ------------------------------------------------------------------------*/ .fc-event-container > * { z-index: 8; } .fc-event-container > .ui-draggable-dragging, .fc-event-container > .ui-resizable-resizing { z-index: 9; } .fc-event { border: 1px solid #3a87ad; /* default BORDER color */ background-color: #3a87ad; /* default BACKGROUND color */ color: #fff; /* default TEXT color */ font-size: .85em; cursor: default; } a.fc-event { text-decoration: none; } a.fc-event, .fc-event-draggable { cursor: pointer; } .fc-rtl .fc-event { text-align: right; } .fc-event-inner { width: 100%; height: 100%; overflow: hidden; } .fc-event-time, .fc-event-title { padding: 0 1px; } .fc .ui-resizable-handle { display: block; position: absolute; z-index: 99999; overflow: hidden; /* hacky spaces (IE6/7) */ font-size: 300%; /* */ line-height: 50%; /* */ } /* Horizontal Events ------------------------------------------------------------------------*/ .fc-event-hori { border-width: 1px 0; margin-bottom: 1px; } .fc-ltr .fc-event-hori.fc-event-start, .fc-rtl .fc-event-hori.fc-event-end { border-left-width: 1px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .fc-ltr .fc-event-hori.fc-event-end, .fc-rtl .fc-event-hori.fc-event-start { border-right-width: 1px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } /* resizable */ .fc-event-hori .ui-resizable-e { top: 0 !important; /* importants override pre jquery ui 1.7 styles */ right: -3px !important; width: 7px !important; height: 100% !important; cursor: e-resize; } .fc-event-hori .ui-resizable-w { top: 0 !important; left: -3px !important; width: 7px !important; height: 100% !important; cursor: w-resize; } .fc-event-hori .ui-resizable-handle { _padding-bottom: 14px; /* IE6 had 0 height */ } /* Reusable Separate-border Table ------------------------------------------------------------*/ table.fc-border-separate { border-collapse: separate; } .fc-border-separate th, .fc-border-separate td { border-width: 1px 0 0 1px; } .fc-border-separate th.fc-last, .fc-border-separate td.fc-last { border-right-width: 1px; } .fc-border-separate tr.fc-last th, .fc-border-separate tr.fc-last td { border-bottom-width: 1px; } .fc-border-separate tbody tr.fc-first td, .fc-border-separate tbody tr.fc-first th { border-top-width: 0; } /* Month View, Basic Week View, Basic Day View ------------------------------------------------------------------------*/ .fc-grid th { text-align: center; } .fc .fc-week-number { width: 22px; text-align: center; } .fc .fc-week-number div { padding: 0 2px; } .fc-grid .fc-day-number { float: right; padding: 0 2px; } .fc-grid .fc-other-month .fc-day-number { opacity: 0.3; filter: alpha(opacity=30); /* for IE */ /* opacity with small font can sometimes look too faded might want to set the 'color' property instead making day-numbers bold also fixes the problem */ } .fc-grid .fc-day-content { clear: both; padding: 2px 2px 1px; /* distance between events and day edges */ } /* event styles */ .fc-grid .fc-event-time { font-weight: bold; } /* right-to-left */ .fc-rtl .fc-grid .fc-day-number { float: left; } .fc-rtl .fc-grid .fc-event-time { float: right; } /* Agenda Week View, Agenda Day View ------------------------------------------------------------------------*/ .fc-agenda table { border-collapse: separate; } .fc-agenda-days th { text-align: center; } .fc-agenda .fc-agenda-axis { width: 50px; padding: 0 4px; vertical-align: middle; text-align: right; white-space: nowrap; font-weight: normal; } .fc-agenda .fc-week-number { font-weight: bold; } .fc-agenda .fc-day-content { padding: 2px 2px 1px; } /* make axis border take precedence */ .fc-agenda-days .fc-agenda-axis { border-right-width: 1px; } .fc-agenda-days .fc-col0 { border-left-width: 0; } /* all-day area */ .fc-agenda-allday th { border-width: 0 1px; } .fc-agenda-allday .fc-day-content { min-height: 34px; /* TODO: doesnt work well in quirksmode */ _height: 34px; } /* divider (between all-day and slots) */ .fc-agenda-divider-inner { height: 2px; overflow: hidden; } .fc-widget-header .fc-agenda-divider-inner { background: #eee; } /* slot rows */ .fc-agenda-slots th { border-width: 1px 1px 0; } .fc-agenda-slots td { border-width: 1px 0 0; background: none; } .fc-agenda-slots td div { height: 20px; } .fc-agenda-slots tr.fc-slot0 th, .fc-agenda-slots tr.fc-slot0 td { border-top-width: 0; } .fc-agenda-slots tr.fc-minor th, .fc-agenda-slots tr.fc-minor td { border-top-style: dotted; } .fc-agenda-slots tr.fc-minor th.ui-widget-header { *border-top-style: solid; /* doesn't work with background in IE6/7 */ } /* Vertical Events ------------------------------------------------------------------------*/ .fc-event-vert { border-width: 0 1px; } .fc-event-vert.fc-event-start { border-top-width: 1px; border-top-left-radius: 3px; border-top-right-radius: 3px; } .fc-event-vert.fc-event-end { border-bottom-width: 1px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .fc-event-vert .fc-event-time { white-space: nowrap; font-size: 10px; } .fc-event-vert .fc-event-inner { position: relative; z-index: 2; } .fc-event-vert .fc-event-bg { /* makes the event lighter w/ a semi-transparent overlay */ position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background: #fff; opacity: .25; filter: alpha(opacity=25); } .fc .ui-draggable-dragging .fc-event-bg, .fc-select-helper .fc-event-bg { display: none\9; /* for IE6/7/8. nested opacity filters while dragging don't work */ } /* resizable */ .fc-event-vert .ui-resizable-s { bottom: 0 !important; /* importants override pre jquery ui 1.7 styles */ width: 100% !important; height: 8px !important; overflow: hidden !important; line-height: 8px !important; font-size: 11px !important; font-family: monospace; text-align: center; cursor: s-resize; } .fc-agenda .ui-resizable-resizing { /* TODO: better selector */ _overflow: hidden; } /* * Ladda * http://lab.hakim.se/ladda * MIT licensed * * Copyright (C) 2013 Hakim El Hattab, http://hakim.se */ .ladda-button { position: relative; } .ladda-button .ladda-spinner { position: absolute; z-index: 2; display: inline-block; width: 32px; height: 32px; top: 50%; margin-top: -16px; opacity: 0; pointer-events: none; } .ladda-button .ladda-label { position: relative; z-index: 3; } .ladda-button .ladda-progress { position: absolute; width: 0; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.2); visibility: hidden; opacity: 0; -webkit-transition: 0.1s linear all !important; -moz-transition: 0.1s linear all !important; -ms-transition: 0.1s linear all !important; -o-transition: 0.1s linear all !important; transition: 0.1s linear all !important; } .ladda-button[data-loading] .ladda-progress { opacity: 1; visibility: visible; } .ladda-button, .ladda-button .ladda-spinner, .ladda-button .ladda-label { -webkit-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important; -moz-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important; -ms-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important; -o-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important; transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important; } .ladda-button[data-style=zoom-in], .ladda-button[data-style=zoom-in] .ladda-spinner, .ladda-button[data-style=zoom-in] .ladda-label, .ladda-button[data-style=zoom-out], .ladda-button[data-style=zoom-out] .ladda-spinner, .ladda-button[data-style=zoom-out] .ladda-label { -webkit-transition: 0.3s ease all !important; -moz-transition: 0.3s ease all !important; -ms-transition: 0.3s ease all !important; -o-transition: 0.3s ease all !important; transition: 0.3s ease all !important; } .ladda-button[data-style=expand-right] .ladda-spinner { right: 14px; } .ladda-button[data-style=expand-right][data-size="s"] .ladda-spinner, .ladda-button[data-style=expand-right][data-size="xs"] .ladda-spinner { right: 4px; } .ladda-button[data-style=expand-right][data-loading] { padding-right: 56px; } .ladda-button[data-style=expand-right][data-loading] .ladda-spinner { opacity: 1; } .ladda-button[data-style=expand-right][data-loading][data-size="s"], .ladda-button[data-style=expand-right][data-loading][data-size="xs"] { padding-right: 40px; } .ladda-button[data-style=expand-left] .ladda-spinner { left: 14px; } .ladda-button[data-style=expand-left][data-size="s"] .ladda-spinner, .ladda-button[data-style=expand-left][data-size="xs"] .ladda-spinner { left: 4px; } .ladda-button[data-style=expand-left][data-loading] { padding-left: 56px; } .ladda-button[data-style=expand-left][data-loading] .ladda-spinner { opacity: 1; } .ladda-button[data-style=expand-left][data-loading][data-size="s"], .ladda-button[data-style=expand-left][data-loading][data-size="xs"] { padding-left: 40px; } .ladda-button[data-style=expand-up] { overflow: hidden; } .ladda-button[data-style=expand-up] .ladda-spinner { top: -32px; left: 50%; margin-left: -16px; } .ladda-button[data-style=expand-up][data-loading] { padding-top: 54px; } .ladda-button[data-style=expand-up][data-loading] .ladda-spinner { opacity: 1; top: 14px; margin-top: 0; } .ladda-button[data-style=expand-up][data-loading][data-size="s"], .ladda-button[data-style=expand-up][data-loading][data-size="xs"] { padding-top: 32px; } .ladda-button[data-style=expand-up][data-loading][data-size="s"] .ladda-spinner, .ladda-button[data-style=expand-up][data-loading][data-size="xs"] .ladda-spinner { top: 4px; } .ladda-button[data-style=expand-down] { overflow: hidden; } .ladda-button[data-style=expand-down] .ladda-spinner { top: 62px; left: 50%; margin-left: -16px; } .ladda-button[data-style=expand-down][data-size="s"] .ladda-spinner, .ladda-button[data-style=expand-down][data-size="xs"] .ladda-spinner { top: 40px; } .ladda-button[data-style=expand-down][data-loading] { padding-bottom: 54px; } .ladda-button[data-style=expand-down][data-loading] .ladda-spinner { opacity: 1; } .ladda-button[data-style=expand-down][data-loading][data-size="s"], .ladda-button[data-style=expand-down][data-loading][data-size="xs"] { padding-bottom: 32px; } .ladda-button[data-style=slide-left] { overflow: hidden; } .ladda-button[data-style=slide-left] .ladda-label { position: relative; } .ladda-button[data-style=slide-left] .ladda-spinner { left: 100%; margin-left: -16px; } .ladda-button[data-style=slide-left][data-loading] .ladda-label { opacity: 0; left: -100%; } .ladda-button[data-style=slide-left][data-loading] .ladda-spinner { opacity: 1; left: 50%; } .ladda-button[data-style=slide-right] { overflow: hidden; } .ladda-button[data-style=slide-right] .ladda-label { position: relative; } .ladda-button[data-style=slide-right] .ladda-spinner { right: 100%; margin-left: -16px; } .ladda-button[data-style=slide-right][data-loading] .ladda-label { opacity: 0; left: 100%; } .ladda-button[data-style=slide-right][data-loading] .ladda-spinner { opacity: 1; left: 50%; } .ladda-button[data-style=slide-up] { overflow: hidden; } .ladda-button[data-style=slide-up] .ladda-label { position: relative; } .ladda-button[data-style=slide-up] .ladda-spinner { left: 50%; margin-left: -16px; margin-top: 1em; } .ladda-button[data-style=slide-up][data-loading] .ladda-label { opacity: 0; top: -1em; } .ladda-button[data-style=slide-up][data-loading] .ladda-spinner { opacity: 1; margin-top: -16px; } .ladda-button[data-style=slide-down] { overflow: hidden; } .ladda-button[data-style=slide-down] .ladda-label { position: relative; } .ladda-button[data-style=slide-down] .ladda-spinner { left: 50%; margin-left: -16px; margin-top: -2em; } .ladda-button[data-style=slide-down][data-loading] .ladda-label { opacity: 0; top: 1em; } .ladda-button[data-style=slide-down][data-loading] .ladda-spinner { opacity: 1; margin-top: -16px; } .ladda-button[data-style=zoom-out] { overflow: hidden; } .ladda-button[data-style=zoom-out] .ladda-spinner { left: 50%; margin-left: -16px; -webkit-transform: scale(2.5); -moz-transform: scale(2.5); -ms-transform: scale(2.5); -o-transform: scale(2.5); transform: scale(2.5); } .ladda-button[data-style=zoom-out] .ladda-label { position: relative; display: inline-block; } .ladda-button[data-style=zoom-out][data-loading] .ladda-label { opacity: 0; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } .ladda-button[data-style=zoom-out][data-loading] .ladda-spinner { opacity: 1; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .ladda-button[data-style=zoom-in] { overflow: hidden; } .ladda-button[data-style=zoom-in] .ladda-spinner { left: 50%; margin-left: -16px; -webkit-transform: scale(0.2); -moz-transform: scale(0.2); -ms-transform: scale(0.2); -o-transform: scale(0.2); transform: scale(0.2); } .ladda-button[data-style=zoom-in] .ladda-label { position: relative; display: inline-block; } .ladda-button[data-style=zoom-in][data-loading] .ladda-label { opacity: 0; -webkit-transform: scale(2.2); -moz-transform: scale(2.2); -ms-transform: scale(2.2); -o-transform: scale(2.2); transform: scale(2.2); } .ladda-button[data-style=zoom-in][data-loading] .ladda-spinner { opacity: 1; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .ladda-button[data-style=contract] { overflow: hidden; width: 100px; } .ladda-button[data-style=contract] .ladda-spinner { left: 50%; margin-left: -16px; } .ladda-button[data-style=contract][data-loading] { border-radius: 50%; width: 52px; } .ladda-button[data-style=contract][data-loading] .ladda-label { opacity: 0; } .ladda-button[data-style=contract][data-loading] .ladda-spinner { opacity: 1; } .ladda-button[data-style=contract-overlay] { overflow: hidden; width: 100px; box-shadow: 0px 0px 0px 3000px rgba(0, 0, 0, 0); } .ladda-button[data-style=contract-overlay] .ladda-spinner { left: 50%; margin-left: -16px; } .ladda-button[data-style=contract-overlay][data-loading] { border-radius: 50%; width: 52px; box-shadow: 0px 0px 0px 3000px rgba(0, 0, 0, 0.8); } .ladda-button[data-style=contract-overlay][data-loading] .ladda-label { opacity: 0; } .ladda-button[data-style=contract-overlay][data-loading] .ladda-spinner { opacity: 1; } /* the norm */ #gritter-notice-wrapper { position: fixed; top: 20px; right: 20px; width: 301px; z-index: 9999; } #gritter-notice-wrapper.top-left { left: 20px; right: auto; } #gritter-notice-wrapper.bottom-right { top: auto; left: auto; bottom: 20px; right: 20px; } #gritter-notice-wrapper.bottom-left { top: auto; right: auto; bottom: 20px; left: 20px; } .gritter-item-wrapper { position: relative; margin: 0 0 10px 0; background: url("../img/plugins/ie-spacer.gif"); /* ie7/8 fix */ } .gritter-top { background: url(../img/plugins/gritter.png) no-repeat left -30px; height: 10px; } .hover .gritter-top { background-position: right -30px; } .gritter-bottom { background: url(../img/plugins/gritter.png) no-repeat left bottom; height: 8px; margin: 0; } .hover .gritter-bottom { background-position: bottom right; } .gritter-item { display: block; background: url(../img/plugins/gritter.png) no-repeat left -40px; color: #eee; padding: 8px 11px; font-size: 11px; font-family: verdana; } .hover .gritter-item { background-position: right -40px; } .gritter-item p { padding: 0; margin: 0; word-wrap: break-word; } .gritter-close { display: none; position: absolute; top: 5px; left: 3px; background: url(../img/plugins/gritter.png) no-repeat left top; cursor: pointer; width: 30px; height: 30px; text-indent: -9999em; } .gritter-title { font-size: 14px; font-weight: bold; padding: 0 0 7px 0; display: block; text-shadow: 1px 1px 0 #000; /* Not supported by IE :( */ } .gritter-image { width: 48px; height: 48px; float: left; } .gritter-with-image, .gritter-without-image { padding: 0; } .gritter-with-image { width: 220px; float: right; } /* for the light (white) version of the gritter notice */ .gritter-light .gritter-item, .gritter-light .gritter-bottom, .gritter-light .gritter-top, .gritter-light .gritter-close { background-image: url(../img/plugins/gritter-light.png); color: #222; } .gritter-light .gritter-title { text-shadow: none; } .ui-rangeSlider { height: 22px; } .ui-rangeSlider .ui-rangeSlider-innerBar { height: 16px; margin: 3px 6px; background: #DDD; } .ui-rangeSlider .ui-rangeSlider-handle { width: 6px; height: 22px; background: #AAA; background: rgba(100, 100, 100, 0.3); cursor: col-resize; } .ui-rangeSlider .ui-rangeSlider-bar { margin: 1px 0; background: #CCC; background: rgba(100, 100, 150, 0.2); height: 20px; cursor: move; cursor: grab; cursor: -moz-grab; } .ui-rangeSlider .ui-rangeSlider-bar.ui-draggable-dragging { cursor: -moz-grabbing; cursor: grabbing; } .ui-rangeSlider-arrow { height: 16px; margin: 2px 0; width: 16px; background-repeat: no-repeat; } .ui-rangeSlider-arrow.ui-rangeSlider-leftArrow { background-image: url(../img/plugins/resultset_previous.png); background-position: center left; } .ui-rangeSlider-arrow.ui-rangeSlider-rightArrow { background-image: url(../img/plugins/resultset_next.png); background-position: center right; } .ui-rangeSlider-arrow-inner { display: none; } .ui-rangeSlider-container { height: 22px; } .ui-rangeSlider-withArrows .ui-rangeSlider-container { margin: 0 11px; } .ui-rangeSlider-noArrow .ui-rangeSlider-container { margin: 0; } .ui-rangeSlider-label { margin: 0 2px 2px; background-image: url(../img/plugins/label.png); background-position: bottom center; background-repeat: no-repeat; white-space: nowrap; bottom: 20px; padding: 3px 6px 7px; cursor: col-resize; } .ui-rangeSlider-label-inner { display: none; } input.ui-editRangeSlider-inputValue { width: 3em; vertical-align: middle; text-align: center; } /*! * Stylesheet for the Date Range Picker, for use with Bootstrap 3.x * * Copyright 2013 Dan Grossman ( http://www.dangrossman.info ) * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * * Built for http://www.improvely.com */ .daterangepicker.dropdown-menu { max-width: none; z-index: 3000; } .daterangepicker.opensleft .ranges, .daterangepicker.opensleft .calendar { float: left; margin: 4px; } .daterangepicker.opensright .ranges, .daterangepicker.opensright .calendar { float: right; margin: 4px; } .daterangepicker .ranges { width: 160px; text-align: left; } .daterangepicker .ranges .range_inputs > div { float: left; } .daterangepicker .ranges .range_inputs > div:nth-child(2) { padding-left: 11px; } .daterangepicker .calendar { display: none; max-width: 270px; } .daterangepicker .calendar th, .daterangepicker .calendar td { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; white-space: nowrap; text-align: center; min-width: 32px; } .daterangepicker .ranges label { color: #333; display: block; font-size: 11px; font-weight: normal; height: 20px; line-height: 20px; margin-bottom: 2px; text-shadow: #fff 1px 1px 0px; text-transform: uppercase; width: 74px; } .daterangepicker .ranges input { font-size: 11px; } .daterangepicker .ranges .input-mini { background-color: #eee; border: 1px solid #ccc; border-radius: 4px; color: #555; display: block; font-size: 11px; height: 30px; line-height: 30px; vertical-align: middle; margin: 0 0 10px 0; padding: 0 6px; width: 74px; } .daterangepicker .ranges ul { list-style: none; margin: 0; padding: 0; } .daterangepicker .ranges li { font-size: 13px; background: #f5f5f5; border: 1px solid #f5f5f5; color: #08c; padding: 3px 12px; margin-bottom: 8px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; } .daterangepicker .ranges li.active, .daterangepicker .ranges li:hover { background: #08c; border: 1px solid #08c; color: #fff; } .daterangepicker .calendar-date { border: 1px solid #ddd; padding: 4px; border-radius: 4px; background: #fff; } .daterangepicker .calendar-time { text-align: center; margin: 8px auto 0 auto; line-height: 30px; } .daterangepicker { position: absolute; background: #fff; top: 100px; left: 20px; padding: 4px; margin-top: 1px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .daterangepicker.opensleft:before { position: absolute; top: -7px; right: 9px; display: inline-block; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-left: 7px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; } .daterangepicker.opensleft:after { position: absolute; top: -6px; right: 10px; display: inline-block; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; content: ''; } .daterangepicker.opensright:before { position: absolute; top: -7px; left: 9px; display: inline-block; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-left: 7px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; } .daterangepicker.opensright:after { position: absolute; top: -6px; left: 10px; display: inline-block; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; content: ''; } .daterangepicker table { width: 100%; margin: 0; } .daterangepicker td, .daterangepicker th { text-align: center; width: 20px; height: 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; cursor: pointer; white-space: nowrap; } .daterangepicker td.off { color: #999; } .daterangepicker td.disabled { color: #999; } .daterangepicker td.available:hover, .daterangepicker th.available:hover { background: #eee; } .daterangepicker td.in-range { background: #ebf4f8; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .daterangepicker td.active, .daterangepicker td.active:hover { background-color: #357ebd; border-color: #3071a9; color: #fff; } .daterangepicker td.week, .daterangepicker th.week { font-size: 80%; color: #ccc; } .daterangepicker select.monthselect, .daterangepicker select.yearselect { font-size: 12px; padding: 1px; height: auto; margin: 0; cursor: default; } .daterangepicker select.monthselect { margin-right: 2%; width: 56%; } .daterangepicker select.yearselect { width: 40%; } .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.ampmselect { width: 50px; margin-bottom: 0; } /* * DO NOT EDIT THIS FILE DIRECTLY * Compiled from bootstrap-tagmanager.less based on Bootstrap 2.3.1 variables * https://github.com/twitter/bootstrap/blob/master/less/variables.less */ .tm-tag { color: #555555; background-color: #f5f5f5; border: #bbbbbb 1px solid; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; display: inline-block; border-radius: 3px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; margin: 0 5px 5px 0; padding: 4px; text-decoration: none; transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s; -moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s; -webkit-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s; vertical-align: middle; } .tm-tag .tm-tag-remove { color: #000000; font-weight: bold; margin-left: 4px; opacity: 0.2; } .tm-tag .tm-tag-remove:hover { color: #000000; text-decoration: none; opacity: 0.4; } .tm-tag.tm-tag-warning { color: #945203; background-color: #f2c889; border-color: #f0a12f; } .tm-tag.tm-tag-error { color: #84212e; background-color: #e69ca6; border-color: #d24a5d; } .tm-tag.tm-tag-success { color: #638421; background-color: #cde69c; border-color: #a5d24a; } .tm-tag.tm-tag-info { color: #4594b5; background-color: #c5eefa; border-color: #5dc8f7; } .tm-tag.tm-tag-inverse { color: #cccccc; background-color: #555555; border-color: #333333; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset; } .tm-tag.tm-tag-inverse .tm-tag-remove { color: #ffffff; } .tm-tag.tm-tag-large { font-size: 16.25px; border-radius: 4px; padding: 11px 7px; } .tm-tag.tm-tag-small { font-size: 11.049999999999999px; border-radius: 3px; padding: 2px 4px; } .tm-tag.tm-tag-mini { font-size: 9.75px; border-radius: 2px; padding: 0px 2px; } .tm-tag.tm-tag-plain { color: #333333; box-shadow: none; background: none; border: none; } .tm-tag.tm-tag-disabled { color: #aaaaaa; background-color: #e6e6e6; border-color: #cccccc; box-shadow: none; } .tm-tag.tm-tag-disabled .tm-tag-remove { display: none; } input[type="text"].tm-input { margin-bottom: 5px; vertical-align: middle !important; } .control-group.tm-group { margin-bottom: 5px; } .form-horizontal .control-group.tm-group { margin-bottom: 15px; } /*! * Timepicker Component for Twitter Bootstrap * * Copyright 2013 Joris de Wit * * Contributors https://github.com/jdewit/bootstrap-timepicker/graphs/contributors * * For the full copyright and license information, please view the LICENSE * file that was distributed with this source code. */ .bootstrap-timepicker { position: relative; } .bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu { left: auto; right: 0; } .bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:before { left: auto; right: 12px; } .bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:after { left: auto; right: 13px; } .bootstrap-timepicker .add-on { cursor: pointer; } .bootstrap-timepicker .add-on i { display: inline-block; width: 16px; height: 16px; } .bootstrap-timepicker-widget.dropdown-menu { padding: 4px; } .bootstrap-timepicker-widget.dropdown-menu.open { display: inline-block; } .bootstrap-timepicker-widget.dropdown-menu:before { border-bottom: 7px solid rgba(0, 0, 0, 0.2); border-left: 7px solid transparent; border-right: 7px solid transparent; content: ""; display: inline-block; position: absolute; } .bootstrap-timepicker-widget.dropdown-menu:after { border-bottom: 6px solid #FFFFFF; border-left: 6px solid transparent; border-right: 6px solid transparent; content: ""; display: inline-block; position: absolute; } .bootstrap-timepicker-widget.timepicker-orient-left:before { left: 6px; } .bootstrap-timepicker-widget.timepicker-orient-left:after { left: 7px; } .bootstrap-timepicker-widget.timepicker-orient-right:before { right: 6px; } .bootstrap-timepicker-widget.timepicker-orient-right:after { right: 7px; } .bootstrap-timepicker-widget.timepicker-orient-top:before { top: -7px; } .bootstrap-timepicker-widget.timepicker-orient-top:after { top: -6px; } .bootstrap-timepicker-widget.timepicker-orient-bottom:before { bottom: -7px; border-bottom: 0; border-top: 7px solid #999; } .bootstrap-timepicker-widget.timepicker-orient-bottom:after { bottom: -6px; border-bottom: 0; border-top: 6px solid #ffffff; } .bootstrap-timepicker-widget a.btn, .bootstrap-timepicker-widget input { border-radius: 4px; } .bootstrap-timepicker-widget table { width: 100%; margin: 0; } .bootstrap-timepicker-widget table td { text-align: center; height: 30px; margin: 0; padding: 2px; } .bootstrap-timepicker-widget table td:not(.separator) { min-width: 30px; } .bootstrap-timepicker-widget table td span { width: 100%; } .bootstrap-timepicker-widget table td a { border: 1px transparent solid; width: 100%; display: inline-block; margin: 0; padding: 8px 0; outline: 0; color: #333; } .bootstrap-timepicker-widget table td a:hover { text-decoration: none; background-color: #eee; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border-color: #ddd; } .bootstrap-timepicker-widget table td a i { margin-top: 2px; font-size: 18px; } .bootstrap-timepicker-widget table td input { width: 25px; margin: 0; text-align: center; } .bootstrap-timepicker-widget .modal-content { padding: 4px; } @media (min-width: 767px) { .bootstrap-timepicker-widget.modal { width: 200px; margin-left: -100px; } } @media (max-width: 767px) { .bootstrap-timepicker { width: 100%; } .bootstrap-timepicker .dropdown-menu { width: 100%; } } /*! * Colorpicker for Bootstrap * * Copyright 2012 Stefan Petre * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * */ .colorpicker-saturation { width: 100px; height: 100px; background-image: url(../img/plugins/saturation.png); cursor: crosshair; float: left; } .colorpicker-saturation i { display: block; height: 5px; width: 5px; border: 1px solid #000; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; position: absolute; top: 0; left: 0; margin: -4px 0 0 -4px; } .colorpicker-saturation i b { display: block; height: 5px; width: 5px; border: 1px solid #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .colorpicker-hue, .colorpicker-alpha { width: 15px; height: 100px; float: left; cursor: row-resize; margin-left: 4px; margin-bottom: 4px; } .colorpicker-hue i, .colorpicker-alpha i { display: block; height: 1px; background: #000; border-top: 2px solid #fff; position: absolute; top: 0; left: 0; width: 100%; margin-top: -1px; } .colorpicker-hue { background-image: url(../img/plugins/hue.png); } .colorpicker-alpha { background-image: url(../img/plugins/alpha.png); display: none; } .colorpicker { *zoom: 1; top: 0; left: 0; padding: 4px; min-width: 120px; margin-top: 1px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .colorpicker:before, .colorpicker:after { display: table; content: ""; } .colorpicker:after { clear: both; } .colorpicker:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; top: -7px; left: 6px; } .colorpicker:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #ffffff; position: absolute; top: -6px; left: 7px; } .colorpicker div { position: relative; } .colorpicker.alpha { min-width: 140px; } .colorpicker.alpha .colorpicker-alpha { display: block; } .colorpicker-color { height: 10px; margin-top: 5px; clear: both; background-image: url(../img/plugins/alpha.png); background-position: 0 100%; } .colorpicker-color div { height: 10px; } .input-append.color .add-on i, .input-prepend.color .add-on i { display: block; cursor: pointer; width: 16px; height: 16px; } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80); } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #cccccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #cccccc; } .mfp-preloader a:hover { color: white; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: white; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: white; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #cccccc; font-size: 12px; line-height: 18px; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid white; margin-left: 31px; } .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3f3f3f; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid white; margin-left: 39px; } .mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3f3f3f; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: black; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444444; } .mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure { /* The shadow behind the image */ } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; } /* jQuery Countdown styles 1.6.3. */ .hasCountdown { border: 1px solid #ccc; background-color: #eee; } .countdown_rtl { direction: rtl; } .countdown_holding span { color: #888; } .countdown_row { clear: both; width: 100%; padding: 0px 2px; text-align: center; } .countdown_show1 .countdown_section { width: 98%; } .countdown_show2 .countdown_section { width: 48%; } .countdown_show3 .countdown_section { width: 32.5%; } .countdown_show4 .countdown_section { width: 24.5%; } .countdown_show5 .countdown_section { width: 19.5%; } .countdown_show6 .countdown_section { width: 16.25%; } .countdown_show7 .countdown_section { width: 14%; } .countdown_section { display: block; float: left; font-size: 14px; text-align: center; } .countdown_amount { font-size: 60px; font-weight: 600; } .countdown_descr { display: block; width: 100%; } div.dataTables_length label { float: left; text-align: left; } div.dataTables_length select { width: 75px; } div.dataTables_filter label { float: right; } div.dataTables_info { padding-top: 26px; } div.dataTables_paginate { float: right; margin: 0; } table.table { clear: both; margin-bottom: 6px !important; max-width: none !important; } table.table thead .sorting, table.table thead .sorting_asc, table.table thead .sorting_desc, table.table thead .sorting_asc_disabled, table.table thead .sorting_desc_disabled { cursor: pointer; *cursor: hand; } table.table thead .sorting { background: url("../img/plugins/sort_both.png") no-repeat center right; } table.table thead .sorting_asc { background: url("../img/plugins/sort_asc.png") no-repeat center right; } table.table thead .sorting_desc { background: url("../img/plugins/sort_desc.png") no-repeat center right; } table.table thead .sorting_asc_disabled { background: url("../img/plugins/sort_asc_disabled.png") no-repeat center right; } table.table thead .sorting_desc_disabled { background: url("../img/plugins/sort_desc_disabled.png") no-repeat center right; } table.dataTable th:active { outline: none; } /* Scrolling */ div.dataTables_scrollHead table { margin-bottom: 0 !important; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } div.dataTables_scrollHead table thead tr:last-child th:first-child, div.dataTables_scrollHead table thead tr:last-child td:first-child { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; } div.dataTables_scrollBody table { border-top: none; margin-bottom: 0 !important; } div.dataTables_scrollBody tbody tr:first-child th, div.dataTables_scrollBody tbody tr:first-child td { border-top: none; } div.dataTables_scrollFoot table { border-top: none; } /* * TableTools styles */ .table tbody tr.active td, .table tbody tr.active th { background-color: #08C; color: white; } .table tbody tr.active:hover td, .table tbody tr.active:hover th { background-color: #0075b0 !important; } .table-striped tbody tr.active:nth-child(odd) td, .table-striped tbody tr.active:nth-child(odd) th { background-color: #017ebc; } table.DTTT_selectable tbody tr { cursor: pointer; *cursor: hand; } div.DTTT .btn { color: #333 !important; font-size: 12px; } div.DTTT .btn:hover { text-decoration: none !important; } ul.DTTT_dropdown.dropdown-menu a { color: #333 !important; /* needed only when demo_page.css is included */ } ul.DTTT_dropdown.dropdown-menu li:hover a { background-color: #0088cc; color: white !important; } /* TableTools information display */ div.DTTT_print_info.modal { height: 150px; margin-top: -75px; text-align: center; } div.DTTT_print_info h6 { font-weight: normal; font-size: 28px; line-height: 28px; margin: 1em; } div.DTTT_print_info p { font-size: 14px; line-height: 20px; } /* * FixedColumns styles */ div.DTFC_LeftHeadWrapper table, div.DTFC_LeftFootWrapper table, table.DTFC_Cloned tr.even { background-color: white; } div.DTFC_LeftHeadWrapper table { margin-bottom: 0 !important; border-top-right-radius: 0 !important; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; } div.DTFC_LeftHeadWrapper table thead tr:last-child th:first-child, div.DTFC_LeftHeadWrapper table thead tr:last-child td:first-child { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; } div.DTFC_LeftBodyWrapper table { border-top: none; margin-bottom: 0 !important; } div.DTFC_LeftBodyWrapper tbody tr:first-child th, div.DTFC_LeftBodyWrapper tbody tr:first-child td { border-top: none; } div.DTFC_LeftFootWrapper table { border-top: none; } /* * JQUERY Data Table */ table.dataTable { margin: 0 auto; clear: both; width: 100%; } table.dataTable thead th { padding: 3px 18px 3px 10px; border-bottom: 1px solid black; font-weight: bold; cursor: pointer; *cursor: hand; } table.dataTable tfoot th { padding: 3px 18px 3px 10px; border-top: 1px solid black; font-weight: bold; } table.dataTable td { padding: 3px 10px; } table.dataTable td.center, table.dataTable td.dataTables_empty { text-align: center; } table.dataTable tr.odd { background-color: #e2e4ff; } table.dataTable tr.even { background-color: white; } table.dataTable tr.odd td.sorting_1 { background-color: #d3d6ff; } table.dataTable tr.odd td.sorting_2 { background-color: #dadcff; } table.dataTable tr.odd td.sorting_3 { background-color: #e0e2ff; } table.dataTable tr.even td.sorting_1 { background-color: #eaebff; } table.dataTable tr.even td.sorting_2 { background-color: #f2f3ff; } table.dataTable tr.even td.sorting_3 { background-color: #f9f9ff; } /* * Table wrapper */ .dataTables_wrapper { position: relative; clear: both; *zoom: 1; } /* * Page length menu */ .dataTables_length { float: left; } /* * Filter */ .dataTables_filter { float: right; text-align: right; } /* * Table information */ .dataTables_info { clear: both; float: left; } /* * Pagination */ .dataTables_paginate { float: right; text-align: right; } /* Two button pagination - previous / next */ .paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next { height: 19px; float: left; cursor: pointer; *cursor: hand; color: #111 !important; } .paginate_disabled_previous:hover, .paginate_enabled_previous:hover, .paginate_disabled_next:hover, .paginate_enabled_next:hover { text-decoration: none !important; } .paginate_disabled_previous:active, .paginate_enabled_previous:active, .paginate_disabled_next:active, .paginate_enabled_next:active { outline: none; } .paginate_disabled_previous, .paginate_disabled_next { color: #666666 !important; } .paginate_disabled_previous, .paginate_enabled_previous { padding-left: 23px; } .paginate_disabled_next, .paginate_enabled_next { padding-right: 23px; margin-left: 10px; } .paginate_enabled_previous { background: url("../img/plugins/back_enabled.png") no-repeat top left; } .paginate_enabled_previous:hover { background: url("../img/plugins/back_enabled_hover.png") no-repeat top left; } .paginate_disabled_previous { background: url("../img/plugins/back_disabled.png") no-repeat top left; } .paginate_enabled_next { background: url("../img/plugins/forward_enabled.png") no-repeat top right; } .paginate_enabled_next:hover { background: url("../img/plugins/forward_enabled_hover.png") no-repeat top right; } .paginate_disabled_next { background: url("../img/plugins/forward_disabled.png") no-repeat top right; } /* Full number pagination */ .paging_full_numbers { height: 22px; line-height: 22px; } .paging_full_numbers a:active { outline: none; } .paging_full_numbers a:hover { text-decoration: none; } .paging_full_numbers a.paginate_button, .paging_full_numbers a.paginate_active { border: 1px solid #aaa; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 2px 5px; margin: 0 3px; cursor: pointer; *cursor: hand; color: #333 !important; } .paging_full_numbers a.paginate_button { background-color: #dddddd; } .paging_full_numbers a.paginate_button:hover { background-color: #ccc; text-decoration: none !important; } .paging_full_numbers a.paginate_active { background-color: #99b3ff; } /* * Processing indicator */ .dataTables_processing { position: absolute; top: 50%; left: 50%; width: 250px; height: 30px; margin-left: -125px; margin-top: -15px; padding: 14px 0 2px 0; border: 1px solid #ddd; text-align: center; color: #999; font-size: 14px; background-color: white; } /* * Sorting */ .sorting { background: url("../img/plugins/sort_both.png") no-repeat center right; } .sorting_asc { background: url("../img/plugins/sort_asc.png") no-repeat center right; } .sorting_desc { background: url("../img/plugins/sort_desc.png") no-repeat center right; } .sorting_asc_disabled { background: url("../img/plugins/sort_asc_disabled.png") no-repeat center right; } .sorting_desc_disabled { background: url("../img/plugins/sort_desc_disabled.png") no-repeat center right; } table.dataTable thead th:active, table.dataTable thead td:active { outline: none; } /* * Scrolling */ .dataTables_scroll { clear: both; } .dataTables_scrollBody { *margin-top: -1px; -webkit-overflow-scrolling: touch; } /*! * FullCalendar v1.6.4 Stylesheet * Docs & License: http://arshaw.com/fullcalendar/ * (c) 2013 Adam Shaw */ .fc { direction: ltr; text-align: left; } .fc table { border-collapse: collapse; border-spacing: 0; } .fc table, html .fc { font-size: 1em; } .fc td, .fc th { padding: 0; vertical-align: top; } .fc-header td { white-space: nowrap; } .fc-header-left { width: 25%; text-align: left; } .fc-header-center { text-align: center; } .fc-header-right { width: 25%; text-align: right; } .fc-header-title { display: inline-block; vertical-align: top; } .fc-header-title h2 { margin-top: 0; white-space: nowrap; } .fc .fc-header-space { padding-left: 10px; } .fc-header .fc-button { margin-bottom: 1em; vertical-align: top; margin-right: -1px; } .fc-header .fc-corner-right, .fc-header .ui-corner-right { margin-right: 0; } .fc-header .fc-state-hover, .fc-header .ui-state-hover { z-index: 2; } .fc-header .fc-state-down { z-index: 3; } .fc-header .fc-state-active, .fc-header .ui-state-active { z-index: 4; } .fc-content { clear: both; zoom: 1; } .fc-view { width: 100%; overflow: hidden; } .fc-widget-content, .fc-widget-header { border: 1px solid #ddd; } .fc-state-highlight { background: #fcf8e3; } .fc-cell-overlay { background: #bce8f1; opacity: .3; filter: alpha(opacity=30); } .fc-button { position: relative; display: inline-block; padding: 0 .6em; overflow: hidden; height: 1.9em; line-height: 1.9em; white-space: nowrap; cursor: pointer; } .fc-state-default { border: 1px solid; } .fc-state-default.fc-corner-left { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .fc-state-default.fc-corner-right { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .fc-text-arrow { margin: 0 .1em; font-size: 2em; font-family: "Courier New",Courier,monospace; vertical-align: baseline; } .fc-button-next .fc-text-arrow, .fc-button-prev .fc-text-arrow { font-weight: 700; } .fc-button .fc-icon-wrap { position: relative; float: left; top: 50%; } .fc-button .ui-icon { position: relative; float: left; margin-top: -50%; *margin-top: 0; *top: -50%; } .fc-state-default { background-color: #f5f5f5; background-image: -moz-linear-gradient(top, white, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, white, #e6e6e6); background-image: -o-linear-gradient(top, white, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-repeat: repeat-x; border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); color: #333; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); } .fc-state-active, .fc-state-disabled, .fc-state-down, .fc-state-hover { color: #333; background-color: #e6e6e6; } .fc-state-hover { color: #333; text-decoration: none; background-position: 0 -15px; -webkit-transition: background-position .1s linear; -moz-transition: background-position .1s linear; -o-transition: background-position .1s linear; transition: background-position .1s linear; } .fc-state-active, .fc-state-down { background-color: #ccc; background-image: none; outline: 0; box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); } .fc-state-disabled { cursor: default; background-image: none; opacity: .65; filter: alpha(opacity=65); box-shadow: none; } .fc-event-container > * { z-index: 8; } .fc-event-container > .ui-draggable-dragging, .fc-event-container > .ui-resizable-resizing { z-index: 9; } .fc-event { border: 1px solid #3a87ad; background-color: #3a87ad; color: #fff; font-size: .85em; cursor: default; } a.fc-event { text-decoration: none; } .fc-event-draggable, a.fc-event { cursor: pointer; } .fc-rtl .fc-event { text-align: right; } .fc-event-inner { width: 100%; height: 100%; overflow: hidden; } .fc-event-time, .fc-event-title { padding: 0 1px; } .fc .ui-resizable-handle { display: block; position: absolute; z-index: 99999; overflow: hidden; font-size: 300%; line-height: 50%; } .fc-event-hori { border-width: 1px 0; margin-bottom: 1px; } .fc-ltr .fc-event-hori.fc-event-start, .fc-rtl .fc-event-hori.fc-event-end { border-left-width: 1px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .fc-ltr .fc-event-hori.fc-event-end, .fc-rtl .fc-event-hori.fc-event-start { border-right-width: 1px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .fc-event-hori .ui-resizable-e { top: 0 !important; right: -3px !important; width: 7px !important; height: 100% !important; cursor: e-resize; } .fc-event-hori .ui-resizable-w { top: 0 !important; left: -3px !important; width: 7px !important; height: 100% !important; cursor: w-resize; } .fc-event-hori .ui-resizable-handle { _padding-bottom: 14px; } table.fc-border-separate { border-collapse: separate; } .fc-border-separate td, .fc-border-separate th { border-width: 1px 0 0 1px; } .fc-border-separate td.fc-last, .fc-border-separate th.fc-last { border-right-width: 1px; } .fc-border-separate tr.fc-last td, .fc-border-separate tr.fc-last th { border-bottom-width: 1px; } .fc-border-separate tbody tr.fc-first td, .fc-border-separate tbody tr.fc-first th { border-top-width: 0; } .fc-grid th { text-align: center; } .fc .fc-week-number { width: 22px; text-align: center; } .fc .fc-week-number div { padding: 0 2px; } .fc-grid .fc-day-number { float: right; padding: 0 2px; } .fc-grid .fc-other-month .fc-day-number { opacity: .3; filter: alpha(opacity=30); } .fc-grid .fc-day-content { clear: both; padding: 2px 2px 1px; } .fc-grid .fc-event-time { font-weight: 700; } .fc-rtl .fc-grid .fc-day-number { float: left; } .fc-rtl .fc-grid .fc-event-time { float: right; } .fc-agenda table { border-collapse: separate; } .fc-agenda-days th { text-align: center; } .fc-agenda .fc-agenda-axis { width: 50px; padding: 0 4px; vertical-align: middle; text-align: right; white-space: nowrap; font-weight: 400; } .fc-agenda .fc-week-number { font-weight: 700; } .fc-agenda .fc-day-content { padding: 2px 2px 1px; } .fc-agenda-days .fc-agenda-axis { border-right-width: 1px; } .fc-agenda-days .fc-col0 { border-left-width: 0; } .fc-agenda-allday th { border-width: 0 1px; } .fc-agenda-allday .fc-day-content { min-height: 34px; _height: 34px; } .fc-agenda-divider-inner { height: 2px; overflow: hidden; } .fc-widget-header .fc-agenda-divider-inner { background: #eee; } .fc-agenda-slots th { border-width: 1px 1px 0; } .fc-agenda-slots td { border-width: 1px 0 0; background: 0 0; } .fc-agenda-slots td div { height: 20px; } .fc-agenda-slots tr.fc-slot0 td, .fc-agenda-slots tr.fc-slot0 th { border-top-width: 0; } .fc-agenda-slots tr.fc-minor td, .fc-agenda-slots tr.fc-minor th { border-top-style: dotted; } .fc-agenda-slots tr.fc-minor th.ui-widget-header { *border-top-style: solid; } .fc-event-vert { border-width: 0 1px; } .fc-event-vert.fc-event-start { border-top-width: 1px; border-top-left-radius: 3px; border-top-right-radius: 3px; } .fc-event-vert.fc-event-end { border-bottom-width: 1px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .fc-event-vert .fc-event-time { white-space: nowrap; font-size: 10px; } .fc-event-vert .fc-event-inner { position: relative; z-index: 2; } .fc-event-vert .fc-event-bg { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background: #fff; opacity: .25; filter: alpha(opacity=25); } .fc .ui-draggable-dragging .fc-event-bg, .fc-select-helper .fc-event-bg { display: none\9; } .fc-event-vert .ui-resizable-s { bottom: 0 !important; width: 100% !important; height: 8px !important; overflow: hidden !important; line-height: 8px !important; font-size: 11px !important; font-family: monospace; text-align: center; cursor: s-resize; } .fc-agenda .ui-resizable-resizing { _overflow: hidden; } .jvectormap-label { position: absolute; display: none; border: solid 1px #CDCDCD; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #292929; color: white; font-family: sans-serif, Verdana; font-size: smaller; padding: 3px; } .jvectormap-zoomin, .jvectormap-zoomout { position: absolute; left: 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #292929; padding: 3px; color: white; width: 10px; height: 10px; cursor: pointer; line-height: 10px; text-align: center; } .jvectormap-zoomin { top: 10px; } .jvectormap-zoomout { top: 30px; } /******************************************************************************* * Tree container */ ul.dynatree-container { font-family: tahoma, arial, helvetica; font-size: 10pt; /* font size should not be too big */ white-space: nowrap; padding: 3px; margin: 0; /* issue 201 */ background-color: white; border: 1px dotted gray; overflow: auto; height: 100%; /* issue 263 */ } ul.dynatree-container ul { padding: 0 0 0 16px; margin: 0; } ul.dynatree-container li { list-style-image: none; list-style-position: outside; list-style-type: none; -moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background-attachment: scroll; background-color: transparent; background-position: 0 0; background-repeat: repeat-y; background-image: none; /* no v-lines */ margin: 0; padding: 1px 0 0 0; } /* Suppress lines for last child node */ ul.dynatree-container li.dynatree-lastsib { background-image: none; } /* Suppress lines if level is fixed expanded (option minExpandLevel) */ ul.dynatree-no-connector > li { background-image: none; } /* Style, when control is disabled */ .ui-dynatree-disabled ul.dynatree-container { opacity: 0.5; /* filter: alpha(opacity=50); /* Yields a css warning */ background-color: silver; } /******************************************************************************* * Common icon definitions */ span.dynatree-empty, span.dynatree-vline, span.dynatree-connector, span.dynatree-expander, span.dynatree-icon, span.dynatree-checkbox, span.dynatree-radio, span.dynatree-drag-helper-img, #dynatree-drop-marker { width: 16px; height: 16px; /* display: -moz-inline-box; /* @ FF 1+2 removed for issue 221*/ /* -moz-box-align: start; /* issue 221 */ display: inline-block; /* Required to make a span sizeable */ vertical-align: top; background-repeat: no-repeat; background-position: left; background-image: url("../img/plugins/icons.gif"); background-position: 0 0; } /** Used by 'icon' node option: */ ul.dynatree-container img { width: 16px; height: 16px; margin-left: 3px; vertical-align: top; border-style: none; } /******************************************************************************* * Lines and connectors */ /* span.dynatree-empty { } span.dynatree-vline { } */ span.dynatree-connector { background-image: none; } /* .dynatree-lastsib span.dynatree-connector { } */ /******************************************************************************* * Expander icon * Note: IE6 doesn't correctly evaluate multiples class names, * so we create combined class names that can be used in the CSS. * * Prefix: dynatree-exp- * 1st character: 'e': expanded, 'c': collapsed * 2nd character (optional): 'd': lazy (Delayed) * 3rd character (optional): 'l': Last sibling */ span.dynatree-expander { background-position: 0px -80px; cursor: pointer; } span.dynatree-expander:hover { background-position: -16px -80px; } .dynatree-exp-e span.dynatree-expander, .dynatree-exp-ed span.dynatree-expander, .dynatree-exp-el span.dynatree-expander, .dynatree-exp-edl span.dynatree-expander { background-position: -32px -80px; } .dynatree-exp-e span.dynatree-expander:hover, .dynatree-exp-ed span.dynatree-expander:hover, .dynatree-exp-el span.dynatree-expander:hover, .dynatree-exp-edl span.dynatree-expander:hover { background-position: -48px -80px; } .dynatree-loading span.dynatree-expander { background-position: 0 0; background-image: url("../img/plugins/loading.gif"); } /******************************************************************************* * Checkbox icon */ span.dynatree-checkbox { margin-left: 3px; background-position: 0px -32px; } span.dynatree-checkbox:hover { background-position: -16px -32px; } .dynatree-partsel span.dynatree-checkbox { background-position: -64px -32px; } .dynatree-partsel span.dynatree-checkbox:hover { background-position: -80px -32px; } .dynatree-selected span.dynatree-checkbox { background-position: -32px -32px; } .dynatree-selected span.dynatree-checkbox:hover { background-position: -48px -32px; } /******************************************************************************* * Radiobutton icon * This is a customization, that may be activated by overriding the 'checkbox' * class name as 'dynatree-radio' in the tree options. */ span.dynatree-radio { margin-left: 3px; background-position: 0px -48px; } span.dynatree-radio:hover { background-position: -16px -48px; } .dynatree-partsel span.dynatree-radio { background-position: -64px -48px; } .dynatree-partsel span.dynatree-radio:hover { background-position: -80px -48px; } .dynatree-selected span.dynatree-radio { background-position: -32px -48px; } .dynatree-selected span.dynatree-radio:hover { background-position: -48px -48px; } /******************************************************************************* * Node type icon * Note: IE6 doesn't correctly evaluate multiples class names, * so we create combined class names that can be used in the CSS. * * Prefix: dynatree-ico- * 1st character: 'e': expanded, 'c': collapsed * 2nd character (optional): 'f': folder */ span.dynatree-icon { margin-left: 3px; background-position: 0px 0px; } .dynatree-has-children span.dynatree-icon { /* background-position: 0px -16px; */ } .dynatree-ico-cf span.dynatree-icon { background-position: 0px -16px; } .dynatree-ico-ef span.dynatree-icon { background-position: -64px -16px; } /* Status node icons */ .dynatree-statusnode-wait span.dynatree-icon { background-image: url("../img/plugins/loading.gif"); } .dynatree-statusnode-error span.dynatree-icon { background-position: 0px -112px; /* background-image: url("ltError.gif");*/ } /******************************************************************************* * Node titles */ /* @Chrome: otherwise hit area of node titles is broken (issue 133) Removed again for issue 165; (133 couldn't be reproduced) */ span.dynatree-node { /* display: -moz-inline-box; /* issue 133, 165, 172, 192. removed for issue 221 */ /* -moz-box-align: start; /* issue 221 */ display: inline-block; /* issue 373 Required to make a span sizeable */ vertical-align: top; } /* Remove blue color and underline from title links */ ul.dynatree-container a { color: black; /* inherit doesn't work on IE */ text-decoration: none; vertical-align: top; margin: 0px; margin-left: 3px; /* outline: 0; /* @ Firefox, prevent dotted border after click */ /* Set transparent border to prevent jumping when active node gets a border (we can do this, because this theme doesn't use vertical lines) */ border: 1px solid white; /* Note: 'transparent' would not work in IE6 */ } ul.dynatree-container a:hover { /* text-decoration: underline; */ background: #F2F7FD; /* light blue */ border-color: #B8D6FB; /* darker light blue */ } span.dynatree-node a { display: inline-block; /* Better alignment, when title contains
*/ /* vertical-align: top;*/ padding-left: 3px; padding-right: 3px; /* Otherwise italic font will be outside bounds */ /* line-height: 16px; /* should be the same as img height, in case 16 px */ } span.dynatree-folder a { /* font-weight: bold; */ /* custom */ } ul.dynatree-container a:focus, span.dynatree-focused a:link { background-color: #EFEBDE; /* gray */ } span.dynatree-has-children a { /* font-style: oblique; /* custom: */ } span.dynatree-selected a { /* color: green; */ font-style: italic; } span.dynatree-active a { border: 1px solid #99DEFD; background-color: #D8F0FA; } /******************************************************************************* * Drag'n'drop support */ /*** Helper object ************************************************************/ div.dynatree-drag-helper a { border: 1px solid gray; background-color: white; padding-left: 5px; padding-right: 5px; opacity: 0.8; } span.dynatree-drag-helper-img { /* position: relative; left: -16px; */ } div.dynatree-drag-helper { /* border-color: green; background-color: red;*/ } div.dynatree-drop-accept span.dynatree-drag-helper-img { background-position: -32px -112px; } div.dynatree-drag-helper.dynatree-drop-reject { border-color: red; } div.dynatree-drop-reject span.dynatree-drag-helper-img { background-position: -16px -112px; } /*** Drop marker icon *********************************************************/ #dynatree-drop-marker { width: 24px; position: absolute; background-position: 0 -128px; margin: 0; } #dynatree-drop-marker.dynatree-drop-after, #dynatree-drop-marker.dynatree-drop-before { width: 64px; background-position: 0 -144px; } #dynatree-drop-marker.dynatree-drop-copy { background-position: -64px -128px; } #dynatree-drop-marker.dynatree-drop-move { background-position: -64px -128px; } /*** Source node while dragging ***********************************************/ span.dynatree-drag-source { /* border: 1px dotted gray; */ background-color: #e0e0e0; } span.dynatree-drag-source a { color: gray; } /*** Target node while dragging cursor is over it *****************************/ span.dynatree-drop-target { /*border: 1px solid gray;*/ } span.dynatree-drop-target.dynatree-drop-accept a { /*border: 1px solid green;*/ background-color: #3169C6 !important; color: white !important; /* @ IE6 */ text-decoration: none; } span.dynatree-drop-target.dynatree-drop-reject { /*border: 1px solid red;*/ } .multiselect-container { position: absolute; list-style-type: none; margin: 0; padding: 0; } .multiselect-container .input-group { margin: 5px; } .multiselect-container > li { padding: 0; } .multiselect-container > li > a.multiselect-all label { font-weight: 700; } .multiselect-container > li > label.multiselect-group { margin: 0; padding: 3px 20px; height: 100%; font-weight: 700; } .multiselect-container > li > a { padding: 0; } .multiselect-container > li > a > label { margin: 0; height: 100%; cursor: pointer; font-weight: 400; padding: 3px 20px 3px 40px; } .multiselect-container > li > a > label.radio, .multiselect-container > li > a > label.checkbox { margin: 0; } .multiselect-container > li > a > label > input[type=checkbox] { margin-bottom: 5px; } .btn-group > .btn-group:nth-child(2) > .multiselect.btn { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } /******************************************************************************* * Tree container */ ul.dynatree-container { font-family: tahoma, arial, helvetica; font-size: 10pt; /* font size should not be too big */ white-space: nowrap; padding: 3px; margin: 0; /* issue 201 */ background-color: white; border: 1px dotted gray; overflow: auto; height: 100%; /* issue 263 */ } ul.dynatree-container ul { padding: 0 0 0 16px; margin: 0; } ul.dynatree-container li { list-style-image: none; list-style-position: outside; list-style-type: none; -moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background-attachment: scroll; background-color: transparent; background-position: 0 0; background-repeat: repeat-y; background-image: none; /* no v-lines */ margin: 0; padding: 1px 0 0 0; } /* Suppress lines for last child node */ ul.dynatree-container li.dynatree-lastsib { background-image: none; } /* Suppress lines if level is fixed expanded (option minExpandLevel) */ ul.dynatree-no-connector > li { background-image: none; } /* Style, when control is disabled */ .ui-dynatree-disabled ul.dynatree-container { opacity: 0.5; /* filter: alpha(opacity=50); /* Yields a css warning */ background-color: silver; } /******************************************************************************* * Common icon definitions */ span.dynatree-empty, span.dynatree-vline, span.dynatree-connector, span.dynatree-expander, span.dynatree-icon, span.dynatree-checkbox, span.dynatree-radio, span.dynatree-drag-helper-img, #dynatree-drop-marker { width: 16px; height: 16px; /* display: -moz-inline-box; /* @ FF 1+2 removed for issue 221*/ /* -moz-box-align: start; /* issue 221 */ display: inline-block; /* Required to make a span sizeable */ vertical-align: top; background-repeat: no-repeat; background-position: left; background-image: url("../img/plugins/icons.gif"); background-position: 0 0; } /** Used by 'icon' node option: */ ul.dynatree-container img { width: 16px; height: 16px; margin-left: 3px; vertical-align: top; border-style: none; } /******************************************************************************* * Lines and connectors */ /* span.dynatree-empty { } span.dynatree-vline { } */ span.dynatree-connector { background-image: none; } /* .dynatree-lastsib span.dynatree-connector { } */ /******************************************************************************* * Expander icon * Note: IE6 doesn't correctly evaluate multiples class names, * so we create combined class names that can be used in the CSS. * * Prefix: dynatree-exp- * 1st character: 'e': expanded, 'c': collapsed * 2nd character (optional): 'd': lazy (Delayed) * 3rd character (optional): 'l': Last sibling */ span.dynatree-expander { background-position: 0px -80px; cursor: pointer; } span.dynatree-expander:hover { background-position: -16px -80px; } .dynatree-exp-e span.dynatree-expander, .dynatree-exp-ed span.dynatree-expander, .dynatree-exp-el span.dynatree-expander, .dynatree-exp-edl span.dynatree-expander { background-position: -32px -80px; } .dynatree-exp-e span.dynatree-expander:hover, .dynatree-exp-ed span.dynatree-expander:hover, .dynatree-exp-el span.dynatree-expander:hover, .dynatree-exp-edl span.dynatree-expander:hover { background-position: -48px -80px; } .dynatree-loading span.dynatree-expander { background-position: 0 0; background-image: url("../img/plugins/loading.gif"); } /******************************************************************************* * Checkbox icon */ span.dynatree-checkbox { margin-left: 3px; background-position: 0px -32px; } span.dynatree-checkbox:hover { background-position: -16px -32px; } .dynatree-partsel span.dynatree-checkbox { background-position: -64px -32px; } .dynatree-partsel span.dynatree-checkbox:hover { background-position: -80px -32px; } .dynatree-selected span.dynatree-checkbox { background-position: -32px -32px; } .dynatree-selected span.dynatree-checkbox:hover { background-position: -48px -32px; } /******************************************************************************* * Radiobutton icon * This is a customization, that may be activated by overriding the 'checkbox' * class name as 'dynatree-radio' in the tree options. */ span.dynatree-radio { margin-left: 3px; background-position: 0px -48px; } span.dynatree-radio:hover { background-position: -16px -48px; } .dynatree-partsel span.dynatree-radio { background-position: -64px -48px; } .dynatree-partsel span.dynatree-radio:hover { background-position: -80px -48px; } .dynatree-selected span.dynatree-radio { background-position: -32px -48px; } .dynatree-selected span.dynatree-radio:hover { background-position: -48px -48px; } /******************************************************************************* * Node type icon * Note: IE6 doesn't correctly evaluate multiples class names, * so we create combined class names that can be used in the CSS. * * Prefix: dynatree-ico- * 1st character: 'e': expanded, 'c': collapsed * 2nd character (optional): 'f': folder */ span.dynatree-icon { margin-left: 3px; background-position: 0px 0px; } .dynatree-has-children span.dynatree-icon { /* background-position: 0px -16px; */ } .dynatree-ico-cf span.dynatree-icon { background-position: 0px -16px; } .dynatree-ico-ef span.dynatree-icon { background-position: -64px -16px; } /* Status node icons */ .dynatree-statusnode-wait span.dynatree-icon { background-image: url("../img/plugins/loading.gif"); } .dynatree-statusnode-error span.dynatree-icon { background-position: 0px -112px; /* background-image: url("ltError.gif");*/ } /******************************************************************************* * Node titles */ /* @Chrome: otherwise hit area of node titles is broken (issue 133) Removed again for issue 165; (133 couldn't be reproduced) */ span.dynatree-node { /* display: -moz-inline-box; /* issue 133, 165, 172, 192. removed for issue 221 */ /* -moz-box-align: start; /* issue 221 */ display: inline-block; /* issue 373 Required to make a span sizeable */ vertical-align: top; } /* Remove blue color and underline from title links */ ul.dynatree-container a { color: black; /* inherit doesn't work on IE */ text-decoration: none; vertical-align: top; margin: 0px; margin-left: 3px; /* outline: 0; /* @ Firefox, prevent dotted border after click */ /* Set transparent border to prevent jumping when active node gets a border (we can do this, because this theme doesn't use vertical lines) */ border: 1px solid white; /* Note: 'transparent' would not work in IE6 */ } ul.dynatree-container a:hover { /* text-decoration: underline; */ background: #F2F7FD; /* light blue */ border-color: #B8D6FB; /* darker light blue */ } span.dynatree-node a { display: inline-block; /* Better alignment, when title contains
*/ /* vertical-align: top;*/ padding-left: 3px; padding-right: 3px; /* Otherwise italic font will be outside bounds */ /* line-height: 16px; /* should be the same as img height, in case 16 px */ } span.dynatree-folder a { /* font-weight: bold; */ /* custom */ } ul.dynatree-container a:focus, span.dynatree-focused a:link { background-color: #EFEBDE; /* gray */ } span.dynatree-has-children a { /* font-style: oblique; /* custom: */ } span.dynatree-selected a { /* color: green; */ font-style: italic; } span.dynatree-active a { border: 1px solid #99DEFD; background-color: #D8F0FA; } /******************************************************************************* * Drag'n'drop support */ /*** Helper object ************************************************************/ div.dynatree-drag-helper a { border: 1px solid gray; background-color: white; padding-left: 5px; padding-right: 5px; opacity: 0.8; } span.dynatree-drag-helper-img { /* position: relative; left: -16px; */ } div.dynatree-drag-helper { /* border-color: green; background-color: red;*/ } div.dynatree-drop-accept span.dynatree-drag-helper-img { background-position: -32px -112px; } div.dynatree-drag-helper.dynatree-drop-reject { border-color: red; } div.dynatree-drop-reject span.dynatree-drag-helper-img { background-position: -16px -112px; } /*** Drop marker icon *********************************************************/ #dynatree-drop-marker { width: 24px; position: absolute; background-position: 0 -128px; margin: 0; } #dynatree-drop-marker.dynatree-drop-after, #dynatree-drop-marker.dynatree-drop-before { width: 64px; background-position: 0 -144px; } #dynatree-drop-marker.dynatree-drop-copy { background-position: -64px -128px; } #dynatree-drop-marker.dynatree-drop-move { background-position: -64px -128px; } /*** Source node while dragging ***********************************************/ span.dynatree-drag-source { /* border: 1px dotted gray; */ background-color: #e0e0e0; } span.dynatree-drag-source a { color: gray; } /*** Target node while dragging cursor is over it *****************************/ span.dynatree-drop-target { /*border: 1px solid gray;*/ } span.dynatree-drop-target.dynatree-drop-accept a { /*border: 1px solid green;*/ background-color: #3169C6 !important; color: white !important; /* @ IE6 */ text-decoration: none; } span.dynatree-drop-target.dynatree-drop-reject { /*border: 1px solid red;*/ } .morris-hover { position: absolute; z-index: 1000; } .morris-hover.morris-default-style { border-radius: 10px; padding: 6px; color: #666; background: rgba(255, 255, 255, 0.8); border: solid 2px rgba(230, 230, 230, 0.8); font-family: sans-serif; font-size: 12px; text-align: center; } .morris-hover.morris-default-style .morris-hover-row-label { font-weight: bold; margin: 0.25em 0; } .morris-hover.morris-default-style .morris-hover-point { white-space: nowrap; margin: 0.1em 0; } /********************************************************************** * Layout **********************************************************************/ /*** menu ***/ .wPaint-menu { position: absolute !important; display: inline-block; line-height: 0px; z-index: 99; } .wPaint-menu-behind { z-index: 98; } .wPaint-menu-holder { position: relative; margin: 0 1px 1px 0; } .wPaint-menu-handle { display: inline-block; } .wPaint-menu-icon { position: relative; vertical-align: top; } .wPaint-menu-icon-img { position: relative; display: inline-block; background-repeat: no-repeat; overflow: hidden; } /*** select ***/ .wPaint-menu-select-holder { position: absolute; left: 1px; z-index: 10; overflow: hidden; } .wPaint-menu-select { position: relative; text-align: center; overflow-y: scroll; z-index: 100; } .wPaint-menu-select-option.first { border-top: 0px; } /*** alignment ***/ .wPaint-menu-alignment-horizontal .wPaint-menu-icon { display: inline-block; } .wPaint-menu-alignment-vertical .wPaint-menu-icon { display: block; } /*** status ***/ .wPaint-status { position: absolute; display: none; right: 0px; bottom: 0px; } /*** modal ***/ .wPaint-modal-bg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; } .wPaint-modal { position: absolute; display: inline-block; } .wPaint-modal-holder { display: inline-block; overflow: hidden; } .wPaint-modal-content { overflow-y: scroll; width: 100%; height: 100%; } .wPaint-modal-close { position: absolute; } /*** text input ***/ .wPaint-text-input { margin: 0px; padding: 0px; outline-width: 0; word-wrap: break-word; overflow: hidden; } /*** file load ***/ .wPaint-modal-img-holder { line-height: 0px; } .wPaint-modal-img { display: inline-block; } /********************************************************************** * Generic Appearance * * Probably don't need to change these styles but can overwrite * whatever is necessary. **********************************************************************/ /*** menu ***/ .wPaint-menu-holder { border-style: solid; border-width: 1px; box-shadow: 3px 3px 5px #555555; } .wPaint-menu-handle { cursor: pointer; } .wPaint-menu-icon { border-style: solid; border-width: 1px; cursor: pointer; } .wPaint-menu-icon.disabled { cursor: default; } .wPaint-menu-icon.disabled .wPaint-menu-icon-img { opacity: 0.3; } .wPaint-menu-icon-img { font-family: verdana; font-weight: bold; text-align: center; } /*** select ***/ .wPaint-menu-select-holder { border-style: solid; border-width: 1px; box-shadow: 1px 1px 2px #666; } .wPaint-menu-select { font-family: verdana; text-align: center; } .wPaint-menu-select-option { border-top-style: solid; border-top-width: 1px; cursor: pointer; } .wPaint-menu-icon-select-img { background-repeat: no-repeat; } .wPaint-menu-icon-group-arrow { position: absolute; right: 1px; bottom: 1px; } /*** alignment ***/ .wPaint-menu-alignment-horizontal .wPaint-menu-handle { border-right-style: solid; border-right-width: 1px; } .wPaint-menu-alignment-vertical .wPaint-menu-handle { border-bottom-style: solid; border-bottom-width: 1px; } /*** status ***/ .wPaint-status { font-size: 10px; font-family: verdana; line-height: 10px; height: 10px; background-color: #3a3a3a; color: #f0f0f0; padding: 5px; opacity: 0.5; } /*** modal ***/ .wPaint-modal-bg { background-color: #3a3a3a; opacity: 0.8; } .wPaint-modal-holder { height: 100px; box-shadow: 3px 3px 5px #555555; border-radius: 5px; border-style: solid; border-width: 2px; cursor: default; } .wPaint-modal-close { right: -7px; top: -7px; border-radius: 10px; font-size: 8px; line-height: 14px; padding: 0 4px; font-weight: bold; border-style: solid; border-width: 2px; cursor: pointer; } /*** text input ***/ .wPaint-text-input { border: dotted #0000FF 1px; background: none; } /*** file load ***/ .wPaint-modal-img-holder { border: solid #333 1px; border-radius: 5px; margin: 3px; padding: 2px; cursor: pointer; } .wPaint-modal-img { width: 100px; border-radius: 4px; margin-bottom: 0px; } /********************************************************************** * Size - standard theme **********************************************************************/ /*** menu ***/ .wPaint-theme-standard .wPaint-menu-holder { border-radius: 7px; } .wPaint-theme-standard .wPaint-menu-select-holder { border-radius: 5px; } .wPaint-theme-standard .wPaint-menu-icon { border-radius: 7px; } .wPaint-theme-standard .wPaint-menu-icon-img { margin: 6px 5px 5px 6px; width: 18px; height: 18px; line-height: 18px; font-size: 12px; } .wPaint-theme-standard .wPaint-menu-colorpicker .wPaint-menu-icon-img { margin: 3px 2px 2px 3px; width: 24px; height: 24px; border-radius: 5px; } /*** select ***/ .wPaint-theme-standard .wPaint-menu-icon-group .wPaint-menu-select-option { padding: 4px; } .wPaint-theme-standard .wPaint-menu-icon-group-arrow { width: 5px; height: 3px; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAADCAYAAABbNsX4AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAK6wAACusBgosNWgAAABZ0RVh0Q3JlYXRpb24gVGltZQAwOC8xMS8xMyj8hykAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAKElEQVQImV3IwQ0AMAyDQKerspZ3pa9IVXmdGMB8nbbzjrYTNWoA1xeQ3RPyxUyE/gAAAABJRU5ErkJggg=="); } .wPaint-theme-standard .wPaint-menu-select { line-height: 10px; font-size: 10px; max-height: 136px; } .wPaint-theme-standard .wPaint-menu-select-option { max-width: 50px; padding: 4px 7px; } .wPaint-theme-standard .wPaint-menu-icon-select-img { width: 18px; height: 18px; } /* horizontal */ .wPaint-theme-standard .wPaint-menu-alignment-horizontal.wPaint-menu-nohandle .wPaint-menu-holder { padding-left: 4px; } .wPaint-theme-standard .wPaint-menu-alignment-horizontal .wPaint-menu-icon { margin: 4px 5px 4px 0; } .wPaint-theme-standard .wPaint-menu-alignment-horizontal .wPaint-menu-handle { width: 30px; height: 39px; margin-right: 5px; border-top-left-radius: 7px; border-bottom-left-radius: 7px; } /* vertical */ .wPaint-theme-standard .wPaint-menu-alignment-vertical.wPaint-menu-nohandle .wPaint-menu-holder { padding-top: 4px; } .wPaint-theme-standard .wPaint-menu-alignment-vertical .wPaint-menu-icon { margin: 0 4px 5px 4px; } .wPaint-theme-standard .wPaint-menu-alignment-vertical .wPaint-menu-handle { width: 39px; height: 30px; margin-bottom: 5px; border-top-left-radius: 7px; border-top-right-radius: 7px; } /********************************************************************** * Style - classic theme **********************************************************************/ /*** menu ***/ .wPaint-theme-classic .wPaint-menu-holder { border-color: #dadada; background-color: #f0f0f0; } .wPaint-theme-classic .wPaint-menu-handle { background-color: #dadada; box-shadow: inset 1px 1px 3px #FFF; border-color: #dadada; } .wPaint-theme-classic .wPaint-menu-icon { border-color: #b9b9b9; background-color: #b9b9b9; box-shadow: inset 2px 2px 3px #eee, 1px 1px 2px #666; } .wPaint-theme-classic .wPaint-menu-icon.hover, .wPaint-theme-classic .wPaint-menu-icon.active { border-color: #99ccff; background-color: #aaccff; } .wPaint-theme-classic .wPaint-menu-icon-img { color: #696969; } /*** select ***/ .wPaint-theme-classic .wPaint-menu-select-holder { border-color: #CACACA; } .wPaint-theme-classic .wPaint-menu-select { color: #494949; } .wPaint-theme-classic .wPaint-menu-select-option { box-shadow: inset 2px 2px 3px #fff; border-top-color: #CACACA; background-color: #F0F0F0; } .wPaint-theme-classic .wPaint-menu-select-option:hover { box-shadow: inset 1px 1px 1px #fff; background-color: #99ccff; color: #f0f0f0; } /*** modal ***/ .wPaint-theme-classic .wPaint-modal-close, .wPaint-theme-classic .wPaint-modal-holder { border-color: #3a3a3a; background-color: #f0f0f0; } /* Pretty printing styles. Used with prettify.js. * * This version is slight modified based on the original version. * * Name: Stanley Ng * Email: stanleyhlng@googlegroups.com * * Reference: * http://code.google.com/p/google-code-prettify/source/browse/trunk/src/prettify.css */ .pln { color: #48484C; } .str { color: #DD1144; } .kwd { color: #1E347B; } .com { color: #93A1A1; } .typ { color: teal; } .lit { color: #195F91; } .pun { color: #93A1A1; } .opn { color: #93A1A1; } .clo { color: #93A1A1; } .tag { color: #008; } .atn { color: teal; } .atv { color: #DD1144; } .dec { color: teal; } .var { color: teal; } .fun { color: #DC322F; } /* Put a border around prettyprinted code snippets. */ pre.prettyprint { background-color: #F7F7F9; padding: 10px; border: 1px solid #E1E1E8; } pre.prettyprint li { margin-bottom: 0; } pre.prettyprint.linenums { box-shadow: 40px 0 0 #FBFBFC inset, 41px 0 0 #ECECF0 inset; } /* Specify class=linenums on a pre to get line numbering */ ol.linenums { color: #1E347B; margin: 0 0 0 40px; padding: 0; } ol.linenums li { color: #BEBEC5; line-height: 18px; padding-left: 12px; text-shadow: 0 1px 0 #FFFFFF; } li.L0, li.L1, li.L2, li.L3, li.L5, li.L6, li.L7, li.L8 { list-style-type: normal; } /* Alternate shading for lines */ li.L1, li.L3, li.L5, li.L7, li.L9 { background: #eee; } .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .btn-file { overflow: hidden; position: relative; vertical-align: middle; } .btn-file > input { position: absolute; top: 0; right: 0; margin: 0; opacity: 0; filter: alpha(opacity=0); transform: translate(-300px, 0) scale(4); font-size: 23px; direction: ltr; cursor: pointer; } .fileupload { margin-bottom: 9px; } .fileupload .uneditable-input { display: inline-block; margin-bottom: 0px; vertical-align: middle; cursor: text; } .fileupload .thumbnail { overflow: hidden; vertical-align: middle; text-align: center; } .fileupload .thumbnail > img { display: inline-block; vertical-align: middle; max-height: 100%; } .fileupload .btn { vertical-align: middle; } .fileupload-exists .fileupload-new, .fileupload-new .fileupload-exists { display: none; } .fileupload-inline .fileupload-controls { display: inline; } .fileupload-new .input-group .btn-file { -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } .thumbnail-borderless .thumbnail { border: none; padding: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .fileupload-new.thumbnail-borderless .thumbnail { border: 1px solid #ddd; } .control-group.warning .fileupload .uneditable-input { color: #a47e3c; border-color: #a47e3c; } .control-group.warning .fileupload .fileupload-preview { color: #a47e3c; } .control-group.warning .fileupload .thumbnail { border-color: #a47e3c; } .control-group.error .fileupload .uneditable-input { color: #b94a48; border-color: #b94a48; } .control-group.error .fileupload .fileupload-preview { color: #b94a48; } .control-group.error .fileupload .thumbnail { border-color: #b94a48; } .control-group.success .fileupload .uneditable-input { color: #468847; border-color: #468847; } .control-group.success .fileupload .fileupload-preview { color: #468847; } .control-group.success .fileupload .thumbnail { border-color: #468847; } /*=============================================== III. FONTS ================================================= */ /*! * Font Awesome 4.1.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* FONT PATH * -------------------------- */ .fa { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* makes the font 33% larger relative to the icon container */ .fa-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571429em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center; } .fa-li.fa-lg { left: -1.85714286em; } .fa-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em; } .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: .3em; } .fa.pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: spin 2s infinite linear; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } @-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); } } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); } } @-o-keyframes spin { 0% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(359deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fa-rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); -webkit-transform: scale(-1, 1); -moz-transform: scale(-1, 1); -ms-transform: scale(-1, 1); -o-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); -webkit-transform: scale(1, -1); -moz-transform: scale(1, -1); -ms-transform: scale(1, -1); -o-transform: scale(1, -1); transform: scale(1, -1); } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #ffffff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-glass:before { content: "\f000"; } .fa-music:before { content: "\f001"; } .fa-search:before { content: "\f002"; } .fa-envelope-o:before { content: "\f003"; } .fa-heart:before { content: "\f004"; } .fa-star:before { content: "\f005"; } .fa-star-o:before { content: "\f006"; } .fa-user:before { content: "\f007"; } .fa-film:before { content: "\f008"; } .fa-th-large:before { content: "\f009"; } .fa-th:before { content: "\f00a"; } .fa-th-list:before { content: "\f00b"; } .fa-check:before { content: "\f00c"; } .fa-times:before { content: "\f00d"; } .fa-search-plus:before { content: "\f00e"; } .fa-search-minus:before { content: "\f010"; } .fa-power-off:before { content: "\f011"; } .fa-signal:before { content: "\f012"; } .fa-gear:before, .fa-cog:before { content: "\f013"; } .fa-trash-o:before { content: "\f014"; } .fa-home:before { content: "\f015"; } .fa-file-o:before { content: "\f016"; } .fa-clock-o:before { content: "\f017"; } .fa-road:before { content: "\f018"; } .fa-download:before { content: "\f019"; } .fa-arrow-circle-o-down:before { content: "\f01a"; } .fa-arrow-circle-o-up:before { content: "\f01b"; } .fa-inbox:before { content: "\f01c"; } .fa-play-circle-o:before { content: "\f01d"; } .fa-rotate-right:before, .fa-repeat:before { content: "\f01e"; } .fa-refresh:before { content: "\f021"; } .fa-list-alt:before { content: "\f022"; } .fa-lock:before { content: "\f023"; } .fa-flag:before { content: "\f024"; } .fa-headphones:before { content: "\f025"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-up:before { content: "\f028"; } .fa-qrcode:before { content: "\f029"; } .fa-barcode:before { content: "\f02a"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-book:before { content: "\f02d"; } .fa-bookmark:before { content: "\f02e"; } .fa-print:before { content: "\f02f"; } .fa-camera:before { content: "\f030"; } .fa-font:before { content: "\f031"; } .fa-bold:before { content: "\f032"; } .fa-italic:before { content: "\f033"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-align-left:before { content: "\f036"; } .fa-align-center:before { content: "\f037"; } .fa-align-right:before { content: "\f038"; } .fa-align-justify:before { content: "\f039"; } .fa-list:before { content: "\f03a"; } .fa-dedent:before, .fa-outdent:before { content: "\f03b"; } .fa-indent:before { content: "\f03c"; } .fa-video-camera:before { content: "\f03d"; } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\f03e"; } .fa-pencil:before { content: "\f040"; } .fa-map-marker:before { content: "\f041"; } .fa-adjust:before { content: "\f042"; } .fa-tint:before { content: "\f043"; } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044"; } .fa-share-square-o:before { content: "\f045"; } .fa-check-square-o:before { content: "\f046"; } .fa-arrows:before { content: "\f047"; } .fa-step-backward:before { content: "\f048"; } .fa-fast-backward:before { content: "\f049"; } .fa-backward:before { content: "\f04a"; } .fa-play:before { content: "\f04b"; } .fa-pause:before { content: "\f04c"; } .fa-stop:before { content: "\f04d"; } .fa-forward:before { content: "\f04e"; } .fa-fast-forward:before { content: "\f050"; } .fa-step-forward:before { content: "\f051"; } .fa-eject:before { content: "\f052"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-plus-circle:before { content: "\f055"; } .fa-minus-circle:before { content: "\f056"; } .fa-times-circle:before { content: "\f057"; } .fa-check-circle:before { content: "\f058"; } .fa-question-circle:before { content: "\f059"; } .fa-info-circle:before { content: "\f05a"; } .fa-crosshairs:before { content: "\f05b"; } .fa-times-circle-o:before { content: "\f05c"; } .fa-check-circle-o:before { content: "\f05d"; } .fa-ban:before { content: "\f05e"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrow-down:before { content: "\f063"; } .fa-mail-forward:before, .fa-share:before { content: "\f064"; } .fa-expand:before { content: "\f065"; } .fa-compress:before { content: "\f066"; } .fa-plus:before { content: "\f067"; } .fa-minus:before { content: "\f068"; } .fa-asterisk:before { content: "\f069"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-gift:before { content: "\f06b"; } .fa-leaf:before { content: "\f06c"; } .fa-fire:before { content: "\f06d"; } .fa-eye:before { content: "\f06e"; } .fa-eye-slash:before { content: "\f070"; } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; } .fa-plane:before { content: "\f072"; } .fa-calendar:before { content: "\f073"; } .fa-random:before { content: "\f074"; } .fa-comment:before { content: "\f075"; } .fa-magnet:before { content: "\f076"; } .fa-chevron-up:before { content: "\f077"; } .fa-chevron-down:before { content: "\f078"; } .fa-retweet:before { content: "\f079"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-folder:before { content: "\f07b"; } .fa-folder-open:before { content: "\f07c"; } .fa-arrows-v:before { content: "\f07d"; } .fa-arrows-h:before { content: "\f07e"; } .fa-bar-chart-o:before { content: "\f080"; } .fa-twitter-square:before { content: "\f081"; } .fa-facebook-square:before { content: "\f082"; } .fa-camera-retro:before { content: "\f083"; } .fa-key:before { content: "\f084"; } .fa-gears:before, .fa-cogs:before { content: "\f085"; } .fa-comments:before { content: "\f086"; } .fa-thumbs-o-up:before { content: "\f087"; } .fa-thumbs-o-down:before { content: "\f088"; } .fa-star-half:before { content: "\f089"; } .fa-heart-o:before { content: "\f08a"; } .fa-sign-out:before { content: "\f08b"; } .fa-linkedin-square:before { content: "\f08c"; } .fa-thumb-tack:before { content: "\f08d"; } .fa-external-link:before { content: "\f08e"; } .fa-sign-in:before { content: "\f090"; } .fa-trophy:before { content: "\f091"; } .fa-github-square:before { content: "\f092"; } .fa-upload:before { content: "\f093"; } .fa-lemon-o:before { content: "\f094"; } .fa-phone:before { content: "\f095"; } .fa-square-o:before { content: "\f096"; } .fa-bookmark-o:before { content: "\f097"; } .fa-phone-square:before { content: "\f098"; } .fa-twitter:before { content: "\f099"; } .fa-facebook:before { content: "\f09a"; } .fa-github:before { content: "\f09b"; } .fa-unlock:before { content: "\f09c"; } .fa-credit-card:before { content: "\f09d"; } .fa-rss:before { content: "\f09e"; } .fa-hdd-o:before { content: "\f0a0"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bell:before { content: "\f0f3"; } .fa-certificate:before { content: "\f0a3"; } .fa-hand-o-right:before { content: "\f0a4"; } .fa-hand-o-left:before { content: "\f0a5"; } .fa-hand-o-up:before { content: "\f0a6"; } .fa-hand-o-down:before { content: "\f0a7"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-globe:before { content: "\f0ac"; } .fa-wrench:before { content: "\f0ad"; } .fa-tasks:before { content: "\f0ae"; } .fa-filter:before { content: "\f0b0"; } .fa-briefcase:before { content: "\f0b1"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-group:before, .fa-users:before { content: "\f0c0"; } .fa-chain:before, .fa-link:before { content: "\f0c1"; } .fa-cloud:before { content: "\f0c2"; } .fa-flask:before { content: "\f0c3"; } .fa-cut:before, .fa-scissors:before { content: "\f0c4"; } .fa-copy:before, .fa-files-o:before { content: "\f0c5"; } .fa-paperclip:before { content: "\f0c6"; } .fa-save:before, .fa-floppy-o:before { content: "\f0c7"; } .fa-square:before { content: "\f0c8"; } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9"; } .fa-list-ul:before { content: "\f0ca"; } .fa-list-ol:before { content: "\f0cb"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-underline:before { content: "\f0cd"; } .fa-table:before { content: "\f0ce"; } .fa-magic:before { content: "\f0d0"; } .fa-truck:before { content: "\f0d1"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-plus:before { content: "\f0d5"; } .fa-money:before { content: "\f0d6"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-up:before { content: "\f0d8"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-columns:before { content: "\f0db"; } .fa-unsorted:before, .fa-sort:before { content: "\f0dc"; } .fa-sort-down:before, .fa-sort-desc:before { content: "\f0dd"; } .fa-sort-up:before, .fa-sort-asc:before { content: "\f0de"; } .fa-envelope:before { content: "\f0e0"; } .fa-linkedin:before { content: "\f0e1"; } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; } .fa-legal:before, .fa-gavel:before { content: "\f0e3"; } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"; } .fa-comment-o:before { content: "\f0e5"; } .fa-comments-o:before { content: "\f0e6"; } .fa-flash:before, .fa-bolt:before { content: "\f0e7"; } .fa-sitemap:before { content: "\f0e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-paste:before, .fa-clipboard:before { content: "\f0ea"; } .fa-lightbulb-o:before { content: "\f0eb"; } .fa-exchange:before { content: "\f0ec"; } .fa-cloud-download:before { content: "\f0ed"; } .fa-cloud-upload:before { content: "\f0ee"; } .fa-user-md:before { content: "\f0f0"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-suitcase:before { content: "\f0f2"; } .fa-bell-o:before { content: "\f0a2"; } .fa-coffee:before { content: "\f0f4"; } .fa-cutlery:before { content: "\f0f5"; } .fa-file-text-o:before { content: "\f0f6"; } .fa-building-o:before { content: "\f0f7"; } .fa-hospital-o:before { content: "\f0f8"; } .fa-ambulance:before { content: "\f0f9"; } .fa-medkit:before { content: "\f0fa"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-beer:before { content: "\f0fc"; } .fa-h-square:before { content: "\f0fd"; } .fa-plus-square:before { content: "\f0fe"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angle-down:before { content: "\f107"; } .fa-desktop:before { content: "\f108"; } .fa-laptop:before { content: "\f109"; } .fa-tablet:before { content: "\f10a"; } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; } .fa-circle-o:before { content: "\f10c"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-spinner:before { content: "\f110"; } .fa-circle:before { content: "\f111"; } .fa-mail-reply:before, .fa-reply:before { content: "\f112"; } .fa-github-alt:before { content: "\f113"; } .fa-folder-o:before { content: "\f114"; } .fa-folder-open-o:before { content: "\f115"; } .fa-smile-o:before { content: "\f118"; } .fa-frown-o:before { content: "\f119"; } .fa-meh-o:before { content: "\f11a"; } .fa-gamepad:before { content: "\f11b"; } .fa-keyboard-o:before { content: "\f11c"; } .fa-flag-o:before { content: "\f11d"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-terminal:before { content: "\f120"; } .fa-code:before { content: "\f121"; } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122"; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123"; } .fa-location-arrow:before { content: "\f124"; } .fa-crop:before { content: "\f125"; } .fa-code-fork:before { content: "\f126"; } .fa-unlink:before, .fa-chain-broken:before { content: "\f127"; } .fa-question:before { content: "\f128"; } .fa-info:before { content: "\f129"; } .fa-exclamation:before { content: "\f12a"; } .fa-superscript:before { content: "\f12b"; } .fa-subscript:before { content: "\f12c"; } .fa-eraser:before { content: "\f12d"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-slash:before { content: "\f131"; } .fa-shield:before { content: "\f132"; } .fa-calendar-o:before { content: "\f133"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-rocket:before { content: "\f135"; } .fa-maxcdn:before { content: "\f136"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-html5:before { content: "\f13b"; } .fa-css3:before { content: "\f13c"; } .fa-anchor:before { content: "\f13d"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-bullseye:before { content: "\f140"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-rss-square:before { content: "\f143"; } .fa-play-circle:before { content: "\f144"; } .fa-ticket:before { content: "\f145"; } .fa-minus-square:before { content: "\f146"; } .fa-minus-square-o:before { content: "\f147"; } .fa-level-up:before { content: "\f148"; } .fa-level-down:before { content: "\f149"; } .fa-check-square:before { content: "\f14a"; } .fa-pencil-square:before { content: "\f14b"; } .fa-external-link-square:before { content: "\f14c"; } .fa-share-square:before { content: "\f14d"; } .fa-compass:before { content: "\f14e"; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150"; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151"; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152"; } .fa-euro:before, .fa-eur:before { content: "\f153"; } .fa-gbp:before { content: "\f154"; } .fa-dollar:before, .fa-usd:before { content: "\f155"; } .fa-rupee:before, .fa-inr:before { content: "\f156"; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157"; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158"; } .fa-won:before, .fa-krw:before { content: "\f159"; } .fa-bitcoin:before, .fa-btc:before { content: "\f15a"; } .fa-file:before { content: "\f15b"; } .fa-file-text:before { content: "\f15c"; } .fa-sort-alpha-asc:before { content: "\f15d"; } .fa-sort-alpha-desc:before { content: "\f15e"; } .fa-sort-amount-asc:before { content: "\f160"; } .fa-sort-amount-desc:before { content: "\f161"; } .fa-sort-numeric-asc:before { content: "\f162"; } .fa-sort-numeric-desc:before { content: "\f163"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbs-down:before { content: "\f165"; } .fa-youtube-square:before { content: "\f166"; } .fa-youtube:before { content: "\f167"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-youtube-play:before { content: "\f16a"; } .fa-dropbox:before { content: "\f16b"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-instagram:before { content: "\f16d"; } .fa-flickr:before { content: "\f16e"; } .fa-adn:before { content: "\f170"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitbucket-square:before { content: "\f172"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-long-arrow-down:before { content: "\f175"; } .fa-long-arrow-up:before { content: "\f176"; } .fa-long-arrow-left:before { content: "\f177"; } .fa-long-arrow-right:before { content: "\f178"; } .fa-apple:before { content: "\f179"; } .fa-windows:before { content: "\f17a"; } .fa-android:before { content: "\f17b"; } .fa-linux:before { content: "\f17c"; } .fa-dribbble:before { content: "\f17d"; } .fa-skype:before { content: "\f17e"; } .fa-foursquare:before { content: "\f180"; } .fa-trello:before { content: "\f181"; } .fa-female:before { content: "\f182"; } .fa-male:before { content: "\f183"; } .fa-gittip:before { content: "\f184"; } .fa-sun-o:before { content: "\f185"; } .fa-moon-o:before { content: "\f186"; } .fa-archive:before { content: "\f187"; } .fa-bug:before { content: "\f188"; } .fa-vk:before { content: "\f189"; } .fa-weibo:before { content: "\f18a"; } .fa-renren:before { content: "\f18b"; } .fa-pagelines:before { content: "\f18c"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-arrow-circle-o-right:before { content: "\f18e"; } .fa-arrow-circle-o-left:before { content: "\f190"; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191"; } .fa-dot-circle-o:before { content: "\f192"; } .fa-wheelchair:before { content: "\f193"; } .fa-vimeo-square:before { content: "\f194"; } .fa-turkish-lira:before, .fa-try:before { content: "\f195"; } .fa-plus-square-o:before { content: "\f196"; } .fa-space-shuttle:before { content: "\f197"; } .fa-slack:before { content: "\f198"; } .fa-envelope-square:before { content: "\f199"; } .fa-wordpress:before { content: "\f19a"; } .fa-openid:before { content: "\f19b"; } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "\f19c"; } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d"; } .fa-yahoo:before { content: "\f19e"; } .fa-google:before { content: "\f1a0"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-digg:before { content: "\f1a6"; } .fa-pied-piper-square:before, .fa-pied-piper:before { content: "\f1a7"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-drupal:before { content: "\f1a9"; } .fa-joomla:before { content: "\f1aa"; } .fa-language:before { content: "\f1ab"; } .fa-fax:before { content: "\f1ac"; } .fa-building:before { content: "\f1ad"; } .fa-child:before { content: "\f1ae"; } .fa-paw:before { content: "\f1b0"; } .fa-spoon:before { content: "\f1b1"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-recycle:before { content: "\f1b8"; } .fa-automobile:before, .fa-car:before { content: "\f1b9"; } .fa-cab:before, .fa-taxi:before { content: "\f1ba"; } .fa-tree:before { content: "\f1bb"; } .fa-spotify:before { content: "\f1bc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-soundcloud:before { content: "\f1be"; } .fa-database:before { content: "\f1c0"; } .fa-file-pdf-o:before { content: "\f1c1"; } .fa-file-word-o:before { content: "\f1c2"; } .fa-file-excel-o:before { content: "\f1c3"; } .fa-file-powerpoint-o:before { content: "\f1c4"; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5"; } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6"; } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "\f1c7"; } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8"; } .fa-file-code-o:before { content: "\f1c9"; } .fa-vine:before { content: "\f1ca"; } .fa-codepen:before { content: "\f1cb"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-life-bouy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd"; } .fa-circle-o-notch:before { content: "\f1ce"; } .fa-ra:before, .fa-rebel:before { content: "\f1d0"; } .fa-ge:before, .fa-empire:before { content: "\f1d1"; } .fa-git-square:before { content: "\f1d2"; } .fa-git:before { content: "\f1d3"; } .fa-hacker-news:before { content: "\f1d4"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-qq:before { content: "\f1d6"; } .fa-wechat:before, .fa-weixin:before { content: "\f1d7"; } .fa-send:before, .fa-paper-plane:before { content: "\f1d8"; } .fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9"; } .fa-history:before { content: "\f1da"; } .fa-circle-thin:before { content: "\f1db"; } .fa-header:before { content: "\f1dc"; } .fa-paragraph:before { content: "\f1dd"; } .fa-sliders:before { content: "\f1de"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-bomb:before { content: "\f1e2"; } html, html .halflings { -webkit-font-smoothing: antialiased !important; } @font-face { font-family: Glyphicons; src: url(vendor/fonts/glyphicons_pro/glyphicons-regular.eot); src: url(vendor/fonts/glyphicons_pro/glyphicons-regular.eot?#iefix) format("embedded-opentype"), url(vendor/fonts/glyphicons_pro/glyphicons-regular.woff) format("woff"), url(vendor/fonts/glyphicons_pro/glyphicons-regular.ttf) format("truetype"), url(vendor/fonts/glyphicons_pro/glyphicons-regular.svg#glyphicons_halflingsregular) format("svg"); font-weight: 400; font-style: normal; } .glyphicons { position: relative; top: 1px; display: inline-block; font-family: Glyphicons; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .glyphicons:empty { width: 1em; } .glyphicons-white:before { color: #fff; } .glyphicons-glass:before { content: "\e001"; } .glyphicons-leaf:before { content: "\e002"; } .glyphicons-dog:before { content: "\e003"; } .glyphicons-user:before { content: "\e004"; } .glyphicons-girl:before { content: "\e005"; } .glyphicons-car:before { content: "\e006"; } .glyphicons-user_add:before { content: "\e007"; } .glyphicons-user_remove:before { content: "\e008"; } .glyphicons-film:before { content: "\e009"; } .glyphicons-magic:before { content: "\e010"; } .glyphicons-envelope:before { content: "\2709"; } .glyphicons-camera:before { content: "\e012"; } .glyphicons-heart:before { content: "\e013"; } .glyphicons-beach_umbrella:before { content: "\e014"; } .glyphicons-train:before { content: "\e015"; } .glyphicons-print:before { content: "\e016"; } .glyphicons-bin:before { content: "\e017"; } .glyphicons-music:before { content: "\e018"; } .glyphicons-note:before { content: "\e019"; } .glyphicons-heart_empty:before { content: "\e020"; } .glyphicons-home:before { content: "\e021"; } .glyphicons-snowflake:before { content: "\2744"; } .glyphicons-fire:before { content: "\e023"; } .glyphicons-magnet:before { content: "\e024"; } .glyphicons-parents:before { content: "\e025"; } .glyphicons-binoculars:before { content: "\e026"; } .glyphicons-road:before { content: "\e027"; } .glyphicons-search:before { content: "\e028"; } .glyphicons-cars:before { content: "\e029"; } .glyphicons-notes_2:before { content: "\e030"; } .glyphicons-pencil:before { content: "\270F"; } .glyphicons-bus:before { content: "\e032"; } .glyphicons-wifi_alt:before { content: "\e033"; } .glyphicons-luggage:before { content: "\e034"; } .glyphicons-old_man:before { content: "\e035"; } .glyphicons-woman:before { content: "\e036"; } .glyphicons-file:before { content: "\e037"; } .glyphicons-coins:before { content: "\e038"; } .glyphicons-airplane:before { content: "\2708"; } .glyphicons-notes:before { content: "\e040"; } .glyphicons-stats:before { content: "\e041"; } .glyphicons-charts:before { content: "\e042"; } .glyphicons-pie_chart:before { content: "\e043"; } .glyphicons-group:before { content: "\e044"; } .glyphicons-keys:before { content: "\e045"; } .glyphicons-calendar:before { content: "\e046"; } .glyphicons-router:before { content: "\e047"; } .glyphicons-camera_small:before { content: "\e048"; } .glyphicons-dislikes:before { content: "\e049"; } .glyphicons-star:before { content: "\e050"; } .glyphicons-link:before { content: "\e051"; } .glyphicons-eye_open:before { content: "\e052"; } .glyphicons-eye_close:before { content: "\e053"; } .glyphicons-alarm:before { content: "\e054"; } .glyphicons-clock:before { content: "\e055"; } .glyphicons-stopwatch:before { content: "\e056"; } .glyphicons-projector:before { content: "\e057"; } .glyphicons-history:before { content: "\e058"; } .glyphicons-truck:before { content: "\e059"; } .glyphicons-cargo:before { content: "\e060"; } .glyphicons-compass:before { content: "\e061"; } .glyphicons-keynote:before { content: "\e062"; } .glyphicons-paperclip:before { content: "\e063"; } .glyphicons-power:before { content: "\e064"; } .glyphicons-lightbulb:before { content: "\e065"; } .glyphicons-tag:before { content: "\e066"; } .glyphicons-tags:before { content: "\e067"; } .glyphicons-cleaning:before { content: "\e068"; } .glyphicons-ruller:before { content: "\e069"; } .glyphicons-gift:before { content: "\e070"; } .glyphicons-umbrella:before { content: "\2602"; } .glyphicons-book:before { content: "\e072"; } .glyphicons-bookmark:before { content: "\e073"; } .glyphicons-wifi:before { content: "\e074"; } .glyphicons-cup:before { content: "\e075"; } .glyphicons-stroller:before { content: "\e076"; } .glyphicons-headphones:before { content: "\e077"; } .glyphicons-headset:before { content: "\e078"; } .glyphicons-warning_sign:before { content: "\e079"; } .glyphicons-signal:before { content: "\e080"; } .glyphicons-retweet:before { content: "\e081"; } .glyphicons-refresh:before { content: "\e082"; } .glyphicons-roundabout:before { content: "\e083"; } .glyphicons-random:before { content: "\e084"; } .glyphicons-heat:before { content: "\e085"; } .glyphicons-repeat:before { content: "\e086"; } .glyphicons-display:before { content: "\e087"; } .glyphicons-log_book:before { content: "\e088"; } .glyphicons-adress_book:before { content: "\e089"; } .glyphicons-building:before { content: "\e090"; } .glyphicons-eyedropper:before { content: "\e091"; } .glyphicons-adjust:before { content: "\e092"; } .glyphicons-tint:before { content: "\e093"; } .glyphicons-crop:before { content: "\e094"; } .glyphicons-vector_path_square:before { content: "\e095"; } .glyphicons-vector_path_circle:before { content: "\e096"; } .glyphicons-vector_path_polygon:before { content: "\e097"; } .glyphicons-vector_path_line:before { content: "\e098"; } .glyphicons-vector_path_curve:before { content: "\e099"; } .glyphicons-vector_path_all:before { content: "\e100"; } .glyphicons-font:before { content: "\e101"; } .glyphicons-italic:before { content: "\e102"; } .glyphicons-bold:before { content: "\e103"; } .glyphicons-text_underline:before { content: "\e104"; } .glyphicons-text_strike:before { content: "\e105"; } .glyphicons-text_height:before { content: "\e106"; } .glyphicons-text_width:before { content: "\e107"; } .glyphicons-text_resize:before { content: "\e108"; } .glyphicons-left_indent:before { content: "\e109"; } .glyphicons-right_indent:before { content: "\e110"; } .glyphicons-align_left:before { content: "\e111"; } .glyphicons-align_center:before { content: "\e112"; } .glyphicons-align_right:before { content: "\e113"; } .glyphicons-justify:before { content: "\e114"; } .glyphicons-list:before { content: "\e115"; } .glyphicons-text_smaller:before { content: "\e116"; } .glyphicons-text_bigger:before { content: "\e117"; } .glyphicons-embed:before { content: "\e118"; } .glyphicons-embed_close:before { content: "\e119"; } .glyphicons-table:before { content: "\e120"; } .glyphicons-message_full:before { content: "\e121"; } .glyphicons-message_empty:before { content: "\e122"; } .glyphicons-message_in:before { content: "\e123"; } .glyphicons-message_out:before { content: "\e124"; } .glyphicons-message_plus:before { content: "\e125"; } .glyphicons-message_minus:before { content: "\e126"; } .glyphicons-message_ban:before { content: "\e127"; } .glyphicons-message_flag:before { content: "\e128"; } .glyphicons-message_lock:before { content: "\e129"; } .glyphicons-message_new:before { content: "\e130"; } .glyphicons-inbox:before { content: "\e131"; } .glyphicons-inbox_plus:before { content: "\e132"; } .glyphicons-inbox_minus:before { content: "\e133"; } .glyphicons-inbox_lock:before { content: "\e134"; } .glyphicons-inbox_in:before { content: "\e135"; } .glyphicons-inbox_out:before { content: "\e136"; } .glyphicons-cogwheel:before { content: "\e137"; } .glyphicons-cogwheels:before { content: "\e138"; } .glyphicons-picture:before { content: "\e139"; } .glyphicons-adjust_alt:before { content: "\e140"; } .glyphicons-database_lock:before { content: "\e141"; } .glyphicons-database_plus:before { content: "\e142"; } .glyphicons-database_minus:before { content: "\e143"; } .glyphicons-database_ban:before { content: "\e144"; } .glyphicons-folder_open:before { content: "\e145"; } .glyphicons-folder_plus:before { content: "\e146"; } .glyphicons-folder_minus:before { content: "\e147"; } .glyphicons-folder_lock:before { content: "\e148"; } .glyphicons-folder_flag:before { content: "\e149"; } .glyphicons-folder_new:before { content: "\e150"; } .glyphicons-edit:before { content: "\e151"; } .glyphicons-new_window:before { content: "\e152"; } .glyphicons-check:before { content: "\e153"; } .glyphicons-unchecked:before { content: "\e154"; } .glyphicons-more_windows:before { content: "\e155"; } .glyphicons-show_big_thumbnails:before { content: "\e156"; } .glyphicons-show_thumbnails:before { content: "\e157"; } .glyphicons-show_thumbnails_with_lines:before { content: "\e158"; } .glyphicons-show_lines:before { content: "\e159"; } .glyphicons-playlist:before { content: "\e160"; } .glyphicons-imac:before { content: "\e161"; } .glyphicons-macbook:before { content: "\e162"; } .glyphicons-ipad:before { content: "\e163"; } .glyphicons-iphone:before { content: "\e164"; } .glyphicons-iphone_transfer:before { content: "\e165"; } .glyphicons-iphone_exchange:before { content: "\e166"; } .glyphicons-ipod:before { content: "\e167"; } .glyphicons-ipod_shuffle:before { content: "\e168"; } .glyphicons-ear_plugs:before { content: "\e169"; } .glyphicons-phone:before { content: "\e170"; } .glyphicons-step_backward:before { content: "\e171"; } .glyphicons-fast_backward:before { content: "\e172"; } .glyphicons-rewind:before { content: "\e173"; } .glyphicons-play:before { content: "\e174"; } .glyphicons-pause:before { content: "\e175"; } .glyphicons-stop:before { content: "\e176"; } .glyphicons-forward:before { content: "\e177"; } .glyphicons-fast_forward:before { content: "\e178"; } .glyphicons-step_forward:before { content: "\e179"; } .glyphicons-eject:before { content: "\e180"; } .glyphicons-facetime_video:before { content: "\e181"; } .glyphicons-download_alt:before { content: "\e182"; } .glyphicons-mute:before { content: "\e183"; } .glyphicons-volume_down:before { content: "\e184"; } .glyphicons-volume_up:before { content: "\e185"; } .glyphicons-screenshot:before { content: "\e186"; } .glyphicons-move:before { content: "\e187"; } .glyphicons-more:before { content: "\e188"; } .glyphicons-brightness_reduce:before { content: "\e189"; } .glyphicons-brightness_increase:before { content: "\e190"; } .glyphicons-circle_plus:before { content: "\e191"; } .glyphicons-circle_minus:before { content: "\e192"; } .glyphicons-circle_remove:before { content: "\e193"; } .glyphicons-circle_ok:before { content: "\e194"; } .glyphicons-circle_question_mark:before { content: "\e195"; } .glyphicons-circle_info:before { content: "\e196"; } .glyphicons-circle_exclamation_mark:before { content: "\e197"; } .glyphicons-remove:before { content: "\e198"; } .glyphicons-ok:before { content: "\e199"; } .glyphicons-ban:before { content: "\e200"; } .glyphicons-download:before { content: "\e201"; } .glyphicons-upload:before { content: "\e202"; } .glyphicons-shopping_cart:before { content: "\e203"; } .glyphicons-lock:before { content: "\e204"; } .glyphicons-unlock:before { content: "\e205"; } .glyphicons-electricity:before { content: "\e206"; } .glyphicons-ok_2:before { content: "\e207"; } .glyphicons-remove_2:before { content: "\e208"; } .glyphicons-cart_out:before { content: "\e209"; } .glyphicons-cart_in:before { content: "\e210"; } .glyphicons-left_arrow:before { content: "\e211"; } .glyphicons-right_arrow:before { content: "\e212"; } .glyphicons-down_arrow:before { content: "\e213"; } .glyphicons-up_arrow:before { content: "\e214"; } .glyphicons-resize_small:before { content: "\e215"; } .glyphicons-resize_full:before { content: "\e216"; } .glyphicons-circle_arrow_left:before { content: "\e217"; } .glyphicons-circle_arrow_right:before { content: "\e218"; } .glyphicons-circle_arrow_top:before { content: "\e219"; } .glyphicons-circle_arrow_down:before { content: "\e220"; } .glyphicons-play_button:before { content: "\e221"; } .glyphicons-unshare:before { content: "\e222"; } .glyphicons-share:before { content: "\e223"; } .glyphicons-chevron-right:before { content: "\e224"; } .glyphicons-chevron-left:before { content: "\e225"; } .glyphicons-bluetooth:before { content: "\e226"; } .glyphicons-euro:before { content: "\20AC"; } .glyphicons-usd:before { content: "\e228"; } .glyphicons-gbp:before { content: "\e229"; } .glyphicons-retweet_2:before { content: "\e230"; } .glyphicons-moon:before { content: "\e231"; } .glyphicons-sun:before { content: "\2609"; } .glyphicons-cloud:before { content: "\2601"; } .glyphicons-direction:before { content: "\e234"; } .glyphicons-brush:before { content: "\e235"; } .glyphicons-pen:before { content: "\e236"; } .glyphicons-zoom_in:before { content: "\e237"; } .glyphicons-zoom_out:before { content: "\e238"; } .glyphicons-pin:before { content: "\e239"; } .glyphicons-albums:before { content: "\e240"; } .glyphicons-rotation_lock:before { content: "\e241"; } .glyphicons-flash:before { content: "\e242"; } .glyphicons-google_maps:before { content: "\e243"; } .glyphicons-anchor:before { content: "\2693"; } .glyphicons-conversation:before { content: "\e245"; } .glyphicons-chat:before { content: "\e246"; } .glyphicons-male:before { content: "\e247"; } .glyphicons-female:before { content: "\e248"; } .glyphicons-asterisk:before { content: "\002A"; } .glyphicons-divide:before { content: "\00F7"; } .glyphicons-snorkel_diving:before { content: "\e251"; } .glyphicons-scuba_diving:before { content: "\e252"; } .glyphicons-oxygen_bottle:before { content: "\e253"; } .glyphicons-fins:before { content: "\e254"; } .glyphicons-fishes:before { content: "\e255"; } .glyphicons-boat:before { content: "\e256"; } .glyphicons-delete:before { content: "\e257"; } .glyphicons-sheriffs_star:before { content: "\e258"; } .glyphicons-qrcode:before { content: "\e259"; } .glyphicons-barcode:before { content: "\e260"; } .glyphicons-pool:before { content: "\e261"; } .glyphicons-buoy:before { content: "\e262"; } .glyphicons-spade:before { content: "\e263"; } .glyphicons-bank:before { content: "\e264"; } .glyphicons-vcard:before { content: "\e265"; } .glyphicons-electrical_plug:before { content: "\e266"; } .glyphicons-flag:before { content: "\e267"; } .glyphicons-credit_card:before { content: "\e268"; } .glyphicons-keyboard-wireless:before { content: "\e269"; } .glyphicons-keyboard-wired:before { content: "\e270"; } .glyphicons-shield:before { content: "\e271"; } .glyphicons-ring:before { content: "\02DA"; } .glyphicons-cake:before { content: "\e273"; } .glyphicons-drink:before { content: "\e274"; } .glyphicons-beer:before { content: "\e275"; } .glyphicons-fast_food:before { content: "\e276"; } .glyphicons-cutlery:before { content: "\e277"; } .glyphicons-pizza:before { content: "\e278"; } .glyphicons-birthday_cake:before { content: "\e279"; } .glyphicons-tablet:before { content: "\e280"; } .glyphicons-settings:before { content: "\e281"; } .glyphicons-bullets:before { content: "\e282"; } .glyphicons-cardio:before { content: "\e283"; } .glyphicons-t-shirt:before { content: "\e284"; } .glyphicons-pants:before { content: "\e285"; } .glyphicons-sweater:before { content: "\e286"; } .glyphicons-fabric:before { content: "\e287"; } .glyphicons-leather:before { content: "\e288"; } .glyphicons-scissors:before { content: "\e289"; } .glyphicons-bomb:before { content: "\e290"; } .glyphicons-skull:before { content: "\e291"; } .glyphicons-celebration:before { content: "\e292"; } .glyphicons-tea_kettle:before { content: "\e293"; } .glyphicons-french_press:before { content: "\e294"; } .glyphicons-coffe_cup:before { content: "\e295"; } .glyphicons-pot:before { content: "\e296"; } .glyphicons-grater:before { content: "\e297"; } .glyphicons-kettle:before { content: "\e298"; } .glyphicons-hospital:before { content: "\e299"; } .glyphicons-hospital_h:before { content: "\e300"; } .glyphicons-microphone:before { content: "\e301"; } .glyphicons-webcam:before { content: "\e302"; } .glyphicons-temple_christianity_church:before { content: "\e303"; } .glyphicons-temple_islam:before { content: "\e304"; } .glyphicons-temple_hindu:before { content: "\e305"; } .glyphicons-temple_buddhist:before { content: "\e306"; } .glyphicons-bicycle:before { content: "\e307"; } .glyphicons-life_preserver:before { content: "\e308"; } .glyphicons-share_alt:before { content: "\e309"; } .glyphicons-comments:before { content: "\e310"; } .glyphicons-flower:before { content: "\2698"; } .glyphicons-baseball:before { content: "\e312"; } .glyphicons-rugby:before { content: "\e313"; } .glyphicons-ax:before { content: "\e314"; } .glyphicons-table_tennis:before { content: "\e315"; } .glyphicons-bowling:before { content: "\e316"; } .glyphicons-tree_conifer:before { content: "\e317"; } .glyphicons-tree_deciduous:before { content: "\e318"; } .glyphicons-more_items:before { content: "\e319"; } .glyphicons-sort:before { content: "\e320"; } .glyphicons-filter:before { content: "\e321"; } .glyphicons-gamepad:before { content: "\e322"; } .glyphicons-playing_dices:before { content: "\e323"; } .glyphicons-calculator:before { content: "\e324"; } .glyphicons-tie:before { content: "\e325"; } .glyphicons-wallet:before { content: "\e326"; } .glyphicons-piano:before { content: "\e327"; } .glyphicons-sampler:before { content: "\e328"; } .glyphicons-podium:before { content: "\e329"; } .glyphicons-soccer_ball:before { content: "\e330"; } .glyphicons-blog:before { content: "\e331"; } .glyphicons-dashboard:before { content: "\e332"; } .glyphicons-certificate:before { content: "\e333"; } .glyphicons-bell:before { content: "\e334"; } .glyphicons-candle:before { content: "\e335"; } .glyphicons-pushpin:before { content: "\e336"; } .glyphicons-iphone_shake:before { content: "\e337"; } .glyphicons-pin_flag:before { content: "\e338"; } .glyphicons-turtle:before { content: "\e339"; } .glyphicons-rabbit:before { content: "\e340"; } .glyphicons-globe:before { content: "\e341"; } .glyphicons-briefcase:before { content: "\e342"; } .glyphicons-hdd:before { content: "\e343"; } .glyphicons-thumbs_up:before { content: "\e344"; } .glyphicons-thumbs_down:before { content: "\e345"; } .glyphicons-hand_right:before { content: "\e346"; } .glyphicons-hand_left:before { content: "\e347"; } .glyphicons-hand_up:before { content: "\e348"; } .glyphicons-hand_down:before { content: "\e349"; } .glyphicons-fullscreen:before { content: "\e350"; } .glyphicons-shopping_bag:before { content: "\e351"; } .glyphicons-book_open:before { content: "\e352"; } .glyphicons-nameplate:before { content: "\e353"; } .glyphicons-nameplate_alt:before { content: "\e354"; } .glyphicons-vases:before { content: "\e355"; } .glyphicons-bullhorn:before { content: "\e356"; } .glyphicons-dumbbell:before { content: "\e357"; } .glyphicons-suitcase:before { content: "\e358"; } .glyphicons-file_import:before { content: "\e359"; } .glyphicons-file_export:before { content: "\e360"; } .glyphicons-bug:before { content: "\e361"; } .glyphicons-crown:before { content: "\e362"; } .glyphicons-smoking:before { content: "\e363"; } .glyphicons-cloud-upload:before { content: "\e364"; } .glyphicons-cloud-download:before { content: "\e365"; } .glyphicons-restart:before { content: "\e366"; } .glyphicons-security_camera:before { content: "\e367"; } .glyphicons-expand:before { content: "\e368"; } .glyphicons-collapse:before { content: "\e369"; } .glyphicons-collapse_top:before { content: "\e370"; } .glyphicons-globe_af:before { content: "\e371"; } .glyphicons-global:before { content: "\e372"; } .glyphicons-spray:before { content: "\e373"; } .glyphicons-nails:before { content: "\e374"; } .glyphicons-claw_hammer:before { content: "\e375"; } .glyphicons-classic_hammer:before { content: "\e376"; } .glyphicons-hand_saw:before { content: "\e377"; } .glyphicons-riflescope:before { content: "\e378"; } .glyphicons-electrical_socket_eu:before { content: "\e379"; } .glyphicons-electrical_socket_us:before { content: "\e380"; } .glyphicons-pinterest:before { content: "\e381"; } .glyphicons-dropbox:before { content: "\e382"; } .glyphicons-google_plus:before { content: "\e383"; } .glyphicons-jolicloud:before { content: "\e384"; } .glyphicons-yahoo:before { content: "\e385"; } .glyphicons-blogger:before { content: "\e386"; } .glyphicons-picasa:before { content: "\e387"; } .glyphicons-amazon:before { content: "\e388"; } .glyphicons-tumblr:before { content: "\e389"; } .glyphicons-wordpress:before { content: "\e390"; } .glyphicons-instapaper:before { content: "\e391"; } .glyphicons-evernote:before { content: "\e392"; } .glyphicons-xing:before { content: "\e393"; } .glyphicons-zootool:before { content: "\e394"; } .glyphicons-dribbble:before { content: "\e395"; } .glyphicons-deviantart:before { content: "\e396"; } .glyphicons-read_it_later:before { content: "\e397"; } .glyphicons-linked_in:before { content: "\e398"; } .glyphicons-forrst:before { content: "\e399"; } .glyphicons-pinboard:before { content: "\e400"; } .glyphicons-behance:before { content: "\e401"; } .glyphicons-github:before { content: "\e402"; } .glyphicons-youtube:before { content: "\e403"; } .glyphicons-skitch:before { content: "\e404"; } .glyphicons-foursquare:before { content: "\e405"; } .glyphicons-quora:before { content: "\e406"; } .glyphicons-badoo:before { content: "\e407"; } .glyphicons-spotify:before { content: "\e408"; } .glyphicons-stumbleupon:before { content: "\e409"; } .glyphicons-readability:before { content: "\e410"; } .glyphicons-facebook:before { content: "\e411"; } .glyphicons-twitter:before { content: "\e412"; } .glyphicons-instagram:before { content: "\e413"; } .glyphicons-posterous_spaces:before { content: "\e414"; } .glyphicons-vimeo:before { content: "\e415"; } .glyphicons-flickr:before { content: "\e416"; } .glyphicons-last_fm:before { content: "\e417"; } .glyphicons-rss:before { content: "\e418"; } .glyphicons-skype:before { content: "\e419"; } .glyphicons-e-mail:before { content: "\e420"; } @font-face { font-family: 'StateFaceRegular'; src: url("vendor/fonts/stateface/stateface-regular-webfont.eot"); src: url("vendor/fonts/stateface/stateface-regular-webfont.eot?#iefix") format("embedded-opentype"), url("vendor/fonts/stateface/stateface-regular-webfont.woff") format("woff"), url("vendor/fonts/stateface/stateface-regular-webfont.ttf") format("truetype"), url("vendor/fonts/stateface/stateface-regular-webfont.svg#StateFaceRegular") format("svg"); font-weight: normal; font-style: normal; } .stateface { font-family: 'StateFaceRegular'; display: inline-block; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .stateface-ak:before { content: "A"; } .stateface-al:before { content: "B"; } .stateface-ar:before { content: "C"; } .stateface-az:before { content: "D"; } .stateface-ca:before { content: "E"; } .stateface-co:before { content: "F"; } .stateface-ct:before { content: "G"; } .stateface-dc:before { content: "y"; } .stateface-de:before { content: "H"; } .stateface-fl:before { content: "I"; } .stateface-ga:before { content: "J"; } .stateface-hi:before { content: "K"; } .stateface-ia:before { content: "L"; } .stateface-id:before { content: "M"; } .stateface-il:before { content: "N"; } .stateface-in:before { content: "O"; } .stateface-ks:before { content: "P"; } .stateface-ky:before { content: "Q"; } .stateface-la:before { content: "R"; } .stateface-ma:before { content: "S"; } .stateface-md:before { content: "T"; } .stateface-me:before { content: "U"; } .stateface-mi:before { content: "V"; } .stateface-mn:before { content: "W"; } .stateface-mo:before { content: "X"; } .stateface-ms:before { content: "Y"; } .stateface-mt:before { content: "Z"; } .stateface-nc:before { content: "a"; } .stateface-nd:before { content: "b"; } .stateface-ne:before { content: "c"; } .stateface-nh:before { content: "d"; } .stateface-nj:before { content: "e"; } .stateface-nm:before { content: "f"; } .stateface-nv:before { content: "g"; } .stateface-ny:before { content: "h"; } .stateface-oh:before { content: "i"; } .stateface-ok:before { content: "j"; } .stateface-or:before { content: "k"; } .stateface-pa:before { content: "l"; } .stateface-pr:before { content: "3"; } .stateface-ri:before { content: "m"; } .stateface-sc:before { content: "n"; } .stateface-sd:before { content: "o"; } .stateface-tn:before { content: "p"; } .stateface-tx:before { content: "q"; } .stateface-us:before { content: "z"; } .stateface-ut:before { content: "r"; } .stateface-va:before { content: "s"; } .stateface-vt:before { content: "t"; } .stateface-wa:before { content: "u"; } .stateface-wi:before { content: "v"; } .stateface-wv:before { content: "w"; } .stateface-wy:before { content: "x"; } /*! Zocial Butons http://zocial.smcllns.com by Sam Collins (@smcllns) License: http://opensource.org/licenses/mit-license.php You are free to use and modify, as long as you keep this license comment intact or link back to zocial.smcllns.com on your site. */ /* Button structure */ .zocial, a.zocial { border: 1px solid #777; border-color: rgba(0, 0, 0, 0.2); border-bottom-color: #333; border-bottom-color: rgba(0, 0, 0, 0.4); color: #fff; -moz-box-shadow: inset 0 0.08em 0 rgba(255, 255, 255, 0.4), inset 0 0 0.1em rgba(255, 255, 255, 0.9); -webkit-box-shadow: inset 0 0.08em 0 rgba(255, 255, 255, 0.4), inset 0 0 0.1em rgba(255, 255, 255, 0.9); box-shadow: inset 0 0.08em 0 rgba(255, 255, 255, 0.4), inset 0 0 0.1em rgba(255, 255, 255, 0.9); cursor: pointer; display: inline-block; font: bold 100%/2.1 "Lucida Grande", Tahoma, sans-serif; padding: 0 .95em 0 0; text-align: center; text-decoration: none; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); white-space: nowrap; -moz-user-select: none; -webkit-user-select: none; user-select: none; position: relative; -moz-border-radius: .3em; -webkit-border-radius: .3em; border-radius: .3em; } .zocial:before { content: ""; border-right: 0.075em solid rgba(0, 0, 0, 0.1); float: left; font: 120%/1.65 zocial; font-style: normal; font-weight: normal; margin: 0 0.5em 0 0; padding: 0 0.5em; text-align: center; text-decoration: none; text-transform: none; -moz-box-shadow: 0.075em 0 0 rgba(255, 255, 255, 0.25); -webkit-box-shadow: 0.075em 0 0 rgba(255, 255, 255, 0.25); box-shadow: 0.075em 0 0 rgba(255, 255, 255, 0.25); -moz-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } .zocial:active { outline: none; /* outline is visible on :focus */ } /* Buttons can be displayed as standalone icons by adding a class of "icon" */ .zocial.icon { overflow: hidden; max-width: 2.4em; padding-left: 0; padding-right: 0; max-height: 2.15em; white-space: nowrap; } .zocial.icon:before { padding: 0; width: 2em; height: 2em; box-shadow: none; border: none; } /* Gradients */ .zocial { background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05) 49%, rgba(0, 0, 0, 0.05) 51%, rgba(0, 0, 0, 0.1)); background-image: -ms-linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05) 49%, rgba(0, 0, 0, 0.05) 51%, rgba(0, 0, 0, 0.1)); background-image: -o-linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05) 49%, rgba(0, 0, 0, 0.05) 51%, rgba(0, 0, 0, 0.1)); background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.1)), color-stop(49%, rgba(255, 255, 255, 0.05)), color-stop(51%, rgba(0, 0, 0, 0.05)), to(rgba(0, 0, 0, 0.1))); background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05) 49%, rgba(0, 0, 0, 0.05) 51%, rgba(0, 0, 0, 0.1)); background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05) 49%, rgba(0, 0, 0, 0.05) 51%, rgba(0, 0, 0, 0.1)); } .zocial:hover, .zocial:focus { background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.15) 49%, rgba(0, 0, 0, 0.1) 51%, rgba(0, 0, 0, 0.15)); background-image: -ms-linear-gradient(rgba(255, 255, 255, 0.15) 49%, rgba(0, 0, 0, 0.1) 51%, rgba(0, 0, 0, 0.15)); background-image: -o-linear-gradient(rgba(255, 255, 255, 0.15) 49%, rgba(0, 0, 0, 0.1) 51%, rgba(0, 0, 0, 0.15)); background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.15)), color-stop(49%, rgba(255, 255, 255, 0.15)), color-stop(51%, rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.15))); background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.15) 49%, rgba(0, 0, 0, 0.1) 51%, rgba(0, 0, 0, 0.15)); background-image: linear-gradient(rgba(255, 255, 255, 0.15) 49%, rgba(0, 0, 0, 0.1) 51%, rgba(0, 0, 0, 0.15)); } .zocial:active { background-image: -moz-linear-gradient(bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0) 30%, transparent 50%, rgba(0, 0, 0, 0.1)); background-image: -ms-linear-gradient(bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0) 30%, transparent 50%, rgba(0, 0, 0, 0.1)); background-image: -o-linear-gradient(bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0) 30%, transparent 50%, rgba(0, 0, 0, 0.1)); background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.1)), color-stop(30%, rgba(255, 255, 255, 0)), color-stop(50%, transparent), to(rgba(0, 0, 0, 0.1))); background-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0) 30%, transparent 50%, rgba(0, 0, 0, 0.1)); background-image: linear-gradient(bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0) 30%, transparent 50%, rgba(0, 0, 0, 0.1)); } /* Adjustments for light background buttons */ .zocial.acrobat, .zocial.bitcoin, .zocial.cloudapp, .zocial.dropbox, .zocial.email, .zocial.eventful, .zocial.github, .zocial.gmail, .zocial.instapaper, .zocial.itunes, .zocial.ninetyninedesigns, .zocial.openid, .zocial.plancast, .zocial.pocket, .zocial.posterous, .zocial.reddit, .zocial.secondary, .zocial.stackoverflow, .zocial.viadeo, .zocial.weibo, .zocial.wikipedia { border: 1px solid #aaa; border-color: rgba(0, 0, 0, 0.3); border-bottom-color: #777; border-bottom-color: rgba(0, 0, 0, 0.5); -moz-box-shadow: inset 0 0.08em 0 rgba(255, 255, 255, 0.7), inset 0 0 0.08em rgba(255, 255, 255, 0.5); -webkit-box-shadow: inset 0 0.08em 0 rgba(255, 255, 255, 0.7), inset 0 0 0.08em rgba(255, 255, 255, 0.5); box-shadow: inset 0 0.08em 0 rgba(255, 255, 255, 0.7), inset 0 0 0.08em rgba(255, 255, 255, 0.5); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); } /* :hover adjustments for light background buttons */ .zocial.acrobat:focus, .zocial.acrobat:hover, .zocial.bitcoin:focus, .zocial.bitcoin:hover, .zocial.dropbox:focus, .zocial.dropbox:hover, .zocial.email:focus, .zocial.email:hover, .zocial.eventful:focus, .zocial.eventful:hover, .zocial.github:focus, .zocial.github:hover, .zocial.gmail:focus, .zocial.gmail:hover, .zocial.instapaper:focus, .zocial.instapaper:hover, .zocial.itunes:focus, .zocial.itunes:hover, .zocial.ninetyninedesigns:focus, .zocial.ninetyninedesigns:hover, .zocial.openid:focus, .zocial.openid:hover, .zocial.plancast:focus, .zocial.plancast:hover, .zocial.pocket:focus, .zocial.pocket:hover, .zocial.posterous:focus, .zocial.posterous:hover, .zocial.reddit:focus, .zocial.reddit:hover, .zocial.secondary:focus, .zocial.secondary:hover, .zocial.stackoverflow:focus, .zocial.stackoverflow:hover, .zocial.twitter:focus, .zocial.viadeo:focus, .zocial.viadeo:hover, .zocial.weibo:focus, .zocial.weibo:hover, .zocial.wikipedia:focus, .zocial.wikipedia:hover { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.5)), color-stop(49%, rgba(255, 255, 255, 0.2)), color-stop(51%, rgba(0, 0, 0, 0.05)), to(rgba(0, 0, 0, 0.15))); background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.2) 49%, rgba(0, 0, 0, 0.05) 51%, rgba(0, 0, 0, 0.15)); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.2) 49%, rgba(0, 0, 0, 0.05) 51%, rgba(0, 0, 0, 0.15)); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.2) 49%, rgba(0, 0, 0, 0.05) 51%, rgba(0, 0, 0, 0.15)); background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.2) 49%, rgba(0, 0, 0, 0.05) 51%, rgba(0, 0, 0, 0.15)); background-image: linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.2) 49%, rgba(0, 0, 0, 0.05) 51%, rgba(0, 0, 0, 0.15)); } /* :active adjustments for light background buttons */ .zocial.acrobat:active, .zocial.bitcoin:active, .zocial.dropbox:active, .zocial.email:active, .zocial.eventful:active, .zocial.github:active, .zocial.gmail:active, .zocial.instapaper:active, .zocial.itunes:active, .zocial.ninetyninedesigns:active, .zocial.openid:active, .zocial.plancast:active, .zocial.pocket:active, .zocial.posterous:active, .zocial.reddit:active, .zocial.secondary:active, .zocial.stackoverflow:active, .zocial.viadeo:active, .zocial.weibo:active, .zocial.wikipedia:active { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(30%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.1))); background-image: -moz-linear-gradient(bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 30%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.1)); background-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 30%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.1)); background-image: -o-linear-gradient(bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 30%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.1)); background-image: -ms-linear-gradient(bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 30%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.1)); background-image: linear-gradient(bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 30%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.1)); } /* Button icon and color */ /* Icon characters are stored in unicode private area */ .zocial.acrobat:before { content: "\00E3"; color: #FB0000; } .zocial.amazon:before { content: "a"; } .zocial.android:before { content: "&"; } .zocial.angellist:before { content: "\00D6"; } .zocial.aol:before { content: "\""; } .zocial.appnet:before { content: "\00E1"; } .zocial.appstore:before { content: "A"; } .zocial.bitbucket:before { content: "\00E9"; } .zocial.bitcoin:before { content: "2"; color: #f7931a; } .zocial.blogger:before { content: "B"; } .zocial.buffer:before { content: "\00E5"; } .zocial.call:before { content: "7"; } .zocial.cal:before { content: "."; } .zocial.cart:before { content: "\00C9"; } .zocial.chrome:before { content: "["; } .zocial.cloudapp:before { content: "c"; } .zocial.creativecommons:before { content: "C"; } .zocial.delicious:before { content: "#"; } .zocial.digg:before { content: ";"; } .zocial.disqus:before { content: "Q"; } .zocial.dribbble:before { content: "D"; } .zocial.dropbox:before { content: "d"; color: #1f75cc; } .zocial.drupal:before { content: "\00E4"; color: #fff; } .zocial.dwolla:before { content: "\00E0"; } .zocial.email:before { content: "]"; color: #312c2a; } .zocial.eventasaurus:before { content: "v"; color: #9de428; } .zocial.eventbrite:before { content: "|"; } .zocial.eventful:before { content: "'"; color: #0066CC; } .zocial.evernote:before { content: "E"; } .zocial.facebook:before { content: "f"; } .zocial.fivehundredpx:before { content: "0"; color: #29b6ff; } .zocial.flattr:before { content: "%"; } .zocial.flickr:before { content: "F"; } .zocial.forrst:before { content: ":"; color: #50894f; } .zocial.foursquare:before { content: "4"; } .zocial.github:before { content: "\00E8"; } .zocial.gmail:before { content: "m"; color: #f00; } .zocial.google:before { content: "G"; } .zocial.googleplay:before { content: "h"; } .zocial.googleplus:before { content: "+"; } .zocial.gowalla:before { content: "@"; } .zocial.grooveshark:before { content: "8"; } .zocial.guest:before { content: "?"; } .zocial.html5:before { content: "5"; } .zocial.ie:before { content: "6"; } .zocial.instagram:before { content: "\00DC"; } .zocial.instapaper:before { content: "I"; } .zocial.intensedebate:before { content: "{"; } .zocial.itunes:before { content: "i"; color: #1a6dd2; } .zocial.klout:before { content: "K"; } .zocial.lanyrd:before { content: "-"; } .zocial.lastfm:before { content: "l"; } .zocial.lego:before { content: "\00EA"; color: #fff900; } .zocial.linkedin:before { content: "L"; } .zocial.lkdto:before { content: "\00EE"; } .zocial.logmein:before { content: "\00EB"; } .zocial.macstore:before { content: "^"; } .zocial.meetup:before { content: "M"; } .zocial.myspace:before { content: "_"; } .zocial.ninetyninedesigns:before { content: "9"; color: #f50; } .zocial.openid:before { content: "o"; color: #ff921d; } .zocial.opentable:before { content: "\00C7"; } .zocial.paypal:before { content: "$"; } .zocial.pinboard:before { content: "n"; } .zocial.pinterest:before { content: "1"; } .zocial.plancast:before { content: "P"; } .zocial.plurk:before { content: "j"; } .zocial.pocket:before { content: "\00E7"; color: #ee4056; } .zocial.podcast:before { content: "`"; } .zocial.posterous:before { content: "~"; } .zocial.print:before { content: "\00D1"; } .zocial.quora:before { content: "q"; } .zocial.reddit:before { content: ">"; color: red; } .zocial.rss:before { content: "R"; } .zocial.scribd:before { content: "}"; color: #00d5ea; } .zocial.skype:before { content: "S"; } .zocial.smashing:before { content: "*"; } .zocial.songkick:before { content: "k"; } .zocial.soundcloud:before { content: "s"; } .zocial.spotify:before { content: "="; } .zocial.stackoverflow:before { content: "\00EC"; color: #ff7a15; } .zocial.statusnet:before { content: "\00E2"; color: #fff; } .zocial.steam:before { content: "b"; } .zocial.stripe:before { content: "\00A3"; } .zocial.stumbleupon:before { content: "/"; } .zocial.tumblr:before { content: "t"; } .zocial.twitter:before { content: "T"; } .zocial.viadeo:before { content: "H"; color: #f59b20; } .zocial.vimeo:before { content: "V"; } .zocial.vk:before { content: "N"; } .zocial.weibo:before { content: "J"; color: #e6162d; } .zocial.wikipedia:before { content: ","; } .zocial.windows:before { content: "W"; } .zocial.wordpress:before { content: "w"; } .zocial.xing:before { content: "X"; } .zocial.yahoo:before { content: "Y"; } .zocial.ycombinator:before { content: "\00ED"; } .zocial.yelp:before { content: "y"; } .zocial.youtube:before { content: "U"; } /* Button background and text color */ .zocial.acrobat { background-color: #fff; color: #000; } .zocial.amazon { background-color: #ffad1d; color: #030037; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); } .zocial.android { background-color: #a4c639; } .zocial.angellist { background-color: #000; } .zocial.aol { background-color: #f00; } .zocial.appnet { background-color: #3178bd; } .zocial.appstore { background-color: #000; } .zocial.bitbucket { background-color: #205081; } .zocial.bitcoin { background-color: #efefef; color: #4d4d4d; } .zocial.blogger { background-color: #ee5a22; } .zocial.buffer { background-color: #232323; } .zocial.call { background-color: #008000; } .zocial.cal { background-color: #d63538; } .zocial.cart { background-color: #333; } .zocial.chrome { background-color: #006cd4; } .zocial.cloudapp { background-color: #fff; color: #312c2a; } .zocial.creativecommons { background-color: #000; } .zocial.delicious { background-color: #3271cb; } .zocial.digg { background-color: #164673; } .zocial.disqus { background-color: #5d8aad; } .zocial.dribbble { background-color: #ea4c89; } .zocial.dropbox { background-color: #fff; color: #312c2a; } .zocial.drupal { background-color: #0077c0; color: #fff; } .zocial.dwolla { background-color: #e88c02; } .zocial.email { background-color: #f0f0eb; color: #312c2a; } .zocial.eventasaurus { background-color: #192931; color: #fff; } .zocial.eventbrite { background-color: #ff5616; } .zocial.eventful { background-color: #fff; color: #47ab15; } .zocial.evernote { background-color: #6bb130; color: #fff; } .zocial.facebook { background-color: #4863ae; } .zocial.fivehundredpx { background-color: #333; } .zocial.flattr { background-color: #8aba42; } .zocial.flickr { background-color: #ff0084; } .zocial.forrst { background-color: #1e360d; } .zocial.foursquare { background-color: #44a8e0; } .zocial.github { background-color: #fbfbfb; color: #050505; } .zocial.gmail { background-color: #efefef; color: #222; } .zocial.google { background-color: #4e6cf7; } .zocial.googleplay { background-color: #000; } .zocial.googleplus { background-color: #dd4b39; } .zocial.gowalla { background-color: #ff720a; } .zocial.grooveshark { background-color: #111; color: #eee; } .zocial.guest { background-color: #1b4d6d; } .zocial.html5 { background-color: #ff3617; } .zocial.ie { background-color: #00a1d9; } .zocial.instapaper { background-color: #eee; color: #222; } .zocial.instagram { background-color: #3f729b; } .zocial.intensedebate { background-color: #0099e1; } .zocial.klout { background-color: #e34a25; } .zocial.itunes { background-color: #efefeb; color: #312c2a; } .zocial.lanyrd { background-color: #2e6ac2; } .zocial.lastfm { background-color: #dc1a23; } .zocial.lego { background-color: #fb0000; } .zocial.linkedin { background-color: #0083a8; } .zocial.lkdto { background-color: #7c786f; } .zocial.logmein { background-color: #000; } .zocial.macstore { background-color: #007dcb; } .zocial.meetup { background-color: #ff0026; } .zocial.myspace { background-color: #000; } .zocial.ninetyninedesigns { background-color: #fff; color: #072243; } .zocial.openid { background-color: #f5f5f5; color: #333; } .zocial.opentable { background-color: #990000; } .zocial.paypal { background-color: #fff; color: #32689a; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); } .zocial.pinboard { background-color: blue; } .zocial.pinterest { background-color: #c91618; } .zocial.plancast { background-color: #e7ebed; color: #333; } .zocial.plurk { background-color: #cf682f; } .zocial.pocket { background-color: #fff; color: #777; } .zocial.podcast { background-color: #9365ce; } .zocial.posterous { background-color: #ffd959; color: #bc7134; } .zocial.print { background-color: #f0f0eb; color: #222; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); } .zocial.quora { background-color: #a82400; } .zocial.reddit { background-color: #fff; color: #222; } .zocial.rss { background-color: #ff7f25; } .zocial.scribd { background-color: #231c1a; } .zocial.skype { background-color: #00a2ed; } .zocial.smashing { background-color: #ff4f27; } .zocial.songkick { background-color: #ff0050; } .zocial.soundcloud { background-color: #ff4500; } .zocial.spotify { background-color: #60af00; } .zocial.stackoverflow { background-color: #fff; color: #555; } .zocial.statusnet { background-color: #829d25; } .zocial.steam { background-color: #000; } .zocial.stripe { background-color: #2f7ed6; } .zocial.stumbleupon { background-color: #eb4924; } .zocial.tumblr { background-color: #374a61; } .zocial.twitter { background-color: #46c0fb; } .zocial.viadeo { background-color: #fff; color: #000; } .zocial.vimeo { background-color: #00a2cd; } .zocial.vk { background-color: #45688E; } .zocial.weibo { background-color: #faf6f1; color: #000; } .zocial.wikipedia { background-color: #fff; color: #000; } .zocial.windows { background-color: #0052a4; color: #fff; } .zocial.wordpress { background-color: #464646; } .zocial.xing { background-color: #0a5d5e; } .zocial.yahoo { background-color: #a200c2; } .zocial.ycombinator { background-color: #ff6600; } .zocial.yelp { background-color: #e60010; } .zocial.youtube { background-color: #f00; } /* The Miscellaneous Buttons These button have no icons and can be general purpose buttons while ensuring consistent button style Credit to @guillermovs for suggesting */ .zocial.primary, .zocial.secondary { margin: 0.1em 0; padding: 0 1em; } .zocial.primary:before, .zocial.secondary:before { display: none; } .zocial.primary { background-color: #333; } .zocial.secondary { background-color: #f0f0eb; color: #222; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); } /* Any browser-specific adjustments */ button:-moz-focus-inner { border: 0; padding: 0; } /* Reference icons from font-files ** Base 64-encoded version recommended to resolve cross-site font-loading issues */ @font-face { font-family: 'zocial'; src: url("vendor/fonts/zocial/zocial-regular-webfont.eot"); } @font-face { font-family: 'zocial'; src: url("vendor/fonts/zocial/zocial-regular-webfont.ttf") format("truetype"), url("vendor/fonts/zocial/zocial-regular-webfont.svg#zocialregular") format("svg"); font-weight: normal; font-style: normal; } /* Loaded via CDN as everyone has this font * cached by google and it's too large @import "fonts/open-sans/opensans"; */ /* Loaded individually for pages as they are large @import "icomoon/icomoon"; @import "iconsweets/iconsweets"; */ @charset "IBM437"; /* Author: AdminDesigns.com * Copyright 2014 Admin Designs =================================================== Table of Contents =================================================== I. SHARED STYLES II. PRIMARY COMPONENTS III. PANELS IV. THEME ELEMENTS V. HELPERS VI. WIDGETS VII. COLOR SYSTEM VIII. LAYOUT SETTINGS IX. GRID MODIFICATIONS X. PAGES XI. PLUGINS XII. ANIMATE.CSS =================================================== =================================================== I. SHARED STYLES A. Global B. Grid C. Typography D. Animations =================================================== A. Global =================================================== */ body { width: 100%; margin: 0; padding: 0; font-family: 'Open Sans',Helvetica, Arial, sans-serif; color: #666666; -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust: 100%; font-size-adjust: 100%; font-weight: 400; font-size: 13px; line-height: 1.475; background-color: #FFF; } #main { height: 100%; width: 100%; position: relative; background: #e8e8e8; } #content_wrapper { z-index: 1025; position: relative; display: block; min-height: 1000px; left: 0px; margin-left: 230px; } #content_wrapper:after { content: ""; position: fixed; width: 100%; top: 0; bottom: 0; display: block; z-index: -2; background-color: #e8e8e8; } /* Bootstraps ".container" class has been changed to a fluid full * width container */ .container { width: 100%; } /*=============================================== B. Grid ================================================= */ .row { margin-left: -11px; margin-right: -11px; } .row.table-layout { margin-left: 0; margin-right: 0; } .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 { padding-left: 11px; padding-right: 11px; } /*=============================================== C. Typography ================================================= */ ul, ol { padding-left: 30px; } li { margin-bottom: 7px; } a { color: #666666; } a:hover { color: #d9534f; } a:focus { outline: none; } p { font-family: 'Open Sans', Helvetica, Arial, sans-serif; line-height: 22px; font-weight: 400; } p.small, p small { font-size: 13px; } h1, h2, h3, h4, h5, h6 { margin: 0; font-family: 'Open Sans', sans-serif; font-weight: 600; color: inherit; text-rendering: optimizelegibility; margin-bottom: 10px; } h1 { font-size: 30px; line-height: 45px; } h1.small { font-size: 26px; } h2 { font-size: 24px; line-height: 36px; } h2.small { font-size: 20px; } h3 { font-size: 18px; line-height: 27px; } h3.small { font-size: 16px; } h4, h5, h6 { line-height: 18px; } h4 { font-size: 15px; } h5 { font-size: 13px; } h5.small, h5 small { font-size: 12px; } h6 { font-size: 11px; color: #999999; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-weight: normal; color: #999999; } .fw400 { font-weight: 400; } .fw600 { font-weight: 600; } .fw700 { font-weight: 700; } .text-uppercase { text-transform: uppercase; } /* Specialty Header - Also a Divider */ .page-header { text-shadow: 0 1px #FFF; border-bottom: 1px solid #c9c9c9; margin-bottom: 30px; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75); } /* Dividers */ hr { margin: 35px 0; border-top: 1px solid #DDD; } hr.alt { border-top: 1px dashed #cccccc; } hr.short { margin: 20px 0; } hr.tall { margin: 55px 0; } .divider { height: 1px; margin: 25px 0; background: #e2e2e2; } /* Carets */ .caret-xs { border-width: 2px; } .caret-sm { border-width: 3px; } .caret-lg { border-width: 5px; } /*=============================================== D. Animations ================================================= */ /* used in conjuction with "data-animate" * attr to create a delayed page animation * read docs for more info on proper use*/ .animated-delay { opacity: 0; } .sparkline-delay { height: 0; display: block; line-height: 40px; } /* ================================================ II. PRIMARY COMPONENTS A. Navbar B. Sidebar C. Topbar =================================================== A. Navbar =================================================== */ .navbar { z-index: 1030; margin-bottom: 0; border-radius: 0; min-height: 60px; max-height: 60px; background-color: #FFF; border: 0; border-bottom: 1px solid #c9c9c9; box-shadow: none; background-repeat: repeat-x; background-image: -webkit-linear-gradient(top, white 1%, #f3f3f3 100%); background-image: linear-gradient(to bottom, #ffffff 1%, #f3f3f3 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } /* Navbar Logo Container */ .navbar-branding { float: left; width: 230px; } /* Navbar Logo */ .navbar-brand { height: 60px; line-height: 48px; padding: 0; color: #5d5d5d; font-size: 19px; font-weight: 400; letter-spacing: 0.5px; } /* Navbar Toggle Button for Sidebar */ #toggle_sidemenu_l { float: left; cursor: pointer; font-size: 19px; color: #7e46a7; line-height: 64px; max-height: 60px; width: 40px; margin-left: 25px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; } .sidebar-collapsed #toggle_sidemenu_l { font-size: 24px; } /* Left Navbar Container */ .navbar-left { float: left; position: relative; width: 150px; max-height: 60px; } /* Navbar Left Divider */ .navbar-divider { position: absolute; left: 0; top: 15px; height: 30px; width: 1px; border-left: 1px solid #ebebeb; } /* Left Side Menus */ #settings_menu, #language_menu { float: left; position: relative; padding: 19px 0; margin-left: 28px; color: #888; font-size: 15px; font-weight: 600; } #settings_menu a, #language_menu a { text-decoration: none; } #settings_menu .dropdown-menu, #language_menu .dropdown-menu { border: 1px solid #CCC; border-radius: 2px; padding: 2px 0; box-shadow: none; margin-left: -10px; } #settings_menu .dropdown-menu li, #language_menu .dropdown-menu li { margin-bottom: 3px; } /* Settings Menu */ #settings_menu { margin-left: 25px; } #settings_menu .glyphicons { font-size: 14px; } #settings_menu.open > .glyphicons { color: #f9892e; } #settings_menu .dropdown-menu { margin-left: -20px; } /* Language Menu */ #language_menu { top: -1px; } #language_menu a:hover { text-decoration: none; outline: none; } /* Language Menu Text */ #language_menu a > span { color: #a287d4; } /* Language Menu Icon */ #language_menu .fa { font-size: 14px; color: #999; } /* Right Navbar Container */ .navbar-right { float: right; width: 410px; } /* Header Search Area */ .navbar-search { position: relative; float: left; overflow: hidden; width: 230px; height: 60px; padding: 15px; padding-right: 25px; } .navbar-search:after { content: ""; position: absolute; right: 0; top: 15px; height: 32px; border-right: 1px solid #ebebeb; } .navbar-search input { outline: none; color: #AAA; font-size: 18px; font-weight: 300; background: #FFF; border: 1px solid #DDD; border-radius: 15px; padding: 1px 13px; width: 100%; } /* Navbar Menus */ .navbar-menus { float: right; margin-right: 10px; } .navbar-menus > .btn-group { float: left; margin-right: 0; } .navbar-menus > .btn-group.open .glyphicons { color: #f9892e; } /* Reduces the size of the Right SideMenu Toggle button */ .navbar-menus > .btn-group:last-child { max-width: 55px; } .navbar-menus > .btn-group > button { position: relative; color: #666; padding: 21px 20px 18px; background: transparent; border: none; border-radius: 0; outline: none; } .navbar-menus > .btn-group.open .dropdown-toggle { box-shadow: none; } /* Header Menu Number Text */ .navbar-menus > .btn-group > button > b { position: absolute; top: 14px; left: 30px; display: block; width: 20px; height: 20px; line-height: 16px; color: #FFF; font-size: 13px; font-weight: 600; border: 1px solid #FFF; border-radius: 100%; background: #a87fc6; } /* Header Button Dropdowns */ .navbar-menus ul.dropdown-menu, .navbar-menus div.dropdown-menu { min-width: 316px; padding: 0; right: -5px; left: auto; margin: 6px 0; font-size: 13px; border-color: #CCC; } /* Header Menu Dropdown - Header */ .navbar-menus .dropdown-header { padding: 9px 20px; margin: 0; font-size: 13px; font-weight: 600; color: #666; background: #f9f9f9; position: relative; border-bottom: 1px solid #DDD; border-radius: 2px 2px 0 0; } /* Header Bar Dropdowns Arrows */ .navbar-menus .dropdown-menu:before, .navbar-menus .dropdown-menu:after { z-index: 15; content: ""; position: absolute; bottom: 100%; right: 23px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 12px solid #f2f2f2; } .navbar-menus .dropdown-menu:after { z-index: 14; border-bottom-color: #999; } /* Header Menu Dropdown - Sub Header */ .dropdown-submenu { padding: 11px 0 8px; border-bottom: 1px solid #eee; } .dropdownSearch { position: relative; top: 1px; left: 12px; border: none; } .dropdownSearch:focus { outline: none; } .dropdownSearch::-webkit-input-placeholder { font-weight: 600; font-size: 13px; color: #BBB; } .dropdownSearch::-moz-placeholder { font-weight: 600; font-size: 13px; color: #BBB; } /* firefox 19+ */ .dropdownSearch:-ms-input-placeholder { font-weight: 600; font-size: 13px; color: #BBB; } /* ie */ .dropdownSearch:-moz-placeholder { font-weight: 600; font-size: 13px; color: #BBB; } /* Header Menu Dropdown - Footer */ .navbar-menus .dropdown-footer { padding: 11px 20px; margin: 0; z-index: 999; font-size: 11px; color: #999; background: #FFF; text-align: center; position: relative; border-top: 1px solid #DDD; border-radius: 0 0 3px 3px; } .navbar-menus .dropdown-footer a { color: #428bca; } .navbar-menus .dropdown-footer a:hover { background: transparent; } .navbar-menus .dropdown-footer i.fa { padding-left: 3px; } /* Dropdown Checklist Toggle - The Task menu is a clickable checklist */ .task-checked > div:not(.item-checkbox) { opacity: 0.4; } /* add a text line through effect on any clickable checklist by adding ".text-slash" */ .task-checked .text-slash { text-decoration: line-through; } /* Removes borders from Nav-Tabs that are placed in header dropdowns */ .navbar-menus .nav-tabs { margin-top: -1px; margin-left: -1px; } .navbar-menus .nav-tabs > li > a { padding: 10px 27px; border-color: #DDD; } /* Navbar Tickets Dropdown */ .ticket-body { width: 87%; } .ticket-handle { position: relative; width: 13%; border-right: 1px solid #ffe3e3; } .ticket-handle:after { content: ""; position: absolute; top: 0; right: 2px; height: 100%; border-right: 1px solid #ffe3e3; } /* Navbar Todo-List Dropdown */ .todo-body { width: 82%; } .todo-handle { position: relative; width: 8%; } .v-handle { width: 10px; height: 14px; background-image: url(../img/plugins/handle.png); } /* ============================================== A. LEFT SIDEBAR A. Default Open State B. Sidebar User Area C. Sidebar Item State D. Sidebar Toggle - Media Query E. Sidebar Toggle - User input ================================================= A. Default Open State ================================================= */ #sidebar_left { position: absolute; z-index: 1024; width: 230px; height: 100%; background: #fcfcfc; } #sidebar_left:before { content: ""; position: fixed; width: 230px; min-height: 100%; top: 0; bottom: 0; display: block; z-index: -2; background: #fcfcfc; border-right: 1px solid #d6d6d6; } .sidebar-menu { padding-bottom: 20px; } /* TOP LEVEL MENU ITEM */ /* Menu Item */ .sidebar-menu > ul li { margin: 0; } .sidebar-menu > ul > li:first-child { padding-top: 4px; } .sidebar-menu > ul li a { color: #777; } .sidebar-menu > ul > li > a { padding: 0; line-height: 40px; height: 40px; } /* Menu Icon */ .sidebar-menu > ul > li > a > span:nth-child(1) { float: left; top: 0; line-height: 40px; width: 40px; font-size: 13px; text-align: center; padding-left: 15px; } /* Menu Title */ .sidebar-menu > ul > li > a > span:nth-child(2) { float: left; padding-left: 10px; } /* Top Level Menu Item - Tray, used to hold badges and such */ .sidebar-menu > ul > li > a > .sidebar-title-tray { position: absolute; right: 10px; } .sidebar-menu > ul > li > a > .sidebar-title-tray .label { padding: .0em .5em .2em; font-size: 11px; } /* Menu Caret */ .sidebar-menu ul > li > a > span.caret { position: absolute; top: 45%; right: 10px; border-top: 5px solid; border-right: 5px solid transparent; border-left: 5px solid transparent; } /* Open Menu Item Caret - we simply flip the carets border */ .sidebar-menu ul > li > a.menu-open > span.caret { border-top: 0; border-bottom: 5px solid; } /* SUB LEVEL MENU ITEMS */ /* Sub-Menu */ .sidebar-menu ul.sub-nav { clear: both; display: none; width: 230px; height: auto; background: #f3f3f3; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; border-right: 1px solid #d6d6d6; } .sidebar-menu ul a.menu-open + ul.sub-nav { display: block; } .sidebar-menu ul.sub-nav > li > a { padding: 10px 20px 11px 30px; } /* Sub-Menu Icon */ .sidebar-menu ul.sub-nav > li > a > span:nth-child(1) { margin-right: 10px; font-size: 11px; } /* Sidebar Menu "li" Divider - Used in the resources menu */ .sidebar-menu ul li.divider { width: 170px; margin: 0 auto; background: #e7e7e7; } /*=============================================== B. Sidebar User Area ================================================= */ .user-info { overflow: hidden; position: relative; display: block; height: 80px; width: 100%; padding: 14px 22px; border-top: 1px solid transparent; border-bottom: 1px solid #CCC; } /* User Area - Avatar */ .user-info .media-object { border-color: #c7b7e5; } .user-info .media-object img { max-width: 45px; } /* User Area Mobile Link - Replaces ".media-body" with single Icon for Mobile Devices */ .user-info .mobile-link { display: none; padding: 2px; } .user-info .mobile-link > span { padding-top: 8px; padding-left: 5px; color: #999; font-size: 18px; cursor: pointer; } .user-info .mobile-link span:hover, .user-info.usermenu-open .mobile-link span { color: #a287d4; } .user-info.usermenu-open .media-object { border-color: #a287d4; } /* User Area Menu - A slide down user menu */ .user-menu { display: none; position: relative; left: 0; top: 0; height: 165px; width: 100%; padding: 22px 22px 20px 16px; background: #f8f8f8; border-right: 1px solid #d6d6d6; } /* User Area Menu - bottom border(hidden on mobile) */ .user-menu:after { content: ""; position: absolute; bottom: 0; left: 0; height: 5px; width: 100%; background: #e5e5e5; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; } .user-menu a { color: #888; opacity: 0.8; } .user-menu a:hover { color: #666; opacity: 1; text-decoration: none; } .user-divider { height: 4px; width: 100%; background: #e5e5e5; border-bottom: 1px solid #CCC; } /*=============================================== C. Sidebar Item State ================================================= */ /* Top Level Menu Item - BG color:hover */ .sidebar-menu > ul > li > a:hover { background-color: transparent; } /* Sub-Menu Level Item - BG color:hover */ .sidebar-menu ul.sub-nav > li > a:hover { background-color: #ededed; } /* Top Level Menu Item - Icon Color */ .sidebar-menu > ul > li.active > a > span:nth-child(1) { color: #a287d4; } /* Sub-Menu Level Item - Icon Color */ .sidebar-menu ul.sub-nav > li.active > a > span:nth-child(1) { color: #a287d4; } /* Active Menu item Caret */ .sidebar-menu ul > li.active > a > span.caret { color: #9567b7; } /*==================================================== D. Sidebar Toggle - Media Query ====================================================== */ @media (max-width: 1100px) { #sidebar_left { left: -230px; } #content_wrapper { margin-left: 0; } } /*==================================================== E. Sidebar Toggle - User input ====================================================== */ /* Left SideBar */ .sidebar-ltr #sidebar_left { left: 0; } .sidebar-ltr #sidebar_right { right: -250px; } .sidebar-ltr #content_wrapper { margin-left: 230px; } @media (max-width: 1100px) { .sidebar-ltr #content_wrapper { left: 230px; right: auto; margin-left: 0; margin-right: 0; } } /* Right SideBar */ .sidebar-rtl #sidebar_left { left: -230px; } .sidebar-rtl #sidebar_right { right: 0; } .sidebar-rtl #content_wrapper { margin-left: 0; margin-right: 250px; } .sidebar-rtl .navbar { margin-right: 250px; } @media (max-width: 1100px) { .sidebar-rtl #content_wrapper { left: auto; right: 250px; margin-left: 0; margin-right: 0; } } /* No SideBar */ .sidebar-hidden #sidebar_left { left: -230px; } .sidebar-hidden #content_wrapper { margin-left: 0; } /*==================================================== E. Custom Menu - Email Menu ====================================================== */ .email-menu { padding: 12px 22px 18px 18px; } .email-menu li { color: #999; font-weight: 600; padding-left: 27px; margin-bottom: 7px !important; } .email-menu li.menu-header { font-weight: 600; padding-left: 0; margin-bottom: 10px; } .email-menu li.menu-header .glyphicons { top: 2px; font-size: 14px; margin-right: 10px; } .email-menu .btn { text-indent: -8px; } .email-menu hr { margin: 18px 0 18px; } .email-menu ul li.active, .email-menu ul li:hover { color: #555; cursor: pointer; } /*=============================================== B. Right SideMenu ================================================= */ #sidebar_right { position: fixed; z-index: 1031; width: 250px; height: 100%; top: 0; right: -250px; background: #363c47; } #sidebar_right .sidebar-right-header { width: 100%; height: 59px; background: #454d5d; border-bottom: 1px solid #555d6d; padding: 4px 10px 4px 20px; } #sidebar_right .sidebar_right_content a:hover { text-decoration: none; } body.sidebar-right-open #sidebar_right { right: 0; } /*=============================================== C. Topbar ================================================= */ #topbar { z-index: 1023; position: relative; width: 100%; height: 63px; max-height: 140px; padding: 0 19px; } .topbar-right { float: right; } .breadcrumb { float: left; height: 63px; position: relative; padding: 24px 0 5px 0; margin-bottom: 0; border-radius: 0; font-size: 14px; background-color: transparent; border-bottom: 1px dashed #CCC; padding-right: 50px; } .breadcrumb > li { color: #888; font-size: 12px; } .breadcrumb > li.crumb-active > a { color: #555; font-size: 18px; } /* ================================================ III. PANELS A. Heading B. Panel Addon - Menu C. Panel Addon - Sidemenu D. Panel Addon - Tray E. Panel Tabs F. Panel Accordion G. Alternate Styles * Bootstrap Panels are a vital element in this * theme. Please read the documentation provided * with Fusion Admin to learn more =================================================== A. Heading =================================================== */ .panel { position: relative; margin-bottom: 20px; border-color: #d5d5d5; border-radius: 2px; } /* panel helper class */ .panel-overflow { overflow: hidden; } .panel-heading { position: relative; padding: 0; min-height: 40px; line-height: 40px; color: #666; font-size: 13px; font-weight: 600; border-bottom: 1px solid #e5e5e5; border-radius: 2px 2px 0 0; background: #fafafa; } .panel-heading + .panel-body { border-top-color: #e5e5e5; } .panel-title { font-size: 13px; padding-left: 15px; } .panel-title > .fa, .panel-title > .glyphicon, .panel-title > .glyphicons, .panel-title > .imoon { min-width: 25px; margin-right: 8px; border-right: 1px solid #ddd; color: #a87fc6; font-size: 16px; top: 2px; } .panel-body { position: relative; } /* Colored headers - via bg-* classes */ .panel-heading[class*='bg-'] { margin: -1px; } .panel-heading[class*='bg-'], .panel-heading[class*='bg-'] .glyphicon { color: #FFF; border: none; } .panel-heading[class*='bg-'] + .panel-body { border-top: none; } .panel-footer { background-color: #fafafa; } /*=============================================== B. Panel Addon - Menu ----------------------------------------------- Typically placed under the panel header and used to hold buttons or menus ================================================= */ .panel-menu { padding: 10px 13px; background-color: #fafafa; border-bottom: 1px solid #DDD; } .panel .panel-menu .btn.active { background-color: #FFF; box-shadow: none; } /*=============================================== C. Panel Addon - Sidemenu ----------------------------------------------- A side column great for housing an extra nav list. When used its sibling panel body (content) is modified ================================================= */ /* Sidemenu and content are both floated. * to create equal heights we use the * "Table Layout" css helpers. These helpers * can be found in _helpers.scss */ .panel-sidemenu { padding: 15px; background-color: #f6f6f6; } .panel-sidemenu ul.nav li { margin-bottom: 4px; list-style: none; } .panel-sidemenu ul.nav li.nav-title { padding: 10px 0; color: #777; font-weight: 700; text-decoration: none; text-shadow: 0 1px #FFF; } .panel-sidemenu ul.nav li.nav-title:hover { color: #777777; } .panel-sidemenu ul.nav li a { padding: 5px 0; color: #888; } .panel-sidemenu ul.nav .divider { width: 80%; height: 1px; margin: 9px 0; overflow: hidden; background: #e2e2e2; } /*=============================================== D. Panel Addon - Tray ----------------------------------------------- A special slide out tray used to store additional information. Such as online users. ================================================= */ .panel-tray { z-index: 11; position: absolute; top: 0; right: -210px; height: 100%; width: 210px; padding: 15px; border-left: 1px solid #DDD; background: #fafafa; -webkit-transition: right .1s ease-in-out; transition: right .1s ease-in-out; } .panel-tray.tray-open { right: 0px; } .panel-tray-toggle { z-index: 999; cursor: pointer; position: absolute; overflow: hidden; left: -28px; top: -1px; width: 28px; height: 29px; border: 1px solid #DDD; border-right: none; border-radius: 0 0 0 3px; background: #fafafa; } .panel-tray-toggle .fa, .panel-tray-toggle .glyphicon, .panel-tray-toggle .glyphicons, .panel-tray-toggle .imoon { font-size: 16px; color: #c7b7e5; text-align: center; padding: 6px; } /*=============================================== E. PANEL TABS ----------------------------------------------- Panel Tab Navigation must be placed inside ".panel-heading" see Fusion Docs for example ================================================= */ .panel-tabs { position: absolute; bottom: 0; right: 0; } .panel-tabs > li { position: relative; float: left; margin-bottom: -1px; } .panel-tabs > li > a { line-height: 1.428571429; border-radius: 0; padding: 11px 18px 9px; border: 1px solid transparent; border-left: 1px solid #DDD; font-size: 12px; color: #777; } .panel-tabs > li > a:hover { background-color: transparent; } /* hover and active states */ .panel-tabs > li.active > a, .panel-tabs > li.active > a:hover, .panel-tabs > li.active > a:focus { color: #555555; cursor: default; background: #ffffff; padding: 11px 18px 10px; } .panel-tabs > li.active:after { content: ""; position: absolute; top: -1px; left: 0; height: 2px; background: #a87fc6; width: 100%; } /* PANEL TAB CORRECTION */ /* If you want a panel-like footer inside a tababble * area you need to wrap the content in a ".tab-body" * class. See timeline.html for an example(event panel) */ .tab-body { padding: 15px; } .tab-footer { padding: 10px 15px; background-color: #f5f5f5; border-top: 1px solid #dddddd; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } /*=============================================== F. Accordion ----------------------------------------------- Created with Bootstrap Panels ================================================= */ .accordion.panel-group .panel { -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } .accordion.panel-group .panel + .panel { margin-top: 10px; } /* Accordion Header */ .accordion .panel-heading a { text-decoration: none; display: block; } .accordion .panel-heading a:hover { color: inherit; } /* Accordion Widget Toggle Arrows */ .accordion .accordion-toggle-icon { padding: 12px 12px 7px; font-size: 18px; } /* Accordion Toggle Arrow States */ .accordion .accordion-toggle-icon i:first-child { display: block; } .accordion .accordion-toggle-icon i:last-child { display: none; } .accordion .collapsed .accordion-toggle-icon i:first-child { display: none; } .accordion .collapsed .accordion-toggle-icon i:last-child { display: block; } /*=============================================== G. Alternate Panel Styles ================================================= */ /* Minimal - Style */ .panel.panel-alt { border-color: #DDD; box-shadow: none; background: #FFF; } .panel.panel-alt > .panel-heading { height: 40px; padding-right: 15px; background-color: #FFF; font-size: 14px; line-height: 40px; box-shadow: none; } .panel.panel-alt .panel-body { padding: 20px 30px; background-color: #fcfcfc; line-height: 22px; } /* ============================================== IV. THEME ELEMENTS A. Icons B. Labels C. Badges D. Alerts E. Thumbnails F. Media Objects G. Buttons H. Progress Bars I. Field Elements J. Checkboxes K. Switches L. Tables M. Pricing Tables N. Tabs O. Paginations P. Bootstrap Modals Q. Custom Modals R. Boostrap Popover ================================================= A. Icons - See Documentation For More Info ================================================= */ /* Some font libraries have large file sizes. * We optionally can attach .wf-loading to the * body tag and have the fonts only visible after * they are fully loaded or cached. Prevents rough * icon flash and is currently used only on index.html */ .wf-loading .glyphicons, .wf-loading .glyphicon, .wf-loading .imoon, .wf-loading .fa, .wf-loading .iconsweets { opacity: 0 !important; } /* Icon Transitions */ .glyphicon, .glyphicons, .imoon, .fa, .iconsweets { opacity: 1; transition: opacity 0.3s ease-in; -moz-transition: opacity 0.3s ease-in; -webkit-transition: opacity 0.3s ease-in; } /* Glyphicon Pro and Halfling */ .glyphicons-2x, .glyphicon-2x { font-size: 2em; } .glyphicons-3x, .glyphicon-3x { font-size: 3em; } .glyphicons-4x, .glyphicon-4x { font-size: 4em; } .glyphicons-5x, .glyphicon-5x { font-size: 5em; } /* Icomoon Font Icons */ .imoon-2x { font-size: 2em; } .imoon-3x { font-size: 3em; } .imoon-4x { font-size: 4em; } .imoon-5x { font-size: 5em; } /* IconSweets2 Font Icons */ .iconsweets-2x { font-size: 2em; } .iconsweets-3x { font-size: 3em; } .iconsweets-4x { font-size: 4em; } .iconsweets-5x { font-size: 5em; } /* Buttons with Icons * Cross browser problems were creating problems when * an icon was given a larger font size than its sibling * text. To fix Line height, vertical align, and top * positioning have been redefined */ .btn .glyphicon, .btn .glyphicons { top: -1px; vertical-align: middle; line-height: 0; font-size: 1.1em; } /* A Helper Class to Align Icons Right in Control-forms */ span.field-icon-right, i.field-icon-right { position: absolute; right: 10px; top: 8px; } /* Icon Background and Borders * properly align icons that have been placed inside of titles * Useful for matching icon size to adjacent text * Icon Background Shapes */ .icon-circle { top: 0; padding: 9px; position: relative; overflow: visible; border-radius: 64px; } .icon-square { top: 0; padding: 9px; border-radius: 4px; } /* Icon Background Sizes */ .icon-circle.glyphicon-2x, .icon-circle.glyphicons-2x { padding: 12px; } .icon-circle.glyphicon-3x, .icon-circle.glyphicons-3x { padding: 20px; } .icon-circle.glyphicon-4x, .icon-circle.glyphicons-4x { padding: 35px; } .icon-square.glyphicon-2x, .icon-square.glyphicons-2x { padding: 12px; } .icon-square.glyphicon-3x, .icon-square.glyphicons-3x { padding: 20px; } .icon-square.glyphicon-4x, .icon-square.glyphicons-4x { padding: 35px; } /* WIDGET SPECIFIC ICON STYLING * ALL elements which use icons have been * moved from their respective positions * and placed here for easy icon styling */ /* Header Button Icons */ .navbar-menus > div > button > span, .navbar-menus > div > button > i { font-size: 15px; vertical-align: middle; } /* Special on-hover styles for user dropdown menu */ .user-menu ul.dropdown-items > li:hover .glyphicon { color: #d9534f; } .user-menu ul.dropdown-items > li:last-child:hover .glyphicon { color: #888; } .user-menu ul.dropdown-items > li:last-child > div:hover .glyphicon { color: #d9534f; } /* Panel Heading Icon */ .panel-heading .panel-title .glyphicon, .panel-heading .panel-title .glyphicons { padding-right: 8px; font-size: 16px; top: 2px; } /* Breadcrumb "Home" Icon */ .breadcrumb .glyphicon, .breadcrumb .glyphicons { color: #777; font-size: 11px; margin-left: 1px; top: 0; } /* Panel Sidemenu Icons */ .panel-sidemenu ul.nav li.active .fa { color: #33bfeb; } .panel-sidemenu ul.nav li a:hover { background: none; } .panel-sidemenu ul.nav li .fa { width: 28px; color: #BBB; font-size: 18px; } /* Panel Tabs Icons */ .panel-tabs li .glyphicon, .panel-tabs li .glyphicons, .panel-tabs li .fa { font-size: 14px; } .panel-tabs .imoon, .panel-tabs .iconsweets { font-size: 14px; vertical-align: middle; } /* Mildly styles a font awesome based icon group * used in occasionaly in panel heading. Look at * message widget on index.html for example */ .mini-action-icons .fa { position: relative; top: 2px; padding-right: 10px; color: #777; font-size: 16px; cursor: pointer; } /* Pricing Table Icons */ .pricing-tables .pricing-icons li .fa-times { color: #e74a4a; } .pricing-tables .pricing-icons li .fa-ellipsis-h { color: #555555; } /* Tab Navigation Icons */ .nav-tabs li .fa { font-size: 14px; } .nav-tabs li .fa.fa-caret-down { font-size: 12px; } /* Timeline Widget Icons */ .timeline-widget span.glyphicons { z-index: 11; position: relative; top: 2px; width: auto; padding: 6px; font-size: 18px; border-radius: 50%; -webkit-box-shadow: 1px 1px 2px #AAA; box-shadow: 1px 1px 2px #AAA; text-shadow: 0 1px #ffffff; border-color: #cccccc rgba(0, 0, 0, 0.19) rgba(0, 0, 0, 0.18); background-color: #f0f0f0; background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.1) 100%); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0.1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff',endColorstr='#00ffffff',GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } /* Flag Icons */ .flag-xs, .flag-sm, .flag, .flag-lg { display: inline-block; vertical-align: middle; } .flag-xs { width: 16px; height: 16px; background: url(../img/flag_icons/flag-xs.png) no-repeat top left; } .flag-sm { width: 32px; height: 32px; background: url(../img/flag_icons/flag-sm.png) no-repeat top left; } .flag-sm.flag-fr { background-position: 0 0; } .flag-sm.flag-de { background-position: 0 -33px; } .flag-sm.flag-in { background-position: 0 -66px; } .flag-sm.flag-es { background-position: 0 -99px; } .flag-sm.flag-tr { background-position: 0 -132px; } .flag-sm.flag-us { background-position: 0 -165px; } .flag-xs.flag-fr { background-position: 0 0; } .flag-xs.flag-de { background-position: 0 -17px; } .flag-xs.flag-es { background-position: 0 -34px; } .flag-xs.flag-tr { background-position: 0 -51px; } .flag-xs.flag-us { background-position: 0 -68px; } /*=============================================== B. Labels ================================================= */ .label { padding: .3em .7em .4em; font-size: 84%; font-weight: 600; line-height: 24px; } /* Label Sizes - ".label" required */ .label-sm { padding: .1em .65em .2em; font-size: 75%; } .label-lg { padding: .4em .9em .5em; font-size: 95%; } /* Label Shapes - ".label" required */ .label.label-rounded { padding: .2em 0.85em .3em; border-radius: 1em; } .label-sm.label-rounded { padding: .1em .65em .2em; } .label-lg.label-rounded { padding: .4em .9em .5em; } /* Custom Bootstrap Label */ label.error { color: #d9534f; font-size: 12px; font-weight: 600; } /*=============================================== C. Badges ================================================= */ .badge { padding: 3px 7px; font-size: 12px; font-weight: 600; } /* Badge Sizes - ".badge" required */ .badge-sm { padding: 2px 6px; font-size: 11px; } .badge-lg { padding: 4px 8px; } /*=============================================== D. Alerts ================================================= */ /* Alert Sizes */ .alert { font-size: 14px; } .alert-sm { padding: 8px 35px 8px 15px; } .alert-lg { padding: 25px 35px 25px 15px; font-size: 16px; } /* Alert Dismiss Icon */ .alert-dismissable .close { color: #666666; } /*=============================================== E. Media Objects ================================================= */ .media { border-bottom: 1px solid #ededed; } .media, .media .media { margin-top: 15px; } .media:last-child { border-bottom: none; } .media > .pull-left { margin-right: 12px; } .media-heading small { font-size: 11px; } /*=============================================== F. Thumbnails ================================================= */ .thumbnail { margin-bottom: 0; } .thumbnail-xs { max-width: 35px; padding: 1px; border: 2px solid #AAA; box-shadow: 0 0 1px #000 inset; } .thumbnail-sm { max-width: 40px; padding: 1px; border: 2px solid #AAA; box-shadow: 0 0 1px #000 inset; } .thumbnail-border-lg { border-width: 3px; } .thumbnail.rounded { border-radius: 64px; } /*=============================================== G. Buttons ================================================= */ /* Button Settings */ .btn { color: white; outline: none; line-height: 1.47; border-radius: 2px; } .btn:focus, .btn:active:focus, .btn.active:focus { color: white; outline: none; } .btn.btn-default:focus, .btn.btn-default:active:focus, .btn.btn-default.active:focus { color: #777777; outline: none; } .btn-link { color: #444444; } .btn-link:hover { color: #444444; } /* Button Sizes */ .btn-xs { padding: 2px 6px; border-radius: 2px; } .btn-sm { line-height: 1.5; } .btn-lg { line-height: 1.33; } /* Button Shapes */ .btn-square { border-radius: 0; } /* Button Colors * These are only colors that follow Bootstraps * color scheme. Fusion includes many more colors * are at end of this doc or in the SASS Partials */ .btn-default, .bg-default { text-shadow: none; } .btn-success.btn-gradient, .bg-success.bg-gradient { border-color: #3f9d00; background-color: #44ab00; } .btn-info.btn-gradient, .bg-info.bg-gradient { border-color: #269abc; background-color: #14abd8; } .btn-primary.btn-gradient, .bg-primary.bg-gradient { background-color: #0088cc; } .btn-warning.btn-gradient, .bg-warning.bg-gradient { background-color: #f28900; } .btn-danger.btn-gradient, .bg-danger.bg-gradient { background-color: #d3332e; } .btn-default.btn-gradient, .bg-default.bg-gradient { background-color: #f0f0f0; } /* Adds a custom "Alert"(purple) button to * the Bootstrap button lineup */ .btn-alert { background-color: #7857ca; } .btn-alert.btn-gradient { background-color: #5d3ab5; } .btn-alert .caret { border-top-color: white; } /* Button Hover effect */ .btn:hover { color: #FFF; background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.13) 1%, rgba(255, 255, 255, 0.13) 100%); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.13) 1%, rgba(255, 255, 255, 0.13) 100%); } .btn-gradient:hover, .bg-gradient:hover { background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.45) 1%, rgba(255, 255, 255, 0.15) 100%); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.45) 1%, rgba(255, 255, 255, 0.15) 100%); } /* Button Gradients * Gradients are created using a transparent gradient * overlay. This way you can transform any element * with a background color into a gradient without * having to use additional colors */ .btn-gradient, .bg-gradient { text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4); border-color: rgba(0, 0, 0, 0.07) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.18); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2); background-color: ""; background-repeat: repeat-x; background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3) 1%, rgba(255, 255, 255, 0.15) 100%); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 1%, rgba(255, 255, 255, 0.15) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff',endColorstr='#00ffffff',GradientType=0); } /* Custom Themed Button group using all default bootstrap classes */ .btn-group.btn-group-themed .btn-default:hover, .btn-group.btn-group-themed .btn-default:focus, .btn-group.btn-group-themed .btn-default:active, .btn-group.btn-group-themed .btn-default.active, .btn-group.btn-group-themed .open .dropdown-toggle.btn-default { color: #6b3fa2; border-color: #cbc0f8; background-color: #e3def8; box-shadow: none; } /* Button Dropdown Menu Sizes */ .dropdown-menu.dropdown-sm { min-width: 120px; } .dropdown-menu.dropdown-sm li { margin-bottom: 0; } .dropdown-menu.dropdown-sm li a { font-size: 13px; padding: 2px 12px; } /*=============================================== H. Progress Bars ================================================= */ .progress { height: 18px; background-color: #ececec; box-shadow: none; } .progress-bar { line-height: 18px; } /* Progress Bar Sizes - ".progress" always required */ .progress.progress-sm { height: 12px; border-radius: 2px; } .progress.progress-sm .progress-bar { line-height: 12px; } .progress.progress-lg { height: 28px; } .progress.progress-lg .progress-bar { line-height: 28px; } /*=============================================== I. Field Elements ================================================= */ /* Default Select List */ select { cursor: pointer; } /* Bootstrap Help Block */ .help-block { margin-top: 7px; color: #888; } .radio-inline, .checkbox-inline { line-height: 20px; } /* Input Label */ label { font-weight: 600; } /* Input Design */ .form-control { box-shadow: none; border-radius: 0; border-color: #DDD; } /* Input Sizes */ .input-xs { padding: 4px 10px; height: 26px; font-size: 12px; line-height: 1.6; } /* Input Addon */ .input-group-addon { min-width: 40px; color: #a287d4; background-color: #fafafa; border-radius: 0; border-color: #DDD; } /* Input Focus */ .form-control:focus { border-color: #b18cde; box-shadow: none; } /* Disabled Input */ .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #fafafa; } /* Alternate Text Field Style - Gradient */ .text-field-alt { text-shadow: 0 1px #ffffff; border-color: #cccccc rgba(0, 0, 0, 0.19) rgba(0, 0, 0, 0.18); background-color: #f0f0f0; background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.1) 100%); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0.1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff',endColorstr='#00ffffff',GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); min-height: 40px; border-radius: 1px; border: 1px solid #cccccc; -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); } /*=============================================== J. Checkboxes - Custom Fusion exlcusive pure CSS Checkboxes ================================================= */ .cBox { position: relative; } .cBox.cBox-inline { display: inline-block; } .cBox.cBox-inline + .cBox.cBox-inline { margin-left: 18px; } .cBox input { margin: 0; } .cBox label { cursor: pointer; color: #AAA; font-size: 11px; font-weight: 400; padding-left: 10px; margin: 0; } .cBox label:before { content: ""; cursor: pointer; position: absolute; width: 17px; height: 17px; top: 0; left: 0; border-radius: 2px; border: 1px solid #CCC; border-color: rgba(0, 0, 0, 0.07) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.18); background-color: #f2f2f2; /* border-color: #cccccc rgba(0, 0, 0, 0.19) rgba(0, 0, 0, 0.18); background-color: #f28900; background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.1) 100%); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0.1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff',endColorstr='#00ffffff',GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);*/ } .cBox.cBox-gradient label:before { border-color: rgba(0, 0, 0, 0.07) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.18); background-repeat: repeat-x; background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3) 1%, rgba(255, 255, 255, 0.15) 100%); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 1%, rgba(255, 255, 255, 0.15) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff',endColorstr='#00ffffff',GradientType=0); } .cBox label:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; content: ''; position: absolute; width: 11px; height: 5px; background: transparent; top: 5px; left: 3px; border: 3px solid #555; border-top: none; border-right: none; -webkit-transform: rotate(-58deg); -moz-transform: rotate(-58deg); -o-transform: rotate(-58deg); -ms-transform: rotate(-58deg); transform: rotate(-58deg); } .cBox input[type=checkbox]:checked + label:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } /* Checkboxes - Custom Colors */ .cBox.facebook-bg label:before { background-color: #9de0f5; } .cBox.twitter-bg label:before { background-color: #a8e9ea; } .cBox.pinterest-bg label:before { background-color: #ffac9c; } .cBox.instagram-bg label:before { background-color: #fbb882; } /*=============================================== K. Switches - Created with pure CSS ================================================= */ div.switch label { display: block; position: relative; color: transparent; background: #ddd; text-indent: 100%; width: 52px; height: 26px; cursor: pointer; transition: left 0.15s ease-out; } div.switch input { display: none; } div.switch input + label { margin-left: 0; margin-right: 0; } div.switch label:after { content: ""; display: block; background: #fff; position: absolute; top: 3px; left: 3px; width: 19px; height: 19px; -webkit-transition: left .15s ease-out; -moz-transition: left .15s ease-out; transition: left 0.15s ease-out; } div.switch input:checked + label { background: #2ba6cb; } div.switch input:checked + label:after { left: 29px; } div.switch label { width: 52px; height: 26px; } div.switch label:after { width: 19px; height: 19px; } div.switch input:checked + label:after { left: 29px; } div.switch label { color: transparent; background: #dddddd; } div.switch label:after { background: white; } div.switch input:checked + label { background: #2ba6cb; } /* Switch Sizes */ div.switch.switch-lg label { width: 65px; height: 32px; } div.switch.switch-lg label:after { width: 26px; height: 26px; } div.switch.switch-lg input:checked + label:after { left: 35px; } div.switch.switch-sm label { width: 45px; height: 22px; } div.switch.switch-sm label:after { width: 16px; height: 16px; } div.switch.switch-sm input:checked + label:after { left: 26px; } div.switch.switch-xs label { width: 39px; height: 19px; } div.switch.switch-xs label:after { width: 13px; height: 13px; } div.switch.switch-xs input:checked + label:after { left: 22px; } div.switch.radius label { border-radius: 4px; } div.switch.radius label:after { border-radius: 3px; } /* Switch Option - Rounded */ div.switch.round { border-radius: 1000px; } div.switch.round label { border-radius: 26px; } div.switch.round label:after { border-radius: 26px; } /* Switch Option - Inline */ .switch.switch-inline { display: inline-block; } .switch.switch-inline + .switch.switch-inline { margin-left: 15px; } /*=============================================== L. Tables ================================================= */ /* Table first item changes */ .table tbody > tr:first-child > td { border-top: 0; } /* Table-striped item changes */ .table-striped > tbody > tr:nth-child(even) > td { background-color: #f8f8f8; border-bottom: 1px dashed #c9c9c9; padding: 8px; } .table-striped > tbody > tr:nth-child(odd) > td { background-color: #FFF; border-bottom: 1px dashed #c9c9c9; padding: 8px; } /* Rounded */ .table-curved > tbody > tr > td:first-child { border-radius: 4px 0 0 4px; } .table-curved > tbody > tr > td:last-child { border-radius: 0 4px 4px 0; } /*=============================================== M. Pricing Tables ================================================= */ /* Regular Pricing Plan */ .pricing-tables .pricing-plan { padding: 0 0 20px 0; margin: 30px -16px 20px -16px; border: 1px solid #CCC; background-color: #f6f6f6; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); } /* Pricing Table Title */ .pricing-tables .pricing-title { padding: 25px 5px 20px; border-bottom: 1px solid #DDD; } .pricing-tables .pricing-title h3 { margin-bottom: 0; font-weight: 200; text-transform: none; font-size: 26px; color: #555; } /* Pricing Table Cost Figure */ .pricing-info { margin: 20px 0; } .pricing-info .currency-sign { color: #333; font-size: 26px; font-weight: 200; display: inline-block; vertical-align: top; margin-left: -20px; padding-left: 5px; padding-top: 6px; } .pricing-info h2 { display: inline-block; margin-bottom: 0; color: #444; font-size: 54px; font-weight: 600; } .pricing-info h6 { color: #888; font-weight: 200; margin: 4px 0 0; } /* Pricing Table Item Features */ .pricing-features ul { margin: 0; padding: 0; list-style: none; border-top: 1px solid #DDD; } .pricing-features li { padding: 10px 0; border-bottom: 1px solid #DDD; background-color: #FFF; color: #999; margin: 0; } .pricing-tables .pricing-features li b { font-weight: 600; } .pricing-tables .pricing-features li i.fa { font-size: 15px; color: #777; padding-right: 8px; } /* Pricing Table Icons */ .pricing-tables .pricing-icons ul { list-style: none; padding: 0; margin: 0; } .pricing-tables .pricing-icons li { padding: 10px 0; border-bottom: 1px solid #DDD; background-color: #FFF; font-size: 18px; margin: 0; } /* Pricing Table Sign Up Button*/ .pricing-tables a.btn { margin-top: 25px; padding: 8px 26px; } /* Hero Pricing Plan Modifications */ .hero-plan { z-index: 10; } .hero-plan .pricing-plan { background-color: #f6f6f6; padding: 0 0 20px 0; margin: 0 -17px 20px -17px; border-bottom: 1px solid #BBB; -webkit-box-shadow: 0 0 20px rgba(100, 100, 100, 0.2); box-shadow: 0 0 20px rgba(100, 100, 100, 0.2); } .hero-plan .pricing-plan .pricing-title { color: #FFF; margin: -1px -1px 0 -1px; } .hero-plan .pricing-plan .pricing-title h3 { color: #FFF; font-weight: 600; } .hero-plan .pricing-plan .pricing-subtitle { text-transform: uppercase; font-size: 12px; margin-top: 4px; font-weight: 600; } .hero-plan .pricing-plan a.btn { margin: 40px 0 20px; } /*=============================================== N. Tabs ================================================= */ /* TAB CONTAINER */ .tab-block { position: relative; } .tab-block .tab-content { overflow: auto; background-color: #FFF; } /* TAB CONTENT PANEL */ .tab-content { position: relative; z-index: 10; min-height: 125px; padding: 16px 12px; border: 1px solid #CCC; } /* TAB NAVIGATION */ .nav-tabs { position: relative; border: 0; } .nav-tabs > li { float: left; margin-bottom: -1px; } .nav-tabs > li > a { position: relative; z-index: 9; padding: 9px 16px; margin-right: -1px; font-weight: 700; color: #777; font-size: 12px; border-color: #CFCFCF; border-radius: 0; background: #fafafa; } .nav-tabs > li:first-child > a { margin-left: 0; } /* TAB NAVIGATION STATES */ .nav-tabs > li > a:hover { color: #555; border-color: #CFCFCF; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { cursor: default; position: relative; z-index: 12; color: #555555; background: #FFF; border-color: #CFCFCF; border-bottom: 1px solid #FFF; } /* open state for dropdown menus in nav * containers. Also a direct bootstrap override */ .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { color: #428bca; border-color: #CFCFCF; } /* TAB NAVIGATION - ALT STYLE: BORDER */ .tabs-border.nav-tabs > li.active > a, .tabs-border-bottom .nav-tabs > li.active > a { margin-top: -1px; border-top: 2px solid #a287d4; } /* TAB NAVIGATION - ALT STYLE: BORDER - BOTTOM */ .tabs-border-bottom.nav-tabs > li > a, .tabs-border-bottom .nav-tabs > li > a { color: #BBB; font-weight: 600; background: #f9f9f9; } .tabs-border-bottom.nav-tabs > li.active > a, .tabs-border-bottom .nav-tabs > li.active > a { color: #555; font-weight: 600; margin-bottom: -1px; background: #f7f7f7; border-color: #DDD; border-bottom: 2px solid #a287d4; } /* TAB NAVIGATION - ALT STYLE: BACKGROUND */ .tabs-bg.nav { background: #f5f5f5; border: 1px solid #CCC; border-bottom: none; padding: 10px 10px 0; } /* TABS - Float Right */ .nav-tabs.tabs-right > li { float: right; } .nav-tabs.tabs-right > li:first-child > a { margin-right: 0; } /* TABS - NAVIGATION BELOW */ .tabs-below { position: relative; } .tabs-below > li { float: left; margin-top: -1px; } .tabs-below > li > a { position: relative; z-index: 9; margin-right: -1px; padding: 11px 16px; font-size: 12px; color: #777; font-weight: 700; border: 1px solid #CFCFCF; background: #fafafa; } /* TAB NAVIGATION STATES */ .tabs-below > li.active > a, .tabs-below > li.active > a:hover, .tabs-below > li.active > a:focus { cursor: default; position: relative; z-index: 12; color: #555555; background: #FFF; border-color: #CFCFCF; border-top: 1px solid #FFF; } /* TAB NAVIGATION - ALT STYLE: BORDER */ .tabs-border.tabs-below > li.active > a, .tabs-border .tabs-below > li.active > a { margin-bottom: -1px; border-bottom: 2px solid #c7b7e5; } /* TAB NAVIGATION - ALT STYLE: BACKGROUND */ .tabs-bg.tabs-below { background: #f5f5f5; border: 1px solid #CCC; border-top: none; padding: 0 10px 6px; } /* TABS - NAVIGATION LEFT */ .tabs-left { float: left; } .tabs-left > li { float: none; margin: 0 -1px -1px 0; } .tabs-left > li > a { padding: 12px 16px; color: #777; font-size: 12px; font-weight: 700; border: 1px solid transparent; border-color: #CFCFCF; background: #fafafa; } /* TAB NAVIGATION STATES */ .tabs-left > li.active > a, .tabs-left > li.active > a:hover, .tabs-left > li.active > a:focus { color: #555; border-color: #CCC #FFF #CCC #CCC; cursor: default; position: relative; z-index: 12; background: #FFF; } /* TAB NAVIGATION - ALT STYLE: BORDER */ .tabs-border.tabs-left > li.active > a, .tabs-border .tabs-left > li.active > a { margin-left: -1px; border-left: 2px solid #c7b7e5; } /* WELL TABS - GREY MICRO NAV TABS */ .well-tabs { position: relative; } .well-tabs li { float: left; margin: 4px 6px; } .well-tabs li:first-child { margin-left: 0; } .well-tabs li a { font-size: 11px; font-weight: 600; padding: 6px 8px; line-height: 15px; border-radius: 4px; color: #8457bb; border: 1px solid #beaff9; background-color: #dfd9f7; } .well-tabs li a:hover, .well-tabs li.active a { background-color: #fff; } /* Same style but inversed colors */ .well-tabs-inverse li a { font-size: 11px; font-weight: 600; color: #888; padding: 6px 8px; line-height: 15px; background: transparent; border-radius: 4px; border: 1px solid #ddd; } .well-tabs-inverse li a:hover, .well-tabs-inverse li.active a { color: #6b3fa2; border-color: #cbc0f8; background-color: #e3def8; } /*=============================================== O. Paginations ================================================= */ /* MINI PAGERS */ .pager { margin: 5px 0; cursor: pointer; } .pager li > a, .pager li > span { font-size: 14px; } .pager.pager-sm li > a, .pager.pager-sm li > span { font-size: 12px; } .pager.pager-lg li > a, .pager.pager-lg li > span { font-size: 16px; } /* PAGINATIONS */ .pagination { margin: 5px 0; cursor: pointer; } /* ROUNDED PAGINATION */ .pagination-rounded > li:first-child > a { border-radius: 50% 0 0 50%; } .pagination-rounded > li:last-child > a { border-radius: 0 50% 50% 0; } /* ALT STYLE */ .pagination-alt > li > a { margin: 0 4px; border-radius: 2px; font-weight: 600; color: #666; text-shadow: 0 1px #FFF; padding: 4px 11px; border-color: #ccc; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); background-repeat: repeat-x; background-image: -webkit-linear-gradient(top, white 1%, #f1f1f1 100%); background-image: linear-gradient(to bottom, #ffffff 1%, #f1f1f1 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .pagination-alt > li.active > a { background-color: #555; background-image: none; border-color: #444; } /* SIZES FOR ALT STYLE */ .pagination-alt.pagination-sm > li > a { margin: 0 3px; font-weight: 700; padding: 4px 9px; } .pagination-alt.pagination-lg > li > a { margin: 0 5px; padding: 4px 13px; } /* pagination-alt fixes */ .pagination-alt.pagination-sm > li:first-child > a, .pagination-alt.pagination-lg > li:first-child > a { margin-left: 0; } /*=============================================== P. Bootstrap Modals ================================================= */ .modal-backdrop.in { opacity: 0.7; } /* Modal sizes - element always requires * default ".modal-dialog" class */ .modal-dialog-sm { width: auto; } @media screen and (min-width: 768px) { .modal-dialog { padding-top: 50px; } .modal-dialog-sm { width: 425px; } } /* Modal Header */ .modal-header { position: relative; height: 45px; line-height: 35px; padding: 5px 15px; font-size: 13px; font-weight: 600; border-radius: 0; border-bottom: 1px solid #c9c9c9; background: #f2f2f2; } .modal-header button, .modal-title { line-height: inherit; } .modal-footer { padding: 10px 15px; background-color: #f5f5f5; border-top: 1px solid #dddddd; border-radius: 0; } /*=============================================== Q. Custom Modals ================================================= */ /* Login Form Modal */ #formModal .modal-content { width: 400px; margin: 0 auto; position: relative; } #formModal .modal-body { padding: 15px 20px 0 20px; } #formModal #login-avatar { margin: 15px 20px 25px; padding-bottom: 25px; border-bottom: 1px dashed #DDD; } #formModal #login-avatar img { display: block; margin: 0 auto; padding: 5px; border: 2px solid #DDD; } #formModal .login-alert { font-size: 13px; padding: 9px 13px; } /*=============================================== R. Content Heading Bar ================================================= */ .content-header { border-radius: 4px; background: #f6f6f6; padding: 12px 15px; border: 1px solid #CCC; } /*=============================================== R. Boostrap Popover ================================================= */ .popover { z-index: 1100; } /*=============================================== S. Boostrap List ================================================= */ .list-unstyled, .list-unstyled li { margin: 0; } /*================================================= v. HELPERS A. General B. Font Size C. Table Layout D. Padding E. Margin F. Line Height G. Borders H. Max Width =================================================== A. General/Misc Helpers =================================================== */ /* overflow Helpers */ .overflow-v { overflow: visible !important; } .overflow-h { overflow: hidden !important; } /* Center Grid Column Helper */ .center-column { float: none; margin-left: auto; margin-right: auto; display: block; } /* Vertical Align Helpers */ .va-t { vertical-align: top !important; } .va-m { vertical-align: middle !important; } .va-b { vertical-align: bottom !important; } .va-s { vertical-align: super !important; } /* Relative Position Helper */ .posr { position: relative !important; } /* Inline Block Helper */ .ib, .inline-object { display: inline-block !important; } /* pointer cursor */ .cursor { cursor: pointer !important; } /* Useful for emphasizing a disabled input */ .option-disabled { opacity: 0.6; } /* unstyled input */ .input-unstyled, .input-unstyled:hover, .input-unstyled:focus { border: none; background: none; box-shadow: none; outline: none; } /*=================================================== B. Table Layout Helpers - specifically for widgets ===================================================== */ .table-layout { display: table; table-layout: fixed; width: 100%; margin: 0; } /* table-layout helper content */ .table-layout > div { display: table-cell; float: none; } @media (max-width: 1300px) { .table-layout.table-clear-md, .table-layout.table-clear-md > div { display: block; float: none; } } @media (max-width: 992px) { .table-layout.table-clear-sm, .table-layout.table-clear-sm > div { display: block; float: none; } } @media (max-width: 767px) { .table-layout.table-clear-xs, .table-layout.table-clear-xs > div { display: block; float: none; } } /*=============================================== C. Font Size Helpers ================================================= */ .fs3 { font-size: 4px !important; } .fs4 { font-size: 4px !important; } .fs5 { font-size: 5px !important; } .fs6 { font-size: 6px !important; } .fs7 { font-size: 7px !important; } .fs8 { font-size: 8px !important; } .fs9 { font-size: 9px !important; } .fs10 { font-size: 10px !important; } .fs11 { font-size: 11px !important; } .fs12 { font-size: 12px !important; } .fs13 { font-size: 13px !important; } .fs14 { font-size: 14px !important; } .fs15 { font-size: 15px !important; } .fs16 { font-size: 16px !important; } .fs18 { font-size: 18px !important; } .fs20 { font-size: 20px !important; } .fs22 { font-size: 22px !important; } .fs24 { font-size: 24px !important; } .fs26 { font-size: 26px !important; } .fs28 { font-size: 28px !important; } .fs30 { font-size: 30px !important; } .fs35 { font-size: 35px !important; } .fs40 { font-size: 40px !important; } .fs45 { font-size: 45px !important; } .fs50 { font-size: 50px !important; } /*=============================================== D. Padding Helpers ================================================= */ .pn { padding: 0 !important; } .p1 { padding: 1px !important; } .p2 { padding: 2px !important; } .p3 { padding: 3px !important; } .p4 { padding: 4px !important; } .p5 { padding: 5px !important; } .p6 { padding: 6px !important; } .p7 { padding: 7px !important; } .p8 { padding: 8px !important; } .p10 { padding: 10px !important; } .p15 { padding: 15px !important; } .p20 { padding: 20px !important; } .p25 { padding: 25px !important; } .p30 { padding: 30px !important; } .p35 { padding: 35px !important; } .p40 { padding: 40px !important; } .p50 { padding: 50px !important; } .ptn { padding-top: 0 !important; } .pt5 { padding-top: 5px !important; } .pt10 { padding-top: 10px !important; } .pt15 { padding-top: 15px !important; } .pt20 { padding-top: 20px !important; } .pt25 { padding-top: 25px !important; } .pt30 { padding-top: 30px !important; } .pt35 { padding-top: 35px !important; } .pt40 { padding-top: 40px !important; } .pt50 { padding-top: 50px !important; } .prn { padding-right: 0 !important; } .pr5 { padding-right: 5px !important; } .pr10 { padding-right: 10px !important; } .pr15 { padding-right: 15px !important; } .pr20 { padding-right: 20px !important; } .pr25 { padding-right: 25px !important; } .pr30 { padding-right: 30px !important; } .pr35 { padding-right: 35px !important; } .pr40 { padding-right: 40px !important; } .pr50 { padding-right: 50px !important; } .pbn { padding-bottom: 0 !important; } .pb5 { padding-bottom: 5px !important; } .pb10 { padding-bottom: 10px !important; } .pb15 { padding-bottom: 15px !important; } .pb20 { padding-bottom: 20px !important; } .pb25 { padding-bottom: 25px !important; } .pb30 { padding-bottom: 30px !important; } .pb35 { padding-bottom: 35px !important; } .pb40 { padding-bottom: 40px !important; } .pb50 { padding-bottom: 50px !important; } .pln { padding-left: 0 !important; } .pl5 { padding-left: 5px !important; } .pl10 { padding-left: 10px !important; } .pl15 { padding-left: 15px !important; } .pl20 { padding-left: 20px !important; } .pl25 { padding-left: 25px !important; } .pl30 { padding-left: 30px !important; } .pl35 { padding-left: 35px !important; } .pl40 { padding-left: 40px !important; } .pl50 { padding-left: 50px !important; } /*=============================================== E. Margin Helpers ================================================= */ .mn { margin: 0 !important; } .m1 { margin: 1px !important; } .m2 { margin: 2px !important; } .m3 { margin: 3px !important; } .m4 { margin: 4px !important; } .m5 { margin: 5px !important; } .m8 { margin: 8px !important; } .m10 { margin: 10px !important; } .m15 { margin: 15px !important; } .m20 { margin: 20px !important; } .m25 { margin: 25px !important; } .m30 { margin: 30px !important; } .m35 { margin: 35px !important; } .m40 { margin: 40px !important; } .m50 { margin: 50px !important; } .mtn { margin-top: 0 !important; } .mt5 { margin-top: 5px !important; } .mt10 { margin-top: 10px !important; } .mt15 { margin-top: 15px !important; } .mt20 { margin-top: 20px !important; } .mt25 { margin-top: 25px !important; } .mt30 { margin-top: 30px !important; } .mt35 { margin-top: 35px !important; } .mt40 { margin-top: 40px !important; } .mt50 { margin-top: 50px !important; } .mrn { margin-right: 0 !important; } .mr5 { margin-right: 5px !important; } .mr10 { margin-right: 10px !important; } .mr15 { margin-right: 15px !important; } .mr20 { margin-right: 20px !important; } .mr25 { margin-right: 25px !important; } .mr30 { margin-right: 30px !important; } .mr35 { margin-right: 35px !important; } .mr40 { margin-right: 40px !important; } .mr50 { margin-right: 50px !important; } .mbn { margin-bottom: 0 !important; } .mb5 { margin-bottom: 5px !important; } .mb10 { margin-bottom: 10px !important; } .mb15 { margin-bottom: 15px !important; } .mb20 { margin-bottom: 20px !important; } .mb25 { margin-bottom: 25px !important; } .mb30 { margin-bottom: 30px !important; } .mb35 { margin-bottom: 35px !important; } .mb40 { margin-bottom: 40px !important; } .mb50 { margin-bottom: 50px !important; } .mln { margin-left: 0 !important; } .ml5 { margin-left: 5px !important; } .ml10 { margin-left: 10px !important; } .ml15 { margin-left: 15px !important; } .ml20 { margin-left: 20px !important; } .ml25 { margin-left: 25px !important; } .ml30 { margin-left: 30px !important; } .ml35 { margin-left: 35px !important; } .ml40 { margin-left: 40px !important; } .ml50 { margin-left: 50px !important; } /*=============================================== F. LineHeight Helpers ================================================= */ .lh0 { line-height: 0 !important; } .lh5 { line-height: 5px !important; } .lh10 { line-height: 10px !important; } .lh15 { line-height: 15px !important; } .lh20 { line-height: 20px !important; } .lh25 { line-height: 25px !important; } .lh30 { line-height: 30px !important; } .lh35 { line-height: 35px !important; } .lh40 { line-height: 40px !important; } /*=============================================== G. Border Helpers ================================================= */ /* Default Border */ .border { border: 1px solid #DDD; } .border-left { border-left: 1px solid #DDD; } .border-right { border-right: 1px solid #DDD; } .border-top { border-top: 1px solid #DDD; } .border-bottom { border-bottom: 1px solid #DDD; } /* Border Radius */ .br0 { border-radius: 0px !important; } .br1 { border-radius: 1px !important; } .br2 { border-radius: 2px !important; } .br3 { border-radius: 3px !important; } .br4 { border-radius: 4px !important; } .br6 { border-radius: 6px !important; } .br8 { border-radius: 8px !important; } .br12 { border-radius: 12px !important; } .br24 { border-radius: 24px !important; } .br64 { border-radius: 64px !important; } /* circle */ /* Border Width */ .bw1 { border-width: 1px !important; } .bw2 { border-width: 2px !important; } .bw3 { border-width: 3px !important; } .bw4 { border-width: 4px !important; } .bw5 { border-width: 5px !important; } /* Border Style */ .bs-dashed { border-style: dotted !important; } /* Disable Border */ .border-left-none { border-left: none !important; } .border-right-none { border-right: none !important; } .border-top-none { border-top: none !important; } .border-bottom-none { border-bottom: none !important; } .border-none { border: none !important; } /*=============================================== H. Max Width Helpers ================================================= */ .mw10 { max-width: 10px !important; } .mw20 { max-width: 20px !important; } .mw30 { max-width: 30px !important; } .mw35 { max-width: 35px !important; } .mw40 { max-width: 40px !important; } .mw45 { max-width: 45px !important; } .mw50 { max-width: 50px !important; } .mw60 { max-width: 60px !important; } .mw80 { max-width: 80px !important; } .mw100 { max-width: 100px !important; } .mw140 { max-width: 140px !important; } .mw160 { max-width: 160px !important; } .mw180 { max-width: 180px !important; } .mw200 { max-width: 200px !important; } .mw240 { max-width: 240px !important; } .mw280 { max-width: 280px !important; } .mw320 { max-width: 320px !important; } /* ================================================ VI. WIDGETS A. Table Widget B. Search Bar Widget C. Tile Widget D. Calendar Widget =================================================== A. Table Widget ------------------------------------------------- This is a multi-purpose widget. Apply it to any table to access table styles. Commonly inside a panel. =================================================== */ .table-checklist td { cursor: pointer; } .table-widget .tab-content { padding: 0; border: 0; overflow: hidden; } /* Table items (labels, badges, progress bars etc) */ .table-widget .progress { width: 80%; height: 13px; margin: 0; } .table-widget .label, .table-widget .badge { margin-right: 7px; } /* Tables with the .table-checklist class become clickable * if you want text to have a line-through effect on click * add the .text-slash class to the element */ .table-checklist tr.task-checked { color: #bbbbbb; } .table-checklist tr.task-checked .text-slash { text-decoration: line-through; } /* Table item checked state - class added via JS */ .table-checklist tr.task-checked .label, .table-checklist tr.task-checked .progress { opacity: 0.3; } /*=============================================== D. Search Bar Widget ================================================= */ .search-widget { position: relative; } #search-widget { height: 85px; margin-bottom: 50px; padding: 20px 25px; background: #f4f7fa; border: 1px solid #d8dee6; border-radius: 3px; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.05) inset; box-shadow: 0 0 3px rgba(0, 0, 0, 0.05) inset; } .search-bar-widget { float: left; width: 82%; min-height: 43px; padding: 9px 12px 9px 40px; } #search-widget .search-widget-icon { position: absolute; top: 14px; left: 15px; color: #999; font-size: 16px; } #search-widget button { float: left; width: 16%; margin-left: 2%; padding: 10px; font-weight: 600; } /*=============================================== B. Widget Tile - Full Icon BG ================================================= */ .icon-bg { position: absolute; opacity: 0.5; right: 0; top: 0; line-height: 100px; font-size: 100px; } /*=============================================== D. Calendar Widget ================================================= */ #calendar { position: relative; } #external-events { padding: 15px 10px; border: 1px dashed #CCC; background: #eee; min-height: 65px; margin-bottom: 20px; } .external-event { display: inline-block; width: 200px; max-width: 20%; font-weight: 600; margin-right: 10px; padding: 7px 10px; color: #FFF; cursor: pointer; border-radius: 2px; background-color: #a389d5; } .fc-header .fc-button { height: 26px; padding: 1px 10px; background-color: #f7f7f7; color: #666; font-size: 12px; font-weight: 600; text-align: center; border: 1px solid #CCC; border-radius: 1px; text-shadow: 0 1px #ffffff; background-repeat: repeat-x; background-image: -webkit-linear-gradient(top, white 1%, #f1f1f1 100%); background-image: linear-gradient(to bottom, #ffffff 1%, #f1f1f1 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); margin: 0; } table.fc-header { background: #f5f5f5; border-radius: 4px; border: 1px solid #CCC; margin-bottom: 20px; } .fc-header td.fc-header-left, .fc-header td.fc-header-center, .fc-header td.fc-header-right { padding: 15px; vertical-align: center; } .fc-header-title h2 { margin: 0; font-size: 14px; font-weight: 700; color: #a87fc6; line-height: 24px; } .fc-header-left .fc-button, .fc-header-right .fc-button { margin-left: 0; } .fc-button.fc-state-down, .fc-button.fc-state-active { background-color: #EEE; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.05); } .fc-event { font-weight: 600; margin: 4px; background-color: #c384dd; border-color: transparent; } .fc-state-highlight { background-color: #f8f8f8; } .fc-event-inner { padding: 7px; } /* Content Header */ .fc-content .fc-grid .fc-day-header { color: #999; font-weight: 600; border: 0; border-bottom: 1px solid #DDD; padding-bottom: 10px; } /* Content Body/Container */ .fc-content .fc-grid table tbody { background: #FFF; } /* Content Day Number */ .fc-grid .fc-day-number { font-size: 13px; font-weight: 400; color: #AAA; padding: 5px 11px; } /* ================================================ X. PAGES - In Order A. Dashboard.html B. 404/500.html C. Coming-soon.html D. Screenlock.html E. Login.html F. Invoice-page.html G. Gallery.html H. Validation.html I. Sketchpad.html J. Timeline.html K. Profile.html * This file is reserved for changes done on * a per-page basis. To create independent * page layouts an additional class was added * to the pages body. For example login.html * has an extra body class of ".login-page" * Note: Pages not listed here were made using * 100% reusable styles placed in theme.css ================================================= A. Dashboard.html - Default ================================================= */ body.dashboard-page .jvectormap-zoomin, body.dashboard-page .jvectormap-zoomout { display: none; } body.dashboard-page .chat-panel .panel-body { max-height: 288px; overflow-x: hidden; overflow-y: scroll; } /* A slidedown menu used to store * multiple Tile widgets */ #widget-dropdown { margin-bottom: 10px; display: block; } #widget-dropdown .panel { background: #f8f8f8; } .widget-fullscreen { position: fixed; width: 90%; height: 90%; top: 5%; left: 5%; z-index: 9999; } .widget-backdrop { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 9998; background: #000; opacity: 0.65; } .dashboard-widget-tray { padding-top: 37px; } /*=============================================== B. Messages Page ================================================= */ /* Email Listings */ .email-table.table-striped > tbody > tr > td { border: none; } .email-table.table-striped > tbody > tr > td { vertical-align: middle; } .email-table.table-striped > tbody > tr > td:first-child { padding-left: 20px; } .email-table.table-hover > tbody > tr:hover > td { cursor: pointer; background-color: #ecf3f8 !important; } .email-table .table-icon { width: 55px; } .email-search, .email-count { color: #999; font-size: 14px; top: 2px; position: relative; } /* Email Compose */ .messages-page .note-editor .note-toolbar { background: #fafafa; border: 1px solid #DDD; } .messages-page .note-editor .note-editable { border: 1px solid #DDD; border-top: none; } /*=============================================== B. Editors Page ================================================= */ body.editors-page .panel .panel-heading { border-bottom-color: #CCC; } /*=============================================== C. 404/500.html ================================================= */ /* Error search bar */ body.error-page #search-widget { background: #f1f1f1; } /* Error text */ body.error-page .error-icon { font-size: 80px; position: relative; top: -10px; } body.error-page .error-text { font-size: 120px; text-align: center; text-shadow: 0 2px #FFF; color: #888; width: 100%; } /*=============================================== D. Coming-soon.html ================================================= */ body.coming-soon-page #main { background: none; } body.coming-soon-page #page-logo { width: 291px; margin: 50px auto 50px; } body.coming-soon-page .cntSeparator { margin: 27px 18px; } body.coming-soon-page .panel { width: 600px; margin: 0 auto; position: relative; } body.coming-soon-page .panel-title { font-size: 17px; float: none; } body.coming-soon-page .panel-body { padding: 40px 26px; } /*=============================================== E. Screenlock.html ================================================= */ body.screenlock-page #main { background: none; } body.screenlock-page #page-logo { width: 285px; margin: 50px auto 80px; } body.screenlock-page .panel { width: 500px; margin: 0 auto; position: relative; } body.screenlock-page .login-info { margin: 20px 0; font-size: 13px; } body.screenlock-page .login-info .login-name b { font-size: 14px; } body.screenlock-page .login-info .login-email { padding-top: 8px; font-size: 12px; color: #AAA; } body.screenlock-page .login-avatar { padding: 12px 15px 13px 10px; margin-right: 20px; border-right: 1px dashed #DDD; float: left; } body.screenlock-page .login-avatar img { display: block; margin: 0 auto; padding: 5px; border: 2px solid #DDD; } body.screenlock-page .login-alert { padding-top: 15px; margin: 5px 0; border-top: 1px dashed #DDD; clear: both; } body.screenlock-page .login-alert .alert { font-size: 13px; padding: 7px 13px; margin-bottom: 0; } /*=============================================== F. Login.html ================================================= */ body.login-page #main { background: none; } body.login-page #page-logo { width: 285px; margin: 50px auto 80px; } body.login-page .panel { width: 400px; margin: 0 auto; position: relative; } body.login-page .login-avatar { margin: 15px 20px 25px; padding-bottom: 25px; border-bottom: 1px dashed #DDD; } body.login-page .login-avatar img { display: block; margin: 0 auto; padding: 5px; border: 2px solid #DDD; } body.login-page .login-alert { font-size: 13px; padding: 9px 13px; } /*=============================================== G. Invoice.html ================================================= */ body.invoice-page #invoice-info { margin-bottom: 15px; } /* Invoice table */ body.invoice-page .table-condensed tbody tr td:last-child { text-align: right; padding-right: 15px; } /* Summary table */ body.invoice-page #invoice-summary { margin: 0; } /* Summary table header */ body.invoice-page #invoice-summary thead th:first-child { text-align: right; width: 200px; padding-right: 55px; } body.invoice-page #invoice-summary thead th:last-child { width: 50px; font-weight: 400; } /* Summary table rows */ body.invoice-page #invoice-summary tbody tr td { border-top: 0; } body.invoice-page #invoice-summary tbody tr td:first-child { text-align: right; width: 200px; padding-right: 55px; } /* Summary table last row */ body.invoice-page #invoice-summary tbody tr:last-child td { background: #f8f8f8; border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; height: 35px; line-height: 35px; } /* Bottom of page invoice buttons */ body.invoice-page .invoice-buttons { position: absolute; left: 15px; bottom: 10px; } /*=============================================== H. Gallery.html ================================================= */ /* GALLERY.HTML */ body.gallery-page .panel-menu .tab-content { padding: 0; border: 0; min-height: 0; background: transparent; } /*=============================================== I. Validation.html ================================================= */ body.validation-page label.error { font-weight: 600; color: #d9534f; font-size: 12px; margin: 6px 0 0 2px; } /*=============================================== J. Sketchpad.html ================================================= */ body.sketchpad-page .wPaint-menu-holder { box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.45); } body.sketchpad-page .chat-panel .media-img img { max-width: 50px; margin-right: 6px; } body.sketchpad-page .chat-panel .media-content { padding: 6px 12px; } body.sketchpad-page .chat-panel .media-timestamp { margin-bottom: 5px; } /*=============================================== K. Timeline.html ================================================= */ body.timeline-page #main { min-height: 1400px; } body.timeline-page #content { padding: 8px 35px 50px 35px; } #timeline { position: relative; } /* Timeline Spine */ #timeline:after { position: absolute; top: 0; left: 50%; width: 4px; margin-left: -2px; height: 100%; content: ""; background: #ddd; } /* Timeline Date Button/Label */ .timeline-divider { position: relative; margin: 10px 0 45px; z-index: 3; } .timeline-divider .divider-label { width: 110px; margin: 0 auto; padding: 7px; text-align: center; border: 1px solid #CCC; background: #FFF; } /* Timeline Content Panels */ #timeline .panel { position: relative; z-index: 11; overflow: visible; margin-bottom: 30px; } /* Timeline Panel Arrows */ #timeline .panel:before, #timeline .panel:after { content: ""; z-index: 2; position: absolute; top: 10px; left: 100%; width: 0; height: 0; border-style: solid; border-width: 8px 0 8px 12px; border-color: transparent transparent transparent #fafafa; } #timeline .panel:after { z-index: 1; border-left-color: #666; } #timeline .right-column .panel:before, #timeline .right-column .panel:after { top: 10px; right: 100%; left: auto; border-width: 8px 12px 8px 0; border-color: transparent #fafafa transparent transparent; } #timeline .right-column .panel:after { border-right-color: #666; } /* Timeline Panel Positioning */ #timeline > .row > .left-column .timeline-item { padding-right: 30px; } #timeline > .row > .right-column .timeline-item { padding-left: 30px; } #timeline > .row > .right-column { margin-top: 80px; } #timeline .ui-sortable-disabled .panel { cursor: auto; } /* Timeline Responsive Styles */ @media (max-width: 770px) { #timeline > .row > .left-column .panel { margin-right: 0; } #timeline > .row > .right-column .panel { margin-left: 0; } #timeline > .row .panel:before { display: none; } #timeline > .row .panel:after { display: none; } } #timeline .tab-content { min-height: 0; } /* form creation styles */ #timeline .map { width: 100%; height: 275px; } #timeline-image-form .fileupload-preview { text-align: center; } #timeline-image-form .fileupload-preview img { max-height: 200px; } /* JQuery sortable placeholder */ #timeline .ui-sortable { min-height: 150px; min-width: 300px; } .timeline-icon { z-index: 1; position: absolute; right: -18px; width: 38px; height: 38px; line-height: 38px; font-size: 20px; color: #FFF; text-align: center; border-radius: 50%; background: #e8e8e8; box-shadow: 0 0 0 5px #e8e8e8; } .right-column .timeline-icon { right: auto; left: -18px; } /* SINGLE TIMELINE */ #timeline.timeline-single { margin-left: 50px; } #timeline.timeline-single:after { left: 0; } #timeline.timeline-single > .row > .col-sm-6 { width: 100%; padding-left: 65px; } #timeline.timeline-single > .row > .right-column { margin-top: 0; } #timeline.timeline-single > .row > .right-column .timeline-item, #timeline.timeline-single > .row > .left-column .timeline-item { padding-left: 0; padding-right: 0; } #timeline.timeline-single .timeline-divider .divider-label { margin-left: -55px; } #timeline.timeline-single .timeline-icon { left: -8px; right: auto; } /* Timeline Panel Arrows */ #timeline.timeline-single .panel:before, #timeline.timeline-single .panel:after { right: 100%; left: auto; border-width: 8px 12px 8px 0; border-color: transparent #fafafa transparent transparent; } #timeline.timeline-single .panel:after { border-right-color: #666; } /*=============================================== M. Map Pages - Full, Vector ================================================= */ .maps-vector-page #content_wrapper { min-height: 0; } .expanding-header { z-index: 999; position: absolute; top: 20px; left: 30px; width: 550px; height: 43px; background: rgba(0, 0, 0, 0.5); border-radius: 2px; transition: all 0.2s ease-in-out; } .expanding-header.collapsed { width: 48px; } .expanding-header .map-header-icon { cursor: pointer; width: 47px; padding: 10px 13px; color: #FFF; font-size: 22px; float: left; margin-right: 10px; } .expanding-header .flag-sm { cursor: pointer; } .maps-page .expanding-header, .map-full-page .expanding-header { top: 24px; left: 90px; } .maps-page .expanding-header input.form-control { min-width: 250px; } /*=============================================== L. Profile.html ================================================= */ .profile-page #topbar.profile-topbar { padding-left: 0; height: 220px; max-height: 220px; background: url(../img/profile_topbar_bg.jpg) no-repeat center left; overflow: hidden; } .profile-page .topbar-avatar { float: left; width: 165px; height: 165px; margin-left: 65px; margin-top: 25px; } .profile-page .topbar-text { float: left; margin-left: 65px; margin-top: 50px; } .profile-page .topbar-text h2 { color: #FFF; margin-top: 0; } .profile-page .topbar-text p { color: #ddd; margin-top: 15px; margin-left: 5px; } .profile-page .topbar-menu { position: absolute; top: 50px; right: 20px; width: 180px; max-width: 190px; background: #ebebeb; padding: 8px 10px; } .profile-page .topbar-menu .col-xs-8 .btn { background-color: #a4705c; } .profile-page #Grid { min-height: 490px; } .profile-page .profile-tabs { margin-top: -63px; z-index: 1024; } .profile-page .profile-tabs .nav-tabs > li > a { background: none; border-color: transparent; color: #CCC; padding: 11px 20px; border-top: 3px solid transparent; } .profile-tabs .nav-tabs > li.active > a, .profile-tabs .nav-tabs > li.active > a:hover, .profile-tabs .nav-tabs > li.active > a:focus { color: #917050; background: #FFF; border-color: #CFCFCF; border-bottom: 1px solid #FFF; border-top: 3px solid #917050; } /*=============================================== M. Error Pages - 404, 500 ================================================= */ .minimal { background: #f9f9f9; } .error-page #return-arrow { top: 75px; padding-top: 0; } #error-container img { width: 280px; margin: 30px auto 5px; } .error-title { font-size: 120px; font-weight: 800; color: #a87fc6; text-align: center; padding-top: 110px; margin-bottom: 20px; line-height: 120px; } .error-subtitle { font-weight: 400; text-align: center; font-size: 40px; color: #b0b0b0; margin-bottom: 80px; } .mid-section { width: 100%; height: 200px; background: url("../img/patterns/error-bg.jpg") repeat left top #a87fc6; } .mid-content { width: 620px; margin: 0 auto; padding: 50px 20px 35px; } @media (max-width: 765px) { .mid-content { width: 100%; } } .mid-content input { color: #AAA; height: 45px; border-radius: 1px; padding: 10px 20px; border: 0; } /*==================================================== N. External Pages - Login, Screen-Lock, Comingsoon ====================================================== */ .minimal .panel { background: #f8f8f8; border: 10px solid #9C9C9C; border: none; border-radius: 0; box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1), -1px -2px 1px rgba(0, 0, 0, 0.1); } .minimal .panel-heading, .minimal .panel-footer { background: #FFF; border-color: #eee; } .minimal .overlay-black { position: fixed; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; } .minimal .overlay-black { background: rgba(0, 0, 0, 0.5); } .login-page .panel-bg { padding: 12px; width: 430px; margin: 0 auto; background: rgba(255, 255, 255, 0.4); box-shadow: 0px 0 1px rgba(255, 255, 255, 0.8) inset; } .screenlock-page .panel-bg { padding: 12px; width: 530px; margin: 0 auto; background: rgba(255, 255, 255, 0.4); box-shadow: 0px 0 1px rgba(255, 255, 255, 0.8) inset; } .coming-soon-page .panel-bg { padding: 12px; width: 630px; margin: 0 auto; box-shadow: 0px 0 1px rgba(255, 255, 255, 0.75) inset; background: rgba(255, 255, 255, 0.3); background: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.3) 54%, rgba(255, 255, 255, 0.3) 55%, rgba(255, 255, 255, 0.72) 55%, rgba(255, 255, 255, 0.33) 100%); background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(255, 255, 255, 0.3)), color-stop(54%, rgba(255, 255, 255, 0.3)), color-stop(55%, rgba(255, 255, 255, 0.3)), color-stop(55%, rgba(255, 255, 255, 0.72)), color-stop(100%, rgba(255, 255, 255, 0.33))); background: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.3) 54%, rgba(255, 255, 255, 0.3) 55%, rgba(255, 255, 255, 0.72) 55%, rgba(255, 255, 255, 0.33) 100%); background: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.3) 54%, rgba(255, 255, 255, 0.3) 55%, rgba(255, 255, 255, 0.72) 55%, rgba(255, 255, 255, 0.33) 100%); background: -ms-linear-gradient(45deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.3) 54%, rgba(255, 255, 255, 0.3) 55%, rgba(255, 255, 255, 0.72) 55%, rgba(255, 255, 255, 0.33) 100%); background: linear-gradient(45deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.3) 54%, rgba(255, 255, 255, 0.3) 55%, rgba(255, 255, 255, 0.72) 55%, rgba(255, 255, 255, 0.33) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 ); } /* ================================================ XI. PLUGINS A. Markitup B. Summernote C. Ckeditor D. RangeSlider E. Clndr F. Jvector Maps G. Flot Charts H. Tags Manager I. Mixitup J. Colorpicker/Datepicker K. Dropzone L. Gmap M. Chosen N. Form Wizard O. DataTables P. TreeView Q. Nestable R. Image Zoom S. Jquery Plugins * This file contains small changes applied * specifically to 3rd party addons. Please * see vendor.scss for actual plugin styles ================================================= A. Markitup Editor ================================================= */ /* Container */ .markItUp { width: 100%; margin: 0; } /* Header */ .markItUpHeader { min-height: 43px; padding: 8px 10px 0px; background: #f6f6f6; border: none; border-bottom: 1px solid #CCC; } .markItUpButton { padding: 4px; background: #FFF; border: 1px solid #CCC; } .markItUpHeader ul .markItUpSeparator { height: 25px; } /* Textarea */ .markItUpEditor { font-family: 'Open Sans',Helvetica, Arial, sans-serif; font-size: 13px; padding: 10px; border: none; width: 100%; height: 250px; } /* Footer */ .markItUpFooter { height: 15px; } /*=============================================== B. Summernote ================================================= */ .note-editor .note-toolbar { background: #f6f6f6; border: none; border-bottom: 1px solid #CCC; padding: 0 10px 9px; } .note-editor .note-toolbar > .btn-group { margin-top: 8px; padding-right: 10px; margin-right: 10px; border-right: 1px solid #CCC; } .note-editor .btn-sm, .note-editor .btn-group-sm > .btn { padding: 3px 8px 4px; } .note-editor { border: none; } .note-editor .note-editable { overflow: auto; } .note-editor .note-statusbar { background: none; } .note-editor .note-statusbar .note-resizebar { border: none; } /*=============================================== C. CKEditor ================================================= */ .fusionSkin.cke_chrome { font-family: 'Open Sans',Helvetica, Arial, sans-serif; border: none; box-shadow: none; } .fusionSkin .cke_top { background: #f6f6f6; box-shadow: none; border: none; border-bottom: 1px solid #CCC; padding: 9px 8px 5px; } .fusionSkin .cke_toolgroup, .fusionSkin .cke_combo_button { background: #FFF; border-radius: 0; border-color: #BBB; margin-right: 15px; box-shadow: none; } .fusionSkin a.cke_button { padding: 4px 5px; } .fusionSkin .cke_bottom { background: none; border-color: #DDD; } .cke_toolbar_break { clear: none !important; display: block !important; } /*=============================================== D. RangeSlider ================================================= */ /* Slider Container */ .ui-rangeSlider .ui-rangeSlider-bar { margin: 5px 0; height: 20px; background-color: #6390a7; } /* Slider Inner bar */ .ui-rangeSlider .ui-rangeSlider-innerBar { height: 24px; margin: 3px 0; background-color: #FFF; border: 1px solid #CCC; border-radius: 3px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 -1px 0 rgba(255, 255, 255, 0.65) inset; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 -1px 0 rgba(255, 255, 255, 0.65) inset; } /* Slider Label */ .ui-rangeSlider-label { border: 0; box-shadow: none; background: none; background-image: none; } .ui-rangeSlider-label-value { position: relative; top: -8px; min-width: 40px; min-height: 25px; text-align: center; line-height: 25px; font-size: 12px; font-weight: 600; border-radius: 4px; background: #fafafa; background-image: none; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); } .ui-rangeSlider-label:after { content: "\f0d7"; width: 100%; position: absolute; bottom: 0; margin: 0 -6px; color: #f8f8f8; font-family: FontAwesome; font-size: 18px; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); } /* Slider Input Label */ input.ui-editRangeSlider-inputValue { border: 1px solid #DDD; width: 2.2em; } /* Slider Handles */ .ui-rangeSlider .ui-rangeSlider-handle { background: none; } .ui-rangeSlider .ui-rangeSlider-handle-inner { background: url(../img/plugins/slider-knob.png) no-repeat center top; width: 22px; height: 24px; } .ui-rangeSlider-leftHandle .ui-rangeSlider-handle-inner { margin-left: -10px; } .ui-rangeSlider-rightHandle .ui-rangeSlider-handle-inner { margin-left: -4px; } /* Slider Arrows */ .ui-rangeSlider-arrow { margin: 6px 0; } .ui-rangeSlider-arrow.ui-rangeSlider-leftArrow { left: -13px !important; } .ui-rangeSlider-arrow.ui-rangeSlider-rightArrow { right: -13px !important; } /*=============================================== E. Clndr ================================================= */ .clndr .clndr-controls { display: none; width: 100%; position: relative; margin-bottom: 10px; } .clndr .clndr-controls .month { float: left; width: 33%; text-align: center; } .clndr .clndr-controls .clndr-control-button { float: left; width: 33%; } .clndr .clndr-controls .clndr-control-button.rightalign { text-align: right; width: 34%; } .clndr .clndr-controls .clndr-control-button .clndr-next-button { cursor: pointer; -webkit-user-select: none; /* Chrome/Safari */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* IE10+ */ } .clndr .clndr-controls .clndr-control-button .clndr-next-button:hover { background: #ddd; } .clndr .clndr-controls .clndr-control-button .clndr-next-button.inactive { opacity: 0.5; } .clndr .clndr-controls .clndr-control-button .clndr-next-button.inactive:hover { background: none; cursor: default; } .clndr .clndr-controls .clndr-control-button .clndr-previous-button { cursor: pointer; -webkit-user-select: none; /* Chrome/Safari */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* IE10+ */ } .clndr .clndr-controls .clndr-control-button .clndr-previous-button:hover { background: #ddd; } .clndr .clndr-controls .clndr-control-button .clndr-previous-button.inactive { opacity: 0.5; } .clndr .clndr-controls .clndr-control-button .clndr-previous-button.inactive:hover { background: none; cursor: default; } .clndr .clndr-table { table-layout: fixed; width: 100%; } .clndr .clndr-table .header-days { height: 30px; font-size: 13px; font-weight: 600; } .clndr .clndr-table .header-days .header-day { vertical-align: middle; text-align: center; } .clndr .clndr-table tr { height: 45px; } .clndr .clndr-table tr td { vertical-align: middle; } .clndr .clndr-table tr .day { width: 100%; height: inherit; padding: 10px; } .clndr .clndr-table tr .day:hover { background: #eee; } .clndr .clndr-table tr .day.today .day-contents { width: 35px; text-align: center; margin: 0 auto; position: relative; color: #FFF; font-weight: 700; background: #c7b7e5; border-radius: 5px; } .clndr .clndr-table tr .day.today.event { background: #a7dbc1; } .clndr .clndr-table tr .day.event { background: #B4E09F; } .clndr .clndr-table tr .day.event:hover { background: #96d478; } .clndr .clndr-table tr .day.inactive { background: #ddd; } .clndr .clndr-table tr .day .day-contents { color: #888; box-sizing: border-box; padding: 8px; font-size: 12px; text-align: center; } .clndr .clndr-table tr .empty, .clndr .clndr-table tr .adjacent-month { color: #AAA; width: 100%; height: inherit; } .clndr .clndr-table tr .empty:hover, .clndr .clndr-table tr .adjacent-month:hover { background: #ddd; } /*=============================================== F. Jvector Maps ================================================= */ .jvectormap-label { z-index: 10; position: absolute; display: none; border: solid 1px #CDCDCD; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #292929; color: white; font-family: sans-serif, Verdana; font-size: smaller; padding: 3px; } .jvectormap-zoomin, .jvectormap-zoomout { cursor: pointer; position: absolute; top: 20px; left: auto; right: 30px; padding: 0; width: 40px; height: 35px; line-height: 35px; color: #fff; text-align: center; font-weight: 400; font-size: 22px; border-radius: 2px; background: rgba(0, 0, 0, 0.5); } .jvectormap-zoomout { right: 80px; } /*=============================================== G. Flot Charts ================================================= */ /* Shared Flot and Sparkline tooltip */ .jqstooltip, #flotTip { color: #fff; width: auto !important; height: auto !important; padding: 2px 6px !important; background-color: rgba(0, 0, 0, 0.7) !important; border: 0 !important; border-radius: 3px; } .flot-x-axis .flot-tick-label.tickLabel { color: #AAA; } .flot-y-axis .flot-tick-label.tickLabel { color: #AAA; padding-top: 6px; padding-left: 14px; } td.legendColorBox { padding: 5px; } /*=============================================== H. Tags Manager ================================================= */ .tm-tag { margin-right: 8px; } .tag-container { margin-top: 15px; } .tm-tag.tm-tag-theme { color: #6b3fa2; border-color: #cbc0f8; background-color: #e3def8; } /*=============================================== I. Mixitup ================================================= */ #Grid { padding: 0; text-align: justify; font-size: 0.1px; -webkit-backface-visibility: hidden; min-height: 368px; } #Grid:after { content: ''; display: inline-block; width: 100%; } #Grid .mix, #Grid .gap { display: inline-block; width: 32%; } #Grid .mix { text-align: left; margin-bottom: 1%; display: none; } @media all and (min-width: 720px) { #Grid .mix, #Grid .gap { width: 24%; } } #Grid .mix .mix-desc { display: none; } /* Grid sortable placeholder */ #Grid .placeholder { position: relative; display: inline-block; vertical-align: top; background: #DDD; } #Grid .placeholder::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; -webkit-box-shadow: 0 1px 3px #BBB inset, 1px 1px 0 #FFF; box-shadow: 0 1px 3px #BBB inset, 1px 1px 0 #FFF; } /* List version */ #Grid.list .mix { width: 100%; max-height: 85px; background: #fff; } #Grid.list .mix:nth-child(odd) { background: #f8f8f8; } #Grid.list .mix:before { padding-top: 40px; } /* List Version img */ #Grid.list .mix img { max-height: 100%; float: left; margin-right: 20px; } /* List Version text */ #Grid.list .mix .mix-desc { display: block; padding: 10px; } #Grid.list .mix .mix-desc p { display: block; font-size: 13px; } #Grid.list .placeholder { margin-bottom: 1%; } /*=============================================== J. Colorpicker/Datepicker/DateRangePicker ================================================= */ .colorpicker { z-index: 1051; padding: 6px 12px; min-width: 0; } .datepicker { padding: 6px 12px; } .rangepicker { background: #fafafa; } /*=============================================== K. Dropzone ================================================= */ .dropzone { min-height: 405px; } .dropzone .dz-default.dz-message { background-image: none; width: 100%; height: 100%; top: 23%; margin-left: 0px; margin-top: -23px; text-align: center; left: 0; } .dropzone .dz-default.dz-message span { display: inline-block; text-align: center; } .dropzone .dz-default.dz-message span.main-text { font-size: 28px; font-weight: 400; color: #666; } .dropzone .dz-default.dz-message span.main-text b { font-size: 40px; color: #444; } .dropzone .dz-default.dz-message span.sub-text { font-size: 20px; color: #888; } .dropzone .dz-default.dz-message i.fa { font-size: 100px; display: block; color: #a87fc6; margin-bottom: 15px; } .dropzone a.dz-remove, .dropzone-previews a.dz-remove { cursor: pointer; } /* Demonstration Purposes ONLY */ .dropzone .dz-preview .dz-error-message, .dropzone-previews .dz-preview .dz-error-message { display: none !important; } /*=============================================== L. Gmap ================================================= */ /* Inline Map Pagination Styles */ .map .pagination { text-shadow: 0 1px #ffffff; border-color: #cccccc rgba(0, 0, 0, 0.19) rgba(0, 0, 0, 0.18); background-color: #f0f0f0; background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.1) 100%); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0.1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff',endColorstr='#00ffffff',GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); width: 96%; margin: 11px; -webkit-box-shadow: 0 2px 4px #999; box-shadow: 0 2px 4px #999; } .map .pagination .display { display: inline-block; width: 84%; height: 40px; border-right: 1px solid #fff; border-left: 1px solid #fff; text-align: center; line-height: 40px; text-shadow: 0 1px #FFF; } .map .pagination .btn { width: 8%; height: 40px; cursor: pointer; border-radius: 0; vertical-align: top; border: 0; } .map .pagination .back-btn { float: left; border-right: 1px solid #ccc; background: url("../vendor/plugins/gmap/images/arrow_left_12x12.png") no-repeat 50% 50%; } .map .pagination .fwd-btn { float: right; border-left: 1px solid #ccc; background: url("../vendor/plugins/gmap/images/arrow_right_12x12.png") no-repeat 50% 50%; } .map .checker { margin-right: 8px; } /* Map Styling Helper Classes */ .map-shadow { -webkit-box-shadow: 0 2px 3px #999; box-shadow: 0 2px 3px #999; } .map-gradient { text-shadow: 0 1px #ffffff; border-color: #cccccc rgba(0, 0, 0, 0.19) rgba(0, 0, 0, 0.18); background-color: #f0f0f0; background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.1) 100%); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0.1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff',endColorstr='#00ffffff',GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .map-rounded { border-radius: 4px; } /*=============================================== M. Chosen ================================================= */ /* Single Select List */ .chosen-container-single .chosen-single { border-color: #ddd; box-shadow: none; height: 32px; line-height: 32px; border-radius: 0; } .chosen-container-single .chosen-drop { padding: 5px; } /* Multi Select List */ .chosen-container-multi .chosen-choices { cursor: pointer; border-color: #ddd; background-clip: padding-box; background-repeat: repeat-x; background-image: -webkit-linear-gradient(top, white 1%, #f0f0f0 100%); background-image: linear-gradient(to bottom, #ffffff 1%, #f0f0f0 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .chosen-container-multi .chosen-choices li.search-field input[type="text"] { cursor: pointer; height: 32px; line-height: 32px; } .chosen-container-multi.chosen-container-active .chosen-choices { box-shadow: none; background-repeat: repeat-x; background-clip: padding-box; background-image: -webkit-linear-gradient(top, #eeeeee 1%, white 100%); background-image: linear-gradient(to bottom, #eeeeee 1%, #ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .chosen-container-multi.chosen-container-active .chosen-drop { padding: 8px 5px; -webkit-box-shadow: 0 0 8px #999; box-shadow: 0 0 8px #999; } /*=============================================== N. Form Wizard ================================================= */ /*=============================================== O. DataTables ================================================= */ /* Datatable Header */ table.dataTable thead th { border-bottom: 1px solid #DDD; font-weight: 600; } /* Datatable Sorted Rows */ table.dataTable tr.odd td.sorting_1 { background-color: white; } table.dataTable tr.even td.sorting_1 { background-color: #f8f8f8; } /* Datatable Filters Menu Container */ .dt-panelmenu { min-height: 52px; margin: -15px -15px 10px; } /* DataTables Search Bar Filter */ div.dataTables_filter input { width: 270px; line-height: 1.428571429; padding: 3px 8px; color: #999; outline: none; background: #FFF; max-height: 30px; height: 29px; border: 1px solid #ddd; } div.dataTables_filter input[placeholder] { font-weight: 400; } /* DataTables Dropdown Filter */ .dataTables_length { display: none; } @media (min-width: 768px) { .dataTables_length { display: block; } } .dataTables_length .chosen-container { margin: 0 5px; } div.dataTables_length label { color: #999; font-weight: 600; } .dataTables_length .chosen-container-single .chosen-single { height: 30px; line-height: 28px; color: #888; background: #FFF; } /* DataTables Dropdown Filter Arrow Icon */ .dataTables_length .chosen-container-single .chosen-single div { top: 3px; } /* Datatable Result Counter */ div.dataTables_info { padding-top: 10px; color: #999; } /* Datatable Footer */ .datatables-footer { margin-top: 10px; } /* Datatable Pagination */ .datatables-footer .pagination { margin: 0; } .datatables-footer .pagination { padding-top: 2px; } table.dataTable > thead > tr > th, table.dataTable > tbody > tr > th, table.dataTable > tfoot > tr > th, table.dataTable > thead > tr > td, table.dataTable > tbody > tr > td, table.dataTable > tfoot > tr > td { vertical-align: middle; } /* DATATABLES PLUGIN STYLES - TABLETOOLS */ /* TableTools Container */ div.DTTT_container { position: absolute; float: none; right: 0; top: -30px; } /* TableTools Buttons */ div.DTTT_container .DTTT_button { font-size: 1em; color: #AAA !important; padding: 2px 8px; margin-right: 10px; border-radius: 2px; border: 1px solid #DDD; box-shadow: none; } div.DTTT_container .DTTT_button:last-child { margin-right: 0px; } div.DTTT_container .DTTT_button:hover { color: #333; border-color: #AAA; box-shadow: none; } /* * PRINTING * Print display styles */ .DTTT_print_info { position: fixed; top: 10%; left: 50%; width: 400px; height: 150px; margin-left: -200px; margin-top: -75px; text-align: center; color: #333; padding: 10px 30px; background: #ffffff; /* Old browsers */ background: -webkit-linear-gradient(top, white 0%, #f3f3f3 89%, #f9f9f9 100%); /* Chrome10+,Safari5.1+ */ background: -moz-linear-gradient(top, white 0%, #f3f3f3 89%, #f9f9f9 100%); /* FF3.6+ */ background: -ms-linear-gradient(top, white 0%, #f3f3f3 89%, #f9f9f9 100%); /* IE10+ */ background: -o-linear-gradient(top, white 0%, #f3f3f3 89%, #f9f9f9 100%); /* Opera 11.10+ */ background: linear-gradient(top, #ffffff 0%, #f3f3f3 89%, #f9f9f9 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */ opacity: 0.95; border: 1px solid black; border: 1px solid rgba(0, 0, 0, 0.5); -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5); -ms-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5); -o-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5); } .DTTT_print_info h6 { font-weight: normal; font-size: 28px; line-height: 28px; margin: 1em; } .DTTT_print_info p { font-size: 14px; line-height: 20px; } /*=============================================== P. TreeView ================================================= */ ul.dynatree-container { font-family: 'Open Sans',Helvetica, Arial, sans-serif; border: none; background-color: transparent; } ul.dynatree-container ul { margin-left: 20px; } span.dynatree-folder { position: relative; margin: 5px; padding: 8px 5px 8px 8px; border-radius: 2px; } span.dynatree-folder + ul .dynatree-node { margin: 7px 5px; padding: 8px 5px 8px 12px; } span.dynatree-folder + ul li { position: relative; } span.dynatree-folder + ul li:before { content: ""; position: absolute; left: -20px; top: 49%; height: 1px; width: 22px; border-bottom: 1px solid #CCC; } span.dynatree-folder + ul li:after { content: ""; position: absolute; left: -20px; top: 0; height: 100%; width: 1px; border-left: 1px solid #CCC; } span.dynatree-folder + ul li:last-child:after { height: 53%; } ul.dynatree-container a { font-weight: 600; color: #666; text-shadow: 0 1px #FFF; outline: none; border: none; } ul.dynatree-container a:hover, ul.dynatree-container .dynatree-active a { outline: none; border: none; background: transparent; } span.dynatree-connector { display: none; } /* Alternate Tree Style - Minimal. Uses class "tree-alt" */ .tree-alt span.dynatree-folder { position: relative; margin: 5px; padding: 5px 3px 5px 5px; border: none; background: none; } .tree-alt ul.dynatree-container ul { margin-left: 30px; } .tree-alt span.dynatree-folder + ul .dynatree-node { margin: 5px 3px; padding: 6px 7px 6px 4px; } /* Modifies size of alt style when in Panel Side Menu */ .panel-sidemenu .tree-alt span.dynatree-folder { margin-left: 0; padding-left: 0; } .panel-sidemenu .tree-alt span.dynatree-folder + ul .dynatree-node { padding: 3px 3px 3px 6px; } .tree-alt-bg span.dynatree-folder a.dynatree-title { color: #FFF; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4); } .tree-alt-bg.tree-purple span.dynatree-folder { background-color: #a287d4; } .tree-alt-bg.tree-teal span.dynatree-folder { background-color: #2dc5c7; } .tree-alt-bg.tree-orange span.dynatree-folder { background-color: #f9892e; } .tree-alt-bg.tree-green span.dynatree-folder { background-color: #6fa53e; } .tree-alt-bg.tree-red span.dynatree-folder { background-color: #ff745a; } .tree-alt-bg.tree-yellow span.dynatree-folder { background-color: #ffcf5a; } .tree-alt-bg.tree-blue span.dynatree-folder { background-color: #33bfeb; } .tree-alt-bg.tree-grey span.dynatree-folder { background-color: #6ebbdd; } /* Demonstration Styles - Tab Tree Content */ .tree-content-example .tab-pane { display: none; } .tree-content-example .tab-pane img { float: left; width: 47%; max-width: 47%; margin: 1.5%; padding: 2px; border: 3px solid #CCC; } /* DRAG AND DROP SUPPORT */ /* Helper object */ div.dynatree-drag-helper a { border: 1px solid gray; background-color: white; padding-left: 5px; padding-right: 5px; opacity: 0.8; } span.dynatree-drag-helper-img { /* position: relative; left: -16px; */ } div.dynatree-drag-helper { /* border-color: green; background-color: red; */ } div.dynatree-drop-accept span.dynatree-drag-helper-img { background-position: -32px -112px; } div.dynatree-drag-helper.dynatree-drop-reject { border-color: red; } div.dynatree-drop-reject span.dynatree-drag-helper-img { background-position: -16px -112px; } /* Drop marker icon */ #dynatree-drop-marker { width: 24px; position: absolute; background-position: 0 -128px; margin: 0; } #dynatree-drop-marker.dynatree-drop-after, #dynatree-drop-marker.dynatree-drop-before { width: 64px; background-position: 0 -144px; } #dynatree-drop-marker.dynatree-drop-copy { background-position: -64px -128px; } #dynatree-drop-marker.dynatree-drop-move { background-position: -64px -128px; } /* Source node while dragging */ span.dynatree-drag-source { /* border: 1px dotted gray; */ background-color: #e0e0e0; } span.dynatree-drag-source a { color: gray; } /* Target node while dragging cursor is over it */ span.dynatree-drop-target { /*border: 1px solid gray;*/ } span.dynatree-drop-target.dynatree-drop-accept a { /*border: 1px solid green;*/ background-color: #3169C6 !important; color: white !important; /* @ IE6 */ text-decoration: none; } span.dynatree-drop-target.dynatree-drop-reject { /*border: 1px solid red;*/ } /*=============================================== Q. Nestable ================================================= */ .dd { position: relative; display: block; margin: 10px 0; padding: 0; list-style: none; font-size: 13px; line-height: 20px; } .dd-list { display: block; position: relative; margin: 0; padding: 0; list-style: none; } .dd-list .dd-list { padding-left: 30px; } .dd-collapsed .dd-list { display: none; } .dd-item, .dd-empty, .dd-placeholder { display: block; position: relative; margin: 0; padding: 0; min-height: 20px; font-size: 13px; line-height: 20px; } /* Default Color */ .dd-handle { display: block; height: 30px; margin: 5px 0; padding: 5px 10px; color: #FFF; text-decoration: none; font-weight: bold; border: 1px solid #ccc; cursor: pointer; -webkit-border-radius: 3px; border-radius: 3px; box-sizing: border-box; -moz-box-sizing: border-box; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4); border-color: rgba(0, 0, 0, 0.07) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.18); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2); background-color: ""; background-repeat: repeat-x; background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3) 1%, rgba(255, 255, 255, 0.15) 100%); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 1%, rgba(255, 255, 255, 0.15) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff',endColorstr='#00ffffff',GradientType=0); } .dd-handle:hover { background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.45) 1%, rgba(255, 255, 255, 0.15) 100%); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.45) 1%, rgba(255, 255, 255, 0.15) 100%); } .dd-item > button { display: block; position: relative; cursor: pointer; float: left; width: 25px; height: 20px; margin: 5px 0; padding: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; border: 0; background: transparent; font-size: 12px; line-height: 1; text-align: center; font-weight: bold; } .dd-item > button:before { content: '+'; display: block; position: absolute; width: 100%; text-align: center; text-indent: 0; } .dd-item > button[data-action="collapse"]:before { content: '-'; } .dd-placeholder, .dd-empty { margin: 5px 0; padding: 0; min-height: 30px; background: #f2fbff; border: 1px dashed #b6bcbf; box-sizing: border-box; -moz-box-sizing: border-box; } .dd-empty { border: 1px dashed #bbb; min-height: 100px; background-color: #e5e5e5; } .dd-dragel { position: absolute; pointer-events: none; z-index: 9999; } .dd-dragel > .dd-item .dd-handle { margin-top: 0; } .dd-dragel .dd-handle { background: #888; -webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1); box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1); } /* Nestable Extras */ .nestable-lists { display: block; clear: both; padding: 30px 0; width: 100%; border: 0; border-top: 2px solid #ddd; border-bottom: 2px solid #ddd; } #nestable-menu { padding: 0; margin: 20px 0; } #nestable-output, #nestable2-output { width: 100%; height: 7em; font-size: 0.75em; line-height: 1.333333em; font-family: Consolas, monospace; padding: 5px; box-sizing: border-box; -moz-box-sizing: border-box; } /* Alternate Colors */ .nestable-white .dd-handle { color: #666; text-shadow: 0 1px #ffffff; border-color: #cccccc rgba(0, 0, 0, 0.19) rgba(0, 0, 0, 0.18); background-color: #f0f0f0; background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.1) 100%); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0.1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff',endColorstr='#00ffffff',GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .nestable-white .dd-handle:hover { color: #666; } .nestable-grey .dd-handle { background-color: #323232; } .nestable-grey .dd-item > button:before { color: #fff; } .nestable-blue .dd-handle { background-color: #0066ad; } .nestable-blue .dd-item > button:before { color: #fff; } .nestable-green .dd-handle { background-color: #5cb85c; } .nestable-green .dd-item > button:before { color: #fff; } .dd-hover > .dd-handle { background: #2ea8e5 !important; } /* Nestable Draggable Handles */ .dd3-content { display: block; height: 30px; margin: 5px 0; padding: 5px 10px 5px 40px; color: #333; text-decoration: none; font-weight: bold; border: 1px solid #ccc; text-shadow: 0 1px #ffffff; border-color: #cccccc rgba(0, 0, 0, 0.19) rgba(0, 0, 0, 0.18); background-color: #f0f0f0; background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.1) 100%); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0.1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff',endColorstr='#00ffffff',GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); -webkit-border-radius: 3px; border-radius: 3px; box-sizing: border-box; -moz-box-sizing: border-box; } .dd3-content:hover { color: #2ea8e5; background: #fff; } .dd-dragel > .dd3-item > .dd3-content { margin: 0; } .dd3-item > button { margin-left: 30px; } .dd3-handle { position: absolute; margin: 0; left: 0; top: 0; cursor: pointer; width: 30px; text-indent: 100%; white-space: nowrap; overflow: hidden; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4); border-color: rgba(0, 0, 0, 0.07) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.18); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2); background-color: #323232; background-repeat: repeat-x; background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3) 1%, rgba(255, 255, 255, 0.15) 100%); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 1%, rgba(255, 255, 255, 0.15) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff',endColorstr='#00ffffff',GradientType=0); border: 1px solid #aaa; border-top-right-radius: 0; border-bottom-right-radius: 0; } .dd3-handle:before { content: '≡'; display: block; position: absolute; left: 0; top: 3px; width: 100%; text-align: center; text-indent: 0; color: #fff; font-size: 20px; font-weight: normal; } .dd3-handle:hover { background: #ddd; } /*=============================================== R. ImageZoom ================================================= */ .zoomLens { border-radius: 50%; } /*=============================================== S. jQuery Sortable ================================================= */ .sortable > div { cursor: move; } /*=============================================== S. jQuery Spinner ================================================= */ .ui-spinner-input { color: inherit; min-height: 36px; } .ui-spinner-button { z-index: 3; cursor: pointer; display: block; overflow: hidden; position: absolute; right: 0; width: 16px; height: 50%; padding: 0; margin: 0; font-size: .5em; text-align: center; } .input-group .ui-spinner .form-control:first-child { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .ui-spinner .ui-icon { position: absolute; margin-top: -2px; top: 50%; left: 0; text-indent: 0; } .ui-spinner-up .ui-icon { margin-top: -6px; } .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } /* TR overrides */ .ui-spinner .ui-icon-triangle-1-s { /* needed to correct false icon sprite pos */ background-position: -65px -16px; } /* ============================================== * All color variables used in this stylesheet * are stored in modules/_colors.scss VII. COLOR SYSTEM A. Misc Skin/Colors B. Colors for Custom Elements C. Tabs D. Icons E. Menu and Button Dropdowns F. Text Input Forms G. Thumbnails H. Paginations I. Checkboxes J. Switches K. RangeSlider L. Progress Bar Colors M. Text Colors N. Border Colors O. Background Colors P. Background Colors - Advanced Set * The Fusion Color System has two variations * of every color. A Light shade and a dark * shade. To create a gradient we set the * elements background-color to the dark shade * and then apply a gradient overlay via * the "gradient" mixin. ================================================= A. Misc Skin/Colors ================================================= */ /* Custom Theme(purple) Alert */ .alert-theme { color: #715da3; border-color: rgba(199, 183, 229, 0.4); background-color: rgba(199, 183, 229, 0.4); } .alert-theme .alert-link { color: #715da3; } /*=============================================== A. Colors for Custom Elements ================================================= */ .facebook-color { background-color: #6395cf; } .twitter-color { background-color: #4fbdc8; } /* custom right side menu button */ .text-cloud { color: #afb6c6; } /* User Online Green Border Color */ .border-onlinegreen { border-color: #94d867; } /*=============================================== A. Tabs ================================================= */ .panel-tabs > li.active:after { background: #a287d4; } /*=============================================== A. Icons ================================================= */ /* Panel Header Icon */ .panel-title > .fa, .panel-title > .glyphicon, .panel-title > .glyphicons, .panel-title > .imoon { color: #a287d4; } /*=============================================== A. Menu and Button Dropdowns ================================================= */ .dropdown-menu { z-index: 1060; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { background-color: #a287d4; } /*=============================================== A. Text Input Forms ================================================= */ .has-warning .form-control, .has-warning .form-control:focus { border-color: #ffcf5a; } .has-success .form-control, .has-success .form-control:focus { border-color: #a0d65a; } .has-error .form-control, .has-error .form-control:focus { border-color: #ff745a; } /*=============================================== A. Thumbnails ================================================= */ a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active { border-color: #a287d4; } .thumbnail-xs { border-color: #a287d4; } .thumbnail-sm { border-color: #a287d4; } /*=============================================== A. Paginations ================================================= */ .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background-color: #a287d4; border-color: #a287d4; } .pagination > li > a, .pagination > li > span { color: #a287d4; } .pagination-alt > li.active > a { background-color: #715da3; border-color: #715da3; } /*=============================================== A. Checkboxes ================================================= */ .cBox.cBox-teal3 label:before { background-color: #1e9093; } .cBox.cBox-teal label:before { background-color: #a8e9ea; } .cBox.cBox-teal2 label:before { background-color: #2dc5c7; } .cBox.cBox-teal3 label:before { background-color: #1e9093; } .cBox.cBox-blue label:before { background-color: #9de0f5; } .cBox.cBox-blue2 label:before { background-color: #33bfeb; } .cBox.cBox-blue3 label:before { background-color: #238bc5; } .cBox.cBox-purple label:before { background-color: #c7b7e5; } .cBox.cBox-purple2 label:before { background-color: #a287d4; } .cBox.cBox-purple3 label:before { background-color: #715da3; } .cBox.cBox-pink label:before { background-color: #ffd1ed; } .cBox.cBox-pink2 label:before { background-color: #ffb2e1; } .cBox.cBox-pink3 label:before { background-color: #ff7fb4; } .cBox.cBox-red label:before { background-color: #ffac9c; } .cBox.cBox-red2 label:before { background-color: #ff745a; } .cBox.cBox-red3 label:before { background-color: #ff4f3e; } .cBox.cBox-orange label:before { background-color: #fbb882; } .cBox.cBox-orange2 label:before { background-color: #f9892e; } .cBox.cBox-orange3 label:before { background-color: #e55e20; } .cBox.cBox-yellow label:before { background-color: #ffe29c; } .cBox.cBox-yellow2 label:before { background-color: #ffcf5a; } .cBox.cBox-yellow3 label:before { background-color: #ff9d3e; } .cBox.cBox-green label:before { background-color: #c6e69c; } .cBox.cBox-green2 label:before { background-color: #a0d65a; } .cBox.cBox-green3 label:before { background-color: #6fa53e; } .cBox.cBox-grey label:before { background-color: #b0daec; } .cBox.cBox-grey2 label:before { background-color: #6ebbdd; } .cBox.cBox-grey3 label:before { background-color: #6ebbdd; } /*=============================================== A. Switches ================================================= */ div.switch.switch-teal input:checked + label { background-color: #a8e9ea; } div.switch.switch-teal2 input:checked + label { background-color: #2dc5c7; } div.switch.switch-teal3 input:checked + label { background-color: #1e9093; } div.switch.switch-blue input:checked + label { background-color: #9de0f5; } div.switch.switch-blue2 input:checked + label { background-color: #33bfeb; } div.switch.switch-blue3 input:checked + label { background-color: #238bc5; } div.switch.switch-purple input:checked + label { background-color: #c7b7e5; } div.switch.switch-purple2 input:checked + label { background-color: #a287d4; } div.switch.switch-purple3 input:checked + label { background-color: #715da3; } div.switch.switch-pink input:checked + label { background-color: #ffd1ed; } div.switch.switch-pink2 input:checked + label { background-color: #ffb2e1; } div.switch.switch-pink3 input:checked + label { background-color: #ff7fb4; } div.switch.switch-red input:checked + label { background-color: #ffac9c; } div.switch.switch-red2 input:checked + label { background-color: #ff745a; } div.switch.switch-red3 input:checked + label { background-color: #ff4f3e; } div.switch.switch-orange input:checked + label { background-color: #fbb882; } div.switch.switch-orange2 input:checked + label { background-color: #f9892e; } div.switch.switch-orange3 input:checked + label { background-color: #e55e20; } div.switch.switch-yellow input:checked + label { background-color: #ffe29c; } div.switch.switch-yellow2 input:checked + label { background-color: #ffcf5a; } div.switch.switch-yellow3 input:checked + label { background-color: #ff9d3e; } div.switch.switch-green input:checked + label { background-color: #c6e69c; } div.switch.switch-green2 input:checked + label { background-color: #a0d65a; } div.switch.switch-green3 input:checked + label { background-color: #6fa53e; } div.switch.switch-grey input:checked + label { background-color: #b0daec; } div.switch.switch-grey2 input:checked + label { background-color: #6ebbdd; } div.switch.switch-grey3 input:checked + label { background-color: #6ebbdd; } /*=============================================== A. RangeSlider ================================================= */ /* take note of where color class is applied(parent container) * See sliders.html for example */ .ui-rangeSlider.slider-teal .ui-rangeSlider-bar { background-color: #a8e9ea; } .ui-rangeSlider.slider-teal2 .ui-rangeSlider-bar { background-color: #2dc5c7; } .ui-rangeSlider.slider-teal3 .ui-rangeSlider-bar { background-color: #1e9093; } .ui-rangeSlider.slider-blue .ui-rangeSlider-bar { background-color: #9de0f5; } .ui-rangeSlider.slider-blue2 .ui-rangeSlider-bar { background-color: #33bfeb; } .ui-rangeSlider.slider-blue3 .ui-rangeSlider-bar { background-color: #238bc5; } .ui-rangeSlider.slider-purple .ui-rangeSlider-bar { background-color: #c7b7e5; } .ui-rangeSlider.slider-purple2 .ui-rangeSlider-bar { background-color: #a287d4; } .ui-rangeSlider.slider-purple3 .ui-rangeSlider-bar { background-color: #715da3; } .ui-rangeSlider.slider-pink .ui-rangeSlider-bar { background-color: #ffd1ed; } .ui-rangeSlider.slider-pink2 .ui-rangeSlider-bar { background-color: #ffb2e1; } .ui-rangeSlider.slider-pink3 .ui-rangeSlider-bar { background-color: #ff7fb4; } .ui-rangeSlider.slider-red .ui-rangeSlider-bar { background-color: #ffac9c; } .ui-rangeSlider.slider-red2 .ui-rangeSlider-bar { background-color: #ff745a; } .ui-rangeSlider.slider-red3 .ui-rangeSlider-bar { background-color: #ff4f3e; } .ui-rangeSlider.slider-orange .ui-rangeSlider-bar { background-color: #fbb882; } .ui-rangeSlider.slider-orange2 .ui-rangeSlider-bar { background-color: #f9892e; } .ui-rangeSlider.slider-orange3 .ui-rangeSlider-bar { background-color: #e55e20; } .ui-rangeSlider.slider-yellow .ui-rangeSlider-bar { background-color: #ffe29c; } .ui-rangeSlider.slider-yellow2 .ui-rangeSlider-bar { background-color: #ffcf5a; } .ui-rangeSlider.slider-yellow3 .ui-rangeSlider-bar { background-color: #ff9d3e; } .ui-rangeSlider.slider-green .ui-rangeSlider-bar { background-color: #c6e69c; } .ui-rangeSlider.slider-green2 .ui-rangeSlider-bar { background-color: #a0d65a; } .ui-rangeSlider.slider-green3 .ui-rangeSlider-bar { background-color: #6fa53e; } .ui-rangeSlider.slider-grey .ui-rangeSlider-bar { background-color: #b0daec; } .ui-rangeSlider.slider-grey2 .ui-rangeSlider-bar { background-color: #6ebbdd; } .ui-rangeSlider.slider-grey3 .ui-rangeSlider-bar { background-color: #6ebbdd; } /*=============================================== B. Progress Bar Colors ================================================= */ .progress-bar-teal { background-color: #a8e9ea !important; } .progress-bar-teal2 { background-color: #2dc5c7 !important; } .progress-bar-teal3 { background-color: #1e9093 !important; } .progress-bar-blue { background-color: #9de0f5 !important; } .progress-bar-blue2 { background-color: #33bfeb !important; } .progress-bar-blue3 { background-color: #238bc5 !important; } .progress-bar-purple { background-color: #c7b7e5 !important; } .progress-bar-purple2 { background-color: #a287d4 !important; } .progress-bar-purple3 { background-color: #715da3 !important; } .progress-bar-pink { background-color: #ffd1ed !important; } .progress-bar-pink2 { background-color: #ffb2e1 !important; } .progress-bar-pink3 { background-color: #ff7fb4 !important; } .progress-bar-red { background-color: #ffac9c !important; } .progress-bar-red2 { background-color: #ff745a !important; } .progress-bar-red3 { background-color: #ff4f3e !important; } .progress-bar-orange { background-color: #fbb882 !important; } .progress-bar-orange2 { background-color: #f9892e !important; } .progress-bar-orange3 { background-color: #e55e20 !important; } .progress-bar-yellow { background-color: #ffe29c !important; } .progress-bar-yellow2 { background-color: #ffcf5a !important; } .progress-bar-yellow3 { background-color: #ff9d3e !important; } .progress-bar-green { background-color: #c6e69c !important; } .progress-bar-green2 { background-color: #a0d65a !important; } .progress-bar-green3 { background-color: #6fa53e !important; } .progress-bar-grey { background-color: #b0daec !important; } .progress-bar-grey2 { background-color: #6ebbdd !important; } .progress-bar-grey3 { border-color: #6ebbdd !important; } /* Neutral Colors */ .progress-bar-white { background-color: white !important; } .progress-bar-light { background-color: white !important; } .progress-bar-light2 { background-color: #f0f0f0 !important; } .progress-bar-light3 { background-color: #e8e8e8 !important; } .progress-bar-light4 { background-color: #dddddd !important; } .progress-bar-light5 { background-color: #cccccc !important; } .progress-bar-light6 { background-color: #bbbbbb !important; } .progress-bar-light7 { background-color: #aaaaaa !important; } .progress-bar-dark { background-color: #777777 !important; } .progress-bar-dark2 { background-color: #666666 !important; } .progress-bar-dark3 { background-color: #494949 !important; } .progress-bar-dark4 { background-color: #323232 !important; } .progress-bar-dark5 { background-color: #1e1c1f !important; } /*=============================================== A. Text Colors ================================================= */ .text-teal { color: #a8e9ea !important; } .text-teal2 { color: #2dc5c7 !important; } .text-teal3 { color: #1e9093 !important; } .text-blue { color: #9de0f5 !important; } .text-blue2 { color: #33bfeb !important; } .text-blue3 { color: #238bc5 !important; } .text-purple { color: #c7b7e5 !important; } .text-purple2 { color: #a287d4 !important; } .text-purple3 { color: #715da3 !important; } .text-pink { color: #ffd1ed !important; } .text-pink2 { color: #ffb2e1 !important; } .text-pink3 { color: #ff7fb4 !important; } .text-red { color: #ffac9c !important; } .text-red2 { color: #ff745a !important; } .text-red3 { color: #ff4f3e !important; } .text-orange { color: #fbb882 !important; } .text-orange2 { color: #f9892e !important; } .text-orange3 { color: #e55e20 !important; } .text-yellow { color: #ffe29c !important; } .text-yellow2 { color: #ffcf5a !important; } .text-yellow3 { color: #ff9d3e !important; } .text-green { color: #c6e69c !important; } .text-green2 { color: #a0d65a !important; } .text-green3 { color: #6fa53e !important; } .text-grey { color: #b0daec !important; } .text-grey2 { color: #6ebbdd !important; } .text-grey3 { color: #4b87ae !important; } /* Neutral Colors */ .text-white { color: white !important; } .text-light { color: white !important; } .text-light2 { color: #f0f0f0 !important; } .text-light3 { color: #e8e8e8 !important; } .text-light4 { color: #dddddd !important; } .text-light5 { color: #cccccc !important; } .text-light6 { color: #bbbbbb !important; } .text-light7 { color: #aaaaaa !important; } .text-dark { color: #777777 !important; } .text-dark2 { color: #666666 !important; } .text-dark3 { color: #494949 !important; } .text-dark4 { color: #323232 !important; } .text-dark5 { color: #1e1c1f !important; } /*=============================================== B. Border Colors ================================================= */ .border-teal { border-color: #a8e9ea !important; } .border-teal2 { border-color: #2dc5c7 !important; } .border-teal3 { border-color: #1e9093 !important; } .border-blue { border-color: #9de0f5 !important; } .border-blue2 { border-color: #33bfeb !important; } .border-blue3 { border-color: #238bc5 !important; } .border-purple { border-color: #c7b7e5 !important; } .border-purple2 { border-color: #a287d4 !important; } .border-purple3 { border-color: #715da3 !important; } .border-pink { border-color: #ffd1ed !important; } .border-pink2 { border-color: #ffb2e1 !important; } .border-pink3 { border-color: #ff7fb4 !important; } .border-red { border-color: #ffac9c !important; } .border-red2 { border-color: #ff745a !important; } .border-red3 { border-color: #ff4f3e !important; } .border-orange { border-color: #fbb882 !important; } .border-orange2 { border-color: #f9892e !important; } .border-orange3 { border-color: #e55e20 !important; } .border-yellow { border-color: #ffe29c !important; } .border-yellow2 { border-color: #ffcf5a !important; } .border-yellow3 { border-color: #ff9d3e !important; } .border-green { border-color: #c6e69c !important; } .border-green2 { border-color: #a0d65a !important; } .border-green3 { border-color: #6fa53e !important; } .border-grey { border-color: #b0daec !important; } .border-grey2 { border-color: #6ebbdd !important; } .border-grey3 { border-color: #4b87ae !important; } /* Neutral Colors */ .border-white { border-color: white !important; } .border-light { border-color: white !important; } .border-light2 { border-color: #f0f0f0 !important; } .border-light3 { border-color: #e8e8e8 !important; } .border-light4 { border-color: #dddddd !important; } .border-light5 { border-color: #cccccc !important; } .border-light6 { border-color: #bbbbbb !important; } .border-light7 { border-color: #aaaaaa !important; } .border-dark { border-color: #777777 !important; } .border-dark2 { border-color: #666666 !important; } .border-dark3 { border-color: #494949 !important; } .border-dark4 { border-color: #323232 !important; } .border-dark5 { border-color: #1e1c1f !important; } /*=============================================== B. Background Colors ================================================= */ .bg-teal { background-color: #a8e9ea !important; } .bg-teal2 { background-color: #2dc5c7 !important; } .bg-teal3 { background-color: #1e9093 !important; } .bg-blue { background-color: #9de0f5 !important; } .bg-blue2 { background-color: #33bfeb !important; } .bg-blue3 { background-color: #238bc5 !important; } .bg-purple { background-color: #c7b7e5 !important; } .bg-purple2 { background-color: #a287d4 !important; } .bg-purple3 { background-color: #715da3 !important; } .bg-pink { background-color: #ffd1ed !important; } .bg-pink2 { background-color: #ffb2e1 !important; } .bg-pink3 { background-color: #ff7fb4 !important; } .bg-red { background-color: #ffac9c !important; } .bg-red2 { background-color: #ff745a !important; } .bg-red3 { background-color: #ff4f3e !important; } .bg-orange { background-color: #fbb882 !important; } .bg-orange2 { background-color: #f9892e !important; } .bg-orange3 { background-color: #e55e20 !important; } .bg-yellow { background-color: #ffe29c !important; } .bg-yellow2 { background-color: #ffcf5a !important; } .bg-yellow3 { background-color: #ff9d3e !important; } .bg-green { background-color: #c6e69c !important; } .bg-green2 { background-color: #a0d65a !important; } .bg-green3 { background-color: #6fa53e !important; } .bg-grey { background-color: #b0daec !important; } .bg-grey2 { background-color: #6ebbdd !important; } .bg-grey3 { background-color: #4b87ae !important; } /* Neutral Colors */ .bg-white { background-color: transparent !important; } .bg-white { background-color: white !important; } .bg-light { background-color: white !important; } .bg-light2 { background-color: #f0f0f0 !important; } .bg-light3 { background-color: #e8e8e8 !important; } .bg-light4 { background-color: #dddddd !important; } .bg-light5 { background-color: #cccccc !important; } .bg-light6 { background-color: #bbbbbb !important; } .bg-light7 { background-color: #aaaaaa !important; } .bg-dark { background-color: #777777 !important; } .bg-dark2 { background-color: #666666 !important; } .bg-dark3 { background-color: #494949 !important; } .bg-dark4 { background-color: #323232 !important; } .bg-dark5 { background-color: #1e1c1f !important; } /* Used for gradient creation of Neutral Colors */ .bg-dark.bg-gradient { background-color: #777777 !important; } .bg-dark2.bg-gradient { background-color: #666666 !important; } .bg-dark3.bg-gradient { background-color: #494949 !important; } .bg-dark4.bg-gradient { background-color: #323232 !important; } .bg-dark5.bg-gradient { background-color: #1e1c1f !important; } /*=============================================== B. Background Colors - Advanced Set ================================================= */ .bg-blue-alt { background-color: #35b5d7; } .bg-blue2-alt { background-color: #3093c7; } .bg-blue3-alt { background-color: #4f96b4; } .bg-blue4-alt { background-color: #287bab; } .bg-blue5-alt { background-color: #1c5b86; } .bg-blue6-alt { background-color: #205066; } .bg-blue7-alt { background-color: #21334b; } .bg-green-alt { background-color: #6db54b; } .bg-green2-alt { background-color: #71aa61; } .bg-green3-alt { background-color: #417447; } .bg-green4-alt { background-color: #47741a; } .bg-green5-alt { background-color: #1c4905; } .bg-red-alt { background-color: #e4151d; } .bg-red2-alt { background-color: #d10011; } .bg-red3-alt { background-color: #bf0d14; } .bg-red4-alt { background-color: #930b1f; } .bg-purple-alt { background-color: #bb7ea6; } .bg-purple2-alt { background-color: #7a5067; } .bg-purple3-alt { background-color: #89264f; } .bg-purple4-alt { background-color: #462b4c; } .bg-orange-alt { background-color: #e94216; } .bg-orange2-alt { background-color: #f56333; } .bg-orange3-alt { background-color: #fb7e2a; } .bg-yellow-alt { background-color: #f0c92f; } .bg-yellow2-alt { background-color: #e1bc4a; } .bg-creme-alt { background-color: #feda83; } .bg-creme2-alt { background-color: #fae3b4; } .bg-creme3-alt { background-color: #d3c27b; } .bg-brown-alt { background-color: #b29579; } .bg-brown2-alt { background-color: #7b5d3a; } .bg-brown3-alt { background-color: #563330; } /* Secondary color useful for making darker toned gradients */ .bg-blue-alt.bg-gradient { background-color: #008aaf; } .bg-blue2-alt.bg-gradient { background-color: #0070ab; } .bg-blue3-alt.bg-gradient { background-color: #066b95; } .bg-blue4-alt.bg-gradient { background-color: #005789; } .bg-blue5-alt.bg-gradient { background-color: #00416d; } .bg-blue6-alt.bg-gradient { background-color: #043a53; } .bg-blue7-alt.bg-gradient { background-color: #09203f; } .bg-green-alt.bg-gradient { background-color: #368d0d; } .bg-green2-alt.bg-gradient { background-color: #33881b; } .bg-green3-alt.bg-gradient { background-color: #00520a; } .bg-green4-alt.bg-gradient { background-color: #274d00; } .bg-green5-alt.bg-gradient { background-color: #0d2f00; } .bg-red-alt.bg-gradient { background-color: #eb050e; } .bg-red2-alt.bg-gradient { background-color: #d10011; } .bg-red3-alt.bg-gradient { background-color: #a6050b; } .bg-red4-alt.bg-gradient { background-color: #930b1f; } .bg-purple-alt.bg-gradient { background-color: #9c457e; } .bg-purple2-alt.bg-gradient { background-color: #6a254b; } .bg-purple3-alt.bg-gradient { background-color: #71002f; } .bg-purple4-alt.bg-gradient { background-color: #36143e; } .bg-orange-alt.bg-gradient { background-color: #f93e0d; } .bg-orange2-alt.bg-gradient { background-color: #fe561f; } .bg-orange3-alt.bg-gradient { background-color: #ff7214; } .bg-yellow-alt.bg-gradient { background-color: #fac908; } .bg-yellow2-alt.bg-gradient { background-color: #e9bb2d; } .bg-creme-alt.bg-gradient { background-color: #ffd266; } .bg-creme2-alt.bg-gradient { background-color: #fedd9a; } .bg-creme3-alt.bg-gradient { background-color: #bca339; } .bg-brown-alt.bg-gradient { background-color: #99714b; } .bg-brown2-alt.bg-gradient { background-color: #6c4517; } .bg-brown3-alt.bg-gradient { background-color: #4f1a16; } /* COLOR MODIFICATIONS SPECIFICALLY FOR BUTTONS * Any variations to buttons were placed below so that * the above classes contain only color styles. This * allows the styles to be used on any element rather * than just "Text" or "Buttons" as their name suggest ----------------------------------------------------------*/ .bg-creme-alt { border-color: #f5c348; } .bg-creme2-alt { border-color: #f7ca5c; } .bg-light6 { border-color: #e5e5e5; } .bg-light7 { border-color: #eeeeee; } .bg-light, .bg-light2, .bg-light3, .bg-light4, .bg-light5, .bg-light6, .bg-light7, .btn-default { color: #555555; } .bg-light:focus, .bg-light2:focus, .bg-light3:focus, .bg-light4:focus, .bg-light5:focus, .bg-light6:focus, .bg-light7:focus, .bg-default:focus, .btn-default:focus { color: #555555; } .bg-light:active:focus, .bg-light2:active:focus, .bg-light3:active:focus, .bg-light4:active:focus, .bg-light5:active:focus, .bg-light6:active:focus, .bg-light7:active:focus, .bg-default:active:focus, .btn-default:active:focus { color: #555555; } .bg-light.bg-gradient, .bg-light2.bg-gradient, .bg-light3.bg-gradient, .bg-light4.bg-gradient, .bg-light5.bg-gradient, .bg-light6.bg-gradient, .bg-light7.bg-gradient, .btn-default.btn-gradient, .bg-default.bg-gradient { text-shadow: 0 1px #ffffff; border-color: #cccccc rgba(0, 0, 0, 0.19) rgba(0, 0, 0, 0.18); background-color: ""; background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.1) 100%); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0.1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff',endColorstr='#00ffffff',GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .bg-creme-alt:focus, .bg-creme2-alt:focus, .bg-yellow-alt:focus, .bg-yellow2-alt:focus { color: #ca8f00; } .bg-creme-alt, .bg-creme2-alt, .bg-yellow-alt, .bg-yellow2-alt { color: #ca8f00; font-weight: 600; text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.55); } .bg-yellow-alt:hover, .bg-yellow2-alt:hover, .bg-creme-alt:hover, .bg-creme2-alt:hover, .bg-creme3-alt:hover, .bg-light:hover, .bg-light2:hover, .bg-light3:hover, .bg-light4:hover, .bg-light5:hover, .bg-light6:hover, .bg-light7:hover, .bg-default:hover, .btn-default:hover { color: #555555; } /*=============================================== X. LAYOUT SETTINGS ================================================= */ /* If header is fixed modify primary containers padding */ .navbar.navbar-fixed-top + #main { margin-top: 60px; } /* Fixed Sidebar */ #sidebar_left.affix { position: fixed; height: 100%; } /* Scrollbar for Sidebars in Fixed Positions */ #sidebar_left.affix > .sidebar-menu { overflow-x: hidden; position: absolute; width: 100%; top: 85px; bottom: 52px; transition: top .2s ease-in-out; } #sidebar_left.affix > .email-menu + .sidebar-menu { overflow-x: hidden; position: absolute; width: 100%; top: 485px; bottom: 52px; transition: top .2s ease-in-out; } /* Corrects Pseudo sidebar bg when fixed */ #sidebar_left.affix:before { left: 0; } body.sidebar-hidden #sidebar_left.affix:before, body.sidebar-rtl #sidebar_left.affix:before { left: -230px; } /* Sidebar User Area - Hidden */ .user-info.hidden, .user-info.hidden + .user-divider { display: none; } body.usermenu-hidden .user-info, body.usermenu-hidden .user-info + .user-divider { display: none; } body.usermenu-hidden #sidebar_left.affix .user-info + .user-divider + .sidebar-menu, body.usermenu-hidden #sidebar_left.affix .user-info + .user-divider + .user-menu + .sidebar-menu { top: 0; } #sidebar_left.affix > .user-menu.usermenu-open + .sidebar-menu { top: 250px; } /* Topbar/Breadcrumbs Area - Hidden */ body.hidden-breadcrumbs #topbar { display: none; } /* for preview only - no real use in development enviroment */ body.sidebar-collapsed #sidebar:before { width: 40px; } /* ================================================ IX. GRID MODIFICATIONS - Custom Size (XL) =================================================== Fusion Admin has created another column size which helps create an even better responsive layout for larger resolutions. This new column has been labeled "xl" and is set for 1560px =================================================== */ .visible-xl { display: none !important; } .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 { position: relative; min-height: 1px; padding-left: 12px; padding-right: 12px; } @media (min-width: 1560px) { .container { width: 1324px; } } @media (min-width: 1560px) { .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 { float: left; } .col-xl-12 { width: 100%; } .col-xl-11 { width: 91.66666667%; } .col-xl-10 { width: 83.33333333%; } .col-xl-9 { width: 75%; } .col-xl-8 { width: 66.66666667%; } .col-xl-7 { width: 58.33333333%; } .col-xl-6 { width: 50%; } .col-xl-5 { width: 41.66666667%; } .col-xl-4 { width: 33.33333333%; } .col-xl-3 { width: 25%; } .col-xl-2 { width: 16.66666667%; } .col-xl-1 { width: 8.33333333%; } .col-xl-pull-12 { right: 100%; } .col-xl-pull-11 { right: 91.66666667%; } .col-xl-pull-10 { right: 83.33333333%; } .col-xl-pull-9 { right: 75%; } .col-xl-pull-8 { right: 66.66666667%; } .col-xl-pull-7 { right: 58.33333333%; } .col-xl-pull-6 { right: 50%; } .col-xl-pull-5 { right: 41.66666667%; } .col-xl-pull-4 { right: 33.33333333%; } .col-xl-pull-3 { right: 25%; } .col-xl-pull-2 { right: 16.66666667%; } .col-xl-pull-1 { right: 8.33333333%; } .col-xl-pull-0 { right: 0%; } .col-xl-push-12 { left: 100%; } .col-xl-push-11 { left: 91.66666667%; } .col-xl-push-10 { left: 83.33333333%; } .col-xl-push-9 { left: 75%; } .col-xl-push-8 { left: 66.66666667%; } .col-xl-push-7 { left: 58.33333333%; } .col-xl-push-6 { left: 50%; } .col-xl-push-5 { left: 41.66666667%; } .col-xl-push-4 { left: 33.33333333%; } .col-xl-push-3 { left: 25%; } .col-xl-push-2 { left: 16.66666667%; } .col-xl-push-1 { left: 8.33333333%; } .col-xl-push-0 { left: 0%; } .col-xl-offset-12 { margin-left: 100%; } .col-xl-offset-11 { margin-left: 91.66666667%; } .col-xl-offset-10 { margin-left: 83.33333333%; } .col-xl-offset-9 { margin-left: 75%; } .col-xl-offset-8 { margin-left: 66.66666667%; } .col-xl-offset-7 { margin-left: 58.33333333%; } .col-xl-offset-6 { margin-left: 50%; } .col-xl-offset-5 { margin-left: 41.66666667%; } .col-xl-offset-4 { margin-left: 33.33333333%; } .col-xl-offset-3 { margin-left: 25%; } .col-xl-offset-2 { margin-left: 16.66666667%; } .col-xl-offset-1 { margin-left: 8.33333333%; } .col-xl-offset-0 { margin-left: 0%; } } @media (min-width: 1560px) { .visible-xl { display: block !important; } table.visible-xl { display: table; } tr.visible-xl { display: table-row !important; } th.visible-xl, td.visible-xl { display: table-cell !important; } } @media (min-width: 1560px) { .hidden-xl { display: none !important; } } /*=============================================== XII. ANIMATE.CSS ================================================= */ /*! Animate.css - http://daneden.me/animate Licensed under the MIT license Copyright (c) 2013 Daniel Eden Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated-shortest { -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; -o-animation-duration: 0.5s; animation-duration: 0.5s; } .animated-short { -webkit-animation-duration: 0.75s; -moz-animation-duration: 0.75s; -o-animation-duration: 0.75s; animation-duration: 0.75s; } .animated-long { -webkit-animation-duration: 2s; -moz-animation-duration: 2s; -o-animation-duration: 2s; animation-duration: 2s; } .animated-longest { -webkit-animation-duration: 3s; -moz-animation-duration: 3s; -o-animation-duration: 3s; animation-duration: 3s; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; } @-webkit-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; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes pulse { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } } @keyframes shake { 0%, 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes swing { 20% { -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } } .swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { 0% { -webkit-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } @keyframes tada { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); transform: translateX(0%); } } @keyframes wobble { 0% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); -ms-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); -ms-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); -ms-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); -ms-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); -ms-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.3); transform: scale(0.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(0.9); transform: scale(0.9); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.3); -ms-transform: scale(0.3); transform: scale(0.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(0.95); transform: scale(0.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(0.3); transform: scale(0.3); } } @keyframes bounceOut { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(0.3); -ms-transform: scale(0.3); transform: scale(0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } } @keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } } @keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } } @keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } } @keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; -ms-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); -ms-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); -ms-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } .flipInX { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); -ms-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); -ms-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } } .flipInY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } } @keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); -ms-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); -ms-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); -ms-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } @keyframes rotateOut { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); -ms-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } 100% { -webkit-transform: translateX(0); transform: translateX(0); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } } @keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes slideOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes slideOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } @-webkit-keyframes hinge { 0% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); transform: translateY(700px); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); -ms-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); -ms-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); -ms-transform: translateY(700px); transform: translateY(700px); opacity: 0; } } .hinge { -webkit-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); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } .rollIn { -webkit-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); transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } } @keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); -ms-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } /* Author: AdminDesigns.com * Last Updated: 01/12/14 * Copyright 2014 Admin Designs ======================================================= Table of Contents ======================================================= I. BOXED-LAYOUT STYLES II. DEMO STYLES III. RESPONSIVE STYLES IV. PRINT STYLES ======================================================= I. BOXED-LAYOUT STYLES A. Global B. NavBar C. Sidebar D. Container E. Column Adjustments ------------------------------------------------------- * This file contains changes needed alter the page * layout of every page from fullwidth to boxed-layout * It's activated by adding the "boxed-layout" class * to the pages body tag. The Main content is changed * to 1150px wide. If window is <1150px we return to * a fluid 100% width layout. ======================================================= A. Global ======================================================= */ body.boxed-layout { background: #f9f9f9; } body.boxed-layout #main { width: 1150px !important; margin: 0 auto; overflow: hidden; } @media (max-width: 1150px) { body.boxed-layout #main, body.boxed-layout .navbar { width: 100% !important; } } /* The background for Fusions main content * is usually added with the psuedo selector * ":after" on "#content_wrapper". For boxed layout we * move this to #main and hide "#content_wrapper:after" * This prevents a sidebar transition bug */ body.boxed-layout #content_wrapper { border-left: 1px solid #ccc; } body.boxed-layout #content_wrapper:after { display: none; } body.boxed-layout #main:after { content: ""; position: fixed; width: 1152px; top: 0; bottom: 0; display: block; z-index: -2; margin-left: -1px; border-left: 1px solid #c9c9c9; border-right: 1px solid #c9c9c9; background: #e8e8e8; } /*=============================================== B. Navbar ================================================= */ body.boxed-layout .navbar { width: 1150px !important; margin: 0 auto !important; box-shadow: none; border-bottom: 1px solid #c9c9c9; } body.boxed-layout .navbar .navbar-right { width: 355px; } body.boxed-layout .navbar #toggle_sidemenu_r { display: none; } /*=============================================== C. Sidebar ================================================= */ body.boxed-layout #sidebar-search { box-shadow: none; } body.boxed-layout #sidebar:before { margin-left: 1px; border-right: 1px solid #CCC; } /*=============================================== E. COLUMN ADJUSTMENTS - IMPORTANT ================================================= * IMPORTANT - Many pages have had the width of * their columns completely altered. All pages * requiring the same column adjustments have * been grouped together and then listed in a * directory(see below). Percentages listed * below refer to the columns new width. * --------------------------------------------- PAGES REQUIRING 100% COLUMNS(in order): * DASHBOARD.HTML * CHARTS.HTML * TABS.HTML * FORMS.HTML * EDITORS.HTML * MAPS.HTML * ELEMENTS.HTML * VALIDATION.HTML * WIZARD.HTML * PRICING-TABLES.HTML * FILE-MANAGERS.HTML * UPLOAD-TOOLS.HTML * DYNAMIC-GALLERY.HTML * IMAGE-TOOLS.HTML * INVOICE-PAGE.HTML * WIDGETS.HTML * FAQ.HTML * GALLERY.HTML * TIMELINE.HTML -------------------------------------------------- * Notes: Most columns were targeted using the * direct descendant CSS operator as to not effect * other columns used further down the page. If * you have changed a columns default Fusion * HTML you will need to update this. -------------------------------------------------*/ body.boxed-layout.dashboard-page .container > .row > .col-md-4, body.boxed-layout.dashboard-page .container > .row > .col-md-8, body.boxed-layout.charts-page .container > .row > .col-md-6, body.boxed-layout.tabs-page .container > .row > .col-md-6, body.boxed-layout.forms-page .container > .row > .col-md-6, body.boxed-layout.editors-page .container > .row > .col-md-6, body.boxed-layout.maps-page .container > .row > .col-md-6, body.boxed-layout.elements-page .container > .row > .col-md-6, body.boxed-layout.validation-page .container > .row > .col-md-6, body.boxed-layout.wizard-page .container > .row > .col-md-10.col-md-offset-1, body.boxed-layout.pricing-tables-page .container > .row > .col-md-10.col-md-offset-1, body.boxed-layout.file-manager-page .container > .row > .col-lg-10.col-lg-offset-1, body.boxed-layout.upload-tools-page .container > .row > .col-md-6, body.boxed-layout.dynamic-gallery-page .container > .row > .col-md-10.col-md-offset-1, body.boxed-layout.image-tools-page .container > .row > .col-md-6, body.boxed-layout.invoice-page .container > .row > .col-lg-11, body.boxed-layout.widgets-page .container > .row > .col-lg-8, body.boxed-layout.widgets-page .container > .row > .col-lg-4, body.boxed-layout.faq-page .container > .row > .col-lg-10, body.boxed-layout.gallery-page .container > .row > .col-md-10, body.boxed-layout.timeline-page #timeline { width: 100%; float: none; margin-left: 0; } /* --------------------------------------- PAGES REQUIRING 90% COLUMNS(in order): * EDITABLE.HTML * XEDIT.HTML * PROFILE.HTML ----------------------------------------*/ body.boxed-layout.editable-page .container > .row .col-md-10.col-md-offset-1, body.boxed-layout.xedit-page .container > .row .col-md-8, body.boxed-layout.profile-page .container > .row > .col-lg-4, body.boxed-layout.profile-page .container > .row > .col-lg-8 { width: 90%; float: none; margin: 0 auto; } /* ---------------------------------------- PAGES REQUIRING 50% COLUMNS(in order): * PORTLETS.HTML * TYPOGRAPHY.HTML ------------------------------------------*/ @media (min-width: 1200px) { body.boxed-layout.portlets-page .container > .row > .col-lg-4.col-sm-6, body.boxed-layout.typography-page .container > .row > .col-lg-3 { width: 50%; float: left; } } /* ----------------------------------------- PAGES REQUIRING A CUSTOM LAYOUT(in order): * SKETCHPAD.HTML - 92% * MESSAGES.HTML - 85% * ICONS.HTML - 80% + 20% COLUMN -------------------------------------------*/ body.boxed-layout.sketchpad-page .container > .row > .col-lg-7 { width: 92%; margin-left: 7%; } body.boxed-layout.messages-page .container > .row > .col-lg-4, body.boxed-layout.messages-page .container > .row > .col-lg-8 { width: 85%; float: none; margin: 0 auto; } body.boxed-layout.icons-page .container > .row > .col-md-9 { width: 80%; margin-left: 0; float: left; } body.boxed-layout.icons-page .container > .row > .col-md-3 { width: 20%; float: left; } /* ---------------------------------------- * All column changes have been listed * above. The styles below are for pages * which require adjustments to individual * elements(buttons, backgrounds, etc) /* ---------------------------------------- PAGES LISTED BELOW INCLUDE(in order): * DASHBOARD/INDEX.HTML * TIMELINE.HTML * GALLERY.HTML * MESSAGES.HTML * PROFILE.HTML * FAQ.HTML * DATATABLES.HTML * ICONS.HTML * ANIMATIONS.HTML * SKETCHPAD.HTML * WIDGETS.HTML * INVOICE-PAGE.HTML * MINIMAL(login, screenlock, etc) -----------------------------------------*/ /* DASHBOARD.HTML / INDEX.HTML */ body.boxed-layout.dashboard-page .message-widget { margin-top: 0; } body.boxed-layout.dashboard-page .console-btn-5, body.boxed-layout.dashboard-page #timeline-widget, body.boxed-layout.dashboard-page #console-search-btn { display: none !important; } @media (min-width: 1368px) { body.boxed-layout.dashboard-page #console-btns .row > div { width: 25%; float: left; } } /* TIMELINE.HTML */ body.boxed-layout.timeline-page #timeline .panel-menu .glyphicons { display: none; } /* GALLERY.HTML */ body.boxed-layout.gallery-page .container > .row .placeholder { height: 50px; } /* MESSAGES.HTML */ body.boxed-layout.messages-page .container > .row > .col-lg-4 .panel { margin-bottom: 20px; } body.boxed-layout.messages-page .container > .row table tr:nth-of-type(3), body.boxed-layout.messages-page .container > .row table tr:nth-of-type(4), body.boxed-layout.messages-page .container > .row table tr:nth-of-type(5) { display: none; } /* PROFILE.HTML */ body.boxed-layout.profile-page .container > .row > .col-lg-4 .panel { margin-bottom: 20px; } body.boxed-layout.profile-page .container > .row .console-btn { margin-bottom: 0; } body.boxed-layout.profile-page .container > .row .profile-panel .panel-footer { padding: 10px 16px 4px; } /* FAQ.HTML */ body.boxed-layout.faq-page .faq-panel > .panel-sidemenu { display: none; } body.boxed-layout.faq-page .faq-panel > .panel-body { width: 93%; margin: 30px 3.5% 40px; } body.boxed-layout.faq-page .faq-panel > .panel-body #search-widget { margin-bottom: 30px; } /* DATATABLES.HTML */ body.boxed-layout.datatables-page table th:nth-of-type(2), body.boxed-layout.datatables-page table td:nth-of-type(2), body.boxed-layout.datatables-page table td:nth-of-type(4), body.boxed-layout.datatables-page table th:nth-of-type(4) { display: none !important; } /* ICONS.HTML */ body.boxed-layout.icons-page #icon-nav ul { width: 110%; } body.boxed-layout.icons-page #icon-nav ul .console-icon { display: none; } @media (max-width: 1150px) { body.boxed-layout.icons-page #icon-nav { right: 0; } } /* ANIMATIONS.HTML */ body.boxed-layout.animations-page .container > .row #animate-me-panel { position: fixed; max-width: 350px; } /* SKETCHPAD.HTML */ body.boxed-layout.sketchpad-page .container > .row > .col-lg-4 { display: none !important; width: 0; } /* WIDGETS.HTML */ body.boxed-layout.widgets-page .container > .row #timeline-widget { display: block !important; } body.boxed-layout.widgets-page .container > .row .timeline-widget { width: 370px; margin: 0 auto; } /* INVOICE-PAGE.HTML */ body.boxed-layout.invoice-page .container > .row > .col-lg-11 .panel-sidemenu { display: none; } body.boxed-layout.invoice-page .container > .row > .col-lg-11 #invoice-item { width: 95%; margin: 40px 2.5% 60px; } /* MINIMAL PAGE - coming-soon, login, screen-lock ----------------------------------------*/ body.boxed-layout.coming-soon-page { background: #f7f7f7; } body.boxed-layout.login-page, body.boxed-layout.screenlock-page { background: url(../img/patterns/5.png) repeat top left #f6f6f6; } body.boxed-layout.coming-soon-page #main:after, body.boxed-layout.login-page #main:after, body.boxed-layout.screenlock-page #main:after { display: none; } /* ============================================== III. DEMO PAGES A. Customizer.html B. Upload-tools.html C. Timeline.html D. Sliders.html E. Portlets.html F. Maps.html G. Gallery.html H. Dynamic-gallery.html I. Forms.html J. Elements.html K. Charts.html L. Animations.html M. Buttons.html N. 404/500.html O. Icons.html P. Global Changes P. Popout-Toolbox Header Skins * This file is reserved for changes required only * for the themes demo. These styles may be vital * to Fusions appearance but often times will not * be useful in a true production environment. * For example each slider in sliders.html has a * margin of 65px, a large number only needed * because six sliders have been stacked on top * of each other. This would most likely not * happen in a real enviroment. ================================================= A. Misc/Global ================================================= */ .ajax-loading { overflow-y: scroll; } /*=============================================== B. Customizer.html ================================================= */ #skin-menu { display: block; } #skin-toolbox { color: #FFF; position: fixed; top: 120px; right: -175px; width: 175px; height: 485px; z-index: 1055; overflow: visible !important; background: rgba(0, 0, 0, 0.7); -webkit-transition: right 0.1s ease-in-out; -moz-transition: right 0.1s ease-in-out; transition: right 0.1s ease-in-out; } #skin-toolbox.toolbox-open { right: 0; } .skin-toolbox-toggle { cursor: pointer; position: absolute; top: 30px; left: -36px; width: 36px; height: 40px; line-height: 42px; background: rgba(0, 0, 0, 0.7); } .skin-toolbox-toggle .fa { font-size: 20px; padding-left: 9px; } .skin-option { float: left; width: 22px; height: 22px; margin: 5px; padding: 3px; background-color: #dadada; border: 1px solid #CCC; -webkit-box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.1) inset, 0 1px 0 white; box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.1) inset, 0 1px 0 white; } .skin-color { width: 14px; height: 14px; border: 1px solid #CCC; background: #FFF; cursor: pointer; } .skin-toolbox-panel { padding: 15px 15px 0; } .skin-toolbox-panel .form-group { margin-bottom: 8px; } .skin-toolbox-panel label { font-size: 12px; } .skin-option.active { border: 1px solid #f0ad4e; } #customizer-link { font-size: 14px; } /*=============================================== B. Upload-tools.html ================================================= */ body.upload-tools-page .dropzone { min-height: 405px; } body.upload-tools-page .panel-body { min-height: 300px; } /*=============================================== C. Timeline.html ================================================= */ body.timeline-page .panel-clone { display: none; } /*=============================================== D. Sliders.html ================================================= */ .slider-example .form-horizontal .col-md-9 { margin-top: 65px; } .slider-example .form-horizontal .col-md-2 { margin-top: 62px; margin-right: 20px; } .slider-example .form-horizontal .form-group.first .col-md-9 { margin-top: 45px; } .slider-example .form-horizontal .form-group.first .col-md-2 { margin-top: 42px; } .slider-example .form-horizontal .form-group:last-child { margin-bottom: 40px; } /*=============================================== E. Portlets.html ================================================= */ body.portlets-page .panel .tab-content { padding: 0; border: 0; min-height: 95px; } body.portlets-page #accordion { margin-bottom: 35px; } /*=============================================== F. Maps.html ================================================= */ body.maps-page .map { width: 100%; height: 400px; } body.maps-page .panel-menu button { margin-right: 8px; min-width: 65px; } /*=============================================== G. Gallery.html ================================================= */ body.gallery-page { overflow: scroll; } /*=============================================== I. Forms.html ================================================= */ body.forms-page #focusedInput { outline: 0; outline: thin dotted \9; /* IE6-9 */ border-color: #a674e4; } /*=============================================== J. Elements.html ================================================= */ body.elements-page .panel button { margin-right: 6px; margin-bottom: 8px; } body.elements-page .panel .btn-group button { margin-right: 0; margin-bottom: 0; } body.elements-page .btn-block { border-radius: 0; } /*=============================================== K. Charts.html ================================================= */ body.charts-page .panel-menu label { font-size: 13px; font-weight: 600; color: #888; margin-right: 5px; } body.charts-page .legend table tr td { padding: 5px 10px 5px 5px; } /*=============================================== L. Animations.html ================================================= */ .animate-me-btns a { margin: 5px 5px 7px; } .animate-me-btns .tab-content { border: 0; padding-bottom: 30px; } /*=============================================== M. Buttons.html ================================================= */ body.buttons-page .panel button { margin-right: 6px; margin-bottom: 8px; } body.buttons-page .panel .btn-group { margin-right: 5px; } body.buttons-page .panel .btn-group button { margin-right: 0; margin-bottom: 8px; } body.buttons-page .panel .btn-group-vertical button { margin-right: 0; margin-bottom: 0; } body.buttons-page .social-buttons-panel button { margin: 10px; } body.buttons-page .zocial, a.zocial { min-height: 32px; margin: 8px; } body.buttons-page .zocial.icon { min-height: 28px; } body.buttons-page .zocial.icon.facebook:before { padding-right: 5px; } /*=============================================== N. 404/500.html ================================================= */ .icon-option-menu li a { cursor: pointer; } .icon-option-menu li a i { padding-right: 6px; color: #777; } /*=============================================== N. Editors ================================================= */ /* CKEDITOR BUTTON DISABLES - IMPORTANT */ #cke_8 { display: none; } .note-editor .note-toolbar > .btn-group.note-para { border-right: none; } .editor-color-swapper { z-index: 1024; position: absolute; top: 40px; right: 22px; } /*=============================================== O. Icons.html ================================================= */ #icon-nav.affix { top: 80px; } #icon-nav ul { width: 220px; } #icon-nav li:hover span { color: #444; } #icon-nav li.active span { color: #428bca; } .panel-body .page-header { color: #428bca; font-size: 18px; } #glyphicons-icon-list, #glyphicon-icon-list, #imoon-icon-list, .fa-icon-list { font-size: 12px; padding-left: 0; padding-bottom: 1px; margin-bottom: 20px; list-style: none; overflow: hidden; } #glyphicons-icon-list li, #glyphicon-icon-list li, #imoon-icon-list li, .fa-icon-list li { float: left; width: 20%; height: 100px; padding: 5px; line-height: 1.4; text-align: center; } #glyphicons-icon-list .glyphicons, #glyphicon-icon-list .glyphicon, #imoon-icon-list .imoon, .fa-icon-list .fa { display: block; margin: 5px auto 15px; font-size: 24px; } #glyphicons-icon-list li:hover, #glyphicon-icon-list li:hover, #imoon-icon-list li:hover, .fa-icon-list li:hover { color: #428bca; } /*=============================================== P. Global Changes ================================================= */ /* Disables hover effect for multi-level menu */ ul.sidebar-nav ul#sideEight.sub-nav > li > a:hover { background-color: transparent; } .panel-tabs > li > a:hover { background-color: #f2f2f2; } #return-arrow { color: #555; padding-left: 15px; padding-top: 15px; position: fixed; opacity: 0.7; cursor: pointer; display: block; z-index: 1050; } #return-arrow i.fa { float: left; padding-top: 2px; } #return-arrow span { float: left; padding-left: 15px; padding-top: 0px; font-size: 16px; } #return-arrow:hover { opacity: 1; } /*=============================================== Q. Popout Toolbox - Header Colors ================================================= */ .toggle-color-swap { cursor: pointer; width: 20px; height: 20px; display: inline-block; margin: 3px 3px; border: 1px solid #222; } .toggle-color-swap:before { display: block; width: 100%; height: 100%; content: ""; background: url(../img/patterns/swatch-bg.png) no-repeat top left; } /* Navbar */ .navbar.navbar-white-text { background-image: none; border-color: transparent; } /* Toggle Button */ .navbar.navbar-white-text #toggle_sidemenu_l { color: #fff; } /* Search Bar */ .navbar.navbar-white-text .navbar-search input { border-color: transparent; } /* Menu Buttons */ .navbar.navbar-white-text .navbar-menus > div > button > span { color: #fff; } /* Menu Buttons Badge */ .navbar.navbar-white-text .navbar-menus > .btn-group > button > b { color: #fff; background: #f05050; border-color: transparent; } /* Settings Icon/Menu */ .navbar.navbar-white-text #settings_menu .glyphicons { color: #fff; } /* Language Menu Text */ .navbar.navbar-white-text #language_menu a > span { color: #fff; } /* ============================================== III. RESPONSIVE STYLES A. Header B. Content C. Sidebar D. Dashboard.html * These styles control various aspects of the * site which benefit from being responsive ================================================= B. Content ================================================= */ #content { padding: 20px 13px 50px 17px; } /* CONTENT STATE ON LARGE RESOLUTIONS */ @media (min-width: 1200px) { #topbar { padding: 0 21px 0 23px; } #content { padding: 20px 20px 50px 23px; } } /* HEADER RESPONSIVE STYLES */ @media (max-width: 815px) { .navbar-search { display: none; } .navbar-right { max-width: 175px; } .navbar-left { display: none; } } /* HEADER RESPONSIVE STYLES */ @media (max-width: 1050px) { .sidebar-rtl .navbar-right { max-width: 175px; } .sidebar-rtl .navbar-search { display: none; } } /* HEADER RESPONSIVE STYLES */ @media (max-width: 670px) { #topbar { display: none; } .navbar-branding { max-width: 75px; } .navbar-brand { display: none; } .sidebar-rtl .navbar .navbar-right { max-width: 55px; } .sidebar-rtl .navbar #alert_menu, .sidebar-rtl .navbar #comment_menu { display: none; } } /*=================================================== IV. PRINT STYLES - Designed soley for Invoice Page Problems will arise if you attempt to use these styles globally =====================================================*/ @media print { /* Reset + Hide Primary Page Components */ header.navbar, #sidebar_left, #sidebar_right, #topbar, #skin-toolbox, .panel-heading, .invoice-buttons, .panel-sidemenu { display: none !important; visibility: hidden; width: 0; height: 0; outline: 0; padding: 0; margin: 0; overflow: hidden; } /* Modify Primary Container */ #content_wrapper { background: 0; margin: 0 auto; left: auto; right: auto; transition: none; } #content { padding: 0; background: none; } #content_wrapper:after { margin: 0; display: none; } /* Shorten and center page */ #main { width: 1000px !important; margin: 0 auto; } /* Remove all Panel Borders */ .panel { border: 0; margin: 0; } /* Hide Image Logo and reveal Text logo */ .invoice-logo { display: none !important; } .invoice-logo-text { display: block !important; visibility: visible !important; } /* Modify Invoice Container */ .table-layout > .col-md-10 { width: 100% !important; padding: 0 !important; } /* Modify Invoice Panels */ #invoice-info { border-top: 1px dashed #ddd; border-bottom: 1px dashed #ddd; margin-top: 20px !important; margin-bottom: 40px !important; background-color: #ddd; } /* Modify Invoice Panels */ #invoice-info > .col-md-4 { float: none; display: inline-block; width: 33%; padding: 0; } #invoice-info > .col-md-4:nth-child(2) { text-align: center; } #invoice-info > .col-md-4:last-child { text-align: right; position: relative; top: 8px; } #invoice-info > .col-md-4 .panel-body { padding: 10px; } } /* @import "utility/customizer"; */ /* Author: AdminDesigns.com * Last Updated: 02/01/14 * Copyright 2014 Admin Designs ================================================= * This file is reserved for changes made by * the user. It's often times a good idea to * seperate your changes from the themes core. * It makes modifications, and future theme * updates much easier to apply. ================================================= */ /* These styles have been placed here as * they have a high chance of needing to be * changed if one decides to modify the header -----------------------------------------------*/ /* Header button states - text colors */ .navbar-menus > div > button:focus { color: #666; } .navbar-menus > div > button:hover { color: #333; } /* Place your custom styles or styles which * have been generated with the customization * tool below this line. -----------------------------------------------*/ body { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; background:#F4F4F4; color:black; } .tabela { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; }