/* Copyright (c) 2016 Surekha Technologies.
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
You should have received a copy of the GNU General Public License
along with this program. If not, see .*/
/* ---------- Logo ---------- */
.logo {
display: inline-block;
line-height: 1;
vertical-align: middle; }
/* ---------- HTML editor ---------- */
body.html-editor {
background: #FFF;
color: #000; }
.html-editor.portlet-message-boards {
-ms-word-break: break-all;
word-break: break-all;
word-break: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
word-wrap: break-word; }
.html-editor.portlet-message-boards blockquote {
background: #eef0f2 url(/MercuryChsu-theme/css/../images/message_boards/quoteleft.png) no-repeat 5px 5px;
border: 1px solid #777;
position: relative;
padding: 5px 45px; }
.html-editor.portlet-message-boards blockquote:after {
background: url(/MercuryChsu-theme/css/../images/message_boards/quoteright.png) no-repeat 50%;
bottom: 5px;
content: '';
display: block;
height: 24px;
position: absolute;
right: 5px;
width: 31px;
z-index: 999; }
.html-editor.portlet-message-boards blockquote cite {
display: block;
font-weight: bold; }
.html-editor.portlet-message-boards pre {
background: #F9F9F9;
border: 1px solid #777;
padding: 0.5em; }
/* ---------- Text formatting ---------- */
.important {
font-weight: bold; }
/* ---------- Main content body ---------- */
.portal-iframe #main-content {
width: 100%; }
/* ---------- Loading animation ---------- */
.loading-animation {
background: url(/MercuryChsu-theme/css/../images/progress_bar/loading_animation.gif) no-repeat top center;
margin-top: 10px;
padding-top: 40px;
text-align: left; }
/* ---------- Separator ---------- */
.separator {
border-top: 1px dotted #BFBFBF; }
/* ---------- Update manager ---------- */
.update-available {
margin-top: 10px;
padding: 2px;
text-align: left; }
/* ---------- Text highlighting ---------- */
.highlight {
background: #FFC;
font-weight: bold;
margin: 0 1px; }
/* ---------- Miscellaneous ---------- */
#skip-to-content {
clip: rect(0 0 0 0);
position: absolute; }
/* ---------- Dragging/sorting indicators ---------- */
.portlet-layout.dragging {
border-collapse: separate; }
.drop-area {
background-color: #D3DADD; }
.active-area {
background: #FFC; }
.portlet-boundary.yui3-dd-dragging {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
opacity: 0.6; }
.portlet-boundary.yui3-dd-dragging .portlet {
border: 2px dashed #CCC; }
.sortable-layout-proxy {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1; }
.sortable-layout-proxy .portlet-topper {
background-image: none; }
.proxy {
cursor: move;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65);
opacity: 0.65;
position: absolute; }
.proxy.generic-portlet {
height: 200px;
width: 300px; }
.proxy.generic-portlet .portlet-title {
padding: 10px; }
.proxy.not-intersecting .forbidden-action {
background: url(/MercuryChsu-theme/css/../images/application/forbidden_action.png) no-repeat;
display: block;
height: 32px;
position: absolute;
right: -15px;
top: -15px;
width: 32px; }
.resizable-proxy {
border: 1px dashed #828F95;
position: absolute;
visibility: hidden; }
.sortable-proxy {
background: #727C81;
margin-top: 1px; }
.lfr-freeform-layout-drag-indicator {
visibility: hidden; }
.sortable-layout-drag-target-indicator {
margin: 2px 0; }
/* ---------- Portal tool tips ---------- */
.tooltip {
max-width: 200px; }
/* ---------- Tags ---------- */
.tagselector-content {
border-width: 0;
margin-bottom: 15px;
overflow: visible;
padding: 0; }
.tagselector-content .textboxlistentry-holder {
background: #FFF;
border: 1px solid #CCC;
margin-bottom: 5px;
overflow: visible;
padding: 5px;
position: relative; }
.tagselector-content .textboxlistentry-holder li {
line-height: 1; }
.tagselector-content .textboxlistentry-holder .lfr-tag-selector-input {
border-width: 0;
margin-bottom: 0; }
.tagselector-content .textboxlistentry-remove {
padding: 0 3px 1px; }
.tagselector .lfr-tags-selector-content {
border-width: 0; }
.tagselector .lfr-tag-selector-input {
background: none;
padding: 0;
width: auto; }
.tagselector .field .field-content {
margin: 0; }
.tagselector .textboxlist-input-container {
margin: 0; }
.tagselector-focused .textboxlistentry-holder {
background: #FFF none;
border: 1px solid #CCC; }
.categoriesselector-content .textboxlistentry-holder {
background-color: transparent;
border-width: 0;
padding: 0; }
/* ---------- Tag cloud and tag list ---------- */
.tag-items {
list-style: none;
margin: 0 1em 0 0;
padding: 0 1em 0.5em 1em;
white-space: normal; }
.tag-items li {
display: inline;
float: left;
margin: 0 1em 0 0; }
.tag-items a {
white-space: nowrap; }
.tag-selected {
color: #000;
font-weight: bold;
text-decoration: none; }
.tag-cloud {
line-height: 2.5em; }
.tag-cloud .tag-popularity-1 {
font-size: 1em; }
.tag-cloud .tag-popularity-2 {
font-size: 1.3em; }
.tag-cloud .tag-popularity-3 {
font-size: 1.6em; }
.tag-cloud .tag-popularity-4 {
font-size: 1.9em; }
.tag-cloud .tag-popularity-5 {
font-size: 2.2em; }
.tag-cloud .tag-popularity-6 {
font-size: 2.5em; }
/* ---------- Underlay ---------- */
.underlay {
clear: both;
top: 100%; }
.underlay .yui3-widget-hd {
height: 38px; }
.underlay .lfr-portlet-item {
border-width: 0; }
.underlay-hidden {
display: none; }
.underlay-content {
background: #f4f3f3 url(/MercuryChsu-theme/css/../images/common/message_panel_shadow.png) repeat-x 0 0;
border: 0 solid #AEAFB1;
border-width: 0 1px 1px; }
.underlay-close {
position: absolute;
right: 5px;
top: 5px; }
/* ---------- Tabs ---------- */
.tab-active strong {
font-weight: normal; }
.tab-back {
float: right; }
.tab-back-content {
border-width: 0;
padding: 1px; }
/* ---------- Miscellaneous ---------- */
.lfr-panel-container {
background: #FFF; }
.lfr-panel-content {
padding: 5px 10px; }
.lfr-panel-basic .lfr-panel-content {
padding-left: 15px; }
.dialog-bd {
min-height: 30px; }
.dialog-content {
border: 1px solid #C8C9CA;
padding: 5px; }
.panel-hd {
background: #c0c2c5 url(/MercuryChsu-theme/css/../images/application/panel_header_bg.png) repeat-x 0 0;
border: 1px solid;
border-color: #C8C9CA #AEB2B8 #AEB2B8 #C8C9CA;
padding-left: 10px;
text-shadow: 1px 1px #FFF; }
.app-view-drop-active {
background-color: #00A2EA;
font-weight: bold; }
.category-portlets .app-view-drop-active {
color: #FFF; }
.basecelleditor [class~="form-validator-message"] {
clip: rect(auto auto auto auto);
width: auto; }
.document-library-file-entry-cell-editor-hidden {
display: none; }
.previous-level {
display: inline-block;
font-size: 21px;
line-height: 21px;
margin-right: 5px;
text-decoration: none;
vertical-align: middle; }
/* ---------- Menus ---------- */
.lfr-page-templates li a {
padding: 0; }
.lfr-page-templates li a label {
cursor: pointer;
display: block;
padding: 5px 0 5px 5px; }
.menu {
position: absolute;
width: auto; }
.menu .notice-message {
background-image: none;
margin: 3px;
padding: 6px; }
.menu-content {
background: #FFF;
list-style: none;
min-width: 150px; }
.menu-content li {
margin: 0;
padding: 0; }
.menu-content li .disabled {
color: #999; }
.menu-content {
background: #ccc9c9 url(/MercuryChsu-theme/css/../images/application/menu_bg.png) repeat-x 0 0;
border: 1px solid;
border-color: #AEAFB1 #777879 #777879 #AEAFB1;
padding: 2px 0; }
.menugroup-content .menu-label {
background: #D2D6DE;
color: #5B677D;
display: block;
padding: 5px 3px;
text-shadow: 1px 1px #FFF; }
.menugroup-content ul {
display: block;
min-width: 0; }
.menu-content li {
border-bottom: 1px solid #BCBBBB;
border-top: 1px solid #EEE;
display: block;
margin: 0;
padding: 0; }
.menu-content li.first {
border-top-width: 0; }
.menu-content li.last {
border-bottom-width: 0; }
.menu-content li a, .menu-content li .disabled {
color: #2C2F34;
display: block;
padding: 4px 5px;
text-decoration: none; }
.menu-content li a.focus, .lfr-menu-expanded li a:focus {
background-color: #5B677D;
color: #FFF;
text-shadow: -1px -1px #2C2F34; }
/* ---------- Loading mask ---------- */
.loadingmask-content {
background: #CCC; }
.loadingmask-message {
background: #d4d4d4 url(/MercuryChsu-theme/css/../images/portlet/header_bg.png) repeat-x 0 0; }
/* ---------- Tree view ---------- */
.tree-node .icon-check {
padding-right: 2px; }
.tree-node .icon-check:before {
content: "\f096"; }
.tree-node .tree-node-checked .icon-check {
padding-right: 0; }
.tree-node .tree-node-checked .icon-check:before {
content: "\f046"; }
.tree-node .tree-node-over .tree-label {
text-decoration: underline; }
.tree-node [class^="icon-"] {
margin-right: 5px; }
.tree-node .tree-node-checkbox-container {
margin-right: 0; }
.tree-node .tree-node-selected .tree-label {
background: none; }
.tree-node-content .tree-hitarea {
color: #999;
font-size: 10px;
padding-right: 6px; }
.tree-node-content .tree-label {
margin-left: 3px; }
.tree-node-content .tree-node-hidden-hitarea {
visibility: hidden; }
.tree-node-selected .tree-label {
background-color: transparent; }
/* ---------- Page customization ---------- */
.dragging .portlet-column.customizable {
background-color: #CFFCCF;
outline: 3px solid #9CC97B; }
.customizable-layout-column-content {
background-color: #C92C3C; }
.customizable-layout-column-content.yui3-widget-content-expanded {
border: 3px solid #333;
margin: 0.2em; }
.customizable .customizable-layout-column-content {
background-color: #9CC97B; }
.layout-customizable-controls {
background-color: #FFF;
font-size: 1.5em;
margin: 1em;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
opacity: 0.9;
padding: 1em;
position: absolute;
z-index: 15; }
/* ---------- Pagination ---------- */
.paginator-link {
background: #eeeeee url() no-repeat scroll 50% 1px;
border: 1px solid #F0F1F2;
border-color: #F0F1F2 #B2B2B2 #949494 #F0F1F1;
color: #1F1E1E;
display: inline-block;
height: 20px;
padding: 0;
text-indent: -9999px;
width: 20px; }
.paginator-page-link {
height: auto;
text-indent: 0; }
.paginator-current-page {
background: #0083bd url(/MercuryChsu-theme/css/../images/application/paginator_link_current_bg.png) 0 0 repeat-x;
border-color: #38B6EF #006D9E #006D9E #46B4E6;
color: #FFF;
text-shadow: -1px -1px #003C57; }
.paginator-first-link {
background-image: url(/MercuryChsu-theme/css/../images/arrows/paging_first.png); }
.paginator-prev-link {
background-image: url(/MercuryChsu-theme/css/../images/arrows/paging_previous.png); }
.paginator-last-link {
background-image: url(/MercuryChsu-theme/css/../images/arrows/paging_last.png); }
.paginator-next-link {
background-image: url(/MercuryChsu-theme/css/../images/arrows/paging_next.png); }
.paginator-current-page-report, .paginator-total {
color: #555;
font-size: 0.9em; }
.paginator-current-page-report {
margin-left: 2em; }
.taglib-page-iterator .search-pages .page-links {
padding: 0; }
/* ---------- Inline editing ---------- */
.lfr-editable {
outline: 1px dashed #68bb30;
outline-offset: 2px;
position: relative; }
.lfr-editable:after {
background: #68bb30 url(/MercuryChsu-theme/css/../images/common/edit_white.png) no-repeat 50%;
content: '';
display: block;
height: 20px;
position: absolute;
right: 5px;
top: 5px;
width: 30px; }
.lfr-editable:focus:after {
display: none; }
.lfr-editable:focus:hover {
background-color: transparent; }
.lfr-editable:hover {
background-color: rgba(255, 255, 255, 0.3);
outline-color: #519226; }
.lfr-editable:hover:after {
background-color: #519226; }
.lfr-editable-notice-close {
margin-left: 1em; }
.lfr-portlet-title-editable {
margin-top: 0;
z-index: 9999; }
.lfr-portlet-title-editable .lfr-portlet-title-editable-content {
padding: 0; }
.lfr-portlet-title-editable .lfr-portlet-title-editable-content .combobox-content .field-content .field-input-text {
display: block;
margin-bottom: 0; }
.lfr-portlet-title-editable .lfr-portlet-title-editable-content .combobox-content .field-label.textfield-label {
display: none; }
.lfr-portlet-title-editable .lfr-portlet-title-editable-content .combobox-content .toolbar-content {
margin-top: 0;
vertical-align: top; }
.lfr-portlet-title-editable .lfr-portlet-title-editable-content .combobox-content .toolbar-content .btn-group {
margin-top: 0; }
.lfr-page-layouts .lfr-layout-template .layout-template-entry {
height: 25px;
width: 25px; }
.ie .proxy.not-intersecting .forbidden-action {
right: 2px;
top: 2px; }
.ie7 .menu-content li {
z-index: 10; }
.ie7 .paginator-link {
color: transparent;
font-size: 0;
overflow: hidden;
text-indent: 0;
vertical-align: middle; }
.ie7 .paginator-page-link {
color: #1F1E1E;
font-size: 1em;
height: auto;
line-height: 1.4;
overflow: visible;
text-indent: 0; }
.ie7 .paginator-current-page {
color: #FFF; }
.ios.mobile .modal-content .dialog-iframe-bd {
overflow: auto;
-webkit-overflow-scrolling: touch; }
/* ---------- Column widths ---------- */
.portlet-column-content.empty {
padding: 50px; }
/* ---------- Wrapper ---------- */
#wrapper {
padding: 2em 5em 0; }
@media (max-width: 767px) {
#wrapper {
padding-left: 0.5em;
padding-right: 0.5em; } }
@media (min-width: 768px) and (max-width: 979px) {
#wrapper {
padding-left: 2em;
padding-right: 2em; } }
.aui {
/* ---------- Staging dockbar ---------- */
/* ---------- Add content ---------- */
/* ---------- Menus ---------- */
/* ---------- Customization bar ---------- */ }
.aui .dockbar {
left: 0;
right: 0;
top: 0; }
.aui .dockbar .staging-controls .staging-bar li.dropdown .dropdown-menu {
left: auto;
margin-left: 10px;
width: auto; }
.aui .dockbar.navbar-static-top {
position: relative; }
.aui .dockbar.navbar-static-top .collapse {
position: static; }
.aui .dockbar.navbar-static-top .collapse .nav-account-controls {
position: static; }
.aui .dockbar .btn-link {
color: #FFF; }
.aui .dockbar .diamond {
border: 12px solid transparent;
border-bottom-color: #1485EB;
height: 0;
position: relative;
top: -12px;
width: 0; }
.aui .dockbar .diamond:after {
border: 12px solid transparent;
border-top-color: #1485EB;
content: '';
height: 0;
left: -12px;
position: absolute;
top: 12px;
width: 0; }
.aui .dockbar .impersonating-user .alert-icon {
margin-right: 9px; }
.aui .dockbar .impersonating-user .alert-info {
border-width: 0;
margin-bottom: 6px; }
.aui .dockbar .info-button {
top: 9px; }
.aui .dockbar .info-items {
left: 0;
position: absolute;
top: 100%;
width: 100%;
z-index: 1; }
.aui .dockbar .navbar-inner {
padding-left: 20px;
padding-right: 20px; }
.aui .dockbar .navbar-inner .brand h1 {
display: inline-block;
font-size: inherit;
line-height: 1;
margin-bottom: 0;
margin-top: 0; }
.aui .dockbar .navbar-inner .container {
margin-left: 0;
margin-right: 0;
width: 100%; }
.aui .dockbar .navbar-inner .container .nav-account-controls {
float: right; }
.aui .dockbar .navbar-inner .site-administration-menu li {
list-style: none; }
.aui .dockbar .navbar-inner .site-administration-menu li a {
color: #000;
display: block;
padding: 3px 5px 3px 40px; }
.aui .dockbar .navbar-inner .site-administration-menu li a:focus, .aui .dockbar .navbar-inner .site-administration-menu li a:hover {
background: #0DB5E7;
color: #FFF;
text-decoration: none; }
.aui .dockbar .navbar-inner .site-administration-menu li a i {
font-size: 0.8em; }
.aui .dockbar .nav.staging-nav-items {
margin: 0;
position: static; }
.aui .dockbar .nav.staging-nav-items li.dropdown.active > .dropdown-toggle {
background-color: transparent;
display: block; }
.aui .dockbar .nav.staging-nav-items li.dropdown.active > .dropdown-toggle:hover {
color: #0077B3; }
.aui .dockbar .nav.staging-nav-items .staging-link {
position: static; }
.aui .dockbar .user-avatar img {
margin-top: -2px;
text-decoration: none;
vertical-align: middle;
width: 20px; }
.aui .dockbar-split .dockbar {
height: 0;
position: absolute; }
.aui .dockbar-split .dockbar .staging-controls .staging-bar li.dropdown .dropdown-menu {
left: 0;
margin-left: 0;
width: 100%; }
.aui .dockbar-split .dockbar.navbar-static-top .collapse {
position: relative; }
.aui .dockbar-split .dockbar.navbar-static-top .collapse .nav-account-controls {
position: fixed; }
.aui .dockbar-split .dockbar .divider-vertical {
display: none; }
.aui .dockbar-split .dockbar .info-button {
top: 12px; }
.aui .dockbar-split .dockbar .info-items {
left: auto;
position: static; }
.aui .dockbar-split .dockbar .navbar-inner {
background-color: transparent;
border-width: 0;
padding: 0;
width: 0; }
.aui .dockbar-split .dockbar .navbar-inner .nav {
border-bottom-width: 0; }
.aui .dockbar-split .dockbar .navbar-inner .nav > li {
background-color: #333; }
.aui .dockbar-split .dockbar .navbar-inner .nav > li > a {
color: #FFF;
line-height: 31px; }
.aui .dockbar-split .dockbar .navbar-inner .nav > li > a:focus, .aui .dockbar-split .dockbar .navbar-inner .nav > li > a:hover {
color: #FFF; }
.aui .dockbar-split .dockbar .navbar-inner .nav > li > a [class^="icon-"], .aui .dockbar-split .dockbar .navbar-inner .nav > li > a [class*=" icon-"] {
margin-top: 3px; }
.aui .dockbar-split .dockbar .navbar-inner .nav > li.active > a {
color: #FFF; }
.aui .dockbar-split .dockbar .navbar-inner .nav li.dropdown.active > .dropdown-toggle {
color: #FFF; }
.aui .dockbar-split .dockbar .navbar-inner .nav li.dropdown.open > .dropdown-toggle {
background-color: #555;
color: #FFF; }
.aui .dockbar-split .dockbar .navbar-inner .nav li.info-items {
background-color: transparent; }
.aui .dockbar-split .dockbar .navbar-inner .nav li.staging-toggle > a {
background-color: #2496E5;
padding-bottom: 0;
padding-top: 0; }
.aui .dockbar-split .dockbar .navbar-inner .nav li.staging-toggle > a:hover {
background-color: #2FA4F5; }
.aui .dockbar-split .dockbar .navbar-inner .nav li.staging-toggle span.nav-item-label {
padding: 5px 10px; }
.aui .dockbar-split .dockbar .navbar-inner .nav-account-controls {
left: auto;
margin-right: 0;
padding: 0;
position: fixed;
right: 5em;
z-index: 325; }
.aui .dockbar-split .dockbar .navbar-inner .nav-add-controls {
background: transparent;
position: fixed;
top: 10%;
z-index: 350; }
.aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li {
float: none;
margin: 10px;
position: relative; }
.aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li.toggle-controls a {
clip: rect(0 0 0 0);
position: absolute; }
.aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li.toggle-controls a:focus {
clip: rect(auto auto auto auto);
position: static; }
@media (max-width: 979px) {
.aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li.page-preview-controls {
display: none; } }
.aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a {
background: #333;
color: #FFF;
padding: 6px 8px;
text-align: center; }
.aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a:hover {
background: #555; }
.aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a [class^="icon-"], .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a [class^="icon-"], .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a [class*=" icon-"] {
font-size: 25px;
position: relative;
vertical-align: middle; }
.aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a.toggle-controls-link {
background: #92F545; }
.aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a.toggle-controls-link [class^="icon-"], .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a.toggle-controls-link [class^="icon-"], .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a.toggle-controls-link [class*=" icon-"] {
color: #000; }
.aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a .nav-item-label {
background: #333;
display: none;
left: 100%;
margin-left: 0.5em;
margin-top: -1em;
padding: 0 20px;
position: absolute;
top: 50%;
white-space: nowrap; }
.aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a:hover .nav-item-label {
display: block; }
.aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a .icon-caret-down {
display: none; }
.aui .dockbar-split .dockbar .navbar-inner .nav-add-controls:hover > li.toggle-controls a {
clip: rect(auto auto auto auto);
position: static; }
.aui .dockbar-split .dockbar .staging-nav-items li > span {
color: #FFF;
display: block;
padding: 10px 15px;
line-height: 31px; }
.aui .dockbar-split .info-link-container {
width: 0; }
.aui .dockbar-split .info-items {
height: 1px;
width: 715px; }
.aui .dockbar-split .info-items a, .aui .dockbar-split .info-items .btn-link {
color: #FFF;
text-decoration: underline; }
.aui .dockbar-split .info-items a:hover, .aui .dockbar-split .info-items .btn-link:hover {
text-decoration: none; }
.aui .dockbar-split .info-items a:hover .taglib-text, .aui .dockbar-split .info-items .btn-link:hover .taglib-text {
text-decoration: none; }
.aui .dockbar-split .info-items .btn-link {
border-width: 0;
font-size: 14px;
font-weight: 300;
margin: 0 0 0 6px;
padding: 0;
text-shadow: none; }
.aui .dockbar-split .staging-bar {
margin: 10px 0; }
.aui .dockbar-split.controls-hidden .dockbar .navbar-inner .nav-add-controls > li.toggle-controls > .toggle-controls-link {
background: #F5AF45; }
.aui .dockbar-split.lfr-has-add-content .nav-add-controls {
left: 350px; }
.aui .dockbar-split.lfr-has-device-preview .nav-add-controls {
left: 220px; }
.aui .dockbar-split.lfr-has-edit-layout .nav-add-controls {
left: 460px; }
.aui.dialog-iframe-root-node .dockbar .nav-add-controls .page-preview-controls {
display: none; }
.aui .touch .dockbar-split .dockbar .navbar-inner .nav-add-controls > li.toggle-controls > .toggle-controls-link, .aui .controls-hidden.dockbar-split .dockbar .navbar-inner .nav-add-controls > li.toggle-controls > .toggle-controls-link {
clip: rect(auto auto auto auto);
position: static; }
.aui .variation-selector {
display: block;
font-size: 1.2em;
font-weight: bold;
margin: 1em; }
.aui .layout-revision-container {
margin: 1em 0 0 1em;
padding: 0; }
.aui .layout-revision-container .approximate-date {
color: #999;
font-weight: bold; }
.aui .layout-revision-container .current-version {
color: #41801d;
display: block; }
.aui .layout-revision-container .current-version-pointer {
display: inline-block;
width: 0; }
.aui .layout-revision-container .current-version-pointer img {
left: -25px;
position: relative; }
.aui .layout-revision-container .layout-variation-name {
color: #ECECEC;
font-size: 1.15em;
margin-bottom: 0.1em;
text-transform: uppercase; }
.aui .layout-revision-container .layout-revision-current {
color: #ECECEC; }
.aui .layout-revision-container .real-date {
color: #999;
display: block;
text-align: right; }
.aui .layout-revision-container .taglib-workflow-status .workflow-status {
background: none;
padding-left: 0; }
.aui .layout-revision-container .taglib-workflow-status .workflow-status .workflow-status-ready-for-publication {
color: #41801d;
font-weight: bold; }
.aui .layout-revision-container-root {
margin: 0; }
.aui .staging-controls {
padding-left: 5px;
padding-right: 50px; }
.aui .staging-controls select {
width: 100%; }
.aui .staging-controls .staging-bar .dropdown-menu {
font-size: 13px;
min-width: 520px;
width: 100%; }
.aui .staging-controls .staging-bar .dropdown-menu .btn-link {
float: left;
font-size: 11px;
margin: 0 5px 0 0;
padding: 0;
text-decoration: underline;
text-shadow: none; }
.aui .staging-controls .staging-bar .dropdown-menu .btn-link:hover {
text-decoration: none; }
.aui .staging-controls .staging-bar .dropdown-menu .btn-link.history {
float: right; }
.aui .lfr-admin-panel {
background-color: #FFF;
bottom: 0;
left: 0;
overflow: auto;
padding: 10px;
position: fixed;
top: 0;
z-index: 1100; }
@media (max-width: 767px) {
.aui .lfr-admin-panel {
height: 100%;
padding-bottom: 0;
padding-top: 0;
position: absolute; } }
.aui .lfr-has-add-content {
padding-left: 350px; }
.aui .lfr-has-device-preview {
padding-left: 220px; }
.aui .lfr-has-edit-layout {
padding-left: 460px; }
.aui .dropdown-menu > li > a:focus > [class^="icon-"] {
background-image: none; }
.aui .my-sites-menu .site-type {
color: #FFF;
display: none;
float: right;
font-size: 0.8em;
font-weight: normal;
margin-right: 10px;
position: absolute;
right: 100%; }
.aui .my-sites-menu a:hover .site-type {
color: #FFFFFF;
display: inline-block; }
.aui .ie.rtl .dockbar .menu-button span {
background-position-x: -25px; }
.aui.ie6 .dockbar-split .dockbar .navbar-inner .nav-add-controls li.page-preview-controls, .aui.ie7 .dockbar-split .dockbar .navbar-inner .nav-add-controls li.page-preview-controls, .aui.ie8 .dockbar-split .dockbar .navbar-inner .nav-add-controls li.page-preview-controls {
display: none; }
.aui .ie7 .dockbar {
zoom: 1; }
.aui .ie7 .my-sites-menu a {
overflow: visible;
text-align: left; }
.aui .ie7 .my-sites-menu .site-name {
float: none; }
.aui .ie7 .my-sites-menu .site-type {
float: none; }
.aui .ie6 .dockbar, .aui .ie6 .lfr-dockbar-pinned .dockbar {
height: 10px;
left: 0;
position: relative;
top: 0; }
.aui .ie6 .dockbar .pin-dockbar {
display: none; }
.aui .ie6 .my-sites-menu {
width: 200px; }
.aui .ie6 .my-sites-menu a {
zoom: 1; }
.aui .ie6 .menu-scroll {
height: 300px;
overflow-y: auto; }
.aui .controls-hidden .info-button, .aui .controls-hidden .page-customization-bar {
display: none; }
.aui .info-button {
cursor: pointer;
display: inline-block;
position: relative;
right: 12px;
z-index: 1; }
.aui .info-button a {
color: #FFF;
padding: 2px 10px;
position: absolute;
text-decoration: none;
z-index: 1; }
.aui .info-button .icon-stop {
color: #1485EB;
font-size: 20px; }
.aui .page-customization-bar {
background-color: #555;
background-color: rgba(0, 0, 0, 0.5);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #FFF;
display: table;
font-size: 14px;
font-weight: 300;
padding: 0 15px;
width: 100%; }
.aui .page-customization-bar .customized-icon {
margin: 5px;
vertical-align: middle; }
.aui .page-customization-bar .page-customization-actions {
padding-left: 5em; }
.aui .page-customization-bar .page-customization-actions a {
color: #EEE;
font-size: 0.8em;
padding: 0 1em; }
.aui .page-customization-bar .page-customization-bar-form {
display: table-cell;
text-align: center;
vertical-align: middle;
width: 25%; }
.aui .page-customization-bar .page-customization-bar-form a {
color: #FFF; }
.aui .page-customization-bar .page-customization-bar-form a:focus, .aui .page-customization-bar .page-customization-bar-form a:hover {
color: #FFF;
text-decoration: none; }
.aui .page-customization-bar .page-customization-bar-form span {
display: block;
line-height: 20px; }
.aui .page-customization-bar .page-customization-bar-text {
display: table-cell;
height: 51px;
vertical-align: middle;
width: 75%; }
.aui .page-customization-bar .page-customization-bar-container {
position: absolute; }
.aui .page-customization-bar .reset-prototype {
display: inline; }
@media (max-width: 1140px) {
.aui .dockbar-split .dockbar .info-items {
width: 515px; } }
/* ---------- Add/remove page ---------- */
.modify-pages li {
position: relative; }
.modify-pages li.lfr-nav-hover .delete-tab {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1; }
.modify-pages .add-page-editor-input {
width: 150px; }
.modify-pages .delete-tab {
color: #444;
cursor: pointer;
display: block;
font-size: 20px;
font-weight: bold;
height: 10px;
line-height: 6px;
margin-top: -8px;
overflow: hidden;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
padding: 3px 0;
position: absolute;
right: 1px;
text-shadow: 0 1px #FFF;
top: 50%; }
.modify-pages .delete-tab:hover {
color: #B50303; }
.modify-pages .lfr-nav-updateable.selected a:hover span {
cursor: text; }
.nav li .toolbar {
margin-top: 5px; }
/* ---------- Navigation portlet ---------- */
.nav-menu ul {
padding-left: 10px; }
.nav-menu li a.ancestor {
font-weight: bold; }
.nav-menu li a.selected {
color: #000;
font-weight: bold;
text-decoration: none; }
.nav-menu-style-arrows ul {
list-style-image: url(/MercuryChsu-theme/css/../images/arrows/04_right.png); }
/* ---------- Page template selector ---------- */
.form-options {
border: 1px solid #AAA;
display: inline-block;
vertical-align: middle; }
.form-options input {
border-width: 0;
display: inline;
float: left; }
.form-triggers {
float: left; }
.form-trigger {
background: #c4c4c4 url(/MercuryChsu-theme/css/../images/application/button_bg.png) repeat-x 0 0;
border-left: 1px solid #BBB;
display: inline-block;
float: left; }
.form-trigger img {
background: url() no-repeat 50% 40%;
height: 25px;
padding: 0 3px;
vertical-align: middle;
width: 16px; }
.form-trigger:focus, .form-trigger:hover {
background-color: #83B0CA;
background-image: url(/MercuryChsu-theme/css/../images/application/button_bg_over.png); }
.trigger-selected {
background-color: #EBEBEB;
background-image: url(/MercuryChsu-theme/css/../images/application/button_bg_selected.png); }
.trigger-selected:focus, .trigger-selected:hover {
background-color: #B7DEF4;
background-image: url(/MercuryChsu-theme/css/../images/application/button_bg_selected_over.png); }
.options-trigger img {
background-image: url(/MercuryChsu-theme/css/../images/common/configuration.png); }
.save-trigger img {
background-image: url(/MercuryChsu-theme/css/../images/common/check.png); }
/* ---------- Portlet wrapper and icons ---------- */
.freeform .portlet {
margin-bottom: 0; }
body.portlet {
border: none; }
.portlet-topper {
position: relative; }
.portlet-topper .portlet-topper-toolbar {
margin: 0;
padding: 2px;
position: absolute;
right: 3px;
text-align: right;
top: 3px;
z-index: 300; }
.portlet-topper .portlet-topper-toolbar a {
color: inherit; }
.portlet-topper .portlet-topper-toolbar a, .portlet-topper .portlet-topper-toolbar a:hover {
text-decoration: none; }
.portlet-topper .portlet-topper-toolbar a i {
font-size: 19px; }
.portlet-topper .portlet-topper-toolbar .nobr {
display: block;
float: left;
padding: 1px; }
.portlet-topper .portlet-topper-toolbar .portlet-icon-back {
background: url(/MercuryChsu-theme/css/../images/arrows/12_left.png) no-repeat 0 50%;
color: #FFF;
font-weight: bold;
padding: 5px 5px 5px 18px; }
.portlet-topper .portlet-topper-toolbar .portlet-icon-back:hover {
color: #FFF; }
.portlet-topper .portlet-topper-toolbar .portlet-options .lfr-icon-menu-text {
color: transparent;
font-size: 0; }
.portlet-title {
display: block; }
.portlet-title img {
vertical-align: middle; }
.portlet-title-editable {
cursor: pointer; }
.portlet-title-text {
display: inline-block;
max-width: 95%;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: top;
white-space: nowrap; }
.panel-page-content .portlet-title-text, .panel-page-body .portlet-title-text {
cursor: auto; }
.portlet-content, .portlet-minimized .portlet-content-container {
padding: 12px 10px 10px; }
.portlet-minimized .portlet-content {
padding: 0; }
.portlet-nested-portlets .portlet-boundary {
position: relative !important;
top: 0 !important;
left: 0 !important; }
.portlet-borderless-bar, .portlet-content .lfr-icon-actions {
background: #333;
color: #FFF;
text-shadow: -1px -1px #000; }
.portlet-borderless-bar a, .portlet-content .lfr-icon-actions a {
color: #3AF; }
.portlet-borderless-container:hover .portlet-borderless-bar, .portlet-content:hover .lfr-icon-actions {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1; }
.portlet-borderless-container:hover .portlet-borderless-bar .portlet-actions, .portlet-content:hover .lfr-icon-actions .taglib-text {
display: inline-block; }
.portlet-content .lfr-icon-actions {
float: left;
margin: 1px 10px 1px 1px;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
opacity: 0.5;
padding: 2px 7px; }
.portlet-content .lfr-icon-actions .taglib-text {
color: #FFF;
display: none;
font-weight: bold;
margin-right: 1em;
text-decoration: none;
vertical-align: middle; }
.portlet-content .lfr-icon-actions .lfr-icon-action a {
background: url() no-repeat 0 50%;
display: inline-block;
margin-left: 5px;
vertical-align: top; }
.portlet-content .lfr-icon-actions .lfr-icon-action a:hover {
text-decoration: none; }
.portlet-content .lfr-icon-actions .lfr-icon-action a:hover span {
text-decoration: underline; }
.portlet-content .lfr-icon-actions .lfr-icon-action a img {
visibility: hidden; }
.portlet-content .lfr-icon-actions .lfr-icon-action-add a {
background-image: url(/MercuryChsu-theme/css/../images/common/add_white.png); }
.portlet-content .lfr-icon-actions .lfr-icon-action-edit a {
background-image: url(/MercuryChsu-theme/css/../images/common/edit_white.png); }
.portlet-content .lfr-icon-actions .lfr-icon-action-edit-template a {
background-image: url(/MercuryChsu-theme/css/../images/common/edit_template_white.png); }
.portlet-content .lfr-icon-actions .lfr-icon-action-configuration a {
background-image: url(/MercuryChsu-theme/css/../images/common/configuration_white.png); }
.portlet-content .lfr-url-error {
display: inline-block;
white-space: normal; }
/* ---------- Borderless portlet ---------- */
.portlet-borderless-container {
min-height: 2.5em;
position: relative; }
.portlet-borderless-bar {
font-size: 10px;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
opacity: 0.3;
padding: 2px 5px 1px;
position: absolute;
right: 0;
top: 0;
z-index: 200; }
.portlet-borderless-bar a {
background: url() no-repeat 0 50%;
display: inline-block;
height: 16px;
margin-left: 5px;
text-indent: -9999px;
vertical-align: middle;
width: 16px; }
.portlet-borderless-bar .portlet-actions {
display: none;
float: left;
margin-right: 10px;
overflow: hidden; }
.portlet-borderless-bar .portlet-actions, .portlet-borderless-bar .portlet-title-default {
min-height: 20px;
vertical-align: top; }
.portlet-borderless-bar .portlet-action-separator {
display: none; }
.portlet-borderless-bar .portlet-back a {
height: auto;
text-indent: 0;
width: auto; }
.portlet-borderless-bar .portlet-close a {
background-image: url(/MercuryChsu-theme/css/../images/portlet/close_borderless.png); }
.portlet-borderless-bar .portlet-options li.lfr-trigger strong a {
background-image: url(/MercuryChsu-theme/css/../images/portlet/options_borderless.png); }
.lfr-configurator-visibility .portlet-borderless-bar {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
opacity: 0.6; }
.lfr-configurator-visibility .portlet-content .lfr-icon-actions {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1; }
.portlet-content .icons-container {
clear: both;
height: auto;
margin-top: 1em;
overflow: hidden;
width: auto; }
.portlet-title-default {
display: inline-block;
float: right;
font-weight: bold;
text-transform: uppercase; }
.portlet-draggable .portlet-topper {
cursor: move; }
.portlet-draggable .portlet-title-default {
background: url(/MercuryChsu-theme/css/../images/portlet/draggable_borderless.png) no-repeat 0 50%;
cursor: move;
padding-left: 20px; }
/* ---------- Panel page ---------- */
.lfr-panel-page {
width: 100%; }
.lfr-panel-page .portlet-title {
font-size: 13px; }
.lfr-panel-page .lfr-add-content h2 span {
background-color: #D3DADD; }
/* ---------- Standard styles defined in the JSR 168 ---------- */
/* ---------- Fonts ---------- */
/* ---------- Font attributes for the 'normal' fragment font ---------- */
/* ---------- Font attributes similar to the .portlet-font but the color is lighter ---------- */
/* ---------- Messages ---------- */
.portlet-msg {
background: #EEE none no-repeat 6px 50%;
border: 1px solid #555;
color: #34404F;
font-weight: bold;
margin: 2px auto 14px;
padding: 6px 6px 6px 30px;
text-align: left; }
/* ---------- Status labels ---------- */
.lfr-status-alert-label, .lfr-status-error-label, .lfr-status-info-label, .lfr-status-progress-label, .lfr-status-success-label {
background: none no-repeat 0 50%;
padding: 3px 3px 3px 20px; }
.lfr-status-alert-label {
background-image: url(/MercuryChsu-theme/css/../images/messages/alert.png);
color: #663; }
.lfr-status-error-label {
background-image: url(/MercuryChsu-theme/css/../images/messages/error.png);
color: #900; }
.lfr-status-help-label, .lfr-status-info-label, .lfr-status-progress-label {
background-image: url(/MercuryChsu-theme/css/../images/messages/info.png);
color: #34404F; }
.lfr-status-help-label {
background-image: url(/MercuryChsu-theme/css/../images/portlet/help.png); }
.lfr-status-progress-label {
background-image: url(/MercuryChsu-theme/css/../images/aui/loading_indicator.gif); }
.lfr-status-success-label {
background-image: url(/MercuryChsu-theme/css/../images/messages/success.png);
color: #384F34; }
/* ---------- Liferay messages ---------- */
.lfr-message {
position: relative; }
.lfr-message .lfr-message-control {
background-color: #333;
display: inline-block; }
.lfr-message .lfr-message-controls {
display: none;
left: 3px;
margin: -8px 8px 0 3px;
position: absolute;
top: 50%;
z-index: 10; }
.lfr-message .lfr-message-close {
background-image: url(/MercuryChsu-theme/css/../images/portlet/close_borderless.png);
background-position: 0 0;
background-repeat: no-repeat; }
.lfr-message .lfr-message-close-all {
color: #FFF;
display: none;
font-size: 0.8em;
margin-left: 10px;
padding: 1px 10px;
text-shadow: 1px 1px 0 #000;
vertical-align: top; }
.lfr-message .lfr-message-close-all a {
color: #FFF; }
.lfr-message .lfr-message-controls-hover .lfr-message-close-all {
display: inline-block; }
.lfr-message.pending {
background-image: url(/MercuryChsu-theme/css/../images/common/time.png); }
.lfr-message-content.alert {
margin-bottom: 0; }
.lfr-message-close {
cursor: pointer; }
/* ---------- Sections ---------- */
/* ---------- Text in a selected cell range ---------- */
.portlet-section-selected, .portlet-section-selected a {
background: #727C81;
color: #FFF;
font-weight: bold;
text-decoration: none; }
.portlet-section-selected a:hover, .portlet-section-selected a:focus {
background-color: #727C81; }
/* ---------- Text of a subheading ---------- */
/* ---------- Table or section footnote ---------- */
/* ---------- Text that belongs to the table but does not fall in one of the other categories (e.g. explanatory or help text that is associated with the section) ---------- */
/* ---------- Forms ---------- */
.alert .form {
margin: 0; }
/* ---------- Text used for the descriptive label of the whole form (not the labels for fields) ---------- */
/* ---------- Text of the user-input in an input field ---------- */
/* ---------- Text on a button ---------- */
/* ---------- Text that appears beside a context dependent action icon ---------- */
/* ---------- Text that appears beside a 'standard' icon (e.g. Ok, or cancel) ---------- */
/* ---------- Text for a separator of fields (e.g. checkboxes, etc.) ---------- */
/* ---------- Text for a field (not input field, e.g. checkboxes, etc.) ---------- */
/* ---------- Menus ---------- */
/* ---------- General menu settings such as background color, margins, etc. ---------- */
/* ---------- Normal, unselected menu item ---------- */
/* ---------- Selected menu item ---------- */
/* ---------- Normal, unselected menu item when the mouse hovers over it ---------- */
/* ---------- Selected menu item when the mouse hovers over it ---------- */
/* ---------- Normal, unselected menu item that has sub-menus ---------- */
/* ---------- Selected sub-menu item that has sub-menus ---------- */
/* ---------- Descriptive text for the menu (e.g. in a help context below the menu) ---------- */
/* ---------- Menu caption ---------- */
/* ---------- Miscellaneous portlet styles ---------- */
.restricted, .restricted td {
background: #FDD;
border: none; }
.restricted * {
color: #727C81; }
.alt.restricted td {
background-color: #FFC0C0; }
.hover.restricted td {
background-color: #D3BDC0; }
.alt.restricted td.first, .restricted td.first {
background-image: url(/MercuryChsu-theme/css/../images/messages/error.png);
background-position: 5px 50%;
background-repeat: no-repeat;
padding-left: 28px; }
/* ---------- Permissions ---------- */
.table-data tr.lfr-role .first {
background-image: url();
background-position: 5px 50%;
background-repeat: no-repeat;
padding-left: 30px; }
.table-data tr.lfr-role-guest .first {
background-image: url(/MercuryChsu-theme/css/../images/common/guest_icon.png); }
.table-data tr.lfr-role-regular .first {
background-image: url(/MercuryChsu-theme/css/../images/common/user_icon.png); }
.table-data tr.lfr-role-site .first {
background-image: url(/MercuryChsu-theme/css/../images/common/site_icon.png); }
.table-data tr.lfr-role-organization .first {
background-image: url(/MercuryChsu-theme/css/../images/common/organization_icon.png); }
.table-data tr.lfr-role-team .first {
background-image: url(/MercuryChsu-theme/css/../images/common/team_icon.png); }
/* ---------- Miscellaneous component styles ---------- */
/* ---------- Add content dialog ---------- */
.lfr-portlet-item, .lfr-portlet-item p a {
font-size: 1em; }
/* ---------- Calendar taglib ---------- */
.taglib-calendar tr.portlet-section-header th, .taglib-calendar tr td {
border: none; }
.taglib-calendar tr td a {
background-color: #F0F5F7;
border: 1px solid #FFF;
border-bottom: none;
border-left: none;
display: block;
height: 15px;
padding: 5px 0; }
.taglib-calendar tr td a:hover {
background-color: #727C81;
color: #FFF; }
.taglib-calendar tr td.calendar-inactive {
background-color: #FFF;
color: #B5BFC4; }
.taglib-calendar tr th {
border-bottom-color: #D7D7D7; }
.taglib-calendar table td {
border-width: 0; }
.taglib-calendar .calendar-current-day, .taglib-calendar .calendar-current-day a {
background-color: #FFF; }
.taglib-calendar .calendar-current-day a {
border: 1px solid #727C81;
color: #369;
text-decoration: underline; }
/* ---------- navbar form search ---------- */
.navbar form {
margin: 0; }
.ie .portlet-borderless-bar {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
opacity: 0.5; }
.ie .portlet-content .lfr-icon-actions {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
opacity: 0.5; }
.ie .portlet-borderless-container:hover .portlet-borderless-bar, .ie .portlet-journal-content .lfr-icon-actions:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1; }
.ie .taglib-calendar tr td.first a {
border-right: none; }
.ie6 .portlet-content .icons-container, .ie7 .portlet-content .icons-container {
overflow: visible; }
.ie6 .portlet-content .lfr-icon-actions .taglib-text, .ie7 .portlet-content .lfr-icon-actions .taglib-text {
display: inline-block; }
.ie6 .portlet-borderless-bar .portlet-actions, .ie7 .portlet-borderless-bar .portlet-actions {
margin-left: 20px;
margin-right: 0; }
.ie6 .portlet-title-default, .ie7 .portlet-title-default {
float: left; }
.ie6 .lfr-message .lfr-message-close, .ie7 .lfr-message .lfr-message-close {
float: left; }
.ie6 .portlet-topper-toolbar .icon {
height: 16px;
width: 16px; }
.ie6 .portlet-borderless-container {
height: 2.5em; }
.ie6 .portlet-borderless-bar {
filter: alpha(opacity=90); }
.ie6 .portlet-borderless-bar .portlet-actions {
display: inline;
filter: alpha(opacity=90); }
.ie6 .breadcrumbs {
zoom: 1; }
.ie8 .dockbar img, .ie8 .lfr-icon-action img, .ie8 .logo img {
max-width: none; }
.menu-content, .underlay-content {
-webkit-box-shadow: 2px 4px 7px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 2px 4px 7px rgba(0, 0, 0, 0.5);
box-shadow: 2px 4px 7px rgba(0, 0, 0, 0.5); }
.lfr-add-panel, .lfr-device-preview-panel, .lfr-edit-layout-panel {
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); }
.lfr-preview-file-image img, .lfr-translation-manager {
-webkit-box-shadow: 0 3px 5px -3px rgba(0, 0, 0, 0.8);
-moz-box-shadow: 0 3px 5px -3px rgba(0, 0, 0, 0.8);
box-shadow: 0 3px 5px -3px rgba(0, 0, 0, 0.8); }
.lfr-preview-file-image-current-column {
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.8);
-moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.8);
box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.8); }
.lfr-preview-file-image-current-column {
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.8);
-moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.8);
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.8); }
.lfr-device-preview .lfr-device-size-status-content {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 0 1px white;
-moz-box-shadow: 0 0 1px white;
box-shadow: 0 0 1px white;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
opacity: 0.9; }
.lfr-device-preview .lfr-device:after, .lfr-device-preview .lfr-device:before {
-webkit-box-shadow: #111111 0 1px 0;
-moz-box-shadow: #111111 0 1px 0;
box-shadow: #111111 0 1px 0; }
.lfr-device-preview .lfr-device:after {
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
border-radius: 15px; }
.lfr-device-preview .lfr-device.rotated:after, .lfr-device-preview .lfr-device.rotated:before {
-webkit-box-shadow: #111111 -1px 1px 0;
-moz-box-shadow: #111111 -1px 1px 0;
box-shadow: #111111 -1px 1px 0; }
.lfr-device-preview .lfr-device.smartphone, .lfr-device-preview .lfr-device.tablet {
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
-ms-border-radius: 25px;
-o-border-radius: 25px;
border-radius: 25px; }
.lfr-device-preview .lfr-device.tablet:before {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px; }
@media (max-width: 979px) {
.dockbar .navbar-inner .btn-navbar {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
text-shadow: none; } }
.dockbar .navbar-inner .nav li.staging-toggle.active > a {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none; }
.dockbar .navbar-inner .nav li.staging-toggle span {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px; }
.dockbar .menu-button-active .menu-button {
-webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.7);
-moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.7);
box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.7); }
.dockbar .impersonating-user .alert-info {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0; }
.dockbar-split .dockbar .navbar-inner .nav > li > a {
text-shadow: none; }
.dockbar-split .dockbar .navbar-inner .nav-add-controls > li a {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px; }
.dockbar-split .dockbar .navbar-inner .nav-add-controls > li a .nav-item-label {
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
-ms-border-radius: 30px;
-o-border-radius: 30px;
border-radius: 30px; }
.dockbar-split .dockbar .navbar-inner .nav-add-controls > li.open a {
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
-ms-border-radius: 4px 4px 0 0;
-o-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0; }
@media (max-width: 979px) {
.navbar .navbar-search .form-search .search-query {
-webkit-border-radius: 14px;
-moz-border-radius: 14px;
-ms-border-radius: 14px;
-o-border-radius: 14px;
border-radius: 14px; } }
.portlet-document-library .lfr-ddm-small-image-preview, .portlet-dynamic-data-mapping .lfr-ddm-small-image-preview {
-webkit-box-shadow: 0 1px 3px #cccccc;
-moz-box-shadow: 0 1px 3px #cccccc;
box-shadow: 0 1px 3px #cccccc; }
.portlet-asset-category-admin .tree-node-selected, .portlet-asset-category-admin .tree-node-over, .portlet-asset-category-admin .category-item {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px; }
.lfr-translation-manager-translation.lfr-translation-manager-translation-editing {
-webkit-box-shadow: inset 0 0 2px #224fa8;
-moz-box-shadow: inset 0 0 2px #224fa8;
box-shadow: inset 0 0 2px #224fa8; }
.portlet-document-library-upload-mask .overlaymask-content {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px; }
.lfr-search-combobox-item, .portlet-journal .lfr-search-combobox .search input {
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
-ms-border-radius: 1px;
-o-border-radius: 1px;
border-radius: 1px; }
.lfr-search-combobox .field-input-text {
-webkit-border-radius: 4px 1px 1px 4px;
-moz-border-radius: 4px 1px 1px 4px;
-ms-border-radius: 4px 1px 1px 4px;
-o-border-radius: 4px 1px 1px 4px;
border-radius: 4px 1px 1px 4px; }
.lfr-search-combobox .button-input {
-webkit-border-radius: 1px 4px 4px 1px;
-moz-border-radius: 1px 4px 4px 1px;
-ms-border-radius: 1px 4px 4px 1px;
-o-border-radius: 1px 4px 4px 1px;
border-radius: 1px 4px 4px 1px; }
.lfr-upload-container .progress-bar, .lfr-upload-container .progress, .lfr-editable:after {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px; }
body > .lfr-menu-list ul, .active-area-proxy, .entry-display-style .entry-thumbnail, .lfr-api-results, .lfr-translation-manager, .lfr-translation-manager-translation, .lfr-upload-container .cancel-button .modify-pages .delete-tab, .portlet-image-gallery-display .image-thumbnail img, .rule-group-instance-container .rule-group-instance, .select-documents, .select-files, .taglib-ratings.stars:hover, .taglib-ratings.stars:hover .liferay-rating-vote, .tags-search-combobox .field-input-text {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px; }
.entry-display-style, .lfr-search-combobox, .lfr-upload-container .upload-file, .lfr-upload-container .upload-target, .portlet-document-library .common-file-metadata-container.selected, .portlet-document-library-display .common-file-metadata-container.selected, .portlet-image-gallery-display .image-icon, .select-documents, .select-files {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px; }
.portlet-journal .lfr-ddm-container .field-wrapper {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px; }
.portlet-journal .display-page-item-container .display-page-item, .portlet-journal .display-page-item-container .display-page-item .display-page-item-remove, .taglib-categorization-filter .asset-entry {
-webkit-border-radius: 14px;
-moz-border-radius: 14px;
-ms-border-radius: 14px;
-o-border-radius: 14px;
border-radius: 14px; }
.menu-content {
-moz-border-radius-bottomleft: 4px;
-webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px; }
.underlay-content {
-moz-border-radius-bottomleft: 8px;
-webkit-border-bottom-left-radius: 8px;
border-bottom-left-radius: 8px;
-moz-border-radius-bottomright: 8px;
-webkit-border-bottom-right-radius: 8px;
border-bottom-right-radius: 8px; }
.lfr-add-panel .add-content-button .lfr-actions {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px; }
.lfr-add-panel .lfr-panel-content .app-view-entry-taglib.display-list:hover, .lfr-add-panel .lfr-panel-content .app-view-entry-taglib.display-list.hover, .lfr-add-panel .lfr-panel-content .app-view-entry-taglib.display-list.over, .lfr-add-panel .lfr-panel-content .app-view-entry-taglib.display-descriptive:hover, .lfr-add-panel .lfr-panel-content .app-view-entry-taglib.display-descriptive.hover, .lfr-add-panel .lfr-panel-content .app-view-entry-taglib.display-descriptive.over {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0; }
.lfr-add-panel .lfr-panel.lfr-extended {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none; }
.lfr-add-panel .lfr-panel.lfr-extended .lfr-panel-titlebar, .lfr-add-panel .add-application-tab .lfr-add-content .lfr-title-category {
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d2dbe4), color-stop(100%, #bdc8d6));
background-image: -webkit-linear-gradient(#d2dbe4, #bdc8d6);
background-image: -moz-linear-gradient(#d2dbe4, #bdc8d6);
background-image: -o-linear-gradient(#d2dbe4, #bdc8d6);
background-image: linear-gradient(#d2dbe4, #bdc8d6); }
.lfr-add-panel .search-panel .add-content-search .field-input {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px; }
.lfr-add-dialog .add-content-menu .search-query, .lfr-add-panel .add-content-menu .search-query {
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
border-radius: 15px; }
.lfr-content-preview-popup .lfr-content-preview-popup-content {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: 8px 3px 7px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 8px 3px 7px rgba(0, 0, 0, 0.25);
box-shadow: 8px 3px 7px rgba(0, 0, 0, 0.25); }
.lfr-message .lfr-message-control {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px; }
.lfr-token, .layout-customizable-controls, .lfr-translation-manager-delete-translation {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px;
border-radius: 8px; }
.customizable-layout-column-content {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px; }
.staging-tabview-list {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0; }
.site-variations-tabview-list .tab-content, .staging-tabview-list .tab-active .tab-content, .tagselector-content .textboxlistentry-holder .lfr-tag-selector-input:focus {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none; }
.rule-group-instance-container .rule-group-instance {
-webkit-box-shadow: 1px 1px 2px #999999;
-moz-box-shadow: 1px 1px 2px #999999;
box-shadow: 1px 1px 2px #999999; }
.lfr-action-label {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px; }
.lfr-api-service-search .field-input {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
@-webkit-keyframes progress-bar-stripes {
from {
background-position: 40px 0; }
to {
background-position: 0 0; } }
@-moz-keyframes progress-bar-stripes {
from {
background-position: 40px 0; }
to {
background-position: 0 0; } }
@-o-keyframes progress-bar-stripes {
from {
background-position: 40px 0; }
to {
background-position: 0 0; } }
@keyframes progress-bar-stripes {
from {
background-position: 40px 0; }
to {
background-position: 0 0; } }
.lfr-progress-active .progress-bar-status, .lfr-upload-container .file-uploading .progress-bar .progress {
background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0));
background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0));
background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0));
background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0));
-webkit-background-size: 40px 40px;
-moz-background-size: 40px 40px;
-o-background-size: 40px 40px;
background-size: 40px 40px;
-webkit-animation: progress-bar-stripes 0.5s linear infinite;
-moz-animation: progress-bar-stripes 0.5s linear infinite;
-ms-animation: progress-bar-stripes 0.5s linear infinite;
-o-animation: progress-bar-stripes 0.5s linear infinite;
animation: progress-bar-stripes 0.5s linear infinite;
-webkit-transition: width 0.5s ease-out;
-moz-transition: width 0.5s ease-out;
-o-transition: width 0.5s ease-out;
transition: width 0.5s ease-out; }
@-webkit-keyframes highlight-animation {
from {
background-color: #FFC; }
to {
background-color: transparent; } }
@-moz-keyframes highlight-animation {
from {
background-color: #FFC; }
to {
background-color: transparent; } }
@-o-keyframes highlight-animation {
from {
background-color: #FFC; }
to {
background-color: transparent; } }
@keyframes highlight-animation {
from {
background-color: #FFC; }
to {
background-color: transparent; } }
.highlight-animation {
-webkit-animation: highlight-animation 0.7s;
-moz-animation: highlight-animation 0.7s;
-ms-animation: highlight-animation 0.7s;
-o-animation: highlight-animation 0.7s;
animation: highlight-animation 0.7s; }
body:first-of-type .portlet-borderless-bar, body:first-of-type .portlet-content .lfr-icon-actions {
-webkit-transition: opacity 0.5s ease;
-webkit-transition-delay: 0.15s;
-moz-transition: opacity 0.5s ease 0.15s;
-o-transition: opacity 0.5s ease 0.15s;
transition: opacity 0.5s ease 0.15s; }
body:first-of-type .portlet-borderless-container:hover .portlet-borderless-bar, body:first-of-type .portlet-content:hover .lfr-icon-actions {
-webkit-transition: opacity 0.5s ease;
-webkit-transition-delay: 0s;
-moz-transition: opacity 0.5s ease 0s;
-o-transition: opacity 0.5s ease 0s;
transition: opacity 0.5s ease 0s; }
body:first-of-type .portlet-borderless-bar .portlet-actions, body:first-of-type .portlet-content .lfr-icon-actions .taglib-text {
display: inline-block;
max-width: 0;
overflow: hidden;
-webkit-transition: max-width 0.3s ease-in;
-webkit-transition-delay: 0.2s;
-moz-transition: max-width 0.3s ease-in 0.2s;
-o-transition: max-width 0.3s ease-in 0.2s;
transition: max-width 0.3s ease-in 0.2s;
text-overflow: ellipsis;
white-space: nowrap; }
body:first-of-type .portlet-borderless-bar .portlet-actions, body:first-of-type .portlet-content:hover .lfr-icon-actions .taglib-text {
-webkit-transition: max-width 0.3s ease;
-webkit-transition-delay: 0s;
-moz-transition: max-width 0.3s ease 0s;
-o-transition: max-width 0.3s ease 0s;
transition: max-width 0.3s ease 0s; }
body:first-of-type .portlet-borderless-container:hover .portlet-borderless-bar .portlet-actions {
max-width: 500px; }
body:first-of-type .portlet-content:hover .lfr-icon-actions .taglib-text {
max-width: 200px; }
.portlet-boundary.yui3-dd-dragging {
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
-webkit-transition: -webkit-transform 0.3s ease;
-moz-transition: -moz-transform 0.3s ease;
-o-transition: -o-transform 0.3s ease;
transition: transform 0.3s ease; }
.portlet-document-library .entry-thumbnail .label, .portlet-document-library-display .workflow-status .label, .portlet-journal .entry-thumbnail .label {
-moz-border-radius-bottomleft: 0;
-webkit-border-bottom-left-radius: 0;
border-bottom-left-radius: 0;
-moz-border-radius-topleft: 0;
-webkit-border-top-left-radius: 0;
border-top-left-radius: 0;
-moz-border-radius-topright: 0;
-webkit-border-top-right-radius: 0;
border-top-right-radius: 0; }
@-webkit-keyframes lfr-drop-active {
0% {
background-color: #EBEBEB;
border-color: #DDD; }
50% {
background-color: #DDEDDE;
border-color: #7D7;
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1); }
75% {
background-color: #DDEDDE;
border-color: #7D7; }
100% {
background-color: #EBEBEB;
border-color: #DDD; } }
@-moz-keyframes lfr-drop-active {
0% {
background-color: #EBEBEB;
border-color: #DDD; }
50% {
background-color: #DDEDDE;
border-color: #7D7;
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1); }
75% {
background-color: #DDEDDE;
border-color: #7D7; }
100% {
background-color: #EBEBEB;
border-color: #DDD; } }
@-o-keyframes lfr-drop-active {
0% {
background-color: #EBEBEB;
border-color: #DDD; }
50% {
background-color: #DDEDDE;
border-color: #7D7;
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1); }
75% {
background-color: #DDEDDE;
border-color: #7D7; }
100% {
background-color: #EBEBEB;
border-color: #DDD; } }
@keyframes lfr-drop-active {
0% {
background-color: #EBEBEB;
border-color: #DDD; }
50% {
background-color: #DDEDDE;
border-color: #7D7;
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1); }
75% {
background-color: #DDEDDE;
border-color: #7D7; }
100% {
background-color: #EBEBEB;
border-color: #DDD; } }
.upload-drop-active .lfr-upload-container .upload-target {
-webkit-animation: none;
-moz-animation: none;
-ms-animation: none;
-o-animation: none;
animation: none; }
.upload-drop-active .portlet-document-library .document-container {
-webkit-box-shadow: inset 0 0 5px #b8c1d1;
-moz-box-shadow: inset 0 0 5px #b8c1d1;
box-shadow: inset 0 0 5px #b8c1d1; }
.upload-drop-intent .lfr-upload-container .upload-target {
-webkit-animation: lfr-drop-active 1s ease 0.2s infinite;
-moz-animation: lfr-drop-active 1s ease 0.2s infinite;
-ms-animation: lfr-drop-active 1s ease 0.2s infinite;
-o-animation: lfr-drop-active 1s ease 0.2s infinite;
animation: lfr-drop-active 1s ease 0.2s infinite; }
/* ---------- Dockbar ---------- */
@media (max-width: 979px) {
.aui * {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.aui #heading {
bottom: 100%;
position: absolute; }
.aui #heading .site-title {
font-size: 26px; }
.aui #heading .site-title img {
width: 35px; }
.aui #navigation {
display: none; }
.aui #navigation.open {
display: block; }
.aui #navigation.open .navbar-inner {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
padding: 10px; }
.aui #navigation.open .navbar-inner .nav-collapse {
height: auto;
overflow: visible; }
.aui #navigation .nav {
margin: 0; }
.aui .dockbar-split .dockbar, .aui .dockbar {
float: right;
height: auto;
position: relative;
z-index: 401; }
.aui .dockbar-split .dockbar .info-items, .aui .dockbar .info-items {
height: auto;
position: static;
width: 300px; }
.aui .dockbar-split .dockbar .navbar-inner, .aui .dockbar .navbar-inner {
width: auto; }
.aui .dockbar-split .dockbar .navbar-inner .btn-navbar, .aui .dockbar .navbar-inner .btn-navbar {
background: transparent;
border: none;
float: left;
font-size: 24px;
padding: 12px 15px; }
.aui .dockbar-split .dockbar .navbar-inner .btn-navbar:hover, .aui .dockbar .navbar-inner .btn-navbar:hover {
background-color: #5BBAE8; }
.aui .dockbar-split .dockbar .navbar-inner .btn-navbar.open, .aui .dockbar .navbar-inner .btn-navbar.open {
background-color: #F5AF45; }
.aui .dockbar-split .dockbar .navbar-inner .nav-account-controls, .aui .dockbar .navbar-inner .nav-account-controls {
padding: 0 5px; }
.aui .dockbar-split .dockbar .navbar-inner .nav-account-controls .user-avatar-image, .aui .dockbar .navbar-inner .nav-account-controls .user-avatar-image {
display: none; }
.aui .dockbar-split .dockbar .navbar-inner .nav-add-controls, .aui .dockbar .navbar-inner .nav-add-controls {
background: transparent;
border-top-width: 0;
position: static;
z-index: 350;
padding: 0 5px; }
.aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li, .aui .dockbar .navbar-inner .nav-add-controls > li {
float: none;
margin: 0;
position: relative; }
.aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li.toggle-controls a, .aui .dockbar .navbar-inner .nav-add-controls > li.toggle-controls a {
clip: rect(auto auto auto auto);
position: static;
visibility: visible; }
.aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li .page-preview-controls, .aui .dockbar .navbar-inner .nav-add-controls > li .page-preview-controls {
display: none; }
.aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a, .aui .dockbar .navbar-inner .nav-add-controls > li > a {
background: transparent;
text-align: left;
white-space: nowrap; }
.aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a:hover, .aui .dockbar .navbar-inner .nav-add-controls > li > a:hover {
background: #0d0671;
/* daafanasev #F3f3f3;*/ }
.aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a [class^="icon-"], .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a [class^="icon-"], .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a [class*=" icon-"], .aui .dockbar .navbar-inner .nav-add-controls > li > a [class^="icon-"], .aui .dockbar .navbar-inner .nav-add-controls > li > a [class^="icon-"], .aui .dockbar .navbar-inner .nav-add-controls > li > a [class*=" icon-"] {
font-size: 22px;
margin-top: 0; }
.aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a.toggle-controls-link, .aui .dockbar .navbar-inner .nav-add-controls > li > a.toggle-controls-link {
background: transparent; }
.aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a.toggle-controls-link [class^="icon-"], .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a.toggle-controls-link [class^="icon-"], .aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a.toggle-controls-link [class*=" icon-"], .aui .dockbar .navbar-inner .nav-add-controls > li > a.toggle-controls-link [class^="icon-"], .aui .dockbar .navbar-inner .nav-add-controls > li > a.toggle-controls-link [class^="icon-"], .aui .dockbar .navbar-inner .nav-add-controls > li > a.toggle-controls-link [class*=" icon-"] {
color: #FFF; }
.aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a .nav-item-label, .aui .dockbar .navbar-inner .nav-add-controls > li > a .nav-item-label {
background: transparent;
display: inline;
left: 0;
margin-left: 0;
margin-top: 0;
padding: 0;
position: relative; }
.aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a:hover .nav-item-label, .aui .dockbar .navbar-inner .nav-add-controls > li > a:hover .nav-item-label {
display: inline; }
.aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a .icon-caret-down, .aui .dockbar .navbar-inner .nav-add-controls > li > a .icon-caret-down {
display: none; }
.aui .dockbar-split .dockbar .navbar-inner .nav-collapse, .aui .dockbar .navbar-inner .nav-collapse {
z-index: 400; }
.aui .dockbar-split .dockbar .navbar-inner .nav-collapse.open, .aui .dockbar .navbar-inner .nav-collapse.open {
overflow: visible; }
.aui .dockbar-split .dockbar .navbar-inner .nav-collapse > .nav, .aui .dockbar .navbar-inner .nav-collapse > .nav {
background: #009AE5;
border-width: 0;
left: auto;
margin: 0;
min-width: 160px;
position: absolute;
right: 0;
z-index: 400; }
.aui .dockbar-split .dockbar .navbar-inner .nav-collapse > .nav > li.dropdown .dropdown-menu li a, .aui .dockbar .navbar-inner .nav-collapse > .nav > li.dropdown .dropdown-menu li a {
font-size: 16px;
line-height: 32px; }
.aui .dockbar-split .dockbar .navbar-inner .nav-collapse > .nav > li.dropdown.open > .dropdown-toggle, .aui .dockbar .navbar-inner .nav-collapse > .nav > li.dropdown.open > .dropdown-toggle {
color: #FFFFFF; }
.aui .dockbar-split .dockbar .navbar-inner .nav-collapse > .nav > li > a, .aui .dockbar .navbar-inner .nav-collapse > .nav > li > a {
color: #FFF;
font-size: 16px;
margin: 5px 0;
padding: 6px 15px; }
.aui .dockbar-split .dockbar .navbar-inner .nav-collapse > .nav > li > a:focus, .aui .dockbar-split .dockbar .navbar-inner .nav-collapse > .nav > li > a:hover, .aui .dockbar .navbar-inner .nav-collapse > .nav > li > a:focus, .aui .dockbar .navbar-inner .nav-collapse > .nav > li > a:hover {
background-color: #5BBAE8; }
.aui .portlet-dockbar {
display: inline-block;
width: 100%; }
.aui .signed-out #_145_navAddControlsNavbarBtn {
display: none; } }
.aui {
/* ---------- Main ---------- */
/* ---------- Help icon ---------- */
/* ---------- Dockbar ---------- */
/* ---------- Nav#Navigation ---------- */
/* ---------- Breadcrumbs ---------- */
/* ---------- Form navigator ---------- */
/* ---------- Hidden accessible ---------- */
/* ---------- Side accordion navigations ---------- */
/* ---------- Extras ---------- */ }
.aui body {
color: #555;
font-weight: 200; }
.aui a {
color: #009AE5;
font-weight: 200; }
.aui a:hover {
color: #d42e2e;
/* #009AE5 daafanasev */ }
.aui a [class^="icon-"], .aui a [class*=" icon-"] {
display: inline-block; }
.aui .alert {
word-wrap: break-word; }
.aui .table {
font-size: 15px;
overflow: hidden; }
.aui .table td {
background-color: #F9F9F9; }
.aui .table thead th {
background-color: #F0EFEF;
font-size: 15px;
font-weight: normal; }
.aui .table .table-sort-liner a {
color: #555;
font-weight: normal;
text-decoration: underline; }
.aui .table-striped tbody > tr:nth-child(odd) > td, .aui .table-striped tbody > tr:nth-child(odd) > th {
background-color: #FFF; }
.aui .table-hover tbody tr:hover > td, .aui .table-hover tbody tr:hover > th {
background-color: #EDF8FD; }
.aui input[type="color"], .aui input[type="date"], .aui input[type="datetime"], .aui input[type="datetime-local"], .aui input[type="email"], .aui input[type="month"], .aui input[type="number"], .aui input[type="password"], .aui input[type="search"], .aui input[type="tel"], .aui input[type="text"], .aui input[type="time"], .aui input[type="url"], .aui input[type="week"], .aui select, .aui textarea, .aui .uneditable-input {
border: 1px solid #DDD;
color: #8D8D8D;
font-weight: 200;
margin-bottom: 7px; }
.aui input[type="color"]:focus, .aui input[type="date"]:focus, .aui input[type="datetime"]:focus, .aui input[type="datetime-local"]:focus, .aui input[type="email"]:focus, .aui input[type="month"]:focus, .aui input[type="number"]:focus, .aui input[type="password"]:focus, .aui input[type="search"]:focus, .aui input[type="tel"]:focus, .aui input[type="text"]:focus, .aui input[type="time"]:focus, .aui input[type="url"]:focus, .aui input[type="week"]:focus, .aui select:focus, .aui textarea:focus, .aui .uneditable-input:focus {
border-color: rgba(0, 172, 255, 0.8); }
.aui input[type="submit"] {
margin-bottom: 11px;
margin-top: 6px; }
.aui input[type="text"].search-query {
margin-top: 0; }
.aui label {
color: #555;
font-size: 15px;
font-weight: 200; }
.aui li {
line-height: 27px; }
.aui select:focus {
border: 1px solid rgba(0, 172, 255, 0.8);
outline: 5px auto rgba(82, 168, 236, 0.6);
outline-offset: -2px; }
.aui .form-search .control-group-inline, .aui .lfr-translation-manager-selector .control-group-inline {
margin: 0; }
.aui .field-wrapper .btn {
margin-top: 0; }
.aui .btn.disabled, .aui .btn[disabled] {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
opacity: 0.4; }
.aui .btn-link {
color: #555;
text-decoration: none; }
.aui .btn-link:focus, .aui .btn-link:hover {
color: #009AE5;
text-decoration: none; }
.aui .btn-link > i {
height: auto;
margin: 0;
padding: 0;
width: auto; }
.aui .control-group {
margin-bottom: 30px; }
.aui .lfr-ddm-container .control-group, .aui .portlet-staging-bar .control-group {
margin-bottom: 15px; }
.aui .input-append {
padding-right: 12px; }
.aui .navbar .nav > li > a:focus, .aui .navbar .nav > li > a:hover {
color: #009AE5; }
.aui .lfr-tree .tree-node .tree-node-selected .tree-label {
background: #E4F5FC; }
.aui .previous-level:focus {
color: #0A68CD; }
.aui .previous-level:hover {
color: #8CD3FC; }
.aui .logo, .aui .logo:hover {
color: #333;
line-height: 20px; }
.aui .portlet, .aui .portlet-borderless-container {
background: #FFF;
margin-bottom: 10px;
padding: 0; }
.aui .portlet-title {
padding: 0 10px; }
.aui .portlet-nested-portlets .portlet-body .portlet {
border: 1px solid #E5E5E5; }
.aui .portlet-borderless-container {
padding: 10px 0; }
.aui .portlet-options .dropdown-toggle .caret {
display: none; }
.aui .taglib-icon-help img {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
opacity: 0.5;
vertical-align: top; }
.aui .taglib-icon-help img:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1; }
.aui .dockbar-split .dockbar .nav li.dropdown.open > .dropdown-toggle, .aui .dockbar-split .dockbar .nav li.dropdown.active > .dropdown-toggle, .aui .dockbar-split .dockbar .nav li.dropdown.open.active > .dropdown-toggle {
background-color: transparent;
color: #FFF; }
.aui .dockbar-split .dockbar .navbar-inner {
background: none;
visibility: hidden; }
.aui .dockbar-split.dockbar-ready .dockbar .navbar-inner {
visibility: visible; }
.aui .dockbar.navbar .navbar-inner {
min-height: 40px; }
.aui .dockbar .navbar-inner {
background: #333; }
.aui .dockbar .navbar-inner .container .btn-navbar {
color: #FFF; }
.aui .dockbar .navbar-inner .container .btn-navbar .user-avatar-image {
position: relative;
top: 2px;
width: 28px; }
.aui .dockbar .nav > li > a {
color: #FFF;
line-height: 31px; }
.aui .dockbar .nav > li > a:focus, .aui .dockbar .nav > li > a:hover {
color: #FFF; }
.aui .dockbar .nav > li > a [class^="icon-"], .aui .dockbar .nav > li > a [class*=" icon-"] {
margin-top: 3px; }
.aui .dockbar .nav > li.active > a {
color: #FFF; }
.aui .dockbar .nav > li.active > a, .aui .dockbar .nav > li.active > a:hover, .aui .dockbar .nav > li.active > a:focus {
background: #0066B3; }
.aui .dockbar .nav li.dropdown > .dropdown-toggle .caret, .aui .dockbar .nav li.dropdown.open.active > .dropdown-toggle .caret, .aui .dockbar .nav li.dropdown > .dropdown-toggle:hover .caret {
border-bottom-color: #FFF;
border-top-color: #FFF; }
.aui .dockbar .nav li.dropdown.open > .dropdown-toggle, .aui .dockbar .nav li.dropdown.active > .dropdown-toggle, .aui .dockbar .nav li.dropdown.open.active > .dropdown-toggle {
background-color: #3EA9DB;
color: #FFF; }
.aui .dockbar .nav li.dropdown .dropdown-menu, .aui .dockbar .nav li.dropdown .site-administration-menu {
background: #009AE5;
border-width: 0;
left: 0;
margin: 0;
right: auto; }
.aui .dockbar .nav li.dropdown .dropdown-menu > li > a, .aui .dockbar .nav li.dropdown .site-administration-menu > li > a {
color: #FFF;
font-size: 0.9em;
font-weight: 300; }
.aui .dockbar .nav li.dropdown .dropdown-menu > li > a:focus, .aui .dockbar .nav li.dropdown .dropdown-menu > li > a:hover, .aui .dockbar .nav li.dropdown .site-administration-menu > li > a:focus, .aui .dockbar .nav li.dropdown .site-administration-menu > li > a:hover {
background: #2FA4F5;
*zoom: 1;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF2FA4F5', endColorstr='#FF2FA4F5'); }
.aui .dockbar .nav li.dropdown .dropdown-menu > li > a [class^="icon-"], .aui .dockbar .nav li.dropdown .dropdown-menu > li > a [class*=" icon-"], .aui .dockbar .nav li.dropdown .site-administration-menu > li > a [class^="icon-"], .aui .dockbar .nav li.dropdown .site-administration-menu > li > a [class*=" icon-"] {
margin-right: 3px; }
.aui .dockbar .nav li.dropdown .dropdown-menu > li > a .icon-spacer, .aui .dockbar .nav li.dropdown .site-administration-menu > li > a .icon-spacer {
margin-right: 17px; }
.aui .dockbar .nav li.dropdown .dropdown-menu li.active > a, .aui .dockbar .nav li.dropdown .site-administration-menu li.active > a {
background: #3B6DCC; }
.aui .dockbar .nav li.dropdown .dropdown-menu {
max-height: 300px;
overflow-x: hidden;
overflow-y: auto; }
.aui .dockbar .nav li.dropdown .dropdown-menu:after, .aui .dockbar .nav li.dropdown .dropdown-menu:before {
border-width: 0; }
.aui .dockbar .nav li.dropdown.user-avatar .dropdown-menu {
right: 0;
left: auto; }
.aui .dockbar .nav-account-controls li ul li a:hover i {
background-image: none;
text-decoration: none; }
.aui .dockbar .divider-vertical {
border-left-color: #222;
border-right-color: #555;
display: none; }
.aui .app-view-taglib .lfr-header-row-content .select-all-entries {
left: 7px;
top: 14px; }
.aui .navbar .btn-group, .aui .navbar .navbar-search {
margin-bottom: 8px;
margin-top: 8px; }
.aui .navbar .container .btn-navbar {
background: transparent;
border-color: #DDD; }
.aui .navbar .container .btn-navbar:hover, .aui .navbar .container .btn-navbar:focus, .aui .navbar .container .btn-navbar:active, .aui .navbar .container .btn-navbar.active, .aui .navbar .container .btn-navbar.disabled, .aui .navbar .container .btn-navbar[disabled] {
background-color: #DDD; }
.aui .navbar .container .btn-navbar .icon-bar {
background: #656565; }
.aui .navbar .icon-caret-down {
/*background: #27A7EB;
background: rgba(255, 255, 255, 0.2);*/
font-size: 12px;
height: auto;
margin-left: 5px;
padding: 1px 4px;
width: auto;
border: 2px solid #fff;
color: #fff; }
.aui .navbar .nav > li.open > a {
background-color: #FFF;
color: #555;
text-decoration: none; }
.aui .navbar .navbar-inner {
min-height: 47px; }
.aui .modify-pages .delete-tab {
background: #555;
border: 2px solid #FFF;
color: #FFF;
font-size: 16px;
padding: 4px;
right: -10px;
top: 0;
z-index: 300; }
.aui .modify-pages .delete-tab:hover {
-webkit-box-shadow: 0 1px 1px -1px black;
-moz-box-shadow: 0 1px 1px -1px black;
box-shadow: 0 1px 1px -1px black; }
.aui .breadcrumb {
padding: 3px 15px 2px; }
.aui .breadcrumb li span.divider {
color: #999;
font-weight: bold; }
.aui .breadcrumb li.last a {
color: #676767; }
.aui .breadcrumb li.last span.divider {
display: none; }
.aui .breadcrumb .only .divider {
display: none; }
@media (max-width: 767px) {
.aui .breadcrumb {
padding-left: 5px;
padding-right: 5px; }
.aui .breadcrumb li {
display: none; }
.aui .breadcrumb li.only, .aui .breadcrumb li.first, .aui .breadcrumb li.last, .aui .breadcrumb li.current-parent {
display: inline-block; }
.aui .breadcrumb li.breadcrumb-truncate.only, .aui .breadcrumb li.breadcrumb-truncate.first a, .aui .breadcrumb li.breadcrumb-truncate.last a, .aui .breadcrumb li.breadcrumb-truncate.active, .aui .breadcrumb li.breadcrumb-truncate.current-parent a {
display: inline-block;
max-width: 65px;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: bottom;
white-space: nowrap; }
.aui .breadcrumb li.breadcrumb-truncate.current-parent:before {
color: #999;
content: " ... / ";
font-weight: bold; } }
@media (max-width: 979px) {
.aui .taglib-form-navigator .form-navigator-content {
clear: both;
float: none;
width: 100%; }
.aui .taglib-form-navigator .form-navigator.nav.well {
border-width: 1px 0 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
clear: both;
float: none;
margin: 1em 0 0;
padding: 1em 0.5em;
width: 100%; }
.aui .taglib-form-navigator .form-navigator.nav.well > li {
display: inline-block; }
.aui .taglib-form-navigator .form-navigator.nav.well > li > a {
margin: 0;
padding: 0.1em 1em; }
.aui .taglib-form-navigator .nobr {
white-space: normal; } }
.aui #banner h2, .aui #banner h3, .aui .site-breadcrumbs h1 {
clip: rect(0 0 0 0);
position: absolute; }
.aui .opens-new-window-accessible {
background: url(/MercuryChsu-theme/images/common/open_window.png) no-repeat 0 50%;
display: inline-block;
font-size: 0;
height: 11px;
margin-left: 2px;
overflow: hidden;
text-indent: -9999px;
vertical-align: top;
width: 11px; }
.aui .nav-header {
background-color: #E5E5E5;
border: solid #DDD;
border-width: 1px 0; }
.aui .accordion .accordion-group .accordion-heading .accordion-toggle {
padding-left: 15px; }
.aui .accordion .accordion-group .toggler-content-expanded {
border-width: 1px 0 0 0; }
.aui .accordion-group .accordion-heading.toggler-header-collapsed .accordion-toggle:before, .aui .accordion-group .accordion-heading.toggler-header-expanded .accordion-toggle:before, .aui .lfr-add-panel .lfr-page-template .lfr-page-template-title.toggler-header-collapsed:before, .aui .lfr-add-panel .lfr-page-template .lfr-page-template-title.toggler-header-expanded:before {
content: "\f138";
font-family: 'fontawesome-alloy';
font-weight: normal;
font-style: normal;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
*margin-right: .3em;
display: inline-block;
margin-right: 5px; }
.aui .accordion-group .accordion-heading.toggler-header-expanded .accordion-toggle:before, .aui .lfr-add-panel .lfr-page-template .lfr-page-template-title.toggler-header-expanded:before {
content: "\f13a"; }
.aui .accordion-group {
border-width: 0; }
.aui .accordion-group .accordion-heading {
background: none no-repeat 0 50%;
overflow: hidden; }
.aui .accordion-group .accordion-heading .accordion-toggle, .aui .accordion-group .accordion-heading .accordion-toggle:hover {
text-decoration: none; }
.aui .accordion-group .accordion-heading.toggler-header-collapsed, .aui .accordion-group .accordion-heading.toggler-header-expanded {
background-image: none; }
.aui .accordion-group .accordion-heading.toggler-header-collapsed .accordion-toggle:before, .aui .accordion-group .accordion-heading.toggler-header-expanded .accordion-toggle:before {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
opacity: 0.5; }
.aui .accordion-group .accordion-heading.toggler-header-collapsed {
position: relative; }
.aui .accordion-group .accordion-heading.toggler-header-collapsed .accordion-toggle:after {
content: '';
margin-left: 10px;
position: absolute;
top: 50%;
width: 100%; }
.aui .accordion-group .toggler-content-expanded {
border: 1px solid #eeeeee; }
.aui .accordion-group .toggler-content-expanded .accordion-inner {
border-width: 0; }
.aui .accordion-group.lfr-panel-extended {
border-width: 1px; }
.aui .accordion-group.lfr-panel-extended .accordion-heading {
background: #F2F2F2;
overflow: hidden;
position: static; }
.aui .accordion-group.lfr-panel-extended .accordion-heading .accordion-toggle {
color: #999;
padding-left: 8px; }
.aui .accordion-group.lfr-panel-extended .accordion-heading .accordion-toggle:after, .aui .accordion-group.lfr-panel-extended .accordion-heading .accordion-toggle:before {
float: right;
font-size: 22px; }
.aui .accordion-heading .accordion-toggle {
padding-left: 0; }
.aui .toggler-content-collapsed {
display: none; }
.aui body.yui3-skin-sam .yui3-widget-mask {
background-color: #FFF; }
.aui.ie .dockbar .navbar-inner, .aui.ie #navigation .navbar-inner {
filter: none; }
.aui.ie6 .accordion-group .accordion-heading, .aui.ie7 .accordion-group .accordion-heading {
background: none no-repeat 0 50%; }
.aui.ie6 .accordion-group .accordion-heading.toggler-header-collapsed, .aui.ie7 .accordion-group .accordion-heading.toggler-header-collapsed {
background-image: url(/MercuryChsu-theme/css/../images/arrows/05_right.png); }
.aui.ie6 .accordion-group .accordion-heading.toggler-header-expanded, .aui.ie7 .accordion-group .accordion-heading.toggler-header-expanded {
background-image: url(/MercuryChsu-theme/css/../images/arrows/05_down.png); }
.aui .add-content-menu .accordion, .aui .lfr-edit-layout-panel .accordion, .aui .panel-page-menu .portlet-borderless-container .accordion {
background: #FFF;
border: 1px solid #D3D3D3;
border-top-width: 0; }
.aui .add-content-menu .accordion .accordion-group, .aui .lfr-edit-layout-panel .accordion .accordion-group, .aui .panel-page-menu .portlet-borderless-container .accordion .accordion-group {
border-width: 0;
margin-bottom: 0; }
.aui .add-content-menu .accordion .accordion-group .accordion-heading, .aui .lfr-edit-layout-panel .accordion .accordion-group .accordion-heading, .aui .panel-page-menu .portlet-borderless-container .accordion .accordion-group .accordion-heading {
cursor: pointer; }
.aui .add-content-menu .accordion .accordion-group .accordion-heading .accordion-toggle, .aui .lfr-edit-layout-panel .accordion .accordion-group .accordion-heading .accordion-toggle, .aui .panel-page-menu .portlet-borderless-container .accordion .accordion-group .accordion-heading .accordion-toggle {
font-size: 16px;
font-weight: 300;
padding: 0; }
.aui .add-content-menu .accordion .accordion-group .accordion-inner, .aui .lfr-edit-layout-panel .accordion .accordion-group .accordion-inner, .aui .panel-page-menu .portlet-borderless-container .accordion .accordion-group .accordion-inner {
background: #FCFCFC;
border-width: 0;
padding: 6px 0 15px; }
.aui .add-content-menu .accordion .accordion-group .toggler-header, .aui .lfr-edit-layout-panel .accordion .accordion-group .toggler-header, .aui .panel-page-menu .portlet-borderless-container .accordion .accordion-group .toggler-header {
background: #F2F2F2;
border: solid #D3D3D3;
border-width: 1px 0;
padding: 6px 10px;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }
.aui .add-content-menu .accordion .accordion-group .toggler-header .accordion-toggle, .aui .lfr-edit-layout-panel .accordion .accordion-group .toggler-header .accordion-toggle, .aui .panel-page-menu .portlet-borderless-container .accordion .accordion-group .toggler-header .accordion-toggle {
background: #f2f2f2 url(/MercuryChsu-theme/css/../images/arrows/13_left.png) no-repeat 100% -20px; }
.aui .add-content-menu .accordion .accordion-group .toggler-header-collapsed, .aui .lfr-edit-layout-panel .accordion .accordion-group .toggler-header-collapsed, .aui .panel-page-menu .portlet-borderless-container .accordion .accordion-group .toggler-header-collapsed {
border-bottom-width: 0; }
.aui .add-content-menu .accordion .accordion-group .toggler-header-collapsed .accordion-toggle, .aui .lfr-edit-layout-panel .accordion .accordion-group .toggler-header-collapsed .accordion-toggle, .aui .panel-page-menu .portlet-borderless-container .accordion .accordion-group .toggler-header-collapsed .accordion-toggle {
background-position: 100% 0; }
.aui .add-content-menu .accordion .accordion-group .toggler-header-collapsed .accordion-toggle:before, .aui .lfr-edit-layout-panel .accordion .accordion-group .toggler-header-collapsed .accordion-toggle:before, .aui .panel-page-menu .portlet-borderless-container .accordion .accordion-group .toggler-header-collapsed .accordion-toggle:before {
display: none; }
.aui .add-content-menu .accordion .accordion-group .toggler-header-expanded .accordion-toggle:before, .aui .lfr-edit-layout-panel .accordion .accordion-group .toggler-header-expanded .accordion-toggle:before, .aui .panel-page-menu .portlet-borderless-container .accordion .accordion-group .toggler-header-expanded .accordion-toggle:before {
display: none; }
.aui .add-content-menu .accordion .toggler-content-expanded, .aui .lfr-edit-layout-panel .accordion .toggler-content-expanded, .aui .panel-page-menu .portlet-borderless-container .accordion .toggler-content-expanded {
border-width: 0; }
.aui .lfr-add-panel .add-content-menu .lfr-content-item {
color: #009AE5; }
.aui .lfr-add-panel .add-content-menu .lfr-content-item:focus, .aui .lfr-add-panel .add-content-menu .lfr-content-item:hover {
background-color: #E5F5FC; }
.aui .lfr-add-panel .add-content-menu .lfr-content-item.lfr-portlet-used {
color: #BBB; }
.aui .lfr-add-panel .lfr-page-template .lfr-page-template-title.toggler-header-collapsed:before, .aui .lfr-add-panel .lfr-page-template .lfr-page-template-title.toggler-header-expanded:before {
color: #8D8D8D;
position: absolute;
right: 5px;
top: 0; }
.aui .lfr-add-panel .lfr-page-template .lfr-page-template-title.active:before {
color: #FFF; }
.aui .lfr-add-panel.lfr-admin-panel h1, .aui .lfr-device-preview-panel.lfr-admin-panel h1, .aui .lfr-edit-layout-panel.lfr-admin-panel h1 {
color: #009AE5;
font-size: 26px;
font-weight: normal;
line-height: 26px; }
.aui ::-webkit-selection {
background: #2AAAE6 !important;
color: #FFF;
text-shadow: -1px -1px rgba(0, 0, 0, 0.3); }
.aui ::-moz-selection {
background: #2AAAE6 !important;
color: #FFF;
text-shadow: -1px -1px rgba(0, 0, 0, 0.3); }
.aui ::-o-selection {
background: #2AAAE6 !important;
color: #FFF;
text-shadow: -1px -1px rgba(0, 0, 0, 0.3); }
.aui ::selection {
background: #2AAAE6 !important;
color: #FFF;
text-shadow: -1px -1px rgba(0, 0, 0, 0.3); }
.aui .breadcrumb > li {
text-shadow: none; }
.aui .modify-pages .delete-tab {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
text-shadow: none; }
.aui .nav-header {
background-color: #FFF;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2));
background-image: -webkit-linear-gradient(#ffffff 0%, #f2f2f2 100%);
background-image: -moz-linear-gradient(#ffffff 0%, #f2f2f2 100%);
background-image: -o-linear-gradient(#ffffff 0%, #f2f2f2 100%);
background-image: linear-gradient(#ffffff 0%, #f2f2f2 100%); }
.aui .portlet-options .dropdown-toggle, .aui .portlet-options.open .dropdown-toggle {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none; }
.aui .table {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px; }
.aui input[type="color"], .aui input[type="date"], .aui input[type="datetime"], .aui input[type="datetime-local"], .aui input[type="month"], .aui input[type="number"], .aui input[type="password"], .aui input[type="text"], .aui input[type="time"], .aui input[type="week"], .aui input[type="email"], .aui input[type="url"], .aui input[type="search"], .aui input[type="tel"], .aui textarea, .aui .uneditable-input {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none; }
.aui input[type="color"]:focus, .aui input[type="date"]:focus, .aui input[type="datetime"]:focus, .aui input[type="datetime-local"]:focus, .aui input[type="month"]:focus, .aui input[type="number"]:focus, .aui input[type="password"]:focus, .aui input[type="text"]:focus, .aui input[type="time"]:focus, .aui input[type="week"]:focus, .aui input[type="email"]:focus, .aui input[type="url"]:focus, .aui input[type="search"]:focus, .aui input[type="tel"]:focus, .aui textarea:focus, .aui .uneditable-input:focus {
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); }
.aui input.search-query {
border-radius: 15px; }
.aui .tagselector-focused .tagselector-content .textboxlistentry-holder {
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); }
.aui .dockbar .nav > li > a {
text-shadow: none; }
.aui .dockbar .nav li.dropdown .dropdown-menu {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0; }
.aui .dockbar .container .btn .user-avatar-image, .aui .dockbar .nav li.dropdown.user-avatar .user-avatar-image {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: 0 0 0 2px #5594e0;
-moz-box-shadow: 0 0 0 2px #5594e0;
box-shadow: 0 0 0 2px #5594e0; }
.aui .navbar .container .btn, .aui .navbar .container .btn .icon-bar {
-webkit-box-shadow: 0 1px 0 white;
-moz-box-shadow: 0 1px 0 white;
box-shadow: 0 1px 0 white; }
.aui .navbar .icon-caret-down {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%; }
.aui .navbar .nav > li.open > a {
-webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
-moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); }
.aui .dockbar .container .btn {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none; }
.aui body.yui3-skin-sam .yui3-widget-mask {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity: 0.8; }
.aui .dark, .aui .light {
/* ---------- Breadcrumbs ---------- */
/* ---------- Portlet ---------- */
/* ---------- Portlet hover styles ---------- */
/* ---------- Extras ---------- */ }
.aui .dark #navigation .navbar-inner, .aui .light #navigation .navbar-inner {
border-width: 0; }
.aui .dark #navigation .navbar-inner .nav > li, .aui .light #navigation .navbar-inner .nav > li {
margin-right: 5px; }
.aui .dark #navigation .navbar-inner .nav li, .aui .light #navigation .navbar-inner .nav li {
padding: 8px 0; }
.aui .dark #navigation .navbar-inner .nav li.active > a, .aui .dark #navigation .navbar-inner .nav li.open > a, .aui .light #navigation .navbar-inner .nav li.active > a, .aui .light #navigation .navbar-inner .nav li.open > a {
background: #00CAFF;
color: #FFF; }
.aui .dark #navigation .navbar-inner .nav li.open > .dropdown-toggle, .aui .light #navigation .navbar-inner .nav li.open > .dropdown-toggle {
background: #00CAFF;
color: #FFF; }
.aui .dark #navigation .navbar-inner .nav .dropdown-menu, .aui .light #navigation .navbar-inner .nav .dropdown-menu {
background-color: #FFF;
border: 1px solid #CCC;
border-color: rgba(0, 0, 0, 0.2); }
.aui .dark #navigation .navbar-inner .nav .dropdown-menu:after, .aui .light #navigation .navbar-inner .nav .dropdown-menu:after {
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #FFF; }
.aui .dark #navigation .navbar-inner .nav .dropdown-menu:before, .aui .light #navigation .navbar-inner .nav .dropdown-menu:before {
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #CCC; }
.aui .dark #navigation .navbar-inner .nav .dropdown-menu a, .aui .light #navigation .navbar-inner .nav .dropdown-menu a {
color: #555; }
.aui .dark #navigation .navbar-inner .nav .dropdown-menu a:focus, .aui .dark #navigation .navbar-inner .nav .dropdown-menu a:hover, .aui .light #navigation .navbar-inner .nav .dropdown-menu a:focus, .aui .light #navigation .navbar-inner .nav .dropdown-menu a:hover {
background: #00CAFF;
color: #FFF;
text-decoration: none; }
.aui .dark .modify-pages .delete-tab, .aui .light .modify-pages .delete-tab {
top: 10px; }
.aui .dark .breadcrumb, .aui .light .breadcrumb {
background: transparent; }
.aui .dark .portlet-content, .aui .light .portlet-content {
border-width: 0; }
.aui .dark .portlet-topper, .aui .light .portlet-topper {
background: transparent; }
.aui .dark .portlet-topper .portlet-title, .aui .light .portlet-topper .portlet-title {
font-size: 22px;
font-weight: lighter; }
.aui .dark .lfr-configurator-visibility .portlet-topper, .aui .light .lfr-configurator-visibility .portlet-topper {
background: transparent; }
.aui .dark .portlet-borderless-container, .aui .light .portlet-borderless-container {
background: transparent; }
.aui .dark section.portlet, .aui .light section.portlet {
border: 2px solid transparent; }
.aui .dark section.portlet menu.portlet-topper-toolbar, .aui .light section.portlet menu.portlet-topper-toolbar {
color: #00CAFF;
display: none; }
.aui .dark.signed-in section.portlet:hover, .aui .light.signed-in section.portlet:hover {
border-color: #00CAFF; }
.aui .dark.signed-in section.portlet:hover menu.portlet-topper-toolbar, .aui .light.signed-in section.portlet:hover menu.portlet-topper-toolbar {
display: block; }
.aui .dark section.portlet#portlet_new-password menu.portlet-topper-toolbar, .aui .light section.portlet#portlet_new-password menu.portlet-topper-toolbar {
background: transparent; }
.aui .dark section.portlet#portlet_new-password menu.portlet-topper-toolbar:after, .aui .light section.portlet#portlet_new-password menu.portlet-topper-toolbar:after {
content: ""; }
.aui .dark section.portlet#portlet_new-password:hover, .aui .light section.portlet#portlet_new-password:hover {
border: 2px solid transparent; }
.aui .dark section.portlet#portlet_new-password:hover menu.portlet-topper-toolbar, .aui .light section.portlet#portlet_new-password:hover menu.portlet-topper-toolbar {
background: transparent; }
.aui .dark.controls-hidden section.portlet:hover, .aui .light.controls-hidden section.portlet:hover {
border-color: transparent; }
.aui .dark.controls-hidden section.portlet:hover menu.portlet-topper-toolbar, .aui .light.controls-hidden section.portlet:hover menu.portlet-topper-toolbar {
display: none; }
.aui .dark .columns-max section.portlet .portlet-topper-toolbar, .aui .light .columns-max section.portlet .portlet-topper-toolbar {
background: transparent;
height: auto;
width: auto; }
.aui .dark .columns-max section.portlet .portlet-topper-toolbar:after, .aui .light .columns-max section.portlet .portlet-topper-toolbar:after {
content: ""; }
.aui .dark .columns-max section.portlet .portlet-topper-toolbar .portlet-icon-back, .aui .light .columns-max section.portlet .portlet-topper-toolbar .portlet-icon-back {
padding-right: 0; }
.aui .dark .columns-max section.portlet:focus, .aui .dark .columns-max section.portlet:hover, .aui .light .columns-max section.portlet:focus, .aui .light .columns-max section.portlet:hover {
border: 2px solid transparent; }
.aui .dark .columns-max section.portlet:focus .portlet-topper-toolbar, .aui .dark .columns-max section.portlet:hover .portlet-topper-toolbar, .aui .light .columns-max section.portlet:focus .portlet-topper-toolbar, .aui .light .columns-max section.portlet:hover .portlet-topper-toolbar {
background: transparent; }
.aui .dark a, .aui .light a {
text-shadow: none; }
.aui .dark #navigation .navbar-inner, .aui .light #navigation .navbar-inner {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none; }
.aui .dark #navigation .navbar-inner .nav li.active > a, .aui .dark #navigation .navbar-inner .nav li.open > a, .aui .light #navigation .navbar-inner .nav li.active > a, .aui .light #navigation .navbar-inner .nav li.open > a {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
text-shadow: none; }
.aui .dark #navigation .navbar-inner .nav li.open > .dropdown-toggle, .aui .light #navigation .navbar-inner .nav li.open > .dropdown-toggle {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
text-shadow: none; }
.aui .dark #navigation .navbar-inner .nav .dropdown-menu, .aui .light #navigation .navbar-inner .nav .dropdown-menu {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px; }
.aui .dark section.portlet .admin.portlet-topper-toolbar:before, .aui .light section.portlet .admin.portlet-topper-toolbar:before {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px; }
.aui .dark section.portlet.active, .aui .light section.portlet.active {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px; }
.aui .dark.signed-in section.portlet, .aui .light.signed-in section.portlet {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px; }
.aui .dark.signed-in section.portlet:hover, .aui .light.signed-in section.portlet:hover {
-webkit-transition: border-color 0.2s ease-in;
-moz-transition: border-color 0.2s ease-in;
-o-transition: border-color 0.2s ease-in;
transition: border-color 0.2s ease-in; }
.aui .dark {
background: #363636;
color: #E3E3E3;
/* ---------- Dockbar ---------- */
/* ---------- Nav#Navigation ---------- */
/* ---------- Breadcrumbs ---------- */
/* ---------- Portlet ---------- */
/* ---------- Tables ---------- */ }
.aui .dark.portal-popup {
background-color: transparent;
color: #555; }
.aui .dark.portal-popup legend {
color: #555; }
.aui .dark.yui3-skin-sam .yui3-widget-mask {
background-color: #111; }
.aui .dark a {
color: #009CEB; }
.aui .dark legend, .aui .dark .portlet-wiki .portlet-body h3, .aui .dark .taglib-header {
color: #E3E3E3; }
.aui .dark .modal-content, .aui .dark .modal-content legend {
color: #555; }
.aui .dark .dockbar .nav li.dropdown .dropdown-menu {
background: #007BB3; }
.aui .dark #breadcrumbs {
padding-left: 10px; }
.aui .dark #navigation .navbar-inner {
background: #2F2F2F; }
.aui .dark #navigation .navbar-inner .nav > li > a {
color: #E3E3E3; }
.aui .dark .breadcrumb li a {
color: #E3E3E3; }
.aui .dark .lfr-header-row-content {
padding: 3px 0 0; }
.aui .dark .portlet {
background: #363636; }
.aui .dark .portlet-title {
color: #00CAFF; }
.aui .dark .table {
color: #555; }
.aui .light {
background: #FAFAFA;
/* ---------- Portlet ---------- */
/* ---------- Portlet hover styles ---------- */ }
.aui .light #navigation .navbar-inner {
background: #F6F6F6; }
.aui .light #navigation .navbar-inner .nav > li a {
color: #777; }
.aui .light .portlet {
background: transparent; }
.aui .light .portlet-title {
color: #29B23E; }
.aui .light .columns-max .portlet .portlet-topper-toolbar a {
color: #555; }
/* ---------- Base styles ---------- */
.aui {
/*.site-navigation {
margin-bottom: 6px;
}*/
/* ---------- Dockbar ---------- */
/* ---------- Main navigation ---------- */
/* ---------- Breadcrumbs ---------- */
/* ---------- Portlet wrapper and icons ---------- */
/* ---------- Set password reminder portlet ---------- */
/* ---------- Staging bar ---------- */
/* ---------- Footer ---------- */
/* ---------- Hudcrumbs ---------- */
/* ---------- Miscellaneous ---------- */
/* ---------- Extras ---------- */
/* ---------- IE8 ---------- */ }
.aui .separator {
border-color: #BFBFBF transparent #FFF;
border-style: solid;
border-width: 1px 0; }
.aui #wrapper {
position: relative; }
.aui .site-title a:hover {
text-decoration: none; }
.aui .site-title .site-name {
display: inline-block; }
.aui #skip-to-content:focus {
clip: rect(auto auto auto auto);
margin-top: 35px;
right: 5px;
z-index: 200; }
.aui #sign-in {
background: url(/MercuryChsu-theme/images/common/key.png) no-repeat 3px 50%;
font-weight: bold;
padding: 5px 5px 5px 25px;
position: absolute;
right: 0;
top: -1.2em; }
.aui .redirected-to-message {
margin-right: 10px; }
.aui .redirected-to-message a {
background: #ECFBFF;
border: 1px solid #ADE5FA;
color: #8D8D8D;
padding: 5px; }
.aui .taglib-portal-message {
margin-bottom: 0; }
.aui .dockbar.navbar .nav li.dropdown.active .dropdown-toggle {
background-color: transparent; }
.aui .dockbar.navbar .nav li.dropdown.active .dropdown-toggle:hover {
color: #FFF; }
.aui .dockbar.navbar .nav li.dropdown.staging-toggle .dropdown-menu {
background-color: #55B8EC; }
.aui .dockbar.navbar .nav > li > a {
margin: 0 5px 0 0;
padding: 6px 10px; }
.aui .dockbar.navbar .nav > li > a:hover {
background-color: #2FA4F5; }
.aui .dockbar .info-button {
top: 9px; }
.aui .dockbar .info-button a {
margin-top: -4px; }
.aui .dockbar .info-button a:hover {
color: #FFF; }
.aui .dockbar .staging-bar .staging-toggle {
color: #FFF; }
.aui .dockbar .staging-bar .staging-toggle li a {
color: #FFF;
font-weight: 300;
text-decoration: none; }
.aui .dockbar .staging-bar .staging-toggle .btn-link {
color: #FFF;
font-size: 12px; }
.aui .dockbar .page-customization-bar .btn {
border-color: transparent; }
.aui .dockbar .page-customization-bar .btn:hover, .aui .dockbar .page-customization-bar .btn:focus {
background: transparent;
text-decoration: underline; }
.aui .dockbar .navbar-inner, .aui .dockbar-split .dockbar .navbar-inner {
background-color: #118ade;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #118ade), color-stop(47%, #118ade), color-stop(100%, #1273c7));
background-image: -webkit-linear-gradient(#118ade 0%, #118ade 47%, #1273c7 100%);
background-image: -moz-linear-gradient(#118ade 0%, #118ade 47%, #1273c7 100%);
background-image: -o-linear-gradient(#118ade 0%, #118ade 47%, #1273c7 100%);
background-image: linear-gradient(#118ade 0%, #118ade 47%, #1273c7 100%); }
.aui .dockbar .navbar-inner .nav > li, .aui .dockbar-split .dockbar .navbar-inner .nav > li {
background-color: #118ade;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #118ade), color-stop(47%, #118ade), color-stop(100%, #1273c7));
background-image: -webkit-linear-gradient(#118ade 0%, #118ade 47%, #1273c7 100%);
background-image: -moz-linear-gradient(#118ade 0%, #118ade 47%, #1273c7 100%);
background-image: -o-linear-gradient(#118ade 0%, #118ade 47%, #1273c7 100%);
background-image: linear-gradient(#118ade 0%, #118ade 47%, #1273c7 100%); }
.aui .dockbar-split .dockbar .info-button {
top: 9px; }
.aui .dockbar-split .dockbar .navbar-inner .nav-account-controls {
border-top: 1px solid #00AEFF; }
.aui .dockbar-split .dockbar .navbar-inner .nav-account-controls.nav-account-controls-notice {
margin-top: 10px;
top: 50px; }
.aui .dockbar-split .dockbar .navbar-inner .nav-add-controls {
background: transparent;
border-top-width: 0; }
.aui .dockbar-split .dockbar .navbar-inner .nav-add-controls.nav-add-controls-notice {
top: 70px; }
.aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li {
background-color: transparent;
background-image: none; }
.aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a {
background: #45CBF5;
line-height: inherit;
padding: 6px 8px; }
@media (max-width: 979px) {
.aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a {
background: transparent; } }
.aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a:hover {
background: #5BBAE8; }
.aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a.toggle-controls-link {
background: #92F545; }
@media (max-width: 979px) {
.aui .dockbar-split .dockbar .navbar-inner .nav-add-controls > li > a.toggle-controls-link {
background: transparent; } }
.aui .dockbar-split .dockbar .navbar-inner .page-customization-bar {
background-color: #6DA4E4;
background-color: rgba(109, 168, 228, 0.9);
line-height: 20px; }
.aui .dockbar-split .dockbar .navbar-inner .page-customization-bar-text {
height: 43px; }
.aui .dockbar-split .dockbar .navbar-inner .staging-bar {
margin: 6px 0; }
.aui .dockbar-split .dockbar .navbar-inner .staging-bar > li {
background: transparent; }
.aui #navigation .add-page-editor input {
margin-top: 0; }
.aui #navigation .brand {
padding: 0;
padding-right: 20px;
margin-left: 0; }
.aui #navigation .brand img {
height: 40px;
width: auto; }
.aui #navigation .nav li.dropdown > .dropdown-toggle .caret {
border-bottom-color: #FFF;
border-top-color: #FFF; }
.aui #navigation .nav li.open > a {
background-color: #D8D8D8;
/* daafanasev #A3A3A3; */
/*color: #FFF;*/ }
.aui #navigation .nav li.active > a {
background-color: #118ade; }
.aui #navigation .nav > li > a {
padding: 4px 15px 5px; }
.aui #navigation .nav .dropdown-menu {
background: #00ACFF;
border-width: 0;
margin: 0; }
.aui #navigation .nav .dropdown-menu:after, .aui #navigation .nav .dropdown-menu:before {
border-width: 0; }
.aui #navigation .nav .dropdown-menu a {
color: #FFF; }
.aui #navigation .nav .dropdown-menu a:hover {
background: none;
text-decoration: underline; }
.aui #navigation .navbar-inner {
background: #555;
border-width: 0;
min-height: 47px;
/* daafanasev 36px;*/ }
.aui #navigation .navbar-inner li a {
color: #FFF; }
.aui .modify-pages .delete-tab {
background: #555;
border: 2px solid #FFF;
color: #FFF;
font-size: 16px;
padding: 4px;
right: -10px;
top: 0;
z-index: 300; }
.aui .breadcrumb {
background-color: rgba(0, 0, 0, 0.8);
/*#FAFAFA; daafanasev*/
box-shadow: 0px 0px 7px 0px #413a3a; }
.aui .breadcrumb a {
color: #fff !important; }
.aui #breadcrumbs {
margin-bottom: 45px; }
.aui #breadcrumbs .breadcrumb {
margin-bottom: 0; }
.aui .portlet-content, .aui .portlet-minimized .portlet-content-container {
border: 1px solid #EAEAEA;
border-top-width: 0;
padding: 12px 10px 10px; }
.aui .portlet-topper {
/*background: #D3D3D3;*/
color: #FFF;
padding: 0; }
.aui .portlet-topper .portlet-title {
font-size: 1em;
font-weight: normal;
line-height: 2.2;
margin: 0;
display: none; }
.aui .portlet-topper .portlet-title i, .aui .portlet-topper .portlet-title span img {
display: none; }
.aui .portlet-topper .portlet-topper-toolbar {
font-size: 0.8em;
margin: 0;
padding: 0;
right: 10px;
top: 50%;
color: #777171; }
.aui .lfr-configurator-visibility .portlet-topper {
background-color: #A9A9A9; }
.aui .portlet-borderless-bar .portlet-options .dropdown-toggle {
background-image: url(/MercuryChsu-theme/css/../images/portlet/options_borderless.png); }
.aui .signed-in.controls-visible .portlet-title {
padding-right: 80px;
display: none; }
.aui .portlet-asset-publisher .asset-content, .aui .portlet-asset-publisher .asset-summary, .aui .portlet-asset-publisher .asset-title, .aui .portlet-asset-publisher .header-title, .aui .portlet-asset-publisher li.title-list, .aui .portlet-blogs .entry-body, .aui .portlet-blogs .entry-title, .aui .portlet-blogs .header-title, .aui .portlet-journal-content .journal-content-article, .aui .portlet-message-boards .header-title, .aui .portlet-message-boards .thread-body {
-ms-word-break: break-all;
word-break: break-all;
word-break: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto; }
.aui .portlet-icons {
float: none; }
.aui .page-maximized .portlet-icons {
font-size: 11px; }
.aui .dropdown-menu > li.portlet-close > a {
color: #C00;
font-weight: bold; }
.aui .dropdown-menu > li.portlet-close > a:focus, .aui .dropdown-menu > li.portlet-close > a:hover {
background-color: #C00;
background-image: none;
color: #FFF; }
.aui .update-reminder-query .control-group {
max-width: 350px; }
.aui .update-reminder-query .reminder-query-answer {
height: 30px;
width: 100%; }
.aui .update-reminder-query .reminder-query-question {
width: 100%; }
.aui .navbar-inner .nav.staging-bar {
border-top-width: 0;
position: static; }
.aui .navbar-inner .nav.staging-bar li .page-variations {
display: inline-block;
margin-left: 8px; }
.aui .navbar-inner .nav.staging-bar li .page-variations a {
text-decoration: none; }
.aui .navbar-inner .nav.staging-bar li.dropdown {
position: static; }
.aui .portlet-staging-bar .row-fluid .layout-revision-info .layout-revision-version label {
color: #B6DDF5; }
.aui .portlet-staging-bar .label-submit {
background-color: #469DE3; }
.aui .portlet-staging-bar .layout-branch-selector .icon-caret-down, .aui .portlet-staging-bar .layout-set-branch-selector .icon-caret-down {
background-color: #469DE3; }
.aui .portlet-staging-bar .page-variations-options .lfr-icon-menu, .aui .portlet-staging-bar .site-pages-variation-options .lfr-icon-menu {
background-color: #50AFE9; }
.aui .portlet-staging-bar .page-variations-options .lfr-icon-menu .icon-globe, .aui .portlet-staging-bar .page-variations-options .lfr-icon-menu .icon-file, .aui .portlet-staging-bar .site-pages-variation-options .lfr-icon-menu .icon-globe, .aui .portlet-staging-bar .site-pages-variation-options .lfr-icon-menu .icon-file {
background-color: #469DE3; }
.aui #footer {
text-align: right; }
.aui .lfr-hudcrumbs {
position: fixed;
top: 0;
z-index: 300; }
.aui .lfr-hudcrumbs .breadcrumb {
background: #414445;
background: rgba(0, 0, 0, 0.8); }
.aui .lfr-hudcrumbs .breadcrumb li a, .aui .lfr-hudcrumbs .breadcrumb li span {
color: #FFF; }
.aui .lfr-panel-container {
background-color: transparent; }
.aui .lfr-portlet-title-editable-content .field {
display: inline;
float: none; }
.aui .portlet-journal-content .lfr-icon-actions {
margin-bottom: 3px; }
.aui #navigation .nav li.open > a {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none; }
.aui #navigation .nav .dropdown-menu {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0; }
.aui #navigation .nav > .active > a {
background-color: #118ade;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #118ade), color-stop(47%, #118ade), color-stop(100%, #1273c7));
background-image: -webkit-linear-gradient(#118ade 0%, #118ade 47%, #1273c7 100%);
background-image: -moz-linear-gradient(#118ade 0%, #118ade 47%, #1273c7 100%);
background-image: -o-linear-gradient(#118ade 0%, #118ade 47%, #1273c7 100%);
background-image: linear-gradient(#118ade 0%, #118ade 47%, #1273c7 100%);
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
*zoom: 1;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF118ADE', endColorstr='#FF1273C7'); }
.aui #navigation .navbar-inner {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none; }
.aui #navigation .navbar-inner li a {
text-shadow: none; }
.aui .update-reminder-query .reminder-query-answer {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.aui .modify-pages .delete-tab {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
text-shadow: none;
-webkit-transition: opacity 0.3s ease;
-moz-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
transition: opacity 0.3s ease; }
.aui .modify-pages .delete-tab:hover {
-webkit-box-shadow: 0 1px 1px -1px black;
-moz-box-shadow: 0 1px 1px -1px black;
box-shadow: 0 1px 1px -1px black; }
.aui .portlet-borderless-bar, .aui .portlet-content .lfr-icon-actions {
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px;
border-radius: 20px;
-webkit-box-shadow: inset 0 1px 3px black;
-moz-box-shadow: inset 0 1px 3px black;
box-shadow: inset 0 1px 3px black; }
.aui .portlet-content, .aui .portlet-minimized .portlet-content-container {
-webkit-border-radius: 0 0 3px 3px;
-moz-border-radius: 0 0 3px 3px;
-ms-border-radius: 0 0 3px 3px;
-o-border-radius: 0 0 3px 3px;
border-radius: 0 0 3px 3px; }
.aui .portlet-minimized .portlet-content {
border-width: 0; }
.aui .portlet-minimized .portlet-topper {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px; }
.aui .portlet-nested-portlets .portlet-body .portlet, .aui .portlet-nested-portlets .portlet-body .portlet-borderless-container {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none; }
.aui .portlet-topper {
-webkit-border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
-ms-border-radius: 3px 3px 0 0;
-o-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0; }
.aui .dockbar .staging-bar .staging-toggle > a {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px; }
.aui .dockbar-split .dockbar .navbar-inner {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
text-shadow: none; }
@media (max-width: 979px) {
.aui .dockbar-split .dockbar .navbar-inner {
background-color: #118ade;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #118ade), color-stop(100%, #1273c7));
background-image: -webkit-linear-gradient(#118ade, #1273c7);
background-image: -moz-linear-gradient(#118ade, #1273c7);
background-image: -o-linear-gradient(#118ade, #1273c7);
background-image: linear-gradient(#118ade, #1273c7); } }
.aui .dockbar-split .dockbar .navbar-inner .nav li.dropdown.open > .dropdown-toggle {
background-color: #0ea6f9;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0ea6f9), color-stop(100%, #0993dd));
background-image: -webkit-linear-gradient(#0ea6f9, #0993dd);
background-image: -moz-linear-gradient(#0ea6f9, #0993dd);
background-image: -o-linear-gradient(#0ea6f9, #0993dd);
background-image: linear-gradient(#0ea6f9, #0993dd);
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none; }
.aui .dockbar-split .dockbar .navbar-inner .nav li.dropdown.active > .staging-link.dropdown-toggle {
background-color: #55B8EC;
background-image: none; }
.aui .lfr-hudcrumbs ul {
-moz-border-radius-topleft: 0;
-webkit-border-top-left-radius: 0;
border-top-left-radius: 0;
-moz-border-radius-topright: 0;
-webkit-border-top-right-radius: 0;
border-top-right-radius: 0; }
.aui .lfr-hudcrumbs .breadcrumb li a, .aui .lfr-hudcrumbs .breadcrumb li span {
text-shadow: -1px -1px black; }
.aui.ie8 .dockbar-split .dockbar .navbar-inner .info-button a {
margin-top: -2px; }
.aui body, .aui h1, .aui h2, .aui h3, .aui h4, .aui p, .aui li, .aui a {
word-break: initial; }
.aui body a {
color: #0f478f; }
.aui body .asset-title {
font-size: 20px;
margin-bottom: 10px;
margin-left: 10px; }
.aui body .asset-title img {
display: none; }
.aui body .asset-title a:hover {
color: #757474;
text-decoration: none; }
.aui .nav-menu li {
font-size: 15px; }
.aui body .nav-menu h2 {
padding: 0 0 5px 0; }
#footer span, #footer p, #footer a {
color: #000; }
/* Сервисный блок */
#service .service .block-news a {
color: #3f4348; }
#service .service .block-news a:hover {
color: #d42e2e; }
/* link block*/
.aui body #wrapper #aboutus {
background: #5c5d5f; }
.aui body #wrapper #aboutus .aboutus ul li a h3 {
color: #fff;
text-transform: uppercase;
font-size: 16px;
line-height: 20px; }
.aui body #wrapper #aboutus .aboutus ul li img {
width: 80px; }
.aui body #wrapper #aboutus ul {
cursor: pointer; }
.portlet-asset-publisher .asset-abstract {
margin: 2em 0; }
.aui .breadcrumb li a {
font-weight: bold;
font-size: 14px; }
/* выравнивание контента в слое 2-е колонки*/
.aui .columns-2 .journal-content-article {
padding: 25px; }
.aui .columns-2 #column-2 {
margin-left: 0px; }
.aui .nav-menu ul.layouts > li {
margin: 10px 0;
line-height: 20px; }
.aui .nav-menu > ul.layouts {
background: #ccc;
padding: 5px 26px;
box-shadow: 1px 1px 4px 1px #515151; }
/* + и - при редактировании шаблона контента*/
.aui body .active .control-group a {
color: #544f4f; }
/* соц. ресурсы в подвале */
.social-net a i {
width: 40px;
height: 40px;
border-radius: 50%;
background: rgba(16, 15, 15, 0.26);
line-height: 40px !important;
display: inline-block;
font: normal normal normal 20px/1 FontAwesome; }
.social-net a {
margin: 2px;
text-align: center; }
.social-net a:hover {
text-decoration: none; }
.social-net a:hover i {
background: #929292; }
a:hover {
text-decoration: none !important; }
.aui body #wrapper #content {
min-height: 58vh; }
/* Блок новостей с большими блоками*/
.aui body #wrapper #service .service .block-news li {
box-shadow: 0px 0px 6px 0px #a2a0a0;
overflow: hidden;
position: relative; }
.aui body #wrapper #service .service .block-news .main-news {
padding: 0; }
.aui body #wrapper #service .service .block-news .main-news img {
height: 100%;
width: 100%;
margin: 0px; }
.aui body #wrapper #service .service .main-title h4 a {
color: #fcfafa;
text-shadow: 2px 1px 3px #080707; }
.aui body #wrapper #service .service .description-news::after {
content: "";
position: absolute;
bottom: 0;
background-image: linear-gradient(180deg, rgba(255, 255, 255, 0), #ffffff);
left: 0;
right: 0;
height: 4em; }
.aui body #wrapper #service .service .show-all {
text-align: center;
margin: 20px 0; }
.aui body #wrapper #service .service .show-all a {
/*border: 1px solid #868383;*/
background: #7A7879;
color: #fff;
display: inline-block;
padding: 0px;
border-radius: 5px;
font-size: 20px;
width: 145px; }
/* Анонсы */
.aui body #wrapper #service .service .block-calendar .date-public {
border: 1px solid #ad6060;
background: #a72020;
border-radius: 5px;
text-align: center;
width: 50px;
height: 50px;
float: left;
margin: 0px 10px; }
.aui body #wrapper #service .service .block-calendar .date-public span {
display: block;
color: #fff !important;
margin: 7px 0px 0px 0px;
line-height: 16px; }
.aui body #wrapper #service .service .block-calendar li {
/*min-height: 90px;*/
vertical-align: bottom;
/*margin: 0;*/ }
.aui body #wrapper #service .service .block-calendar li a {
display: table-cell;
height: 50px;
vertical-align: middle;
color: #2f2f2f;
width: 100vw; }
.aui body #wrapper #service .service .block-calendar li a:hover {
color: #d42e2e; }
.aui body #wrapper #service .service .block-calendar li h4 {
margin: 0px; }
/* публикатор контента - аннотации */
.aui .portlet-asset-publisher .asset-title {
line-height: 25px; }
.aui .portlet-asset-publisher .asset-title a:hover {
color: #d42e2e; }
.aui .portlet-asset-publisher .header-title {
line-height: 20px;
font-size: 16px;
white-space: inherit;
margin: 10px; }
/* Публикатор контента - Бесконечная сетка */
.infinite-grid-wrapper {
display: table;
text-align: center; }
.infinite-grid-wrapper .infinite-asset-abstract {
box-shadow: 0 0 6px 0 #a2a0a0;
padding: 5px;
overflow: hidden;
display: inline-block; }
.infinite-grid-wrapper .infinite-asset-abstract img {
display: block;
margin: 0 auto; }
/* cookies box */
.aui body .cookies-message-box {
background: #353848;
opacity: 0.9;
position: fixed;
bottom: 0;
width: 100%; }
.aui body .cookies-message-box .cookies-text {
color: #d1d1d1;
float: left;
width: 80%;
padding: 10px;
font-weight: bold;
text-align: justify;
overflow: auto;
max-height: 50vh; }
.aui body .cookies-message-box .cookies-button {
background: #3a3c4b;
opacity: 0.9;
border: 1px solid #cccccc;
color: white;
padding: 5px 30px; }
/* Large desktops and laptops */
@media screen and (min-width: 1200px) {
/* Публикатор контента - Бесконечная сетка */
.infinite-grid-wrapper .infinite-asset-abstract img {
width: 180px;
height: 170px; }
.infinite-grid-wrapper .infinite-asset-abstract {
height: 330px;
width: 300px;
margin: 5px; }
/* Блок cookies */
.aui body .cookies-message-box .cookies-button {
margin: 30px; } }
#_145_navAccountControlsNavbarBtn, #_145_navAddControlsNavbarBtn {
display: none; }
@media screen and (min-width: 400px) and (max-width: 1199px) {
.aui body .cookies-message-box .cookies-text {
float: none;
width: 95%; }
/* Блок cookies */
.aui body .cookies-message-box .cookies-button {
position: relative;
left: 40%;
margin: 15px 0; } }
@media screen and (max-width: 399px) {
/* Блок cookies */
.aui body .cookies-message-box .cookies-button {
position: relative;
left: 30%;
margin: 15px 0; }
.aui body .cookies-message-box .cookies-text {
font-size: 12px; } }
@media only screen and (min-width: 979px) {
.aui .columns-2 #column-1 {
width: 430px; } }
.aui .navbar-wrapper .navbar.navbar-inverse {
z-index: 100;
position: relative; }
/* global menu */
.aui body #wrapper #banner .navbar-wrapper .navbar .site-search {
float: right;
margin: 5px; }
.aui body #wrapper #banner .navbar-wrapper .navbar input {
background: #fff;
width: 345px;
border: 0;
height: 25px;
color: #000; }
.global-nav ul {
list-style: none;
/*background: #666;*/
/*float: right;
margin: 5px !important;
height: 43px;*/ }
.global-nav ul > li {
float: left;
margin: 0px 3px !important; }
.global-nav ul > li a:hover {
text-decoration: none; }
.global-nav ul > li a {
color: #000; }
.global-nav ul > li a:hover {
color: #d42e2e; }
.aui .navbar .site-navigation {
background: #D8D8D8; }
/*.aui body #wrapper #banner .navbar-wrapper .navbar-inverse #navigation .navbar-inner .nav-collapse {
background-color: #46607f !important;
}*/
.collapse.nav-collapse ul > li a span {
color: #000; }
.aui div.navbar-fixed-top {
position: initial; }
.navbar-inner img {
margin: 5px !important; }
#navigation {
background: #D8D8D8; }
/*.aui #wrapper .navbar-wrapper {
margin-bottom: 20px !important;
}*/
/* sub menu desctop */
/*.aui body #wrapper #navigation .navbar-inner .nav-collapse .nav > li > a {
font-family: LaoUI;
}*/
.aui #wrapper .navbar-wrapper .sub-nav-items {
display: none; }
.aui #wrapper .navbar-wrapper ul > li:hover .sub-nav-items {
display: block;
position: absolute;
z-index: 1000; }
.aui #wrapper .navbar-wrapper .sub-nav-items ul > li {
float: none;
width: 360px;
border-bottom: 1px solid grey; }
.aui #wrapper .navbar-wrapper .nav-collapse .last-end ul {
right: 125px;
left: auto; }
.aui #wrapper .navbar-wrapper .sub-nav-items ul > li a {
padding: 10px 10px !important;
/*color: #fff !important;*/ }
.aui #wrapper .navbar-wrapper .end .sub-nav-items {
right: -1vh; }
/*.aui #wrapper .navbar-wrapper .nav-collapse .end ul {
right: 205px;
left: auto;
}*/
.aui #wrapper .navbar-wrapper .brand img {
margin: 0px 45px; }
.aui #wrapper .navbar-wrapper .sub-nav-items .nav li {
line-height: 18px; }
.aui .nav-menu ul {
margin: 10px 36px; }
.aui .nav-menu ul li {
line-height: 20px; }
.aui #wrapper .navbar-wrapper #mobile-buttons {
float: right;
font-size: 25px;
color: #e04334;
margin: 30px 20px;
display: none; }
@media (max-width: 979px) {
.aui #wrapper .navbar-wrapper .sub-nav-items, .aui #wrapper .navbar-wrapper .lfr-nav-child-toggle {
display: none !important; }
/*.aui #wrapper .navbar-wrapper .nav-collapse .subMenu {
margin-top: 48px;
}*/
.aui body #wrapper #banner .navbar-wrapper .navbar-inverse #navigation {
height: 0; }
.aui #wrapper .navbar-wrapper #mobile-buttons {
display: block; } }
.aui #footer {
background: #ECECEC;
position: relative;
margin-top: 10px; }
#footer .link {
margin-top: 15px; }
#footer .link a:hover {
text-decoration: none;
color: #b31b1b; }
#content {
/*margin-bottom: 15px;*/
min-height: 50vh; }
#hrefFm {
margin: 0; }
@media only screen and (min-width: 979px) {
#footer .vcard {
float: left;
text-align: left;
margin: 10px;
line-height: 22px;
position: relative; }
#footer .edition {
float: right;
margin: 10px;
text-align: left;
position: relative; } }
@media (min-width: 1200px) {
#footer .vcard {
left: 15%; }
#footer .edition {
right: 15%; } }
@media (min-width: 979px) and (max-width: 1200px) {
#footer .vcard {
left: 7%; }
#footer .edition {
right: 7%; } }
@media (min-width: 300px) and (max-width: 979px) {
#footer .vcard {
text-align: center; }
#footer .edition {
text-align: center; } }
/* Copyright (c) 2016 Surekha Technologies.
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
You should have received a copy of the GNU General Public License
along with this program. If not, see .*/
.aui body {
background: #FFF;
/** Common CSS **/
/*h2 {
background:url(/MercuryChsu-theme/css/../images/h-border-bott.jpg) no-repeat center 42px;
}*/
/** Common CSS Ends **/ }
.aui body h1, .aui body h2, .aui body h3, .aui body h4, .aui body h5, .aui body h6 {
color: #36392e; }
.aui body p {
color: #323232; }
.aui body .fa {
color: #393434;
/*#FFF;*/ }
.aui body .owl-theme .owl-controls .owl-page span {
background: #e4e6e7;
/* daafanasev #238ee1;*/ }
.aui body #_145_dockbar span {
color: #fff; }
.aui body .uneditable-input {
color: #8e8e8e;
border-color: #4d4d4d; }
.aui body .btn-primary {
background: #238ee1; }
.aui body .btn-primary:hover,
.aui body .btn-primary:focus,
.aui body .btn-primary:active,
.aui body .btn-primary.disabled,
.aui body .btn-primary[disabled] {
color: #333;
background: #FFFFFF; }
.aui body .btn:hover,
.aui body .btn:focus,
.aui body .btn-success {
background: #238ee1; }
.aui body .btn-success:hover {
background: #46607f; }
.aui body .panel-heading {
border-color: #CCCCCC;
background: #238ee1;
color: #FFFFFF; }
.aui body .panel-title a {
color: #FFFFFF; }
.aui body .panel-body {
border-color: #238ee1; }
.aui body .active a {
color: #FFFFFF; }
.aui body #wrapper {
/** Header CSS **/
/** Header CSS Ends**/
/** Home **/
/** Home Ends **/
/** About Us **/
/** About Us Ends **/
/** Our Services **/
/** Our Services Ends **/
/** Our Projects **/
/** Our Projects Ends **/
/** Our Gallery **/
/** Our Gallery Ends **/
/** Testimonials **/
/** Testimonials Ends **/
/** Contact Us **/
/** Contact Us Ends **/ }
.aui body #wrapper #banner .navbar-wrapper {
/*border-color: #46607f;
border-top: 2px solid;
border-color: #46607f;*/
/* daafanasev */ }
.aui body #wrapper #banner .navbar-wrapper .navbar .nav li.hover a span,
.aui body #wrapper #banner .navbar-wrapper .navbar .nav li.active a span {
color: #000; }
.aui body #wrapper #banner .navbar-wrapper .navbar-inverse {
/* daafanasev #custom_nav_chsu {
li.active {
a:focus,
a:active {
background: #238ee1;
color: #fff;
}
}
li.open {
a {
background: #238ee1;
color: #fff;
}
}
}*/ }
.aui body #wrapper #banner .navbar-wrapper .navbar-inverse .btn-navbar:hover,
.aui body #wrapper #banner .navbar-wrapper .navbar-inverse .btn-navbar:focus,
.aui body #wrapper #banner .navbar-wrapper .navbar-inverse .btn-navbar:active,
.aui body #wrapper #banner .navbar-wrapper .navbar-inverse .btn-navbar.active,
.aui body #wrapper #banner .navbar-wrapper .navbar-inverse .btn-navbar.disabled,
.aui body #wrapper #banner .navbar-wrapper .navbar-inverse .btn-navbar[disabled] {
background-color: #fff; }
.aui body #wrapper #banner .navbar-wrapper .navbar-inverse #navigation .navbar-inner {
background: #fff; }
.aui body #wrapper #banner .navbar-wrapper .navbar-inverse #navigation .navbar-inner .nav-collapse {
background: #D8D8D8;
/* daafanasev #FFFFFF;*/ }
.aui body #wrapper #banner .navbar-wrapper .navbar-inverse #navigation .navbar-inner .nav-collapse .nav > li > a {
color: #000;
text-decoration: none; }
.aui body #wrapper #banner .navbar-wrapper .navbar-inverse #navigation .navbar-inner .nav-collapse .nav li.active {
color: #238ee1; }
.aui body #wrapper #banner .navbar-wrapper .navbar-inverse #navigation .navbar-inner .nav-collapse .nav li.active a, .aui body #wrapper #banner .navbar-wrapper .navbar-inverse #navigation .navbar-inner .nav-collapse .nav li.active a:hover {
background: #238ee1; }
.aui body #wrapper #banner .navbar-wrapper .navbar-inverse #navigation .navbar-inner .nav-collapse .dropdown-menu a {
color: #238ee1;
text-decoration: none; }
.aui body #wrapper #banner .navbar-wrapper .navbar-inverse #navigation .navbar-inner .nav-collapse.collapse {
background: #fff; }
.aui body #wrapper #banner .navbar-fixed-top {
background: #FFFFFF; }
.aui body #wrapper #banner .navbar-fixed-top .fix-icon .fa {
color: #a9bcd1;
/*#238ee1;*/ }
.aui body #wrapper #banner .navbar-fixed-top .fix-icon .fa:hover {
color: #000000; }
.aui body #wrapper #banner .top-nav-collapse .fix-icon .fa {
color: #a9bcd1; }
.aui body #wrapper #banner .top-nav-collapse .fix-icon .fa:hover {
color: #000000; }
.aui body #wrapper #home .home .banner .carousel .carousel-indicators li {
background: #c3b8b8;
/*#FFFFFF;*/ }
.aui body #wrapper #home .home .banner .carousel .carousel-indicators .active {
background: #4e5c68;
/*#238ee1;*/ }
.aui body #wrapper #home .home .banner .carousel .carousel-inner .item .carousel-caption h1 {
color: #FFFFFF;
background: rgba(0, 0, 0, 0.4); }
.aui body #wrapper #home .home .banner .carousel .carousel-control .fa {
color: #fff;
/*#238ee1;*/ }
.aui body #wrapper #home .home .banner .carousel .carousel-control .fa:hover {
color: #565656;
outline: none; }
.aui body #wrapper #aboutus .aboutus ul li p {
color: #323232; }
.aui body #wrapper #service .service {
background: #46607f; }
.aui body #wrapper #service .service h2 {
color: #a72020;
/* #FFFFFF; daafanasev */
font-size: 18px;
padding: 0;
margin: 0; }
.aui body #wrapper #service .service ul li figure figcaption h3 {
color: #000;
/*#FFFFFF; daafanasev */ }
.aui body #wrapper #service .service ul li figure figcaption p {
color: #addbff; }
.aui body #wrapper #ourprojects .ourprojects ul li {
border-color: #46607f;
background: #ececec; }
.aui body #wrapper #ourprojects .ourprojects ul li span:hover {
background: rgba(0, 0, 0, 0.4);
color: #238ee1; }
.aui body #wrapper #gallery .gallery h2 {
color: white;
/*background: url("/MercuryChsu-theme/css/../images/h-border-bott.jpg") no-repeat scroll center 42px rgba(0, 0, 0, 0);*/ }
.aui body #wrapper #testimonials .testimonials ul li {
border-color: #ccc;
border-top: solid 3px #2089d4; }
.aui body #wrapper #testimonials .testimonials ul li h3 {
color: #787878;
background: url(/MercuryChsu-theme/css/../images/testimonials-h-border-b.png) no-repeat bottom center; }
.aui body #wrapper #testimonials .testimonials ul li span {
color: #36392e; }
.aui body #wrapper #testimonials .testimonials ul li p {
color: #787878; }
.aui body #wrapper #contactus .footer-top {
background: #353535; }
.aui body #wrapper #contactus .footer-top .container .contactus h2 {
color: #fff; }
.aui body #wrapper #contactus .footer-top .container .contactus .form-signin input:focus
textarea:focus
select:focus {
border-color: rgba(82, 168, 236, 0.8);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
color: #CCCCCC; }
.aui body #wrapper #contactus .footer-top .container .contactus .form-signin .form-group select,
.aui body #wrapper #contactus .footer-top .container .contactus .form-signin .form-group textarea {
border-color: #4d4d4d;
color: #8e8e8e; }
.aui body #wrapper #contactus .footer-top .container .contactus .form-signin .form-group input:focus:invalid:focus,
.aui body #wrapper #contactus .footer-top .container .contactus .form-signin .form-group textarea:focus:invalid:focus,
.aui body #wrapper #contactus .footer-top .container .contactus .form-signin .form-group select:focus:invalid:focus {
border-color: rgba(82, 168, 236, 0.8);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
color: #CCCCCC; }
.aui body #wrapper #contactus .footer-top .container .contactus .get-in-touch ul li {
color: #FFFFFF; }
.aui body #wrapper #contactus .footer-top .container .contactus .get-in-touch ul li span {
color: #FFFFFF; }
.aui body #wrapper #contactus .footer-top .container .contactus .get-in-touch ul li span a {
color: #FFFFFF; }
.aui body #wrapper #contactus .footer-top .container .contactus .get-in-touch h3 {
color: #FFFFFF; }
.aui body #wrapper #contactus .footer-bottom {
background: #353535;
border-color: #4d4d4d; }
.aui body #wrapper #contactus .footer-bottom ul li i {
background: #FFFFFF;
color: #353535; }
.aui body #wrapper #contactus .footer-bottom ul li i:hover {
background: #238ee1;
color: #FFFFFF; }
.aui body #wrapper #contactus .footer-bottom ul li a:hover {
background-color: #2089d4; }
.aui body #wrapper #contactus .footer-bottom p {
color: #FFFFFF; }
/* ddafanasev #2089D4 */
.aui .dockbar-bubbles .portlet-dockbar .navbar.dockbar .container .nav-collapse > ul > li > a, .aui .dockbar-bubbles .portlet-dockbar .navbar.dockbar .container .nav-collapse ul.nav-add-controls li a {
background: #46607f;
border: none;
color: #FFF;
font-size: 20px;
height: 40px;
line-height: 40px;
margin: 10px 0 0 10px;
padding: 0;
text-align: center;
width: 40px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
.aui .dockbar-bubbles .portlet-dockbar .navbar.dockbar .container .nav-collapse > ul > li > a:hover, .aui .dockbar-bubbles .portlet-dockbar .navbar.dockbar .container .nav-collapse ul.nav-add-controls li a:hover {
background: #222e3d; }
.aui .dockbar-bubbles .portlet-dockbar .navbar.dockbar {
height: auto;
padding: 0;
position: fixed;
width: 60px;
z-index: 1000;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
.aui .dockbar-bubbles .portlet-dockbar .navbar.dockbar .navbar-inner {
background: inherit;
border: 0;
box-shadow: none;
padding: 0; }
.aui .dockbar-bubbles .portlet-dockbar .navbar.dockbar .container .nav-collapse {
padding: 0;
/* nav-account-controls */ }
.aui .dockbar-bubbles .portlet-dockbar .navbar.dockbar .container .nav-collapse > ul {
margin: 0;
padding: 0; }
.aui .dockbar-bubbles .portlet-dockbar .navbar.dockbar .container .nav-collapse > ul > li {
display: block;
float: none;
min-width: inherit; }
.aui .dockbar-bubbles .portlet-dockbar .navbar.dockbar .container .nav-collapse > ul > li.open > a {
background-color: #222e3d; }
.aui .dockbar-bubbles .portlet-dockbar .navbar.dockbar .container .nav-collapse > ul > li .nav-item-icon {
display: inline-block; }
.aui .dockbar-bubbles .portlet-dockbar .navbar.dockbar .container .nav-collapse > ul > li .icon-caret-down, .aui .dockbar-bubbles .portlet-dockbar .navbar.dockbar .container .nav-collapse > ul > li .nav-item-label {
display: none; }
.aui .dockbar-bubbles .portlet-dockbar .navbar.dockbar .container .nav-collapse > ul > li > .dropdown-menu {
background: #065697;
border: 1px solid #CCC;
left: 60px;
margin: 0;
position: absolute;
top: 0; }
.aui .dockbar-bubbles .portlet-dockbar .navbar.dockbar .container .nav-collapse > ul > li > .dropdown-menu a {
background: #065697; }
.aui .dockbar-bubbles .portlet-dockbar .navbar.dockbar .container .nav-collapse > ul > li > .dropdown-menu a:hover {
background: #fff;
color: #065697; }
.aui .dockbar-bubbles .portlet-dockbar .navbar.dockbar .container .nav-collapse > ul > li > .dropdown-menu a:hover span {
color: #065697 !important; }
.aui .dockbar-bubbles .portlet-dockbar .navbar.dockbar .container .nav-collapse > ul > li > .dropdown-menu:before, .aui .dockbar-bubbles .portlet-dockbar .navbar.dockbar .container .nav-collapse > ul > li > .dropdown-menu:after {
display: none; }
.aui .dockbar-bubbles .portlet-dockbar .navbar.dockbar .container .nav-collapse > ul:nth-child(3) > li > .dropdown-menu {
bottom: 0;
left: 60px;
right: inherit;
top: inherit; }
.aui .dockbar-bubbles .portlet-dockbar .navbar.dockbar .container .nav-collapse ul.nav-navigation {
display: none; }
.aui .dockbar-bubbles .portlet-dockbar .navbar.dockbar .container .nav-collapse ul.nav-add-controls {
width: 240px; }
.aui .dockbar-bubbles .portlet-dockbar .navbar.dockbar .container .nav-collapse ul.nav-add-controls li {
float: left; }
.aui .dockbar-bubbles .portlet-dockbar .navbar.dockbar .container .nav-collapse ul.nav-add-controls ul.dropdown-menu {
min-width: inherit;
padding: 0; }
.aui .dockbar-bubbles .portlet-dockbar .navbar.dockbar .container .nav-collapse ul.nav-account-controls {
background: none;
float: left; }
.aui .dockbar-bubbles .portlet-dockbar .navbar.dockbar .container .nav-collapse ul.nav-account-controls .admin-links .dropdown-menu li .nav-item-label {
display: inline-block; }
.aui .dockbar-bubbles .portlet-dockbar .navbar.dockbar .container .nav-collapse ul.nav-account-controls .admin-links > a:before {
-webkit-font-smoothing: antialiased;
content: "\f013";
font-family: 'fontawesome-alloy'; }
.aui .dockbar-bubbles .portlet-dockbar .navbar.dockbar .container .nav-collapse ul.nav-account-controls .my-sites > a:before {
-webkit-font-smoothing: antialiased;
content: "\f0ac";
font-family: 'fontawesome-alloy'; }
.aui .dockbar-bubbles .portlet-dockbar .navbar.dockbar .container .nav-collapse ul.nav-account-controls .user-notification-link {
background: transparent;
border: 0;
font-size: 12px;
height: 20px;
left: 35px;
line-height: 20px;
margin: 0;
padding: 0;
position: absolute;
text-align: center;
top: 35px;
width: 20px;
z-index: 1;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1; }
.aui .dockbar-bubbles .portlet-dockbar .navbar.dockbar .container .nav-collapse ul.nav-account-controls .user-notification-link .user-notifications-count {
background: red;
border-width: 0;
color: #FFF;
display: block;
text-align: center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%; }
.aui .dockbar-bubbles .portlet-dockbar .navbar.dockbar .container .nav-collapse ul.nav-account-controls li.dropdown.dockbar-user-notifications .dropdown-menu {
left: 60px;
top: 0; }
.aui .dockbar-bubbles .portlet-dockbar .navbar.dockbar .container .nav-collapse ul.nav-account-controls .user-avatar > .dropdown-menu {
left: 60px;
right: inherit; }
.aui .dockbar-bubbles .portlet-dockbar .navbar.dockbar .container .nav-collapse ul.nav-account-controls .user-avatar .user-full-name {
display: none; }
.aui .dockbar-bubbles .portlet-dockbar .navbar.dockbar .container .nav-collapse ul.nav-account-controls .user-avatar .user-avatar-link {
overflow: hidden;
padding: 0; }
.aui .dockbar-bubbles .portlet-dockbar .navbar.dockbar .container .nav-collapse ul.nav-account-controls .user-avatar .user-avatar-image {
background-size: cover;
display: inline-block;
height: 42px;
width: 42px; }
.aui .dockbar-bubbles .portlet-dockbar .navbar.dockbar .container .nav-collapse ul.nav-account-controls .user-avatar .nav-item-label {
display: inline-block; }
.aui .dockbar-bubbles .portlet-dockbar .navbar.dockbar .container .nav-collapse ul.nav-account-controls .my-sites-menu .site-type {
left: 100%;
margin: 0 5px 0;
right: inherit; }
.aui .dockbar-bubbles .portlet-dockbar .navbar.dockbar .container .nav-collapse ul.nav-account-controls .divider-vertical {
display: none; }
.aui .dockbar-bubbles.over .portlet-dockbar .navbar.dockbar {
background: none; }
.aui .dockbar-bubbles.over .portlet-dockbar .navbar.dockbar .container > ul > li > a, .aui .dockbar-bubbles.over .portlet-dockbar .navbar.dockbar .container .nav-collapse > ul > li > a {
margin-right: -40px;
margin-top: -40px;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out; }
.aui .dockbar-bubbles.over .portlet-dockbar .navbar.dockbar .container .nav-collapse > ul > li.user-avatar > a.user-avatar-link {
margin-right: 10px;
margin-top: 10px;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1; }
.aui .dockbar-bubbles.over .portlet-dockbar .navbar.dockbar .container .nav-collapse > ul > li.user-avatar .dropdown-menu {
display: none; }
@media (max-width: 979px) {
.aui .dockbar-bubbles .portlet-dockbar .navbar.dockbar .navbar-inner .container > a {
display: none; }
.aui .dockbar-bubbles .portlet-dockbar .navbar.dockbar .navbar-inner .container #_145_navAccountControlsNavbarCollapse, .aui .dockbar-bubbles .portlet-dockbar .navbar.dockbar .navbar-inner .container #_145_navAddControlsNavbarCollapse {
display: block;
height: auto;
overflow: visible; }
.aui .dockbar-bubbles .portlet-dockbar .navbar.dockbar .navbar-inner .container .dockbar-user-notifications-container {
border: 1px solid #CCC;
left: 40px;
position: absolute; }
.aui .dockbar-bubbles .portlet-dockbar .navbar.dockbar .navbar-inner .container .dockbar-user-notifications, .aui .dockbar-bubbles .portlet-dockbar .navbar.dockbar .navbar-inner .container .page-preview-controls {
display: none; }
.aui .lfr-has-add-content .portlet-dockbar, .aui .lfr-has-edit-layout .portlet-dockbar {
display: none; } }
@media (max-width: 767px) {
.aui .dockbar-bubbles .portlet-dockbar .navbar.dockbar {
left: 20px; } }
/* Copyright (c) 2016 Surekha Technologies.
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
You should have received a copy of the GNU General Public License
along with this program. If not, see .*/
@font-face {
font-family: 'Lao UI';
src: url("/MercuryChsu-theme/css/fonts/LaoUI.eot");
src: url("/MercuryChsu-theme/css/fonts/LaoUI.eot?#iefix") format("embedded-opentype"), url("/MercuryChsu-theme/css/fonts/LaoUI.woff") format("woff"), url("/MercuryChsu-theme/css/fonts/LaoUI.ttf") format("truetype");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'LaoUI-Bold';
src: url("/MercuryChsu-theme/css/fonts/LaoUI-Bold_gdi.eot");
src: url("/MercuryChsu-theme/css/fonts/LaoUI-Bold_gdi.eot?#iefix") format("embedded-opentype"), url("/MercuryChsu-theme/css/fonts/LaoUI-Bold_gdi.woff") format("woff"), url("/MercuryChsu-theme/css/fonts/LaoUI-Bold_gdi.ttf") format("truetype"), url("/MercuryChsu-theme/css/fonts/LaoUI-Bold_gdi.svg#LaoUI-Bold") format("svg");
font-weight: 700;
font-style: normal;
font-stretch: normal;
unicode-range: U+000D-25CA; }
@font-face {
font-family: 'FontAwesome';
src: url("/MercuryChsu-theme/css/fonts/fontawesome-webfont.eot?v=4.4.0");
src: url("/MercuryChsu-theme/css/fonts/fontawesome-webfont.eot?#iefix&v=4.4.0") format("embedded-opentype"), url("/MercuryChsu-theme/css/fonts/fontawesome-webfont.woff2?v=4.4.0") format("woff2"), url("/MercuryChsu-theme/css/fonts/fontawesome-webfont.woff?v=4.4.0") format("woff"), url("/MercuryChsu-theme/css/fonts/fontawesome-webfont.ttf?v=4.4.0") format("truetype"), url("/MercuryChsu-theme/css/fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular") format("svg");
font-weight: normal;
font-style: normal; }
.aui body {
font-size: 14px;
font-family: 'Roboto', sans-serif;
/*daafanasev*/
/*font: 12px/1.2 sans-serif, Helvetica, Arial;*/
padding: 0;
margin: 0;
line-height: 20px;
/** Common CSS **/
/** Common CSS Ends **/
/** Font Awesome CSS **/
/** Font Awesome CSS Ends **/
/** Owl Carousel CSS **/
/** Owl Carousel CSS Ends **/ }
.aui body h1, .aui body h2, .aui body h3, .aui body h4, .aui body h5, .aui body h6, .aui body p, .aui body span, .aui body a {
padding: 0;
/*margin: 0; daafanasev */
text-decoration: none;
outline: 0; }
.aui body h1, .aui body h2, .aui body h3 {
font-family: 'Roboto', sans-serif;
/* daafanasev 'LaoUI-Bold';*/ }
.aui body h1 {
font-size: 45px; }
.aui body h2 {
width: 100%;
text-align: center;
font-size: 30px;
text-transform: uppercase;
padding: 0 0 50px 0; }
.aui body h3 {
font-size: 24px; }
.aui body h4 {
font-size: 20px; }
.aui body h5 {
font-size: 18px; }
.aui body h6 {
font-size: 16px; }
.aui body ul, .aui body li {
padding: 0;
margin: 0; }
.aui body a:focus {
outline: 0; }
.aui body p {
font-size: 14px;
/*14px daafanasev*/
line-height: normal; }
.aui body .portlet-content {
padding: 0; }
.aui body .modal {
z-index: 1212;
position: fixed; }
.aui body ul.animation-element.in-view {
moz-transform: none;
-webkit-transform: none;
-o-transform: none;
-ms-transform: none;
transform: none; }
.aui body #_145_dockbar {
display: block;
z-index: 1040; }
.aui body .modal.fade.in {
top: 5%; }
.aui body .modal-body {
position: relative;
overflow-y: hidden;
max-height: 530px;
padding: 15px; }
.aui body .portlet-borderless-container {
padding: 0;
margin-bottom: 0; }
.aui body #content form {
margin: 0; }
.aui body .dockbar .navbar-inner .nav > li {
background-color: transparent;
background-image: none; }
.aui body .dockbar .info-button {
top: 10px;
left: 18px; }
.aui body .page-customization-bar {
padding: 15px;
width: 400px;
margin-top: 20px; }
.aui body .fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.aui body .fa-search-plus:before {
content: "\f00e";
font: normal normal normal 130px/2 FontAwesome; }
.aui body .fa-map-marker:before {
content: "\f041";
font: normal normal normal 20px/1 FontAwesome; }
.aui body .fa-phone:before {
content: "\f095";
font: normal normal normal 20px/1 FontAwesome; }
.aui body .fa-envelope-o:before {
content: "\f003";
font: normal normal normal 17px/1 FontAwesome; }
.aui body .fa-facebook:before {
content: "\f09a";
font: normal normal normal 20px/2 FontAwesome; }
.aui body .fa-twitter:before {
content: "\f099";
font: normal normal normal 20px/2 FontAwesome; }
.aui body .fa-google-plus:before {
content: "\f0d5";
font: normal normal normal 20px/2 FontAwesome; }
.aui body .fa-skype:before {
content: "\f17e";
font: normal normal normal 20px/2 FontAwesome; }
.aui body .fa-user:before {
content: "\f007";
font: normal normal normal 42px/2 FontAwesome; }
.aui body .fa-cogs:before {
content: "\f085";
font: normal normal normal 42px/2 FontAwesome; }
.aui body .fa-rocket:before {
content: "\f135";
font: normal normal normal 42px/2 FontAwesome; }
.aui body .fa-calendar:before {
content: "\f073";
font: normal normal normal 35px/2.6 FontAwesome; }
.aui body .fa-chevron-circle-left:before {
content: "\f137"; }
.aui body .fa-chevron-circle-right:before {
content: "\f138"; }
.aui body .fa-chevron-right:before {
content: "\f054"; }
.aui body .fa-chevron-left:before {
content: "\f053"; }
.aui body .fa-chevron-circle-up:before {
content: "\f139";
font: normal normal normal 50px/0 FontAwesome; }
.aui body .owl-theme .owl-controls {
/*.owl-page {
padding-top: 30px;
padding-bottom: 30px;
}*/ }
.aui body .owl-theme .owl-controls .owl-buttons div {
opacity: 1;
width: 36px;
height: 36px;
text-align: center;
line-height: 36px;
/*border: solid 4px #FFFFFF;
border-radius: 90%;
background: #5d636c;/*#238ee1;*/
padding: 0;
font-size: 35px; }
.aui body .owl-theme .owl-controls .owl-buttons .owl-prev {
top: 26%;
left: -40px; }
.aui body .owl-theme .owl-controls .owl-buttons .owl-next {
top: 26%;
right: -40px; }
.aui body #wrapper {
width: 100%;
overflow: hidden;
padding: 0;
min-width: 100%;
max-width: 100%;
/** Header CSS **/
/** Header CSS Ends**/
/** Home **/
/** Home Ends **/
/** About Us **/
/** About Us Ends **/
/** Our Services **/
/** Our Services Ends **/
/** Our Projects **/
/** Our Projects Ends **/
/** Our Gallery **/
/** Our Gallery Ends **/
/** Testimonials **/
/** Testimonials Ends **/
/** Contact Us **/
/** Contact Us Ends **/ }
.aui body #wrapper input[type="text"],
.aui body #wrapper input[type="password"],
.aui body #wrapper input[type="datetime"],
.aui body #wrapper input[type="datetime-local"],
.aui body #wrapper input[type="date"],
.aui body #wrapper input[type="month"],
.aui body #wrapper input[type="time"],
.aui body #wrapper input[type="week"],
.aui body #wrapper input[type="number"],
.aui body #wrapper input[type="email"],
.aui body #wrapper input[type="url"],
.aui body #wrapper input[type="search"],
.aui body #wrapper input[type="tel"],
.aui body #wrapper input[type="color"],
.aui body #wrapper .uneditable-input {
width: 100%;
height: 42px;
background: none;
border-radius: 0;
padding: 10px;
font-size: 14px;
font-family: 'Lao UI';
border: 1px solid;
line-height: normal;
margin-bottom: 10px;
box-sizing: border-box; }
.aui body #wrapper .btn.btn-primary {
border-radius: 0;
border: none;
font-size: 16px;
font-family: 'Lao UI';
padding: 10px 20px;
float: right;
text-shadow: none;
box-shadow: none;
line-height: normal;
box-sizing: border-box; }
.aui body #wrapper .btn.btn-primary:hover,
.aui body #wrapper .btn.btn-primary:focus {
background-position: 0px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out; }
.aui body #wrapper #banner #heading {
width: 100%; }
.aui body #wrapper #banner #heading h2 {
background: none;
font-family: "LaoUI-Bold";
font-size: 30px;
padding: 0;
text-align: left;
text-transform: none;
width: 100%; }
.aui body #wrapper #banner #heading p {
padding: 5px 0 15px; }
.aui body #wrapper #banner .navbar-wrapper .navbar {
margin: 0; }
.aui body #wrapper #banner .navbar-wrapper .navbar .nav {
float: right;
margin: 0; }
.aui body #wrapper #banner .navbar-wrapper .navbar .nav > li > a {
padding: 20px 13px;
text-transform: uppercase;
outline: none; }
.aui body #wrapper #banner .navbar-wrapper .navbar .nav > li > a:focus {
box-shadow: none; }
.aui body #wrapper #banner .navbar-wrapper .navbar .brand {
padding: 5px 40px;
/* daafanasev 22px 0;*/
text-shadow: none; }
.aui body #wrapper #banner .navbar-wrapper .navbar-inverse .modify-pages .delete-tab {
display: none; }
.aui body #wrapper #banner .navbar-wrapper .navbar-inverse #navigation .navbar-inner {
box-shadow: none;
background: none;
border: none;
-webkit-transition: width 0.5s;
/* For Safari 3.1 to 6.0 */
transition: width 0.5s; }
.aui body #wrapper #banner .navbar-wrapper .navbar-inverse #navigation .navbar-inner .btn-navbar {
border-image: none;
border-radius: 4px;
border-style: solid;
border-width: 1px;
margin-top: 20px;
/* daafanasev 30px;*/
padding-bottom: 8px;
padding-top: 8px;
/* daafanasev 4px;*/ }
.aui body #wrapper #banner .navbar-wrapper .navbar-inverse #navigation .navbar-inner .nav {
margin-right: 16%; }
.aui body #wrapper #banner .navbar-wrapper .navbar-inverse #navigation .navbar-inner .nav > li > a {
text-shadow: none; }
.aui body #wrapper #banner .navbar-wrapper .navbar-inverse #navigation .navbar-inner .nav > li > a:hover {
box-shadow: 0; }
.aui body #wrapper #banner .navbar-wrapper .navbar-inverse #navigation .navbar-inner .nav li.active a, .aui body #wrapper #banner .navbar-wrapper .navbar-inverse #navigation .navbar-inner .nav li.active a:hover {
background: #238ee1;
box-shadow: none;
-moz-transition: all 400ms linear;
-webkit-transition: all 400ms linear;
-o-transition: all 400ms linear;
transition: all 400ms linear; }
.aui body #wrapper #banner .navbar-wrapper .navbar-inverse #navigation .navbar-inner .sub-nav {
margin: 0; }
.aui body #wrapper #banner .navbar-fixed-top {
/* daafanasev box-shadow: 0 0 5px #ccc;*/ }
.aui body #wrapper #banner .navbar-fixed-top .fix-icon {
position: fixed;
bottom: 10px;
right: 10px;
display: block;
z-index: 99999; }
.aui body #wrapper #banner .navbar-fixed-top .navbar .brand img {
width: 500px;
/*180px;*/ }
.aui body #wrapper #banner .top-nav-collapse .navbar .nav > li > a {
padding: 15px;
/* daafanasev 23px;*/
-webkit-transition: background-color 0.5s ease-out;
-moz-transition: background-color 0.5s ease-out;
-o-transition: background-color 0.5s ease-out;
transition: background-color 0.5s ease-out; }
.aui body #wrapper #banner .top-nav-collapse .navbar .brand {
padding: 0;
/* daafanasev 10px 0;*/
-moz-transition: all 400ms linear;
-webkit-transition: all 400ms linear;
-o-transition: all 400ms linear;
transition: all 400ms linear;
margin-left: 0; }
.aui body #wrapper #banner .top-nav-collapse .navbar .brand img {
width: 500px;
/*180px;*/
-moz-transition: all 400ms linear;
-webkit-transition: all 400ms linear;
-o-transition: all 400ms linear;
transition: all 400ms linear; }
.aui body #wrapper #banner .top-nav-collapse .fix-icon {
display: block;
transition: all 0.5s ease-out; }
.aui body #wrapper #banner #mobile-buttons .fa-search {
cursor: pointer; }
.aui body #wrapper #home .home .banner {
width: 100%;
display: table;
margin-top: 0px; }
.aui body #wrapper #home .home .banner .carousel {
height: 60vh;
/*85vh; daafanasev*/
/* daafanasev margin-top: 100px;*/
margin-bottom: 0px; }
.aui body #wrapper #home .home .banner .carousel .carousel-indicators {
top: auto;
bottom: 30px;
left: 49%; }
.aui body #wrapper #home .home .banner .carousel .carousel-inner .item {
height: 60vh;
/*85vh; daafanasev */ }
.aui body #wrapper #home .home .banner .carousel .carousel-inner .item .carousel-caption {
z-index: 10;
top: 100px;
width: 100%;
text-align: center;
background: none; }
.aui body #wrapper #home .home .banner .carousel .carousel-inner .item .carousel-caption h1 {
line-height: 55px;
padding: 0 30px 8px;
display: inline-block; }
.aui body #wrapper #home .home .banner .carousel .carousel-inner .item .carousel-caption p {
margin-bottom: 20px;
font-size: 21px;
line-height: 1.4; }
.aui body #wrapper #home .home .banner .carousel .carousel-inner .item img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
/*min-height: 100%; daafanasev */ }
.aui body #wrapper #home .home .banner .carousel .carousel-control {
border: none;
background: none;
z-index: 2040;
opacity: 1;
top: 45%; }
.aui body #wrapper #home .home .banner .carousel .carousel-control .fa {
font: normal normal normal 45px/1 FontAwesome; }
.aui body #wrapper #home .home .banner .carousel .carousel-control a {
text-decoration: none;
outline: none; }
.aui body #wrapper #aboutus .aboutus {
display: table;
width: 100%;
text-align: center;
padding: 40px 0 15px;
/* daafanasev 80px 0 40px;*/
margin-top: 20px; }
.aui body #wrapper #aboutus .aboutus ul {
width: 100%;
display: table; }
.aui body #wrapper #aboutus .aboutus ul li {
width: 160px;
/*24.5%;*/
display: inline-block;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
height: 150px;
vertical-align: bottom; }
.aui body #wrapper #aboutus .aboutus ul li h3 {
font-size: 21px;
text-transform: uppercase;
width: 100%;
text-align: center;
padding: 5px 0 0 0; }
.aui body #wrapper #aboutus .aboutus ul li p {
width: 90%;
text-align: center;
font-size: 14px;
line-height: normal;
margin: 0 auto; }
.aui body #wrapper #aboutus .aboutus ul li i {
width: 78px;
height: 89px;
background: url(/MercuryChsu-theme/css/../images/about-icon-bg.png) no-repeat top center;
margin: auto;
display: block; }
.aui body #wrapper #service .service {
width: 100%;
display: table;
padding: 0;
/* daafanasev margin-top: 20px; */ }
.aui body #wrapper #service .service ul {
width: 100%;
display: table;
text-align: center; }
.aui body #wrapper #service .service ul li {
list-style: none;
width: 30%;
padding: 0 0.5%;
text-align: left;
display: inline-block;
margin: 15px 0 15px;
/*40px 0 30px;*/ }
.aui body #wrapper #service .service ul li figure {
width: 100%;
padding: 0;
margin: 0; }
.aui body #wrapper #service .service ul li figure img {
float: left;
margin: 0 20px 0 0; }
.aui body #wrapper #service .service ul li figure figcaption {
float: left;
width: 66%; }
.aui body #wrapper #service .service ul li figure figcaption h3 {
font-size: 17px;
/* daafanasev 17px*/
line-height: 17px;
/*text-transform: uppercase; daafanasev */
width: 100%;
height: 56px;
/*44px; daafanasev */
overflow: hidden;
margin-bottom: 5px; }
.aui body #wrapper #service .service ul li figure figcaption p {
line-height: normal;
width: 100%;
height: 46px;
/* 62px; daafanasev*/
overflow: hidden; }
.aui body #wrapper #service .service .block-news li {
width: 300px;
height: 350px;
margin: 5px;
padding: 5px;
box-shadow: 0px 0px 6px 0px #a2a0a0;
overflow: hidden;
position: relative; }
.aui body #wrapper #service .service .block-news li h4 {
font-width: 100;
max-height: 60px;
overflow: hidden; }
.aui body #wrapper #service .service .block-news li img {
height: 190px;
width: 300px;
/*margin: 8px 0px;*/ }
.aui body #wrapper #service .service .block-news li p:after {
content: "";
position: absolute;
bottom: 0;
background-image: linear-gradient(180deg, rgba(255, 255, 255, 0), #ffffff);
left: 0;
right: 0;
height: 4em; }
.aui body #wrapper #service .service .block-news .main-news {
padding: 0;
width: 630px;
height: 360px; }
.aui body #wrapper #service .service .block-news .main-news img {
height: 100%;
width: 100%;
margin: 0px; }
.aui body #wrapper #service .service .block-news .main-news h4 {
z-index: 1000;
position: absolute;
bottom: 5px;
margin: 10px;
color: #fcfafa;
text-shadow: 2px 1px 3px #080707;
font-weight: 100; }
.aui body #wrapper #service .service .block-news .main-news p {
display: none; }
.aui body #wrapper #service .service .show-all-button {
text-align: center;
margin: 20px 0; }
.aui body #wrapper #service .service .show-all-button a {
/*border: 1px solid #868383;*/
background: #7A7879;
color: #fff;
display: inline-block;
padding: 0px;
border-radius: 5px;
font-size: 20px;
width: 145px; }
.aui body #wrapper #service .service .block-calendar li h4 {
font-weight: normal;
font-size: 16px;
text-align: center;
max-height: 45px;
overflow: hidden; }
.aui body #wrapper #ourprojects .ourprojects {
width: 100%;
display: table;
padding: 80px 0 40px;
margin-top: 20px; }
.aui body #wrapper #ourprojects .ourprojects ul {
width: 100%;
display: table;
text-align: center;
margin-top: 40px; }
.aui body #wrapper #ourprojects .ourprojects ul li {
list-style: none;
display: inline-block;
width: 23%;
margin: 0 0.5%;
padding: 0;
margin-bottom: 17px;
border: solid 1px;
position: relative;
height: 271px;
overflow: hidden;
vertical-align: middle; }
.aui body #wrapper #ourprojects .ourprojects ul li img {
max-height: 100%;
position: absolute;
margin: auto;
top: 0;
left: 0;
right: 0;
bottom: 0; }
.aui body #wrapper #ourprojects .ourprojects ul li span {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 9;
cursor: pointer;
opacity: 0;
-webkit-transition: background-color 0.5s ease-out;
-moz-transition: background-color 0.5s ease-out;
-o-transition: background-color 2s ease-out;
transition: background-color 0.5s ease-out;
transition: color 0.5s ease-out;
-webkit-transition: color 0.5s ease-out;
-moz-transition: color 0.5s ease-out;
-o-transition: color 0.5s ease-out; }
.aui body #wrapper #ourprojects .ourprojects ul li span:hover {
opacity: 1; }
.aui body #wrapper #gallery .gallery {
width: 100%;
/*display: table; daafanasev */
/*padding: 10px 0 0; /*80px 0 40px; daafanasev */
/*margin-top: 20px; daafanasev */
background: none repeat scroll 0 0 #ECECEC;
/*#46607f;*/ }
.aui body #wrapper #gallery .gallery .container {
left: 12px; }
.aui body #wrapper #gallery .gallery ul {
width: 100%;
display: table;
text-align: center;
margin-top: 40px; }
.aui body #wrapper #gallery .gallery ul li {
list-style: none;
display: inline-block;
width: 23%;
margin: 0 0.5%;
padding: 0;
margin-bottom: 17px;
border: solid 1px;
position: relative;
height: 271px;
overflow: hidden;
vertical-align: middle; }
.aui body #wrapper #gallery .gallery ul li img {
max-height: 100%;
position: absolute;
margin: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 100%; }
.aui body #wrapper #gallery .gallery ul li span {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 9;
cursor: pointer;
opacity: 0;
-webkit-transition: background-color 0.5s ease-out;
-moz-transition: background-color 0.5s ease-out;
-o-transition: background-color 2s ease-out;
transition: background-color 0.5s ease-out;
transition: color 0.5s ease-out;
-webkit-transition: color 0.5s ease-out;
-moz-transition: color 0.5s ease-out;
-o-transition: color 0.5s ease-out; }
.aui body #wrapper #gallery .gallery ul li span:hover {
opacity: 1; }
.aui body #wrapper #testimonials .testimonials {
width: 100%;
display: table;
padding: 80px 0 40px;
margin-top: 20px; }
.aui body #wrapper #testimonials .testimonials ul {
width: 100%;
display: table; }
.aui body #wrapper #testimonials .testimonials ul li {
list-style: none;
width: 32%;
display: inline-block;
border: solid 1px;
border-top: solid 3px;
margin-left: 1.3%;
text-align: center;
margin-top: 50px; }
.aui body #wrapper #testimonials .testimonials ul li h3 {
font-size: 18px;
line-height: normal;
text-align: center;
padding: 12px 10px 25px;
font-weight: normal; }
.aui body #wrapper #testimonials .testimonials ul li figure {
padding: 30px 0 40px;
margin: 0;
width: 100%;
text-align: center; }
.aui body #wrapper #testimonials .testimonials ul li figure .box-img {
margin-top: 20px;
width: 110px;
margin: 0 auto;
height: 110px; }
.aui body #wrapper #testimonials .testimonials ul li figure .box-img img {
border-radius: 90%;
border: solid 1px #cccccc;
width: 100%; }
.aui body #wrapper #testimonials .testimonials ul li span {
font-size: 18px;
width: 100%;
text-align: center;
padding: 15px 0 10px;
display: block; }
.aui body #wrapper #testimonials .testimonials ul li p {
font-size: 18px;
width: 100%;
text-align: center; }
.aui body #wrapper #testimonials .testimonials ul li:first-child {
margin-left: 0; }
.aui body #wrapper #contactus .footer-top {
width: 100%;
display: table; }
.aui body #wrapper #contactus .footer-top .container .contactus {
padding: 80px 0 40px;
margin-top: 20px; }
.aui body #wrapper #contactus .footer-top .container .contactus .form-signin {
width: 70%;
float: left; }
.aui body #wrapper #contactus .footer-top .container .contactus .form-signin .span4 {
width: 370px; }
.aui body #wrapper #contactus .footer-top .container .contactus .form-signin .span4:first-child {
margin-left: 0; }
.aui body #wrapper #contactus .footer-top .container .contactus .form-signin .form-group textarea {
width: 100%;
box-sizing: border-box;
background: none;
border-radius: 0;
padding: 8px 10px;
font-size: 14px;
font-family: 'Lao UI';
height: 146px;
border: 1px solid; }
.aui body #wrapper #contactus .footer-top .container .contactus .form-signin .form-group select {
width: 100%;
box-sizing: border-box;
background: none;
border-radius: 0;
padding: 10px;
font-size: 14px;
font-family: 'Lao UI';
border: 1px solid;
height: 45px; }
.aui body #wrapper #contactus .footer-top .container .contactus .get-in-touch {
width: 30%;
float: left; }
.aui body #wrapper #contactus .footer-top .container .contactus .get-in-touch ul {
width: 100%;
float: left; }
.aui body #wrapper #contactus .footer-top .container .contactus .get-in-touch ul li {
width: 100%;
float: left;
list-style: none;
margin-bottom: 10px; }
.aui body #wrapper #contactus .footer-top .container .contactus .get-in-touch ul li i {
height: 22px;
width: 30px;
float: left;
margin-top: 6px; }
.aui body #wrapper #contactus .footer-top .container .contactus .get-in-touch ul li span {
float: left;
width: 70%; }
.aui body #wrapper #contactus .footer-top .container .contactus .get-in-touch ul li span a {
text-decoration: none; }
.aui body #wrapper #contactus .footer-top .container .contactus .get-in-touch h3 {
font-size: 18px;
line-height: 18px;
margin-bottom: 10px; }
.aui body #wrapper #contactus .footer-bottom {
width: 100%;
display: table;
padding: 18px 0;
border-top: solid 1px; }
.aui body #wrapper #contactus .footer-bottom ul {
float: right; }
.aui body #wrapper #contactus .footer-bottom ul li {
list-style: none;
margin-right: 10px;
float: left; }
.aui body #wrapper #contactus .footer-bottom ul li i {
list-style: none;
width: 48px;
height: 48px;
border-radius: 90%;
float: left;
text-align: center;
line-height: 55px;
-webkit-transition: background-color 0.5s ease-out;
-moz-transition: background-color 0.5s ease-out;
-o-transition: background-color 0.5s ease-out;
transition: background-color 0.5s ease-out; }
.aui body #wrapper #contactus .footer-bottom p {
margin-top: 13px; }
.aui body #wrapper .footer-button-banner {
text-align: center;
height: 45px;
margin: 0;
padding: 0;
background: #F9F9F9; }
.aui body #wrapper .footer-button-banner ul {
list-style: none;
display: inline-block; }
.aui body #wrapper .footer-button-banner ul li {
float: left;
margin: 10px 0; }
.aui body #wrapper .footer-button-banner ul li a, .aui body #wrapper .footer-button-banner ul li a:hover {
color: #B73434;
font-weight: bold;
font-size: 16px; }
.aui body #wrapper .footer-button-banner ul li:after {
content: " | ";
margin: 0px 30px; }
.aui body #wrapper .footer-button-banner ul li:last-child:after {
content: none; }
/* Copyright (c) 2016 Surekha Technologies.
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
You should have received a copy of the GNU General Public License
along with this program. If not, see .*/
.container {
position: relative; }
.container:last-of-type {
padding-top: 0px; }
/*animation element*/
.animation-element {
position: relative;
margin: 0% 1.33 2.66% 1.33%;
float: left; }
/*3 grid layout*/
.animation-element:nth-of-type(3n-2) {
margin: 0% 1.375% 2.75% 0%;
clear: left; }
.animation-element:nth-of-type(3n-2) .gallery {
margin: 0%; }
.animation-element:nth-of-type(3n-1) {
margin: 0% 1.375% 2.75% 1.375%; }
.animation-element:nth-of-type(3n-0) {
margin: 0% 0% 2.75% 1.375%;
clear: right; }
/*bounce up animation for the subject*/
.bounce-up .subject {
opacity: 0;
-moz-transition: all 700ms ease-out;
-webkit-transition: all 700ms ease-out;
-o-transition: all 700ms ease-out;
transition: all 700ms ease-out;
-moz-transform: translate3d(0px, 200px, 0px);
-webkit-transform: translate3d(0px, 200px, 0px);
-o-transform: translate(0px, 200px);
-ms-transform: translate(0px, 200px);
transform: translate3d(0px, 200, 0px);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden; }
.bounce-up.in-view .subject {
opacity: 1;
-moz-transform: translate3d(0px, 0px, 0px);
-webkit-transform: translate3d(0px, 0px, 0px);
-o-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate3d(0px, 0px, 0px); }
.in-view {
opacity: 1;
-moz-transform: translate3d(0px, 0px, 0px);
-webkit-transform: translate3d(0px, 0px, 0px);
-o-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate3d(0px, 0px, 0px); }
.subject .header {
margin: 8px 0px; }
.subject .header .date i,
.subject .header .category i {
-moz-transition: all 400ms linear;
-webkit-transition: all 400ms linear;
-o-transition: all 400ms linear;
transition: all 400ms linear; }
/*subject icon at top*/
.subject .icon {
position: absolute;
top: -20px;
left: 50%;
left: calc(50% - 20px); }
.subject .icon i {
width: 40px;
height: 40px;
color: white;
font-size: 150%;
border-radius: 50%;
text-align: center;
padding: 7px; }
/*Category color / icon color*/
.subject .category-color {
height: 7px;
position: absolute;
top: 0px;
left: 0px;
width: 100%; }
.subject.design .category-color,
.subject.design .icon i {
background: #c0392b; }
.subject.development .category-color,
.subject.development .icon i {
background: #16a085; }
.subject.photography .category-color,
.subject.photography .icon i {
background: #2980b9; }
/*hovering over subject*/
.subject.development:hover .header i {
color: #16a085; }
.subject.design:hover .header i {
color: #c0392b; }
.subject.photography:hover .header i {
color: #2980b9; }
.subject .title {
margin: 12px 0px;
border-bottom: dashed 1px #ccc;
padding-bottom: 10px; }
.subject .content {
margin-bottom: 8px; }
.subject .enrole {
position: relative;
color: #333;
padding: 5px 12px;
cursor: pointer;
float: right;
display: inline-block;
border: solid 1px #ccc;
-moz-transition: all 400ms linear;
-webkit-transition: all 400ms linear;
-o-transition: all 400ms linear;
transition: all 400ms linear; }
/*media queries for small devices*/
@media screen and (max-width: 678px) {
.main-container {
margin: 20px 15px; }
.animation-element,
.animation-element:nth-of-type(3n-1),
.animation-element:nth-of-type(3n-2),
.animation-element:nth-of-type(3n-0) {
width: 100%;
margin: 0px 0px 30px 0px; }
.subject .header .date,
.subject .header .category {
width: 100%;
margin-bottom: 10px;
text-align: center; } }
/* Copyright (c) 2016 Surekha Technologies.
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
You should have received a copy of the GNU General Public License
along with this program. If not, see .*/
@media only screen and (max-width: 1280px) {
.aui body .owl-theme .owl-controls .owl-buttons .owl-prev {
top: 25%;
left: -36px; }
.aui body .owl-theme .owl-controls .owl-buttons .owl-next {
top: 25%;
right: -36px; }
.aui body .modal.fade.in {
top: 0; } }
@media only screen and (max-width: 1200px) {
.aui body {
/** Wrapper Ends **/
/** Common CSS **/
/*.row-fluid .span4 {
width: 300px;
} daafanasev шаблон с 2-мя колонками при ширине 1200 съезжает */
/** Common CSS Ends **/ }
.aui body #wrapper {
/** Header CSS **/
/** Header CSS Ends**/
/** Home **/
/** Home Ends **/
/** About Us **/
/** About Us Ends **/
/** Our Services **/
/** Our Services Ends **/
/** Our Projects **/
/** Our Projects Ends **/
/** Our Gallery **/
/** Our Gallery Ends **/
/** Testimonials **/
/** Testimonials Ends **/
/** Contact Us **/
/** Contact Us Ends **/
/** Owl Carousel CSS **/
/** Owl Carousel CSS Ends **/ }
.aui body #wrapper #banner .navbar-wrapper .navbar .brand {
margin-left: 0;
padding-top: 22px 0;
/*img {
height: auto;
margin: 0;
width: auto;
}*/ }
.aui body #wrapper #banner .navbar-wrapper .navbar-inverse #navigation {
display: block; }
.aui body #wrapper #banner .navbar-wrapper .navbar-inverse #navigation .navbar-inner {
padding: auto; }
.aui body #wrapper #banner .navbar-wrapper .navbar-inverse #navigation .navbar-inner .nav-collapse {
/*height: 54px; /* daafanasev 20px; */
overflow: visible; }
.aui body #wrapper #banner .navbar-wrapper .navbar-inverse #navigation .navbar-inner .nav > li > a {
padding: 10px 11px;
/* daafanasev 40px 11px; */ }
.aui body #wrapper #banner .navbar-fixed-top .fix-icon {
bottom: 15px;
right: 5px; }
.aui body #wrapper #banner .navbar-fixed-top .navbar .brand img {
width: 500px;
/*180px;*/ }
.aui body #wrapper #banner .top-nav-collapse .navbar-inverse #navigation .navbar-inner .nav > li > a {
padding: 17px 11px;
/* ddaafanasev 23px 11px;*/
/*transition: background-color 0.5s ease-out 0s;*/ }
.aui body #wrapper #banner .top-nav-collapse .navbar .brand img {
width: 500px;
/*180px;*/ }
.aui body #wrapper #home .home .banner {
margin-top: -10px; }
.aui body #wrapper #home .home .banner .carousel {
height: 460px;
margin-bottom: 0;
/*margin-top: 102px; daafanasev */ }
.aui body #wrapper #home .home .banner .carousel .carousel-inner .item {
height: 460px;
background: none; }
.aui body #wrapper #home .home .banner .carousel .carousel-inner .item img {
height: auto;
width: 100%; }
.aui body #wrapper #aboutus .aboutus {
padding: 60px 0 30px;
margin-top: 0; }
.aui body #wrapper #aboutus .aboutus > h2 {
padding-bottom: 30px; }
.aui body #wrapper #service .service {
padding: 0;
margin-top: 0; }
.aui body #wrapper #service .service ul li figure figcaption {
width: 58%; }
.aui body #wrapper #service .service ul li figure figcaption h3 {
font-size: 14px; }
.aui body #wrapper #ourprojects .ourprojects {
padding: 60px 0 30px;
margin-top: 0; }
.aui body #wrapper #ourprojects .ourprojects ul {
padding-top: 0; }
.aui body #wrapper #ourprojects .ourprojects ul li {
width: 23%;
height: 218px; }
.aui body #wrapper #ourprojects .ourprojects ul li img {
width: 100%; }
.aui body #wrapper #gallery .gallery {
margin-top: 0; }
.aui body #wrapper #gallery .gallery .container {
left: 0; }
.aui body #wrapper #gallery .gallery .container .row {
/*margin-top: 20px; /*40px; daafanasev */ }
.aui body #wrapper #gallery .gallery ul {
padding-top: 20px; }
.aui body #wrapper #gallery .gallery ul li {
width: 23%;
height: 218px; }
.aui body #wrapper #gallery .gallery ul li img {
width: 100%; }
.aui body #wrapper #testimonials .testimonials {
padding: 60px 0 30px;
margin-top: 0; }
.aui body #wrapper #testimonials .testimonials ul li {
width: 31%; }
.aui body #wrapper #contactus .footer-top .container .contactus {
margin-top: 0;
padding: 60px 0 30px; }
.aui body #wrapper #contactus .footer-top .container .contactus .form-signin {
margin-top: 40px; }
.aui body #wrapper #contactus .footer-top .container .contactus .form-signin .span4 {
width: 45%; }
.aui body #wrapper #contactus .footer-top .container .contactus .form-signin .span4 .form-group textarea {
width: 100%; }
.aui body #wrapper #contactus .footer-top .container .contactus .get-in-touch {
margin-top: 40px; }
.aui body #wrapper #contactus .footer-top .container .contactus .get-in-touch ul li i {
margin-top: 2px; }
.aui body #wrapper #contactus .footer-bottom p {
margin-top: 12px; }
.aui body #wrapper .owl-theme .owl-controls .owl-buttons div {
font-size: 35px;
height: 28px;
line-height: 28px;
opacity: 1;
padding: 0;
text-align: center;
width: 26px; }
.aui body #wrapper .owl-theme .owl-controls .owl-buttons .owl-prev {
left: -25px; }
.aui body #wrapper .owl-theme .owl-controls .owl-buttons .owl-next {
right: -25px; }
.aui body .modal.fade.in {
top: 1%; }
.aui body .modal-body {
max-height: 450px;
overflow-y: auto; }
.aui body li {
line-height: 20px; }
.aui body h2 {
padding-bottom: 10px; }
.aui body .row {
margin-left: auto; }
.aui body .dockbar-split .dockbar .navbar-inner .nav-account-controls {
right: 0; }
.aui body .fa-search-plus:before {
font: 110px/2 FontAwesome; }
.aui body .dockbar .navbar-inner .nav-collapse > .nav {
position: static; } }
@media only screen and (max-width: 979px) {
.aui body {
/** Wrapper Ends **/
/** Common CSS **/
/** Common CSS Ends **/ }
.aui body #wrapper {
/** Header CSS **/
/** Header CSS Ends**/
/** Home **/
/** Home Ends **/
/** About Us **/
/** About Us Ends **/
/** Our Services **/
/** Our Services Ends **/
/** Our Projects **/
/** Our Projects Ends **/
/** Our Gallery **/
/** Our Gallery Ends **/
/** Testimonials **/
/** Testimonials Ends **/
/** Contact Us **/
/** Contact Us Ends **/
/** Owl Carousel CSS **/
/** Owl Carousel CSS Ends **/
/* daafansev */ }
.aui body #wrapper #banner .navbar-wrapper .navbar .brand {
padding: 0px;
/* daafanasev 26px 0;*/ }
.aui body #wrapper #banner .navbar-wrapper .navbar .brand img {
width: 350px; }
.aui body #wrapper #banner .navbar-wrapper .navbar .nav {
width: 100%; }
.aui body #wrapper #banner .navbar-wrapper .navbar .nav > li > a {
padding: 7px 11px; }
.aui body #wrapper #banner .navbar-wrapper .navbar .site-search {
position: absolute;
top: 15px;
right: 100px; }
.aui body #wrapper #banner .navbar-wrapper .navbar-inverse #navigation .navbar-inner {
margin-top: 0;
padding: 0px;
/* daafanasev 26px 0px 0px 0px;*/ }
.aui body #wrapper #banner .navbar-wrapper .navbar-inverse #navigation .navbar-inner .nav-collapse {
height: auto;
background-color: #f9f9f9;
/* daafanasev */
margin-right: 0px; }
.aui body #wrapper #banner .navbar-wrapper .navbar-inverse #navigation .navbar-inner .nav > li > a {
padding: 10px; }
.aui body #wrapper #banner .navbar-wrapper .navbar-inverse #navigation .navbar-inner .nav-collapse.collapse {
height: 0; }
.aui body #wrapper #banner .navbar-wrapper .navbar-inverse #navigation .navbar-inner .nav-collapse.collapse #custom_nav_chsu {
height: 0;
overflow: hidden; }
.aui body #wrapper #banner .navbar-wrapper .navbar-inverse #navigation .navbar-inner .btn-navbar {
margin-top: 7px;
/* daafanasev 40px; */ }
.aui body #wrapper #banner .navbar-fixed-top {
margin-bottom: 0; }
.aui body #wrapper #banner #mobile-buttons {
margin: 20px 20px;
font-size: 20px; }
.aui body #wrapper #home .home .banner {
margin-top: 0; }
.aui body #wrapper #home .home .banner .carousel {
margin-top: 0;
height: 400px; }
.aui body #wrapper #home .home .banner .carousel .carousel-inner .item {
height: 400px; }
.aui body #wrapper #home .home .banner .carousel .carousel-inner .item .carousel-caption h1 {
font-size: 40px;
max-width: 85%; }
.aui body #wrapper #aboutus .aboutus {
padding: 15px 0; }
.aui body #wrapper #aboutus .aboutus ul li {
width: 20%;
margin-top: 10px;
height: 100px; }
.aui body #wrapper #aboutus .aboutus ul li img {
width: 60px;
/*80px; daafanasev*/ }
.aui body #wrapper #aboutus .aboutus ul li h3 {
font-size: 14px;
/*20px daafanasev*/ }
.aui body #wrapper #aboutus .aboutus ul li p {
line-height: 16px; }
.aui body #wrapper #service .service {
padding: 0; }
.aui body #wrapper #service .service ul li {
width: 46%; }
.aui body #wrapper #service .service .block-news li {
width: 280px; }
.aui body #wrapper #service .service .block-news .main-news {
width: 595px; }
.aui body #wrapper #ourprojects .ourprojects {
padding: 40px 0; }
.aui body #wrapper #ourprojects .ourprojects ul li {
width: 27%;
height: 200px; }
.aui body #wrapper #gallery .gallery {
padding: 5px 0 0; }
.aui body #wrapper #gallery .gallery ul li {
width: 27%;
height: 200px; }
.aui body #wrapper #testimonials .testimonials {
padding: 40px 0; }
.aui body #wrapper #contactus .footer-top {
padding: 40px 0; }
.aui body #wrapper #contactus .footer-top h2 {
padding-bottom: 30px; }
.aui body #wrapper #contactus .footer-top .container .contactus .form-signin .span4 {
width: 45%; }
.aui body #wrapper #contactus .footer-top .container .contactus .form-signin .span4 .form-group textarea {
width: 100%; }
.aui body #wrapper .owl-theme .owl-controls {
right: auto;
left: 1%;
position: relative; }
.aui body #wrapper .owl-theme .owl-controls .owl-buttons {
display: none; }
.aui body #wrapper .global-nav .site-search {
display: none; }
.aui body #wrapper .global-nav ul {
display: none;
float: none;
background: #fff !important;
margin-top: -14px !important;
height: 21px; }
.aui body #wrapper .global-nav ul li {
line-height: 5px;
margin: 0px 10px !important; }
.aui body #wrapper .global-nav ul li a {
color: #000 !important; }
.aui body #wrapper .global-nav ul li:after {
content: "|"; }
.aui body #wrapper .global-nav .brand img {
/*display: none;*/
width: 380px;
margin: 12px 20px; }
.aui body .modify-pages .lfr-nav-sortable > a > span {
padding-left: 0; }
.aui body .fa-search-plus:before {
font: 100px/2 FontAwesome; }
.aui body .heading h1 {
font-size: 40px; }
.aui body .portlet-dockbar {
display: block; }
.aui body #_145_dockbarResponsiveButton {
display: none; }
.aui .navbar-inverse .nav-collapse .nav > li > a, .aui .navbar-inverse .nav-collapse .dropdown-menu a {
font-weight: normal; } }
@media only screen and (max-width: 840px) {
.aui body {
/** Wrapper Ends **/
/** Common CSS **/
/** Common CSS Ends **/ }
.aui body #wrapper {
/** Home **/
/** Home Ends **/
/** Our Projects **/
/** Our Projects Ends **/
/** Our Gallery **/
/** Our Gallery Ends **/
/** Contact Us **/
/** Contact Us Ends **/ }
.aui body #wrapper #home .home .banner .carousel {
height: 335px; }
.aui body #wrapper #home .home .banner .carousel .carousel-inner .item {
height: 335px; }
.aui body #wrapper #ourprojects .ourprojects ul li span {
padding-left: 10px; }
.aui body #wrapper #gallery .gallery {
margin-left: 0; }
.aui body #wrapper #contactus .footer-top .container .contactus .form-signin .span4 {
width: 228px; }
.aui body .modal.fade.in {
top: 1%; }
.aui body .portlet-dockbar {
display: block;
width: 100%; }
.aui body .portlet-content {
padding: 0; }
.aui body #custom_nav_chsu .page-scroll span {
padding: 0px; }
.aui body [class*="span"] {
min-height: 1px; } }
@media only screen and (max-width: 767px) {
.aui body {
/** Wrapper Ends **/ }
.aui body #wrapper {
/** Header CSS **/
/** Header CSS Ends**/
/** Home **/
/** Home Ends **/
/** About Us **/
/** About Us Ends **/
/** Our Services **/
/** Our Services Ends **/
/** Our Projects **/
/** Our Projects Ends **/
/** Our Gallery **/
/** Our Gallery Ends **/
/** Testimonials **/
/** Testimonials Ends **/
/** Contact Us **/
/** Contact Us Ends **/
/** Owl Carousel CSS **/
/** Owl Carousel CSS Ends **/ }
.aui body #wrapper #banner .navbar-wrapper .navbar-inverse #navigation .navbar-inner {
margin-top: 0; }
.aui body #wrapper #banner .navbar-wrapper .navbar-inverse #navigation .navbar-inner .btn-navbar {
width: auto; }
.aui body #wrapper #banner .navbar-fixed-top {
margin-left: 0;
margin-right: 0; }
.aui body #wrapper #banner .navbar-fixed-top .container {
width: 100%;
/* daafanasev 90%;*/
margin-bottom: 0; }
.aui body #wrapper #home .home .banner .carousel {
height: 300px; }
.aui body #wrapper #home .home .banner .carousel .carousel-inner .item {
height: 300px; }
.aui body #wrapper #home .home .banner .carousel .carousel-inner .item .carousel-caption {
top: 40px;
padding: 0;
margin: 0; }
.aui body #wrapper #home .home .banner .carousel .carousel-inner .item .carousel-caption h1 {
font-size: 30px; }
.aui body #wrapper #home .home .banner .carousel .carousel-inner .item img {
min-height: 300px; }
.aui body #wrapper #home .home .banner .carousel .carousel-control {
top: 50%; }
.aui body #wrapper #aboutus .aboutus ul li {
width: 30%;
/*50%;*/ }
.aui body #wrapper #service .service ul {
/*width: 100%;*/
/*margin: 0 5%;*/ }
.aui body #wrapper #service .service ul li {
/*min-height: 140px;*/
margin-bottom: 0; }
.aui body #wrapper #service .service ul li figure figcaption {
width: 57%; }
.aui body #wrapper #service .service ul li figure img {
width: 30%; }
.aui body #wrapper #ourprojects .ourprojects ul {
width: 90%;
margin: 0 5%;
float: none; }
.aui body #wrapper #ourprojects .ourprojects ul li {
margin: 10px;
width: 45%;
height: 290px; }
.aui body #wrapper #gallery .gallery ul {
width: 90%;
margin: 0 5%;
float: none; }
.aui body #wrapper #gallery .gallery ul li {
margin: 10px;
width: 45%;
height: 290px; }
.aui body #wrapper #gallery .gallery #owl-demo .owl-item .item h4 {
font-size: 16px;
line-height: 18px;
word-wrap: break-word; }
.aui body #wrapper #gallery .gallery #owl-demo .owl-item .item img {
width: 60px; }
.aui body #wrapper #testimonials .testimonials ul li {
display: block;
width: 70%;
float: none;
margin: 20px auto; }
.aui body #wrapper #testimonials .testimonials ul li h3 {
background-size: 100% auto; }
.aui body #wrapper #testimonials .testimonials ul li:first-child {
margin-left: auto; }
.aui body #wrapper #contactus .footer-top .container .contactus .form-signin {
width: 86%;
margin: 0 7%; }
.aui body #wrapper #contactus .footer-top .container .contactus .form-signin .span4 {
width: 100%; }
.aui body #wrapper #contactus .footer-top .container .contactus .form-signin .span4 .form-group textarea {
width: 100%; }
.aui body #wrapper #contactus .footer-top .container .contactus .form-signin .span4 .btn.btn-primary {
width: 100%;
float: none; }
.aui body #wrapper #contactus .footer-top .container .contactus .get-in-touch {
margin: 5% 7% 0;
width: 86%; }
.aui body #wrapper #contactus .footer-bottom p {
width: 100%;
text-align: center; }
.aui body #wrapper #contactus .footer-bottom ul {
display: block;
float: none;
text-align: center;
margin-top: 15px;
width: 100%; }
.aui body #wrapper #contactus .footer-bottom ul li {
display: inline-block;
float: none;
margin-right: 20px; }
.aui body #wrapper .owl-theme .owl-controls {
right: auto;
left: 5%;
position: relative;
text-align: left; }
.aui body .fa-search-plus:before {
font: 150px/2 FontAwesome; } }
@media only screen and (max-width: 600px) {
.aui body {
/** Wrapper Ends **/ }
.aui body #wrapper {
/** Home **/
/** Home Ends **/
/** Our Services **/
/** Our Services Ends **/
/** Our Projects **/
/** Our Projects Ends **/
/** Our Gallery **/
/** Our Gallery Ends **/
/** Contact Us **/
/** Contact Us Ends **/ }
.aui body #wrapper #home .home .banner .carousel {
height: 280px;
margin-bottom: 0; }
.aui body #wrapper #home .home .banner .carousel .carousel-inner .item {
height: 280px; }
.aui body #wrapper #home .home .banner .carousel .carousel-inner .item .carousel-caption h1 {
font-size: 25px;
padding: 0 20px;
line-height: 45px;
margin-top: 20px; }
.aui body #wrapper #home .home .banner .carousel .carousel-inner .item img {
min-height: 280px; }
.aui body #wrapper #home .home .banner .carousel .carousel-indicators {
display: none; }
.aui body #wrapper #service .service ul li {
width: 92%; }
.aui body #wrapper #service .service ul li figure figcaption {
width: 63%; }
.aui body #wrapper #service .service ul li figure img {
width: auto; }
.aui body #wrapper #service .service .block-calendar li {
width: 46%; }
.aui body #wrapper #service .service .block-calendar li h4 {
margin-right: 0;
margin-left: 0;
font-size: 16px;
line-height: 16px; }
.aui body #wrapper #service .service .block-news li {
width: 230px; }
.aui body #wrapper #service .service .block-news li img {
height: 190px;
width: 220px; }
.aui body #wrapper #service .service .block-news li h4 {
font-size: 16px; }
.aui body #wrapper #service .service .block-news .main-news {
width: 495px; }
.aui body #wrapper #ourprojects .ourprojects ul li {
width: 70%; }
.aui body #wrapper #gallery .gallery ul li {
width: 70%; }
.aui body #wrapper #contactus .footer-top .container .contactus .form-signin {
margin: 0 7%;
width: 86%; }
.aui body #wrapper #contactus .footer-top .container .contactus .form-signin .span4 .btn.btn-primary {
width: 100%; }
.aui body #wrapper #contactus .footer-top .container .contactus .get-in-touch {
margin: 5% 7% 0;
width: 86%; }
.aui body #wrapper .footer-button-banner {
height: 100%;
width: 100%;
padding: 0 4em; }
.aui body #wrapper .footer-button-banner ul {
list-style: circle;
margin-top: 5px; }
.aui body #wrapper .footer-button-banner ul li {
float: left;
margin: 0;
width: 50%;
text-align: left; }
.aui body #wrapper .footer-button-banner ul li:after {
content: none;
margin: 0; }
.aui body .portlet-dockbar {
display: none; } }
@media only screen and (max-width: 490px) {
.aui body #wrapper {
/** Our Services **/
/** Our Services Ends **/
/** Owl Carousel CSS **/
/** Owl Carousel CSS Ends **/ }
.aui body #wrapper #banner .navbar-wrapper .navbar .brand img {
width: 275px;
margin: 16px 10px; }
.aui body #wrapper #banner .navbar-wrapper .navbar .site-search {
top: 12px;
right: 80px; }
.aui body #wrapper #home .home .banner .carousel {
height: 230px; }
.aui body #wrapper #home .home .banner .carousel .carousel-inner .item img {
min-height: 230px; }
.aui body #wrapper #service .service .block-news li {
width: 370px; }
.aui body #wrapper #service .service .block-news li img {
height: 230px;
width: 370px; }
.aui body #wrapper #service .service .block-news .main-news {
width: 380px;
height: 270px; }
.aui body #wrapper .owl-theme .owl-controls {
right: auto;
left: 1.5%;
position: relative;
text-align: left; } }
@media only screen and (max-width: 390px) {
.aui body #wrapper #banner .navbar-wrapper .navbar .brand img {
width: 250px; }
.aui body #wrapper #banner .navbar-wrapper .navbar .site-search {
width: 260px; }
.aui body #wrapper #home .home .banner .carousel {
height: 200px; }
.aui body #wrapper #home .home .banner .carousel .carousel-inner .item img {
min-height: 200px; }
.aui body #wrapper #service .service ul li figure img {
width: 30%; }
.aui body #wrapper #service .service .block-calendar li {
width: 90%; } }
@media only screen and (max-width: 360px) {
.aui body {
/** Wrapper Ends **/ }
.aui body #wrapper {
/** Header CSS **/
/** Header CSS Ends**/
/** Home **/
/** Home Ends **/
/** About Us **/
/** About Us Ends **/
/** Our Services **/
/** Our Services Ends **/
/** Our Projects **/
/** Our Projects Ends **/
/** Our Gallery **/
/** Our Gallery Ends **/
/** Testimonials **/
/** Testimonials Ends **/
/** Contact Us **/
/** Contact Us Ends **/
/** Owl Carousel CSS **/
/** Owl Carousel CSS Ends **/
/** Common CSS **/
/** Common CSS Ends **/ }
.aui body #wrapper #banner .navbar-wrapper .navbar .brand img {
width: 205px; }
.aui body #wrapper #banner .navbar-fixed-top .fix-icon {
position: fixed;
display: block;
z-index: 99999;
bottom: 15px;
right: 5px; }
.aui body #wrapper #home .home .banner .carousel {
height: 200px;
/*160px; daafanasev */ }
.aui body #wrapper #home .home .banner .carousel .carousel-inner .item {
height: 200px;
/*160px; daafanasev */ }
.aui body #wrapper #home .home .banner .carousel .carousel-inner .item .carousel-caption h1 {
font-size: 18px;
line-height: 35px;
padding: 0 10px; }
.aui body #wrapper #home .home .banner .carousel .carousel-inner .item img {
min-height: 200px;
/*160px; daafansev */ }
.aui body #wrapper #home .home .banner .carousel .carousel-control {
top: 45%; }
.aui body #wrapper #home .home .banner .carousel .carousel-control .fa {
font: 30px/1 FontAwesome; }
.aui body #wrapper #aboutus .aboutus ul li {
width: 100%; }
.aui body #wrapper #service .service .block-news li {
width: 310px;
box-shadow: none;
min-height: 80px;
height: 80px; }
.aui body #wrapper #service .service .block-news li img {
height: 80px;
width: 100px;
margin: 0 5px;
float: left; }
.aui body #wrapper #service .service .block-news li h4 {
font-size: 14px;
line-height: 14px;
margin: 0;
padding-bottom: 5px;
font-weight: bold; }
.aui body #wrapper #service .service .block-news li p {
font-size: 12px; }
.aui body #wrapper #service .service .block-news li p:after {
left: 110px;
height: 1em; }
.aui body #wrapper #service .service .block-news .main-news {
width: 310px;
height: auto; }
.aui body #wrapper #service .service .block-news .main-news img {
height: 80px;
width: 100px;
margin: 0 5px; }
.aui body #wrapper #service .service .block-news .main-news h4 {
position: inherit;
top: 0;
margin: 0;
color: #000;
text-shadow: none;
font-weight: bold; }
.aui body #wrapper #service .service .block-calendar li {
/*width: 90%;*/
border-bottom: 1px solid #ccc;
margin: 5px; }
.aui body #wrapper #service .service .block-calendar li .date-public {
font-size: 12px;
width: 40px;
height: 40px; }
.aui body #wrapper #service .service .block-calendar li h4 {
font-size: 14px; }
.aui body #wrapper #service .service .block-calendar li:last-child {
border: none; }
.aui body #wrapper #service .service .show-all-button {
margin: 10px 0; }
.aui body #wrapper #service .service .show-all-button a {
font-size: 12px; }
.aui body #wrapper #ourprojects .ourprojects ul li {
display: block;
float: none;
margin: 20px auto;
width: 90%; }
.aui body #wrapper #ourprojects .ourprojects ul li:nth-child(4n+4) {
margin-left: auto;
margin-right: auto; }
.aui body #wrapper #gallery .gallery {
margin-left: 0; }
.aui body #wrapper #gallery .gallery ul li {
display: block;
float: none;
margin: 20px auto;
width: 90%; }
.aui body #wrapper #gallery .gallery ul li:nth-child(4n+4) {
margin-left: auto;
margin-right: auto; }
.aui body #wrapper #gallery .gallery .container {
left: 0; }
.aui body #wrapper #gallery .gallery #owl-demo .owl-item .item h4 {
font-size: 11px;
line-height: 12px; }
.aui body #wrapper #gallery .gallery #owl-demo .owl-item .item h3 {
line-height: 14px;
font-size: 14px;
margin: 0;
word-wrap: break-word; }
.aui body #wrapper #gallery .gallery #owl-demo .owl-item .item img {
width: 50px; }
.aui body #wrapper #testimonials .testimonials ul li {
width: 90%; }
.aui body #wrapper #contactus .footer-top .container {
width: auto; }
.aui body #wrapper .owl-theme .owl-controls {
/*left: 80px;*/ }
.aui body #wrapper .modal.fade.in {
top: 10%; }
.aui body #wrapper .modify-pages .lfr-nav-sortable > a > span {
padding-left: 0; }
.aui body #wrapper #_145_dockbar .btn-navbar {
padding: 10px 10px; }
.aui body #wrapper .footer-button-banner {
padding: 0 2em; } }
@media only screen and (max-width: 320px) {
.aui body {
/** Wrapper Ends **/ }
.aui body #wrapper {
/** Home **/
/** Home Ends **/
/** Contact Us **/
/** Contact Us Ends **/
/** Owl Carousel CSS **/
/** Owl Carousel CSS Ends **/
/** Common CSS **/
/** Common CSS Ends **/ }
.aui body #wrapper #banner .navbar-wrapper .navbar .brand img {
width: 220px;
margin: 10px 10px; }
.aui body #wrapper #banner .navbar-wrapper .navbar .site-search {
width: 225px;
top: 5px; }
.aui body #wrapper #banner .navbar-wrapper #mobile-buttons {
margin: 10px 10px; }
.aui body #wrapper #home .home .banner .carousel .carousel-control {
margin-top: -30px; }
.aui body #wrapper #contactus .footer-top .container .contactus .form-signin {
margin-left: 7%;
width: 86%; }
.aui body #wrapper .owl-theme .owl-controls {
left: 1%; }
.aui body #wrapper #_145_dockbar .btn-navbar {
padding: 5px; } }
/* Media queries for max Height */
@media only screen and (max-height: 550px) {
.aui body .modal-body {
max-height: 350px; } }
@media only screen and (min-height: 601px) and (max-height: 690px) {
.aui body #wrapper .footer-button-banner ul li:after {
/* margin: 0 10px;*/ } }
@media only screen and (max-height: 450px) {
.aui body .modal-body {
max-height: 300px; }
.aui body .modal.fade.in {
top: 4%; }
.aui body #service .service ul.block-calendar li {
width: 90%; } }
@media only screen and (max-height: 400px) {
.aui body .modal-body {
max-height: 255px; }
.aui body .modal.fade.in {
top: 3%; } }
@media only screen and (max-height: 350px) {
.aui body .modal-body {
max-height: 225px; }
.aui body .modal.fade.in {
top: 3%; } }
/*
* Core Owl Carousel CSS File
* v1.3.3
*/
/* clearfix */
.owl-carousel .owl-wrapper:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0; }
/* display none until init */
.owl-carousel {
display: none;
position: relative;
width: 100%;
-ms-touch-action: pan-y; }
.owl-carousel .owl-wrapper {
display: none;
position: relative;
-webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper-outer {
overflow: hidden;
position: relative;
width: 100%; }
.owl-carousel .owl-wrapper-outer.autoHeight {
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out; }
.owl-carousel .owl-item {
float: left; }
.owl-controls .owl-page,
.owl-controls .owl-buttons div {
cursor: pointer; }
.owl-controls {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0); }
/* Owl Theme css start here */
/*
* Owl Carousel Owl Demo Theme
* v1.3.3
*/
.owl-theme .owl-controls {
/*margin-top: 10px;*/
text-align: center; }
/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons div {
color: #FFF;
display: inline-block;
zoom: 1;
*display: inline;
/*IE7 life-saver */
margin: 5px;
padding: 3px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
/*background: #869791;*/
filter: Alpha(Opacity=50);
/*IE7 fix*/
opacity: 0.5; }
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
filter: Alpha(Opacity=100);
/*IE7 fix*/
opacity: 1;
text-decoration: none; }
/* Styling Pagination*/
.owl-theme .owl-controls .owl-page {
display: inline-block;
zoom: 1;
*display: inline;
/*IE7 life-saver */ }
.owl-theme .owl-controls .owl-page span {
display: block;
width: 12px;
height: 12px;
margin: 5px 7px;
filter: Alpha(Opacity=50);
/*IE7 fix*/
opacity: 0.5;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background: #869791; }
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
filter: Alpha(Opacity=100);
/*IE7 fix*/
opacity: 1; }
/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers {
height: auto;
width: auto;
color: #FFF;
padding: 2px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px; }
/* preloading images */
.owl-item.loading {
min-height: 150px;
background: url(/MercuryChsu-theme/css/AjaxLoader.gif) no-repeat center center; }
#owl-demo .item {
display: block;
padding: 0px;
margin: 10px 15px;
color: #FFF;
text-align: center;
overflow: hidden; }
.owl-theme .owl-controls .owl-buttons div {
padding: 5px 9px; }
.owl-theme .owl-buttons i {
margin-top: 2px; }
/*To move navigation buttons outside use these settings:*/
.owl-theme .owl-controls .owl-buttons div {
position: absolute; }
.owl-theme .owl-controls .owl-buttons .owl-prev {
left: -45px;
top: 55px; }
.owl-theme .owl-controls .owl-buttons .owl-next {
right: -45px;
top: 55px; }
/* daafanasev */
#owl-demo .link {
border: none; }
#owl-demo .link h3 a {
color: #393434; }
#owl-demo .link h3 a:hover {
color: #d42e2e; }
#owl-demo .link p {
color: #393434;
cursor: grab; }
#owl-demo .item h3 {
color: #393434; }
#owl-demo .item h3:hover {
color: #393434; }
.owl-pagination {
text-align: center; }
#owl-demo .item h3 {
line-height: 20px;
font-size: 16px;
font-weight: 200;
margin: 0;
-ms-hyphens: auto;
-webkit-hyphens: auto;
-moz-hyphens: auto; }
.owl-carousel .owl-wrapper-outer {
min-height: 100px;
display: grid;
align-items: center; }