Файл: WHMCS TEMPLATE/cloudmewhmcs/css/custom.css
Строк: 795
/* *****************************************************
** Custom
Stylesheet **
Any custom styling you want to apply should be
defined here.
*****************************************************
*/
/* IMPORT GOOGLE WEB FONTS */
@import
url("//fonts.googleapis.com/css?family=Lato:300,400,700,900");
/*
GLOBAL */
body { background: #fff; color: #5a5a5a; font-family: 'Lato',
Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;
font-size: 15px; font-style: normal; font-weight: normal; margin: 0;
position: relative; webkit-font-smoothing: antialiased;}
.row.no-gutter {
margin:0 auto;}
.row.no-gutter [class*='col-']:not(:first-child),
.row.no-gutter [class*='col-']:not(:last-child) { padding-left: 0;
padding-right: 0; }
.clientalert .btn-xs, .admin-masquerade-notice,
input,button,select,textarea, .navbar-main, #top-nav a.quick-nav {
font-family: 'Lato', Optima, Segoe, "Segoe UI", Candara, Calibri,
Arial, sans-serif!important;}
h1,h2,h3,h4,h5,h6 {font-family: 'Lato',
Optima, Segoe, "Segoe UI", Candara, Calibri, Arial,
sans-serif;}
hr { border: solid #dedede; border-width: 1px 0 0; clear:
both; height: 0; margin:0 auto; margin-top:12px; margin-bottom:12px;
width:100%; }
img { max-width: 100%; height: auto;
-ms-interpolation-mode: bicubic; display: inline-block; vertical-align:
middle;}
a { color: #DE6262; outline: 0; text-decoration: none;
}
a:hover, a:active, a:focus { outline: 0; text-decoration: none;
color:#6E6E6E; }
.spacing-20
{padding-top:20px;}
.center-block{float:none!important;}
.page-subheader
{border:none!important; margin-top:35px;}
.page-subheader h2
{font-size:22px; font-weight:700; color:#fff; margin:0 0 35px; padding:15px
0; background:#9A9DAC; letter-spacing: -.07; text-transform: uppercase;
position: relative; text-align: center;
border:0!important;}
.page-subheader h2:after { top: 100%; left: 50%;
border: solid transparent; content: " "; height: 0; width: 0;
position: absolute; pointer-events: none; border-color: rgba(222, 98, 98,
0); border-top-color: #9A9DAC; border-width: 10px; margin-left: -10px;
}
.main-content {min-height: 400px}
/* TOP BAR */
#thetopbar
{background:#222D3A; padding: 10px 0;}
.admin-masquerade-notice { margin:
0!important; max-width:100%!important;text-align: center!important;
color:#37485C!important; font-size:
13px!important;}
.admin-masquerade-notice a {
color:#DE6262!important;}
#top-nav a.quick-nav
{color:#fff!important;}
.badge {background:
#DE6262!important;}
.list-group-item.active .badge
{color:#5a5a5a!important; background: #FFFFF5!important;}
#thetopbar
.badge {background: #DE6262; margin-left:4px;}
/* HEADER */
#header
{padding:0!important; margin:0!important;
background:url(../img/headerbg.jpg) no-repeat!important; border-radius:
0!important;}
.logo {padding-top:18px; }
#adminmasquarade
{background:#e8e8e8; text-align: center}
/* Navigation
---------------------- */
nav.desktop-menu { padding: 0; float:right;
text-align: left; }
.slicknav_menu, .mobile-menu { display:none;
}
/*** Superfish Essential Styles ***/
.sf-menu, .sf-menu * { overflow:
visible; margin: 0; padding: 0; list-style: none; z-index: 1000;
}
.sf-menu { line-height: 1.0; float: left; margin-bottom: 0; }
.sf-menu
ul { z-index: 1000; position: absolute; top: -999em; padding: 0; overflow:
visible !important; }
.sf-menu ul li { display: block; width: 100%
!important; text-align: left; padding:4px 0; border-bottom: 1px solid
#40546a;margin-left:0!important; }
.sf-menu ul li:last-child {
border-bottom: 0; -webkit-border-bottom-right-radius:
5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-bottomright:
5px;-moz-border-radius-bottomleft: 5px;border-bottom-right-radius:
5px;border-bottom-left-radius: 5px;}
.sf-menu ul li a { border:none;
-webkit-border-radius: 0!important;-moz-border-radius:
0!important;border-radius: 0!important;}
.sf-menu ul li:hover, .sf-menu
ul li a:hover { background: #40546a !important; }
.sf-menu li { float:
left; position: relative; text-decoration:none; text-align:
center;padding:26px 0 26px; margin-left:10px; }
.sf-menu li:first-child {
margin-left:0; }
.sf-menu a { display: block; position: relative;
font-size:14px; letter-spacing:.07em; text-transform: uppercase;
font-weight:400; padding:6px 15px 8px; color:#fff; }
.sf-menu > li >
a {display: block; }
.sf-menu li li a { font-size:11px; color:#fff;
padding:7px 10px 5px; }
.sf-menu li a:hover { background: #37485C;
text-decoration: none; -webkit-transition:all .3s;-moz-transition:all
.3s;-o-transition:all .3s;-ms-transition:all .3s;transition:all .3s;
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius:
5px;}
.sf-menu li li a:hover { border-bottom:0; text-decoration:
none}
.sf-menu li.current-menu-item a, .sf-menu li.current-menu-parent a,
.sf-menu li.current_page_parent a { background: #37485C; color:#fff;
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius:
5px;}
.sf-menu li li.current-menu-item a, .sf-menu li.current-menu-parent
li a, .sf-menu li.current-menu-item ul.sub-menu li a { background: #898a8d;
color:#fff; }
.sf-menu li li.current-menu-item a:hover, .sf-menu
li.current-menu-parent li a:hover, .sf-menu li.current-menu-item
ul.sub-menu li a:hover { background: #3ec7cf; color:#fff;}
.sf-menu
li:hover ul,.sf-menu li.sfHover ul { left: 0; top: 80px; z-index:999999;
width:175px; -webkit-animation-duration: .3s;
-webkit-animation-timing-function: ease; -webkit-animation-fill-mode:
both; -webkit-animation-name: fadeInRight; -moz-animation-duration: .3s;
-moz-animation-timing-function: ease; -moz-animation-fill-mode: both;
-moz-animation-name: fadeInRight; animation-duration: .3s;
animation-timing-function: ease; animation-fill-mode: both;
animation-name: fadeInRight;}
ul.sf-menu li:hover li ul, ul.sf-menu
li.sfHover li ul { top: -999em; }
ul.sf-menu li li:hover ul, ul.sf-menu li
li.sfHover ul { left: 175px; top: 0; -webkit-border-radius:
0!important;-moz-border-radius: 0!important;border-radius: 0!important;
}
ul.sf-menu li li:hover ul li:last-child, ul.sf-menu li li.sfHover ul
li:last-child {-webkit-border-bottom-right-radius:
5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-bottomright:
5px;-moz-border-radius-bottomleft: 5px;border-bottom-right-radius:
5px;border-bottom-left-radius: 5px;}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul { top: -999em; }
ul.sf-menu li li li:hover
ul, ul.sf-menu li li li.sfHover ul { left: 175px; top: 0;
-webkit-border-radius: 0!important;-moz-border-radius:
0!important;border-radius: 0!important;}
.sf-menu li:hover { outline: 0;
}
.sf-menu li li a:hover { color:#fff !important; -webkit-transition:none
!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important;}
.sf-menu
> li:hover { border:none !important; background: none !important;
}
.alt-nav { display:none; }
.sf-menu ul {background:#37485C;
-webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius:
5px;-moz-border-radius-bottomright: 5px;-moz-border-radius-bottomleft:
5px;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;
}
.sf-menu ul:after { bottom: 100%; border: solid transparent; content:
" "; height: 0; width: 0; position: absolute; pointer-events:
none;}
.sf-menu ul:after { border-color: rgba(127, 140, 141, 0);
border-bottom-color: #37485C; border-width: 10px; left: 17%;
margin-left: -10px;}
.sf-menu ul li ul:after { bottom: 100%; border:
transparent; }
.sf-menu ul li ul:after { border:0;}
.slicknav_nav
a:hover {text-decoration: none!important}
.navbar-main {background:
#222D3A!important;}
ul.navbar-nav li a {padding:15px 18px!important;
font-weight:300; text-transform: uppercase; font-size:13px;}
ul.navbar-nav
li a:hover, ul.navbar-nav li a:focus {background: #314052!important;
color:#fff!important;}
ul.navbar-nav li ul li a {padding:5px
8px!important; font-weight:300; text-transform: uppercase;
font-size:13px;}
ul.navbar-nav li ul li a:hover {background:
#F0F1F5!important; color: #5a5a5a!important;}
section#home-banner
{background: url(../img/homebannerbg.jpg)
no-repeat!important;}
.home-shortcuts {background: #37485C!important;
padding:25px 0 40px!important; position:relative;}
.home-shortcuts:after {
bottom: 100%; left: 50%; border: solid transparent; content:
" "; height: 0; width: 0; position: absolute;
pointer-events: none; border-color: rgba(55, 72, 92, 0);
border-bottom-color: #37485C; border-width: 15px; margin-left:
-15px;}
.home-shortcuts h2 {margin-bottom:35px;}
.home-shortcuts li
{border:0!important;}
.home-shortcuts.nodomains li
{width:33%;}
.home-shortcuts li a {border:0!important;
background:rgba(0,0,0,.16); border-radius:6px; padding:20px
0;}
.header-lined, ol.breadcrumb {text-align: center}
.header-lined h1
small {display:block; width:100%; font-weight:400; padding:10px 0
0;}
/* FOOTER */
footer {padding:50px 0 15px;
background:#222D3A;}
.contacts {padding-bottom:30px; color:#fff;
text-align: center; font-size:14px;font-weight: 300; }
.contacts a
{color:#fff;}
.contacts a:hover {text-decoration: none; color:
#C5645B;}
.contacts i {display:block; font-size:33px; font-weight: 400;
margin-bottom:12px;}
.footerlinks {padding:0;border-top:4px double
#37485c;border-bottom:4px double #37485c; overflow:hidden;
margin-bottom:12px!important;}
.footerlinks .border-right
{border-right:1px solid #37485c;}
.footerlinks [class*='col-']
{padding:20px 0 20px 50px;}
.footerlinks h2 {font-size:17px; color:#fff;
padding:0; margin:0 0 20px; font-weight:900;}
.footerlinks ul {padding:0;
margin:0; list-style:none;}
.footerlinks ul li {padding:4px 0;
font-size:14px; color:#ccc;}
.footerlinks ul li a
{color:#ccc;}
.footerlinks ul li a:hover {color:#C5645B; text-decoration:
none}
.footerlinks p {color:#ccc; font-size:14px;}
.footerlinks hr {
border: solid #494B4C; border-width: 7px 0 0; clear: both; margin: 11px 0;
height: 0; }
/* MailChip Newsletter Form Styling
----------------------- */
#mc-embedded-subscribe-form
{padding:0!important; margin:0!important;}
#mc-embedded-subscribe-form
input.email { background-color: white; border: 0 none;
border-radius: 4px; box-shadow: none; color: #666; display: block;
font-family: inherit; margin: 0; padding: 6px; width:
100%;}
#mc-embedded-subscribe-form input.button {float: left; background:
#37485C; margin-top:6px; color:#fff; font-size:12px; font-weight:900;
padding:11px; text-transform: uppercase; width: 100%!important;
border-radius: 4px; border:0; cursor: pointer; -ms-box-sizing: border-box;
-khtml-box-sizing: border-box; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box; box-sizing: border-box; box-sizing:
border-box;}
#mc-embedded-subscribe-form input.button:hover { background:
#C5645B; }
p.copyright {font-size:12px; text-align:center; padding:35px 0
0; margin:0; color:#ccc; text-transform: uppercase;}
/* Social Links /
Copyright Text ----------------------- */
.social {margin:12px 15px
0;}
.social .block-grid-item {text-align: center; background:#2a3848;
padding:6px 0; border-right:1px solid #222D3A;}
.social
.block-grid-item:last-child {border-right:0;}
.social .block-grid-item a
{color:#fff;}
.social .block-grid-item a:hover {text-decoration:
none;}
.social .block-grid-item.facebook:hover
{background:#214379;}
.social .block-grid-item.twitter:hover
{background:#42A4D7;}
.social .block-grid-item.googleplus:hover
{background:#C65441;}
.social .block-grid-item.linkedin:hover
{background:#1A96D5;}
.social .block-grid-item.pinterest:hover
{background:#E4232F;}
.padding-15 {padding:15px;}
/* SIDEBARS
*/
.sidebar .panel-heading {font-size:18px; font-weight:700; color:#fff;
margin:0 0 12px; padding:15px 8px; background:#777777; letter-spacing:
-.07; text-transform: uppercase; position: relative; text-align: left;
border:0!important;}
.sidebar .list-group a
{font-size:14px!important;}
.sidebar .list-group a.list-group-item.active
{background: #DE6262; border-color: #DE6262;}
.popover-content
input[type="email"].form-control, .popover-content
input[type="password"].form-control { font-size:14px; padding:
7px; height:45px; width:100%; border: 0; -webkit-font-smoothing:
antialiased; -moz-osx-font-smoothing: grayscale; background:#fff;
border-radius: 5px; margin:8px 0; border:1px solid #e0e1e3; line-height:
45px}
.popover-content input[type="submit"].btn { margin:0 0
10px; width:100%; float: left; font-size:14px; background: #B86662;
height:45px; color:#fff; padding:6px; text-transform: uppercase;
border-radius: 5px!important; border:0; cursor: pointer;}
/* DATATABLES
*/
.dataTables_wrapper .dataTables_filter label .form-control
{line-height:25px;}
.table-container table td, .dataTables_paginate
{font-size:14px!important;}
span.label {border-radius: 5px!important;
font-weight: 300}
.dataTables_length select {font-size: 14px; padding: 0
8px!important; width: 100%; height:auto!important;
line-height:15px!important;}
.dataTables_wrapper .dataTables_info
{background: #B86662;}
.pagination > .active > a, .pagination >
.active > span, .pagination > .active > a:hover, .pagination >
.active > span:hover, .pagination > .active > a:focus, .pagination
> .active > span:focus { background-color: #B86662;
border-color:#B86662;}
td button[type="submit"]
{width:auto!important; display:table; margin:0 auto; float:none!important;
font-size:13px; font-weight:300; padding:4px; height:auto!important;}
/*
MEDIA QUERIES */
@media only screen and (max-width: 659px)
{
.main-content {min-height: 10px}
#navigation { display:none;
}
.slicknav_menu { display:block; }
button.navbar-toggle
{display:table; margin:0 auto; text-align: center; float:none!important;
margin-top:10px; margin-bottom:10px;}
ul.navbar-nav li a {padding:5px
18px!important; font-weight:300; text-transform: uppercase;
font-size:13px;}
ul.navbar-nav li a:hover, ul.navbar-nav li a:focus
{background: #314052!important; color:#fff!important;}
ul.navbar-nav li ul
li a {padding:5px 18px!important; font-weight:300; text-transform:
uppercase; font-size:13px; color:#5a5a5a!important;}
ul.navbar-nav li ul
li a:hover {background: #F0F1F5!important; color:
#5a5a5a!important;}
.logo {text-align: center;
padding-top:30px;}
.captchaimage { text-align: center;}
.contacts
{margin-bottom:20px;border-bottom:1px double #37485c;
padding-bottom:15px;}
.footerlinks {border: 0;}
.footerlinks
[class*='col-'] {padding:0; margin-bottom:35px; text-align:
center;}
.footerlinks .border-right {border-right:0;}
.footerlinks h2
{margin:0 0 8px;}
.social .block-grid-item {border-right:0;
margin-bottom:2px;}
}
@media only screen and (min-width: 660px) and
(max-width: 959px) {
.sf-menu a { font-size:13px; letter-spacing:0;
padding:6px 7px 8px;}
.sf-menu li:hover ul,.sf-menu li.sfHover ul {top:
78px; width:135px;}
ul.navbar-nav li a {padding:5px 18px!important;
font-weight:300; text-transform: uppercase; font-size:13px;}
ul.navbar-nav
li a:hover, ul.navbar-nav li a:focus {background: #314052!important;
color:#fff!important;}
ul.navbar-nav li ul li a {padding:5px
18px!important; font-weight:300; text-transform: uppercase; font-size:13px;
color:#5a5a5a!important;}
ul.navbar-nav li ul li a:hover {background:
#F0F1F5!important; color: #5a5a5a!important;}
.footer h4 { font-size:
14px; letter-spacing: 0; padding: 10px 6px; }
.footer ul li { font-size:
14px; padding: 4px 6px; }
#mc_embed_signup
input[type="email"].form-control { font-size:
15px;}
#mc_embed_signup input[type="submit"] { font-size:
14px;}
button.navbar-toggle {display:table; margin:0 auto; text-align:
center; float:none!important; margin-top:10px;
margin-bottom:10px;}
.login-form input[type="text"]#inputCaptcha
{ max-width:100%;}
.footerlinks [class*='col-'] {padding:20px 0 20px
10px;}
}
@media
(min-width:1200px){
.container{width:1170px}
}
@media only screen and
(min-width : 768px) and (max-width : 1679px) {
.sf-menu li:hover
ul,.sf-menu li.sfHover ul { -webkit-animation-name:
fadeInUp;-moz-animation-name: fadeInUp; animation-name: fadeInUp;}
}