/* ----------------------------------------------------------------------------- * ADMIN TEMPLATE | WOO Admin Template * -------------------------------------- * version : your * copyright : your * contact : your * * ----------------------------------------------------------------------------- * TEMPLATE - CUSTOM STYLE * ----------------------------------------------------------------------------- */ /* * ----------------------------------------------------------------------------- * BOO - MEDIAGRID * ----------------------------------------------------------------------------- */ html { font-size: 62.5%; } .mediagrid { margin-left: -15px; list-style: none; } .mediagrid:before, .mediagrid:after { content: " "; display: table; } .mediagrid:after { clear: both; } .mediagrid > li { display: inline-block; vertical-align: top; margin-bottom: 20px; margin-right: 1.820%; } .mediagrid > li > .well { margin: 0; } .mediagrid [class^="media-item-"] > .media-item, .mediagrid [class*=" media-item-"] > .media-item { display: block; line-height: 1; } .mediagrid.media-item-940 > li { width: 940px; } .mediagrid.media-item-860 > li { width: 860px; } .mediagrid.media-item-780 > li { width: 780px; } .mediagrid.media-item-700 > li { width: 700px; } .mediagrid.media-item-620 > li { width: 620px; } .mediagrid.media-item-540 > li { width: 540px; } .mediagrid.media-item-460 > li { width: 460px; } .mediagrid.media-item-380 > li { width: 380px; } .mediagrid.media-item-300 > li { width: 300px; } .mediagrid.media-item-280 > li { width: 280px; } .mediagrid.media-item-260 > li { width: 260px; } .mediagrid.media-item-240 > li { width: 240px; } .mediagrid.media-item-220 > li { width: 220px; } .mediagrid.media-item-200 > li { width: 200px; } .mediagrid.media-item-190 > li { width: 190px; } .mediagrid.media-item-180 > li { width: 180px; } .mediagrid.media-item-170 > li { width: 170px; } .mediagrid.media-item-160 > li { width: 160px; } .mediagrid.media-item-150 > li { width: 150px; } .mediagrid.media-item-140 > li { width: 140px; } .mediagrid.media-item-130 > li { width: 130px; } .mediagrid.media-item-125 > li { width: 125px; } .mediagrid.media-item-120 > li { width: 120px; } .mediagrid.media-item-110 > li { width: 110px; } .mediagrid.media-item-100 > li { width: 100px; } .mediagrid.media-item-75 > li { width: 75px; } .mediagrid.media-item-60 > li { width: 60px; } .mediagrid.mediagrid-center { text-align: center; } .row-fluid .mediagrid { margin-left: 0; } .appsidebar-pinned .navbar-header { min-width: 192px; } .appsidebar-pinned .navbar-header.wide { min-width: 260px; } .nav-tabdrop { margin: 0; padding: 0; list-style: none; white-space: nowrap; } .nav-tabdrop > li { position: relative; display: block; float: left; } .post { /*.media, .media .media { border-top: 1px solid #e8e8e8; margin-top: 30px; padding-top: 30px; }*/ } .post .post h1 { margin-bottom: 5px; } .post .post h3 { margin: 0; } .post .post h3 a { color: #222; } .post .post h3 a:hover { text-decoration: underline; } .post .post-cover { margin-bottom: 30px; } .post .meta { color: #bbb; margin-bottom: 20px; } .post .meta span { margin-right: 15px; } .post .meta i { margin-right: 5px; } .post .post-date { background: #222; color: #fff; font-weight: normal; left: 30px; line-height: 1.74em; padding: 15px 0; position: absolute; text-align: center; text-transform: uppercase; top: 0; width: 50px; } .post .post-day { font-size: 200%; } .post .post-month { color: #8fb488; } .post .fa-reply { margin-right: 5px; } .post #recent-posts .item h3 { margin: 0; } .post #recent-posts .item .meta { padding: 0; } .xnav-list > li { padding: 20px 15px 15px; border-left: 1px solid #eee; } .xnav-list > li:last-child { border-right: 1px solid #eee; } .xnav-list > li > a:hover { text-decoration: none; } .xnav-list > li > a > span { display: block; font-weight: bold; text-transform: uppercase; } .dropdown-submenu { position: relative; } .dropdown-submenu > .dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px; border-radius: 0 6px 6px 6px; } .dropdown-submenu:hover > .dropdown-menu { display: block; } .dropdown-submenu > a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #ccc; margin-top: 5px; margin-right: -10px; } .dropdown-submenu:hover > a:after { border-left-color: #fff; } .dropdown-submenu.pull-left { float: none; } .dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; } /*! * Yamm!3 - Yet another megamenu for Bootstrap 3 * http://geedmo.github.com/yamm3 * * @geedmo - Licensed under the MIT license */ .mega-navbar .container { position: relative; } .mega-navbar .dropdown-menu { left: auto; } .mega-content { padding-left: 30px; padding-right: 30px; } .mega-content:before, .mega-content:after { content: " "; display: table; } .mega-content:after { clear: both; } .mega-dropdown { position: static !important; } .mega-dropdown .dropdown-menu { left: auto; } .dropdown-full .dropdown-menu { left: 0; right: 0; } .mg-menu .container, .mg-menu .mg-container { position: relative; } .mg-dropdown { position: static !important; } .mg-dropdown .dropdown-menu, .mg-dropdown .mg-dropdown-menu { left: auto; } .dropdown-full .dropdown-menu, .mg-dropdown-full .dropdown-menu { left: 0; right: 0; } .mg-dropdown-menu-content { padding-left: 30px; padding-right: 30px; } .mg-dropdown-menu-content:before, .mg-dropdown-menu-content:after { content: " "; display: table; } .mg-dropdown-menu-content:after { clear: both; } .sidenav { margin-top: 20px; margin-bottom: 20px; } .sidenav .nav > li > a { padding: 6px 15px; color: #888888; } .sidenav .nav > li > a:hover, .sidenav .nav > li > a:focus { text-decoration: none; } .sidenav .nav > li.active > a, .sidenav .nav > li.active > a:hover, .sidenav .nav > li.active > a:focus { font-weight: 700; color: #d9534f; } .sidenav .nav .nav { display: none; padding-bottom: 10px; } .sidenav .nav .nav > li > a { padding-top: 1px; padding-bottom: 1px; padding-left: 30px; font-size: 12px; font-weight: 400; } .sidenav .nav .nav > li > a:hover, .sidenav .nav .nav > li > a:focus { padding-left: 29px; } .sidenav .nav .nav > li.active > a, .sidenav .nav .nav > li.active > a:hover, .sidenav .nav .nav > li.active > a:focus { padding-left: 28px; font-weight: 500; } .sidenav-small .nav > li > a { padding: 3px 15px; font-size: 13px; } .page-menu > li { float: left; } .page-menu > li > a { line-height: 20px; -webkit-transition: box-shadow 0.3s ease-in; -o-transition: box-shadow 0.3s ease-in; transition: box-shadow 0.3s ease-in; } .page-menu > li > a:hover, .page-menu > li > a:focus { text-decoration: none; } .page-menu > li.active > a, .page-menu > li.active > a:hover, .page-menu > li.active > a:focus { cursor: default; } .page-menu > li.separator { margin-top: 5px; margin-bottom: 5px; height: 30px; border-left: 1px solid; opacity: 0.3; filter: alpha(opacity=30); } .page-menu:border { border-top: 3px solid rgba(0, 0, 0, 0.06); } .page-menu.inline > li { float: none; display: inline-block; margin-left: -4px; } .page-menu.inline > li:first-child { margin-left: 0; } .page-menu--large > li > a { padding-top: 20px; padding-bottom: 20px; } .page-menu--large > li.separator { margin-top: 15px; margin-bottom: 15px; height: 30px; } .page-menu--default a { color: #828282; } .page-menu--default.active > a, .page-menu--default.active > a:hover, .page-menu--default.active > a:focus { color: #2f87c1; box-shadow: inset 0 2px 0 #2f87c1; } .xxpage-menu-inherit > li > a { color: inherit; } .xxpage-menu-inherit > li.separator { opacity: 0.4; filter: alpha(opacity=40); } h4.media-heading.logo4el.semibold { margin-bottom:0px; padding-bottom:0px; line-height:10px; margin-top:17px; letter-spacing: .45px; } .xmedia-left, .xmedia > .pull-left { margin-right: 5px; } a.media-left { padding-right: 5px; } @media (min-width: 320px) { .xmedia-body { text-shadow: 1px 1px 1px #333333; padding-top:25px; outline: 0 none; } h3.media-heading.logo4el.semibold { margin-bottom:-5px; padding-bottom:0px; line-height:21px; margin-top:0px; font-weight: normal; letter-spacing: 1px; outline: 0 none; } .media-body small, .description-sm { letter-spacing: .45px; outline: 0 none; } } @media (min-width: 768px) { h3.media-heading.logo4el.semibold { margin-bottom:-2px; padding-bottom:0px; line-height:21px; margin-top:0px; font-weight: normal; font-kerning: auto; letter-spacing: 1px; outline: 0 none; width:200px !important; } .xmedia-body { text-shadow: 1px 1px 1px #333333; padding-top:45px; outline: 0 none; width:auto !important; } .media-body small, .description-sm { letter-spacing: .45px; outline: 0 none; } } p.description-sm, h3.media-heading.logo4el.semibold{ color:#ffffff; outline: 0 none; } .xmedia-body a:hover, .description-sm:hover, .xmedia-body a h3.media-heading.logo4el.semibold:hover { text-decoration: none; border:0px !important; color:#ffffff; outline: 0 none; } .core-header .profile-info .avatar { margin-right: 0px; } /*! * ----------------------------------------------------------------------------- * CAROUSEL COMPONENTS * ----------------------------------------------------------------------------- */ .carousel-components .carousel-control { opacity: 0.1; filter: alpha(opacity=10); } .carousel-components .carousel-control:hover, .carousel-components .carousel-control:focus { opacity: 0.3; filter: alpha(opacity=30); } .carousel-components .hgroup { margin-left: -15px; margin-right: -15px; padding: 15px 15px 0; margin-bottom: 30px; } .carousel-nav { text-align: center; } .carousel-nav .nav > li { display: none; vertical-align: middle; float: none; line-height: 20px; } .carousel-nav .nav > li.active { display: inline-block; } .carousel-nav .nav > .prev, .carousel-nav .nav > .next { font-size: 20px; } .carousel-nav .nav > .prev a, .carousel-nav .nav > .next a { padding: 10px; } .carousel-nav .nav > .prev { float: left; } .carousel-nav .nav > .next { float: right; } @media (min-width: 768px) { .carousel-nav .nav > li { display: block; float: left; } } .navbar-brand { cursor: default; } /*------------------------------------------- avatar edit -------------------------------------------*/ .avatar-container { float: left; } #avatar2 { margin-left: 0px; width:96px; } .edit-background, .edit-avatar { height: 32px; width: 32px; float: right; margin: 0px 0 0 -38px; position: relative; padding: 4px 6px !important; z-index: 5000; } .icon-edit { height: 16px; width: 16px; position: absolute; left: 50%; top: 50%; margin-left: -8px; margin-top: -8px; display: inline-block; background: url('../images/icon-edit.png'); opacity: 0.5; } div:hover > .icon-edit { opacity: 1; } #avatar2left, #avatar2top { border-radius: 24px; -webkit-border-radius: 24px; -moz-border-radius: 24px; } .nav-square-dark > li > a:active, .nav-square-dark > li > a:focus { color: #ffffff; background-color: #2f87c1; } li#active a:focus, li#active a:active, #active:active, #active:focus{ color: #ffffff; background-color: #2f87c1; outline: 0 none; } input[type=text]:focus, input[type=password]:focus { outline: 0 none; } .padding-top-15 { margin-top: 25px; } blockquote{ display:block; background: #f8f8f8; padding: 15px 20px 15px 55px; margin: 0 0 20px; position: relative; /*Font*/ font-family: Georgia, serif; line-height: 1.2; color: #e65d34; text-align: justify; /*Borders - (Optional)*/ border-left: 3px solid #e65d34; /* border-right: 1px solid #e65d34;*/ /*Box Shadow - (Optional)*/ -moz-box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.125), inset 0 -1px 1px rgba(0, 0, 0, 0.125); -webkit-box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.125), inset 0 -1px 1px rgba(0, 0, 0, 0.125); box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.125), inset 0 -1px 1px rgba(0, 0, 0, 0.125); } blockquote::before{ content: "\201C"; /*Unicode for Left Double Quote*/ /*Font*/ font-family: Georgia, serif; font-size: 60px; font-weight: bold; color: #e65d34; /*Positioning*/ position: absolute; left: 13px; top:5px; text-shadow: 1px 1px 1px #ccc; } blockquote::after{ /*Reset to make sure*/ content: ""; } blockquote a{ text-decoration: none; background: #eee; cursor: pointer; padding: 0 3px; color: #c76c0c; } blockquote a:hover{ color: #666; } blockquote em{ font-style: italic; } blockquote p{ color: #333; text-shadow: 1px 1px 1px #ccc; } .bigger { font-size: 36px; margin-right:0px; width:36px; height:36px; } /* NOTYFY MAIN ---------------------------------------------------------------------------- */ .notyfy_container{ position: fixed; height: auto; margin: 0; padding: 0; width: 310px; list-style-type: none; z-index: 10000; } .notyfy_container_inline{ position: relative; width: auto; height: auto; list-style-type: none; } #notyfy_container_top{ top: 0; left: 0; width: 100%; } #notyfy_container_bottom{ bottom: 0; left: 0; width: 100%; } #notyfy_container_topRight{ top: 20px; right: 20px; } #notyfy_container_topLeft{ top: 20px; left: 20px; } #notyfy_container_bottomRight{ bottom: 20px; right: 20px; } #notyfy_container_bottomLeft{ bottom: 20px; left: 20px; } #notyfy_container_topCenter{ top: 20px; left: 50%; } #notyfy_container_bottomCenter{ bottom: 20px; left: 50%; } #notyfy_container_center{ top: 45%; left: 50%; margin-top: -60px } #notyfy_container_centerLeft{ left: 20px; top: 45%; margin-top: -60px } #notyfy_container_centerRight{ right: 20px; top: 45%; margin-top: -60px } #notyfy_modal{ position: fixed; display: none; width: 100%; height: 100%; left: 0; top: 0; z-index: 10000; } /* NOTYFY THEME ---------------------------------------------------------------------------- */ .notyfy_wrapper{ overflow: hidden; background-color: #FFF; border-color: #CCC; color: #444; border: 1px solid #eee; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5), 0 1px 15px rgba(0, 0, 0, 0.5); } .notyfy_wrapper:first-child{ border-top-left-radius: 4px; border-top-right-radius: 4px; } .notyfy_wrapper:last-child{ border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } /* Layout specific styles */ #notyfy_container_top .notyfy_wrapper{ border-radius: 0; border-width: 0 0 3px 0; border-style: solid; } #notyfy_container_bottom .notyfy_wrapper{ border-radius: 0; border-width: 2px 0 0 0; border-color: rgba(0, 0, 0, 0.2); } .notyfy_container_inline .notyfy_wrapper{ margin-bottom: 15px; border-width: 1px; border-style: solid; box-shadow: none; } #notyfy_container_top .notyfytheme_defaultTheme:first-child{ border-radius: 0; } #notyfy_container_bottom .notyfytheme_defaultTheme:last-child{ border-radius: 0; } /* Message element */ .notyfy_message{ font-size: 14px; line-height: 20px; text-align: center; padding: 15px; width: auto; position: relative; } #notyfy_container_top .notyfy_message{ padding: 13px; } .notyfy_container_inline .notyfy_message{ padding: 8px 35px 8px 14px; } /* Close button */ .notyfy_close{ position: absolute; top: 4px; right: 4px; width: 10px; height: 10px; background: url(data:image/png;base64,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); display: none; cursor: pointer; } /* Optional buttons */ .notyfy_buttons{ padding: 5px; text-align: right; border-top: 1px solid #ccc; background-color: #ffffff; } .notyfy_buttons button{ margin-left: 5px; } .notyfy_buttons button:first-child{ margin-left: 0; } /* Type: ALERT ------------------------------------------------- */ .notyfy_alert{ color: #555555; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); background-color: #e7e8ed; *background-color: #e7e8ed; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image: -webkit-linear-gradient(top, # #f1b867, #eea134); background-image: -moz-linear-gradient(top, #f1b867, #e49626); background-image: -o-linear-gradient(top, #fbb450, #f89406); background-image: linear-gradient(to bottom, #e7e8ed, #d8d9df); background-repeat: repeat-x; border-color: #cdcfd5; border-color: rgba(255, 255, 255, 0.10); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .notyfy_alert strong{ color: #3f3f44; } .notyfy_ALERT .notyfy_buttons{ border-top: 1px solid #cdcfd5; } /* Type: WARNING in inline */ .notyfy_container_inline .notyfy_alert{ color: #c09853; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); background-color: #fcf8e3; background-image: none; border-color: #fbeed5; } .notyfy_container_inline .notyfy_alert .notyfy_buttons{ border-top: 1px solid #eed3d7; } /* Type: CONFIRM ------------------------------------------------- */ .notyfy_confirm { background-color: #FFEAA8; border-color: #FFC237; border-size: 2px; color: #826200; color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.20); background-color: #74797c; *background-color: #373b3e; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image: -webkit-linear-gradient(top, # #f1b867, #eea134); background-image: -moz-linear-gradient(top, #f1b867, #e49626); background-image: -o-linear-gradient(top, #fbb450, #f89406); background-image: linear-gradient(to bottom, #393d41, #272b2e); background-repeat: repeat-x; border-color: #373b3e #74797c #74797c; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .notyfy_confirm strong{ color: #9e5f06; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); } .notyfy_confirm .notyfy_buttons{ background-color: #f6f7fe; border-top: 1px solid #444; } /* Type: WARNING ------------------------------------------------- */ .notyfy_warning{ color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #faa732; *background-color: #f89406; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image: -webkit-linear-gradient(top, # #f1b867, #eea134); background-image: -moz-linear-gradient(top, #f1b867, #e49626); background-image: -o-linear-gradient(top, #fbb450, #f89406); background-image: linear-gradient(to bottom, #f1b867, #e7992a); background-repeat: repeat-x; border-color: #d99027; border-color: rgba(255, 255, 255, 0.20); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .notyfy_warning h4, .notyfy_warning strong{ color: #c09853; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); } .notyfy_warning .notyfy_buttons{ border-top: 1px solid #d99027; } /* Type: WARNING in inline */ .notyfy_container_inline .notyfy_warning{ color: #c09853; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); background-color: #fcf8e3; background-image: none; border-color: #fbeed5; } .notyfy_container_inline .notyfy_warning .notyfy_buttons{ border-top: 1px solid #eed3d7; } /* Type: ERROR ------------------------------------------------- */ .notyfy_error{ color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #da4f49; *background-color: #bd362f; background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f)); background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f); background-image: -o-linear-gradient(top, #ee5f5b, #bd362f); background-image: linear-gradient(to bottom, #f77672, #bd362f); background-repeat: repeat-x; border-color: #b2322b; border-color: rgba(255, 255, 255, 0.20); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .notyfy_error h4, .notyfy_error strong{ color: #b94a48; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); } .notyfy_error .notyfy_buttons{ border-top: 1px solid #b2322b; } /* Type: ERROR in inline */ .notyfy_container_inline .notyfy_error{ color: #b94a48; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); background-color: #f2dede; background-image: none; border-color: #eed3d7; } .notyfy_container_inline .notyfy_error .notyfy_buttons{ border-top: 1px solid #eed3d7; } /* Type: INFORMATION ------------------------------------------------- */ .notyfy_information{ color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.35); background-color: #2398bb; *background-color: #31b2d8; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#40c4ec), to(#2398bb)); background-image: -webkit-linear-gradient(top, #40c4ec, #2398bb); background-image: -moz-linear-gradient(top, #40c4ec, #2398bb); background-image: -o-linear-gradient(top, #40c4ec, #2398bb); background-image: linear-gradient(to bottom, #40c4ec, #2398bb); background-repeat: repeat-x; border-color: #2190b1; border-color: rgba(255, 255, 255, 0.25); filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff40c4ec', endColorstr='#ff2398bb', GradientType=0); filter: progid:dximagetransform.microsoft.gradient(enabled=false); } .notyfy_information h4, .notyfy_information strong{ color: #3a87ad; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); } .notyfy_information .notyfy_buttons{ border-top: 1px solid #2190b1; } /* Type: INFORMATION in inline */ .notyfy_container_inline .notyfy_information{ color: #3a87ad; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); background-color: #d9edf7; background-image: none; border-color: #bce8f1; } .notyfy_container_inline .notyfy_information .notyfy_buttons{ border-top: 1px solid #bce8f1; } /* Type: SUCCESS ------------------------------------------------- */ .notyfy_success{ color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #61be60; *background-color: #61be60; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#93d393), to(#61be60)); background-image: -webkit-linear-gradient(top, #93d393, #61be60); background-image: -moz-linear-gradient(top, #93d393, #61be60); background-image: -o-linear-gradient(top, #93d393, #61be60); background-image: linear-gradient(to bottom, #93d393, #61be60); background-repeat: repeat-x; border-color: #5cb45b; border-color: rgba(255, 255, 255, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff93d393', endColorstr='#ff61be60', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .notyfy_success h4, .notyfy_success strong{ color: #468847; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); } .notyfy_success .notyfy_buttons{ border-top: 1px solid #5cb45b; } /* Type: SUCCESS in inline */ .notyfy_container_inline .notyfy_success{ color: #468847; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); background-color: #dff0d8; background-image: none; border-color: #d6e9c6; } .notyfy_container_inline .notyfy_success .notyfy_buttons{ border-top: 1px solid #d6e9c6; } /* Type: en weer verder ------------------------------------------------- */ .nav-square-dark > li.disabled > a:after { position: absolute; top: 0; bottom: 0; left: 0; right: 0; content: "\274c"; /* use the hex value here... */ font-size: 50px; color: #FFF; line-height: auto !important; text-align: center; } .content-box { position: relative; /* So we can position the banner within the box */ } #for-hire { position: absolute; top: 15px; right: 0px; overflow: visible; /* so we can see the pseudo-elements we're going to add to the anchor */ font-size: 16px; /* font-size and line-height must be equal so we can account for the height of the banner */ line-height: 1px; } #for-hire:before { content:""; height: 0; width: 0; display: block; position: absolute; top: 3px; left: 0; border-top: 20px solid rgba(0,0,0,.3); /* These 4 border properties create the first part of our drop-shadow */ border-bottom: 20px solid rgba(0,0,0,.3); border-right: 20px solid rgba(0,0,0,.3); border-left: 20px solid transparent; } #for-hire:after { /* This adds the second part of our dropshadow */ content:""; height: 3px; background: rgba(0,0,0,.3); display: block; position: absolute; bottom: -3px; left: 40px; right:3px; } #for-hire a { display:block; padding:19px; position:relative; /* allows us to position our pseudo-elements properly */ background:#e65d34; overflow:visible; height:40px; margin-left:20px; color:#fff; text-decoration:none; } #for-hire a:after { /* this creates the "folded" part of our ribbon */ content:""; height: 0; width: 0; display:block; position:absolute; bottom:-15px; right:0; border-top: 15px solid #004a70; border-right: 15px solid transparent; } #for-hire a:before { /* this creates the "forked" part of our ribbon */ content:""; height: 0; width: 0; display:block; position:absolute; top:0; left:-20px; border-top: 20px solid #e65d34; border-bottom: 20px solid #e65d34; border-right: 20px solid transparent; border-left: 20px solid transparent; } #for-hire a:hover { background:#e65d34; } #for-hire a:hover:before { /* this makes sure that the "forked" part of the ribbon changes color with the anchor on :hover */ border-top: 20px solid #e65d34; border-bottom: 20px solid #e65d34; } #occupied { position: absolute; top: 15px; right: 0px; overflow: visible; /* so we can see the pseudo-elements we're going to add to the anchor */ font-size: 16px; /* font-size and line-height must be equal so we can account for the height of the banner */ line-height: 1px; } #occupied:before { content:""; height: 0; width: 0; display: block; position: absolute; top: 3px; left: 0; border-top: 20px solid rgba(0,0,0,.3); /* These 4 border properties create the first part of our drop-shadow */ border-bottom: 20px solid rgba(0,0,0,.3); border-right: 20px solid rgba(0,0,0,.3); border-left: 20px solid transparent; } #occupied:after { /* This adds the second part of our dropshadow */ content:""; height: 3px; background: rgba(0,0,0,.3); display: block; position: absolute; bottom: -3px; left: 40px; right:3px; } #occupied a { display:block; padding:19px; position:relative; /* allows us to position our pseudo-elements properly */ background:#ebebeb; overflow:visible; height:40px; margin-left:20px; color:#333; text-decoration:none; } #occupied a:after { /* this creates the "folded" part of our ribbon */ content:""; height: 0; width: 0; display:block; position:absolute; bottom:-15px; right:0; border-top: 15px solid #333; border-right: 15px solid transparent; } #occupied a:before { /* this creates the "forked" part of our ribbon */ content:""; height: 0; width: 0; display:block; position:absolute; top:0; left:-20px; border-top: 20px solid #ebebeb; border-bottom: 20px solid #ebebeb; border-right: 20px solid transparent; border-left: 20px solid transparent; } #occupied a:hover { background:#ffffff; } #occupied a:hover:before { /* this makes sure that the "forked" part of the ribbon changes color with the anchor on :hover */ border-top: 20px solid #ffffff; border-bottom: 20px solid #ffffff; } .process_indicator { background-image: url(http://static.4elements.com/images/ajax-loader.gif); background-repeat: no-repeat; background-position: bottom left; height: 3em; width: 100%; text-align: left; display: none; } .bg-muted-ll { background-color: #888888; } .bg-primary-ll { background-color: #2f87c1; } .bg-danger-ll { background-color: #d9534f; } .bg-sucess-ll { background-color: #5cb85c; } .bg-design-ll { background-color: #854545; } .bg-warning-ll { background-color: #f0ad4e; } .bg-ll { background-color: ; } .bg-muted-ll, .bg-primary-ll, .bg-danger-ll, .bg-sucess-ll, .bg-design-ll, .bg-warning-ll, .bg-ll { color: #fff; } .timeline-circle { display: inline-block; width: 10px; height: 10px; margin-top:4px; vertical-align: text-top; } .timeline-circle { text-align: center; font-weight: 300; } .timeline-circle { padding-right: 0.025em; letter-spacing: -99999em; } ul#comments-list .comment, ul#comments-list .comment-content { overflow: hidden; zoom: 1; } ul#comments-list .comment, ul#comments-list .comment .comment { padding-top: 5px; } ul#comments-list .comment:first-child { padding-top: 0; } ul#comments-list .comment-heading { margin: 0 0 5px; } ul#comments-list .comments-list { padding-left: 0; list-style: none; } ul#comments-list .comments-list + .comment-new { padding-top: 10px; border-top: 1px solid #dddddd; } ul#comments-list .name-divided:after { position: relative; top: -0.1em; display: inline-block; content: ""; vertical-align: middle; padding-left: .65em; margin-right: .5em; height: 1em; border-right: 1px solid; opacity: 0.5; filter: alpha(opacity=50); } ul#comments-list .comment .avatar { position: relative; width: 60px; height: 60px; float: left; margin-right: 15px; vertical-align: text-top; } ul#comments-list .comment .avatar > img { display: block; max-width: 100%; height: auto; } ul#comments-list .comment-tab { margin-bottom: 20px; font-weight: 600; } ul#comments-list .comment-tab .nav > li { float: right; } ul#comments-list .comment-tab .nav > li:first-child { float: left; } ul#comments-list .comment-tab .nav > li > a { border-bottom: 1px dotted #3482e6; border-radius: 0; } ul#comments-list .comment-tab .nav > li > a span { padding-left: 7px; font-style: 300; } ul#comments-list .comment-tab .nav > li + li { margin-left: 9px; } .comment-tab .nav .active > a { ul#comments-list border-bottom: none; border-radius: 2px; } ul#comments-list .comment .avatar { float: left; height: 40px; margin: 10px 10px 2px 5px; width: 40px; } ul#comments-list .comment .avatar > img { display: block; max-width: 100%; height: auto; } ul#comments-list .comment .name { display: inline-block; font-weight: 600; font-size: 13px; margin-bottom: 0; color:#e65d34; } ul#comments-list .comment p time { font-size: 12px; color: #888888; font-family: "Open Sans", sans-serif; } ul#comments-list .comment time:first-child { float: right; margin-left: .5em; } ul#comments-list .comment p { margin-bottom: 3px; } ul#comments-list .comment a:hover { text-decoration: none; } ul#comments-list .comment .comment .avatar { width: 41.37931034px; height: 41.37931034px; } li.comment div.comment-content p { width: 100% !important; } ul#comments-list .comment .comment .form-control { height: 41.37931034px; min-height: 41.37931034px; } ul#comments-list .comment .comment .form-control:focus { height: auto; } ul#comments-list .comment-content p { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; color: #666666; padding-top:15px; } ul#comments-list .comment-content p + time { float: right; } ul#comments-list .comment-content .name { font-family: "Open Sans", sans-serif; font-style: normal; font-size: 12px; color: #e65d34; } ul#comments-list .comment-buttons .btn { padding: 0; color: #a7a7a7; font-size: 12px; } ul#comments-list .comment-buttons .btn:hover { text-decoration: none; } ul#comments-list .comment-buttons .btn.reply { font-weight: 600; text-transform: uppercase; } ul#comments-list .comment-buttons .btn.btn-reply { font-weight: 600; font-size: 12px; text-transform: uppercase; } ul#comments-list .btn-link { box-shadow: none; } ul#comments-list li.comment:hover > a, ul#comments-list div.comment:hover > a { color: #205c83; } ul#comments-list li.comment:hover > .comment-content > p, ul#comments-list div.comment:hover > .comment-content > p { color: #444444; } ul#comments-list li.comment:hover > .comment-content > .comment-buttons .btn-link, ul#comments-list div.comment:hover > .comment-content > .comment-buttons .btn-link { color: #2f87c1; } ul#comments-list .comments-sm .comment .avatar, ul#comments-list .comments-xs .comment .avatar { width: 40px; height: 40px; } ul#comments-list .comments-sm .comment .comment-content p, ul#comments-list .comments-xs .comment .comment-content p { font-size: 12px; } ul#comments-list .comments-sm .comment .name, ul#comments-list .comments-xs .comment .name { margin-bottom: 0; } ul#comments-list .comments-sm .comment time, ul#comments-list .comments-xs .comment time { font-size: 12px; } ul#comments-list .comments-sm .comment .comment .avatar, ul#comments-list .comments-xs .comment .comment .avatar { width: 40px; height: 40px; } ul#comments-list .comments-sm .comment-new .avatar, ul#comments-list .comments-xs .comment-new .avatar { width: 60px; height: 60px; } ul#comments-list .comments-xs .comment .comment-content p { font-size: 11px; } ul#comments-list.plus-comments-area.comments-list li.comment { background-image: url("../images/background/translucent/white/translucent50.png"); border-bottom: 1px solid #f0f0f0; margin-bottom: 1px; padding: 3px 10px; } ul#comments-list.plus-comments-area.comments-list li.comment div.comment-content p time.date::after, ul#comments-list.plus-comments-area.comments-list li.comment div.comment-content p time.date::before{ content: ""; margin-left: 0; } ul#comments-list.plus-comments-area.comments-list li.comment div.comment-content p time.date { margin-right:0px !important; padding-right:0px !important; } ul.history-list.list-hover.border-item li.active { background-image: url("../images/background/translucent/grays/translucent5.png"); } ul.history-list.list-hover.border-item li.active > em a i.text-concrete.fi.fi-rss, ul.history-list.list-hover.border-item li.active > p time, ul.history-list.list-hover.border-item li.active > p span a{ color:#e65d34; } ul.history-list.list-hover.border-item li:not(.head):hover, ul.history-list.list-hover.border-item li:not(.head):hover > em a i.text-concrete.fi.fi-rss, ul.history-list.list-hover.border-item li:not(.head):hover > p time, ul.history-list.list-hover.border-item li:not(.head):hover > p span a { color:#e65d34; } .history-list.list-hover > li:not(.head):hover { background-image: url("../images/background/translucent/grays/translucent3.png"); } .timeline-content figure.final-product.final-product--image img, .timeline-content figure.post_image img { max-width:100%; display: block; margin: 0 auto; } .name-pic { margin-top: -7px; } .likeblock { } .likeblock .like_btn {} .likeblock .loading {display:none} #scrollbubble { display: none; position: fixed; top: 0; right: 20px; z-index: 500; padding: 3px 8px; background-color: #000; color: #FFF; border-radius: 3px; } #scrollbubble:after { content: " "; position: absolute; top: 50%; right: -8px; height: 0; width: 0; margin-top: -4px; border: 4px solid transparent; border-left-color: #000; } .custm_btn { padding-left:2px; padding-right:2px; } .timeline-thread-heading:before, .timeline-thread-heading:after, .timeline-thread-content:before, .timeline-thread-content:after, .timeline-thread-footer:before, .timeline-thread-footer:after { content: " "; display: table; } .timeline-thread-heading:after, .timeline-thread-content:after, .timeline-thread-footer:after { clear: both; } ul.timeline-thread { background-color: #fae2db; } .timeline-thread { position: relative; width: 100%; padding: 0 15px; overflow: hidden; list-style: none; } .timeline-thread:after { position: absolute; top: 0; left: 50%; z-index: 1; width: 2px; min-height: 100%; margin-left: -1px; content: ""; background-color: #b8b8b8; } .timeline-thread-hover .timeline-thread-event:hover { margin-top: 11px; margin-bottom: 15px; -webkit-box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.125), 0 5px 7px 0 rgba(0, 0, 0, 0.175); box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.125), 0 5px 7px 0 rgba(0, 0, 0, 0.175); } .timeline-thread-event { position: relative; z-index: 2; float: left; width: calc((50% - 26px)); margin-top: 13px; margin-bottom: 13px; background-color: #ffffff; min-height: 60px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.075), 0 2px 6px rgba(0,0,0,.075); box-shadow: 0 1px 1px rgba(0,0,0,.075), 0 2px 6px rgba(0,0,0,.075); -webkit-transition: box-shadow .175s ease-in-out, margin .175s ease-in-out; -o-transition: box-shadow .175s ease-in-out, margin .175s ease-in-out; transition: box-shadow .175s ease-in-out, margin .175s ease-in-out; } .timeline-thread-event:before { position: absolute; top: 15px; right: -7px; left: -7px; z-index: 1; width: 14px; height: 14px; content: ""; background-color: inherit; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .timeline-thread-event:after { position: absolute; top: 15px; z-index: 1; content: ""; width: 14px; height: 14px; background-color: #b8b8b8; border: 3px solid #f5f5f5; border-radius: 100%; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .timeline-thread-event.placement:nth-child(even):before, .timeline-thread-event.left:before { box-shadow: 2px 1px 2px rgba(0, 0, 0, 0.075); } .timeline-thread-event.placement:nth-child(odd):before, .timeline-thread-event.right:before { box-shadow: 0 2px 2px rgba(0, 0, 0, 0.075); } .timeline-thread-event a { color: #444444; } .timeline-thread-event:hover a, .timeline-thread-event:hover .data a { color: #2f87c1; } .timeline-thread-event:hover:after { background-color: #2f87c1; } .timeline-thread-event .data, .timeline-thread-event .description-sm { color: #bbbbbb; } .timeline-thread-event .data a, .timeline-thread-event .description-sm a { color: inherit; } .timeline-thread-event + .timeline-thread-event:before, .timeline-thread-event + .timeline-thread-event:after { top: 33.5px; } .timeline-thread-event-inner { position: relative; z-index: 2; background-color: inherit; } .timeline-thread-heading { padding: 20px 20px 0; } .timeline-thread-heading .media { padding-bottom: 15px ; margin-top: 0; margin-bottom: 0; border-bottom: 1px solid #dddddd; } .timeline-thread-content { padding: 20px 20px; } .timeline-thread-content + .timeline-thread-content { padding-top: 0; } .timeline-thread-footer { padding: 10px 20px; background-image: url("../images/background/translucent/grays/translucent6.png"); } .timeline-thread-footer .plus-comments-area { padding-top: 10px; margin-top: 10px; border-top: 1px solid #dddddd; } .timeline-thread-event.placement:nth-child(even), .timeline-thread-event.left { right: 50%; margin-right: 26px; float: right; clear: right; } .timeline-thread-event.placement:nth-child(even):before, .timeline-thread-event.left:before { left: auto; } .timeline-thread-event.placement:nth-child(even):after, .timeline-thread-event.left:after { left: auto; right: -33px; } .timeline-thread-event.placement:nth-child(odd), .timeline-thread-event.right { left: 50%; margin-left: 26px; float: left; clear: left; } .timeline-thread-event.placement:nth-child(odd):after, .timeline-thread-event.right:after { right: auto; left: -33px; } .timeline-thread-event.wide { width: 100%; clear: both; } .timeline-thread-event.wide:before { top: -7px; right: auto; left: 50%; margin-left: -7px; } .timeline-thread-event.wide:after { top: -33px; right: auto; left: 50%; margin-left: -7px; } .timeline-thread-event.divider { margin-top: 26px; float: left; width: 100%; min-height: 20px; clear: both; text-align: center; background: transparent; -webkit-box-shadow: none; box-shadow: none; } .timeline-thread-event.divider:before, .timeline-thread-event.divider:after { display: none; } .timeline-thread-event.divider .timeline-thread-event-inner { display: inline-block; padding: .45em 1em; color: #ffffff; background: #5cb85c; } .timeline-thread-left { padding-left: 15px; } .timeline-thread-left:after { left: 15px; margin-left: -1px; } .timeline-thread-left .timeline-thread-event, .timeline-thread-left .timeline-thread-event.left, .timeline-thread-left .timeline-thread-event.right, .timeline-thread-left .timeline-thread-event.wide, .timeline-thread-left .timeline-thread-event.divider { right: 0; left: 0; float: none; width: auto; margin-right: 0; margin-left: 30px; clear: initial; } .timeline-thread-left .timeline-thread-event:before, .timeline-thread-left .timeline-thread-event.left:before, .timeline-thread-left .timeline-thread-event.right:before, .timeline-thread-left .timeline-thread-event.wide:before, .timeline-thread-left .timeline-thread-event.divider:before, .timeline-thread-left .timeline-thread-event:after, .timeline-thread-left .timeline-thread-event.left:after, .timeline-thread-left .timeline-thread-event.right:after, .timeline-thread-left .timeline-thread-event.wide:after, .timeline-thread-left .timeline-thread-event.divider:after { top: 20px; right: auto; margin-left: 0; } .timeline-thread-left .timeline-thread-event:before, .timeline-thread-left .timeline-thread-event.left:before, .timeline-thread-left .timeline-thread-event.right:before, .timeline-thread-left .timeline-thread-event.wide:before, .timeline-thread-left .timeline-thread-event.divider:before { left: -10px; width: 20px; height: 20px; } .timeline-thread-left .timeline-thread-event:after, .timeline-thread-left .timeline-thread-event.left:after, .timeline-thread-left .timeline-thread-event.right:after, .timeline-thread-left .timeline-thread-event.wide:after, .timeline-thread-left .timeline-thread-event.divider:after { left: -40px; border-width: 5px; width: 20px; height: 20px; } .timeline-thread-left .timeline-thread-event.divider .timeline-thread-event-inner { display: block; margin-bottom: 30px; } .timeline-thread-left .timeline-thread-event + .timeline-thread-event:before, .timeline-thread-left .timeline-thread-event + .timeline-thread-event:after { top: 20px; } .timeline-thread-centered { padding-bottom: 52px; } .timeline-thread-centered:after { width: 4px; margin-left: -2px; } .timeline-thread-centered .timeline-thread-event, .timeline-thread-centered .timeline-thread-event.left, .timeline-thread-centered .timeline-thread-event.right, .timeline-thread-centered .timeline-thread-event.wide { right: 0; left: 0; float: left; width: 100%; margin: 52px 0 0 0; clear: both; text-align: left; border-top: 3px solid #d1d1d1; } .timeline-thread-centered .timeline-thread-event:before, .timeline-thread-centered .timeline-thread-event.left:before, .timeline-thread-centered .timeline-thread-event.right:before, .timeline-thread-centered .timeline-thread-event.wide:before, .timeline-thread-centered .timeline-thread-event:after, .timeline-thread-centered .timeline-thread-event.left:after, .timeline-thread-centered .timeline-thread-event.right:after, .timeline-thread-centered .timeline-thread-event.wide:after { right: auto; left: 50%; } .timeline-thread-centered .timeline-thread-event:before, .timeline-thread-centered .timeline-thread-event.left:before, .timeline-thread-centered .timeline-thread-event.right:before, .timeline-thread-centered .timeline-thread-event.wide:before { top: -7px; margin-left: -7px; background-color: #d1d1d1; } .timeline-thread-centered .timeline-thread-event:after, .timeline-thread-centered .timeline-thread-event.left:after, .timeline-thread-centered .timeline-thread-event.right:after, .timeline-thread-centered .timeline-thread-event.wide:after { top: -33px; margin-left: -7px; } .timeline-thread-centered .timeline-thread-event.divider { border-top: none; } .timeline-thread-icon, .timeline-thread-avatar, .timeline-thread-number { display: inline-block; width: 40px; height: 40px; } .timeline-thread-icon, .timeline-thread-number { text-align: center; font-size: 28px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; } .timeline-thread-number { padding-right: 0.025em; letter-spacing: -0.025em; } .timeline-thread-avatar img { display: block; max-width: 100%; height: auto; } .timeline-thread-icon { display: inline-block; width: 40px; height: 40px; text-align: center; font-size: 28px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; } .timeline-thread-event .comment { padding: 5px 20px; margin-bottom: 1px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #f0f0f0; background-image: url("../images/background/translucent/grays/translucent3.png"); } .timeline-thread-event .comment .comment { padding: 5px 10px; } .timeline-thread-map { width: 100%; height: 200px; margin: 0; } .timeline-event.col_bor { border-top: 3px solid #e65d34; clear: both; float: left; left: 0; margin: 52px 0 0; right: 0; text-align: left; width: 100%; } .timeline-event.col_bor::before{ background-color: #e65d34; margin-left: -7px; top: -7px; } ul.social-action li a.btn.btn-xs.btn-mini.disabled.btn-danger.total_likes, ul.social-action li a.btn.btn-xs.btn-mini.disabled.btn-success.total_likes { color:#fff; } .info-windows{opacity:0.9} .menu {width:191px; height:191px; position:relative; background:url(../images/gmap/menu.png) no-repeat; list-style:none; padding:0; margin:0} .menu li {position:absolute} .menu li a {width:100%; height:100%; overflow:hidden; float:left; *zoom:1; position:relative; text-indent:-999px} .menu .item-1 {width:126px; height:66px; left:33px; top:5px} .menu .item-2 {width:68px; height:126px; right:5px; top:31px} .menu .item-3 {width:131px; height:70px; left:30px; bottom:6px} .menu .item-4 {width:67px; height:128px; left:6px; top:30px} .menu .item-5 {width:67px; height:67px; left:63px; top:60px} .menu .item-1 a {background:url(../images/gmap/1.png) 0 -999px no-repeat} .menu .item-2 a {background:url(../images/gmap/2.png) 0 -999px no-repeat} .menu .item-3 a {background:url(../images/gmap/3.png) 0 -999px no-repeat} .menu .item-4 a {background:url(../images/gmap/4.png) 0 -999px no-repeat} .menu .item-5 a {background:none} .menu li a:hover, .menu .active a {background-position:0 0} #map img {max-width: none;} /* Google Map fix for Twitter bootstrap */ /*------------------------------------------- Base Styles -------------------------------------------*/ .ui-infobox, .ui-infobox-white { /* background: url(/themes/site_themes/designscan-dashboard/img/gmap/right-triangle-dark.png) 9px 10px no-repeat; */ } .ui-infobox-content { border: 1px solid #CCC; padding: 1em 1em .5em; width:250px; } /*------------------------------------------- Dark infobox -------------------------------------------*/ .ui-infobox-white .ui-infobox-content { background: rgba(255, 255, 255, 0.75); color: rgb(0, 0, 0); margin: 0 0 0 0px; } .ui-infobox-white .ui-infobox-content > * { color: rgb(0, 0, 0); padding: 0; margin: 0; text-shadow: none; } .ui-infobox-white .ui-infobox-content h3, .ui-infobox-white .ui-infobox-content p { margin-bottom: 5px; font-weight: 300; text-align: center; } .ui-infobox-white .ui-infobox-content h3 { font-size: 16px; font-weight: normal; } .ui-infobox-white a { } .ui-infobox-white span.subtitle { text-transform: uppercase; color: #9C9B9D; font-size: 10px !important; margin-top:2px; margin-left:4px; } .gmnoprint .gm-style-mtc, .gmnoprint .gm-style-cc {visibility: hidden;} .geomap, #map, .gmap { width:100%; height:275px; border:5px solid #ffffff; } .adp-marker { margin:5px; width:22px; } .adp-text { } /********************************/ /* Panel cards */ /********************************/ .panel.panel-card { position: relative; height: 241px; border: none; overflow: hidden; } .panel.panel-card .panel-heading { position: relative; z-index: 2; height: 120px; border-bottom-color: #fff; overflow: hidden; -webkit-transition: height 600ms ease-in-out; transition: height 600ms ease-in-out; } .panel.panel-card .panel-heading img { position: absolute; top: 50%; left: 50%; z-index: 1; width: 120%; -webkit-transform: translate3d(-50%,-50%,0); transform: translate3d(-50%,-50%,0); } .panel.panel-card .panel-heading button { position: absolute; top: 10px; right: 15px; z-index: 3; } .panel.panel-card .panel-body { padding-top: 30px; padding-bottom: 30px; -webkit-transition: padding 400ms ease-in-out; transition: padding 400ms ease-in-out; } .panel.panel-card .panel-thumbnails { padding: 0 15px 20px; } .panel.panel-card:hover .panel-heading { height: 55px; -webkit-transition: height 400ms ease-in-out; transition: height 400ms ease-in-out; } .panel.panel-card:hover .panel-body { padding-top: 20px; -webkit-transition: padding 400ms ease-in-out; transition: padding 400ms ease-in-out; } /* * ----------------------------------------------------------------------------- * BUY CREDITS * ----------------------------------------------------------------------------- */ .buy-items_agency > .btn { padding: 20px 15px; margin-bottom: 9px; margin-left: 5px; font-size: 30px; font-weight: 600; color: #555555; width: 109px; background-color: #eee; border-radius: 0; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.125); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.125); -webkit-transition: color .2s, background-color .5s linear; -o-transition: color .2s, background-color .5s linear; transition: color .2s, background-color .5s linear; } .buy-items > .btn { padding: 20px 15px; margin-bottom: 9px; margin-left: 5px; font-size: 36px; font-weight: 600; color: #555555; width: 105px; background-color: #eee; border-radius: 0; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.125); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.125); -webkit-transition: color .2s, background-color .5s linear; -o-transition: color .2s, background-color .5s linear; transition: color .2s, background-color .5s linear; } .buy-items_agency > .btn i, .buy-items > .btn i { margin-left: -0.25em; font-size: .85em; } .buy-items_agency > .btn:hover, .buy-items > .btn:hover { color: #fff; background-color: #202020; } .buy-items_agency > .btn:active, .buy-items_agency > .btn.active, .buy-items > .btn:active, .buy-items > .btn.active { color: #fff; outline: 0; background-image: none; background-color: #2f87c1; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .buy-items_agency > .btn:active:before, .buy-items_agency > .btn.active:before, .buy-items > .btn:active:before, .buy-items > .btn.active:before { position: absolute; left: 8px; top: -5px; display: inline-block; font-family: "FontIcons"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-right: .35em; content: "\eb09"; } .buy-current i { font-size: 2em; } .buy-current strong { display: inline-block; margin-left: 15px; } .buy-current strong small { display: block; font-size: 11px; text-transform: uppercase; } .pay-method .btn-method { padding: 10px 8px 4px 10px; margin: 0 20px 9px 5px; background-color: transparent; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .pay-method .btn-method:active, .pay-method .btn-method.active { color: #fff; outline: 0; background-image: none; background-color: #2f87c1; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .pay-method[data-toggle="buttons"] .btn-method > input[type="radio"], .pay-method[data-toggle="buttons"] .btn-method > input[type="checkbox"] { position: absolute; z-index: -1; opacity: 0; } .pay-method .pay-method-group + .pay-method-group { padding-top: 10px; border-top: 1px solid #e2e2e2; } #deposit {margin-top:-40px; margin-bottom:25px;margin-right:7px;} label i.paymenticon.visa.large, label i.paymenticon.americanexpress02.large, label i.paymenticon.mastercard.large {padding-top:0px;margin-top:-5px;} .hidden{display:none;} #mv_group { margin-top:-106px;margin-left:265px;position: absolute; } @media (max-width: 767px) { #mv_group { margin-top:-106px;margin-left:220px;position: absolute; } } .avatar-indicator_mem { display: block; position: absolute; z-index: 2; right: 20px; top: 6px; margin: 0; width: 20px; height: 20px; } .avatar-indicator_mem.bottom { top: auto; right: auto; left: 15px; bottom: 19px; } .avatar-indicator_mem i { vertical-align: top; } /* * ----------------------------------------------------------------------------- * ELEMENTS - RING * ----------------------------------------------------------------------------- */ .ring_mem { display: inline-block; vertical-align: middle; width: 20px; height: 20px; color: #bdc3c7; border-radius: 50%; background-color: #292929; text-align: center; } .panel .ring_mem { background-color: #ffffff; } .ring_mem i { display: inline-block; font-family: "FontIcons"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; line-height: 20px; } .pulsive_mem { -webkit-animation: pulsate; -o-animation: pulsate; animation: pulsate; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; opacity: 0; } .text-red_mem { color: #e32235; } .ring_mem i:before { content: "\eaf0"; } .ring_mem.dot_mem i { font-size: 14px; } .ring_mem.dot_mem i:before { content: "\eaf1"; } .ring-primary { color: #428bca; } .ring-success { color: #5cb85c; } .ring-info { color: #5bc0de; } .ring-danger { color: #d9534f; } .ring-warning { color: #f0ad4e; } .description-sm { font-size: 12px !important; line-height: 1.3; } .geoalert-success, .geoalert-info { text-align: center; display: block; margin: 0 auto; } .other { display: none; } .big25 { padding-left: 42px; } .big8 { padding-left: 8px; } .text-shadow { text-shadow: 1px 1px 1px #333333; } .hgroup-icon-no-line { display: table-cell; padding-left: 15px; vertical-align: top; } .hgroup-icon-no-line:only-child { display: inline-block; } .hgroup-icon-no-line + .hgroup-content { padding-left: 10px; display: table-cell; } .hgroup-icon-no-line + .hgroup-content.separate-no-line { border-left: 0px solid #ddd; padding-left: 10px; } #geodirections_container img{max-width:none} .grid { position: relative; margin: 0 auto; padding: 1em 0 4em; max-width: 1600px; list-style: none; text-align: center; } /* Common style */ .grid figure { position: relative; float: left; overflow: hidden; margin: 10px 1%; min-width: 320px; max-width: auto; max-height: auto; width: 100%; background: #e65d34; text-align: center; cursor: pointer; } .grid figure img { position: relative; display: block; min-height: auto; max-width: 100%; opacity: 0.1; } .grid figure figcaption { padding: 2em; color: #fff; text-transform: uppercase; font-size: 1.75em; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .grid figure figcaption::before, .grid figure figcaption::after { pointer-events: none; } .grid figure figcaption, .grid figure figcaption > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Anchor will cover the whole item by default */ /* For some effects it will show as a button */ .grid figure figcaption > a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; } .item figure h4, .grid figure h2 { word-spacing: -0.15em; font-weight: 300; } .item figure h4 span, .grid figure h2 span { font-weight: 800; } /* Extra small devices (phones, up to 480px) */ @media screen and (max-width: 767px) { .item figure h4 span, .item figure h4 { font-size: 17px; font-size: 1.7rem; } } /* Small devices (tablets, 768px and up) */ @media (min-width: 768px) and (max-width: 991px) { } /* tablets/desktops and up ----------- */ @media (min-width: 992px) and (max-width: 1199px) { .item figure h4 span, .item figure h4 { font-size: 18px; font-size: 1.8rem; } .event-caption { bottom: -75%; color: #fff; height: 100%; left: 0; padding-left: 10px; padding-right: 10px; padding-top:6px; position: absolute; transition: all 0.3s ease-in-out 0s; width: 100%; z-index: 5; } } /* large desktops and up ----------- */ @media screen and (min-width: 1200px) { .item figure h4 span, .item figure h4 { font-size: 16px; font-size: 1.6rem; } } .grid figure h2, .grid figure p { margin: 0; } .grid figure p { letter-spacing: 1px; font-size: 16px; } /* Individual effects */ /*---------------*/ /***** Lily *****/ /*---------------*/ figure.effect-lily img { -webkit-filter: grayscale(1); -webkit-filter: grayscale(100%); filter: gray; filter: grayscale(100%); width: auto ; display: table-cell; max-width: 100%; height: auto ; opacity: 0.9; } figure.effect-lily figcaption { text-align: left; } figure.effect-lily figcaption > div { position: absolute; bottom: 0; left: 0; padding: 2em; width: 100%; bottom: 10px !important; } figure.effect-lily h2, figure.effect-lily p { -webkit-transform: translate3d(0,40px,0); transform: translate3d(0,40px,0); } figure.effect-lily h2 { -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; } figure.effect-lily p { color: rgba(255,255,255,0.8); opacity: 0; -webkit-transition: opacity 0.2s, -webkit-transform 0.35s; transition: opacity 0.2s, transform 0.35s; } figure.effect-lily:hover img, figure.effect-lily:hover p { opacity: 1; -webkit-filter: grayscale(0); -webkit-filter: grayscale(0%); filter: grayscale(0%); } figure.effect-lily:hover img, figure.effect-lily:hover h2, figure.effect-lily:hover p { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); text-shadow: 1px 1px 1px #333; } figure.effect-lily:hover p { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; } /*---------------*/ /***** slider cases *****/ /*---------------*/ *, *::after, *::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .cd-single-item { position: relative; background: #ffffff; } .cd-slider-wrapper { position: relative; z-index: 1; -webkit-transition: width 0.4s; -moz-transition: width 0.4s; transition: width 0.4s; /* Force Hardware Acceleration in WebKit */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: width; } @media only screen and (min-width: 1024px) { .cd-slider-wrapper { width: 50%; } .cd-slider-active .cd-slider-wrapper { width: 100%; } } .cd-slider { position: relative; z-index: 1; overflow: hidden; } .cd-slider::before { /* never visible - this is used in jQuery to check the current MQ */ content: 'mobile'; display: none; } ol.cd-slider, ul.cd-slider { list-style: none; padding:0px; } .cd-slider li { position: absolute; top: 0; left: 0; z-index: 100; height: 100%; width: 100%; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; list-style-type:none; } .cd-slider li img { display: block; width: 100%; } .cd-slider li.selected { position: relative; z-index: 2; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .cd-slider li.move-left { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } @media only screen and (min-width: 1024px) { .cd-slider { cursor: pointer; } .cd-slider::before { /* never visible - this is used in jQuery to check the current MQ */ content: 'desktop'; } .cd-slider::after { /* slider cover layer - to indicate the image is clickable */ content: ''; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: rgba(230, 93, 52, 0.4) url("../images/cd-icon-zoom.svg") no-repeat center center; /* size of the icon */ background-size: 48px; opacity: 0; z-index: 4; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; transition: opacity 0.2s; } .no-touch .cd-slider:hover::after { opacity: 1; } .cd-slider-active .cd-slider { cursor: auto; } .cd-slider-active .cd-slider::after { display: none; } } @media only screen and (min-width: 1024px) { .cd-slider-navigation li, .cd-slider-pagination { opacity: 0; visibility: hidden; -webkit-transition: opacity 0.4s 0s, visibility 0s 0.4s; -moz-transition: opacity 0.4s 0s, visibility 0s 0.4s; transition: opacity 0.4s 0s, visibility 0s 0.4s; } .cd-slider-active .cd-slider-navigation li, .cd-slider-active .cd-slider-pagination { opacity: 1; visibility: visible; -webkit-transition: opacity 0.4s 0.4s, visibility 0s 0.4s; -moz-transition: opacity 0.4s 0.4s, visibility 0s 0.4s; transition: opacity 0.4s 0.4s, visibility 0s 0.4s; } } .cd-slider-navigation li { position: absolute; list-style-type:none; z-index: 2; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .cd-slider-navigation li:first-of-type { left: 10px; } .cd-slider-navigation li:last-of-type { right: 10px; } .cd-slider-navigation li a { display: block; width: 48px; height: 48px; color: #333; background: url("../images/cd-icon-arrow.svg") no-repeat center center; -webkit-transition: opacity 0.2s 0s, visibility 0s 0s; -moz-transition: opacity 0.2s 0s, visibility 0s 0s; transition: opacity 0.2s 0s, visibility 0s 0s; /* image replacement */ overflow: hidden; text-indent: 100%; white-space: nowrap; } .cd-slider-navigation li a.inactive { opacity: 0; visibility: hidden; -webkit-transition: opacity 0.2s 0s, visibility 0s 0.2s; -moz-transition: opacity 0.2s 0s, visibility 0s 0.2s; transition: opacity 0.2s 0s, visibility 0s 0.2s; } .no-touch .cd-slider-navigation li a:hover { opacity: .7; } .cd-slider-navigation li:first-of-type a { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } @media only screen and (min-width: 1024px) { .cd-slider-navigation li:first-child { left: 30px; } .cd-slider-navigation li:last-child { right: 30px; } } .cd-slider-pagination { /* you won't see this element in the html but it will be created using jQuery */ position: absolute; z-index: 2; bottom: 30px; left: 50%; right: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); visibility: hidden; } .cd-slider-pagination:after { content: ""; display: table; clear: both; } .touch .cd-slider-pagination { visibility: hidden; } .cd-slider-pagination li { display: inline-block; float: left; margin: 0 5px; } .cd-slider-pagination li.selected a { background: #ededed; } .cd-slider-pagination a { display: block; height: 12px; width: 12px; border-radius: 50%; border: 1px solid #ededed; /* fix a bug in IE9/10 - transparent anchor not clickable */ background-color: rgba(255, 255, 255, 0); /* image replacement */ overflow: hidden; text-indent: 100%; white-space: nowrap; } .cd-slider-wrapper .cd-close { display: none; position: absolute; z-index: 2; top: 30px; right: 30px; width: 48px; height: 48px; background: url("../images/cd-icon-close.svg") no-repeat center center; /* image replacement */ overflow: hidden; text-indent: 100%; white-space: nowrap; visibility: hidden; opacity: 0; -webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0.4s; -moz-transition: -moz-transform 0.3s 0s, visibility 0s 0.4s; transition: transform 0.3s 0s, visibility 0s 0.4s; } .cd-slider-active .cd-slider-wrapper .cd-close { visibility: visible; opacity: 1; -webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0s, opacity 0.4s 0.4s; -moz-transition: -moz-transform 0.3s 0s, visibility 0s 0s, opacity 0.4s 0.4s; transition: transform 0.3s 0s, visibility 0s 0s, opacity 0.4s 0.4s; } .no-touch .cd-slider-active .cd-slider-wrapper .cd-close:hover { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } @media only screen and (min-width: 1024px) { .cd-slider-wrapper .cd-close { display: block; } } .cd-item-info { padding: 50px 5%; } .cd-item-info h2, .cd-item-info p { max-width: 480px; } .cd-item-info h2 { font-size: 2.4rem; font-weight: bold; } .cd-item-info p { line-height: 1.6; margin: 1em 0; color: #666666; } .cd-item-info .add-to-cart { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; border: none; padding: .8em 1.6em; background-color: #f42e4e; color: #ffffff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: "PT Sans", sans-serif; font-size: 1.6rem; font-weight: bold; cursor: pointer; border-radius: 4px; } @media only screen and (min-width: 1024px) { .cd-item-info { position: absolute; width: 50%; top: 0; right: 0; padding: 0px 40px 0; margin: 0; } } .cd-content p { width: 90%; max-width: 768px; padding: 4em 0; margin: 0 auto; } .cd-content > .active { color: #888888; } .carousel-control { width: 4%; } .carousel-control.left {margin-left:-20px;background-image:none;} .carousel-control.right {margin-right:-20px;background-image:none;} @media (max-width: 767px) { .carousel-inner .active.left { left: -100%; } .carousel-inner .next { left: 100%; } .carousel-inner .prev { left: -100%; } .active > div { display:none; } .active > div:first-child { display:block; } } @media (min-width: 767px) and (max-width: 992px ) { .carousel-inner .active.left { left: -50%; } .carousel-inner .next { left: 50%; } .carousel-inner .prev { left: -50%; } .active > div { display:none; } .active > div:first-child { display:block; } .active > div:first-child + div { display:block; } } @media (min-width: 992px ) { .carousel-inner .active.left { left: -16.7%; } .carousel-inner .next { left: 16.7%; } .carousel-inner .prev { left: -16.7%; } } ul.nav.navbar-nav.navbar-right li.dropdown.open ul.dropdown-menu.dropdown-menu-left li.active a{ background-color: #e7e7e7; color: #555; } span.label.mrs.bg-brand-l, span.label.mrs.bg-brand-d { display:inline-block; } h6.elegantshadow, h5.elegantshadow, h4.elegantshadow, h3.elegantshadow, h2.elegantshadow, h1.elegantshadow { font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif; font-size: 45px; padding: 0px; text-align: center; text-transform: uppercase; text-rendering: optimizeLegibility; color:#FFFFFF; text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15); } h6.longshadow, h5.longshadow, h4.longshadow, h3.longshadow, h2.longshadow, h1.longshadow { font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif; font-size: 85px; padding: 0px; text-align: center; text-transform: uppercase; text-rendering: optimizeLegibility; color: #131313; letter-spacing: .15em; text-shadow: 1px -1px 0 #767676, -1px 2px 1px #737272, -2px 4px 1px #767474, -3px 6px 1px #787777, -4px 8px 1px #7b7a7a, -5px 10px 1px #7f7d7d, -6px 12px 1px #828181, -7px 14px 1px #868585, -8px 16px 1px #8b8a89, -9px 18px 1px #8f8e8d, -10px 20px 1px #949392, -11px 22px 1px #999897, -12px 24px 1px #9e9c9c, -13px 26px 1px #a3a1a1, -14px 28px 1px #a8a6a6, -15px 30px 1px #adabab, -16px 32px 1px #b2b1b0, -17px 34px 1px #b7b6b5, -18px 36px 1px #bcbbba, -19px 38px 1px #c1bfbf, -20px 40px 1px #c6c4c4, -21px 42px 1px #cbc9c8, -22px 44px 1px #cfcdcd, -23px 46px 1px #d4d2d1, -24px 48px 1px #d8d6d5, -25px 50px 1px #dbdad9, -26px 52px 1px #dfdddc, -27px 54px 1px #e2e0df, -28px 56px 1px #e4e3e2; } h6.insetshadow, h5.insetshadow, h4.insetshadow, h3.insetshadow, h2.insetshadow, h1.insetshadow { font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif; font-size: 45px; padding: 0px; text-align: center; text-transform: uppercase; text-rendering: optimizeLegibility; color: #202020; letter-spacing: .1em; text-shadow: -1px -1px 1px #fff, 2px 2px 1px #363636; } h6.retroshadow, h5.retroshadow, h4.retroshadow, h3.retroshadow, h2.retroshadow, h1.retroshadow { font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif; font-size: 45px; padding: 0px; text-align: center; text-transform: uppercase; text-rendering: optimizeLegibility; color: #2c2c2c; letter-spacing: .05em; text-shadow: 4px 4px 0px #f5f5f5, 7px 7px 0px rgba(0, 0, 0, 0.2); } .board-panel { padding-top: 30px; padding-bottom: 29px; border-bottom: 1px solid transparent; } #board01 .board-panel { border-bottom-color: #e6e6e6; } #board01 .tile { -webkit-box-shadow: 0 6px 15px -6px rgba(0, 0, 0, 0.35); box-shadow: 0 6px 15px -6px rgba(0, 0, 0, 0.35); } #board01 .list-composite h6, #board01 .list-composite aside small { color: #888888; } #board01 .bg-deep-silver .list-composite { border-color: #80898f; } #board01 .bg-deep-silver .list-composite .item-content { border-color: #9ba6a7; } #board01 .bg-deep-silver .list-composite h6, #board01 .bg-deep-silver .list-composite aside small { color: #52575e; } #googleTile .value { color: #4285f4; } #googleTile .label, #googleTile .progress-bar { background-color: #4285f4; } #yahooTile .value { color: #8e3eb1; } #yahooTile .label, #yahooTile .progress-bar { background-color: #8e3eb1; } #bingTile .value { color: #ffb900; } #bingTile .label { color: #333; } #bingTile .label, #bingTile .progress-bar { background-color: #ffb900; } #engineTable thead > tr > .active, #engineTable tbody > tr > .active { color: #fff; font-weight: 600; background-color: #3482e6; } /* RESPONSIVE HIDE COLUMN - SAMPLE */ @media only screen and (max-width: 480px) { #engineTable td:nth-child(3), #engineTable th:nth-child(3), #engineTable td:nth-child(4), #engineTable th:nth-child(4), #engineTable td:nth-child(7), #engineTable th:nth-child(7) { display: none; } } @media only screen and (max-width: 767px) { #engineTable td:nth-child(2), #engineTable th:nth-child(2), #engineTable td:nth-child(9), #engineTable th:nth-child(9) { display: none; } } @media only screen and (max-width: 991px) { #engineTable td:nth-child(5), #engineTable th:nth-child(5), #engineTable td:nth-child(6), #engineTable th:nth-child(6) { display: none; } } #board02 .board-panel { border-bottom-color: #aeb7b8; padding-bottom: 60px; } #board02 .second-content { margin-top: -30px; } #board02 .tiles .tile { -webkit-box-shadow: 0 6px 15px -6px rgba(0, 0, 0, 0.35); box-shadow: 0 6px 15px -6px rgba(0, 0, 0, 0.35); } .full-row-bg img{ width: 100%; height: auto; } .two-columns { text-align: justify !important; /* Optional */ -webkit-column-width: 300px; -moz-column-width: 300px; column-width: 300px; -webkit-column-gap: 4em; -moz-column-gap: 4em; column-gap: 4em; -webkit-column-rule: 1px dotted #ddd; -moz-column-rule: 1px dotted #ddd; column-rule: 1px dotted #ddd; } .three-columns { /*text-align: justify !important; Optional */ -webkit-column-width: 300px; -moz-column-width: 300px; column-width: 300px; -webkit-column-gap: 4em; -moz-column-gap: 4em; column-gap: 4em; -webkit-column-rule: 1px dotted #ddd; -moz-column-rule: 1px dotted #ddd; column-rule: 1px dotted #ddd; } .four-columns { /*text-align: justify !important; Optional */ -webkit-column-width: 200px; -moz-column-width: 200px; column-width: 200px; -webkit-column-gap: 4em; -moz-column-gap: 4em; column-gap: 4em; -webkit-column-rule: 1px dotted #ddd; -moz-column-rule: 1px dotted #ddd; column-rule: 1px dotted #ddd; } @media (width: 500px) { .two-columns, .three-columns, .four-columns { height: auto; } } /* iPad in portrait */ @media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) { .three-columns { -webkit-column-width: 100px; -moz-column-width: 100px; column-width: 100px; } } @media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) { .three-columns { -webkit-column-width: 150px; -moz-column-width: 150px; column-width: 150px; } } @media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 1) { .three-columns { -webkit-column-width: 100px; -moz-column-width: 100px; column-width: 100px; } } @media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 1) { .three-columns { -webkit-column-width: 150px; -moz-column-width: 150px; column-width: 150px; } } .col-sm-12.col-md-12.col-lg-12 { padding-left:0px!important; padding-right:0px!important; margin-left:0px!important; margin-right:0px!important; } section .core-content .bg-deep-siler-ll { padding-bottom: 50px; } img.img-responsive.text-center { margin: 0 auto; } .g-seostyle { display:none; } .an-seostyle { border:0; } span.tel { padding-top: 22px; padding-bottom: 22px; line-height: 20px; position: relative; display: block; padding-right: 15px; padding-left: 15px; } .disabled-menu-text { padding: 6px 25px 6px 25px; font-size: 12px; color: #ccc; margin: 0 0 0px; } .board-panel .analitics-tile { margin-bottom: 10px; } .board-panel .analitics-tile .tile-title em { color: rgba(255, 255, 255, 0.6); } .board-panel .analitics-tile .tile-title .label { display: inline-block; padding: .25em .6em .2em; margin-right: 0.6em; margin-left: 0.6em; font-size: 1em; } /* * ----------------------------------------------------------------------------- * COMPONENTS - TILES * ----------------------------------------------------------------------------- */ .tile { position: relative; padding: 0; margin-bottom: 20px; background-color: #fdfdfd; border-radius: 2px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.125); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.125); } .tile .title, .tile .sub-title { font-size: 12px; } .tile .title { padding: 15px 20px 5px; margin-top: 0; margin-bottom: 15px; font-weight: 600; text-transform: uppercase; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tile .title.border { border-bottom-style: solid; } .tile .title.row { margin-right: -20px; margin-left: -20px; } .tile .title .sub-title { display: block; } .tile .sub-title { margin-top: 0; text-transform: none; } .tile .row-table { table-layout: fixed; } .tile .row-table > * { vertical-align: middle; } .tile .value { line-height: 1; } .tile.panel { box-shadow: none; } .tile.shadow { -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.125); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.125); } .tile .bottom-fix { position: absolute; bottom: 0; left: 0; width: 100%; } .tile-content { position: relative; height: 100%; overflow: hidden; } .tile-holder { padding-right: 20px; padding-left: 20px; } .tile-content-holder { padding-right: 20px; padding-left: 20px; padding-top: 10px; padding-bottom: 10px; } .tile-body { position: relative; padding: 20px; } .tile-body p { margin-bottom: 0; } .tile-body > .title { padding-right: 0; padding-left: 0; margin-top: -20px; } .tile-body > .title.row { padding-right: 20px; padding-left: 20px; } .tile-body + .tile-body { border-top: 1px solid rgba(0, 0, 0, 0.1); } .tile-body > .led { position: absolute; top: 10px; left: 20px; } .tile .controls { position: absolute; top: 0; right: 0; margin: 15px 20px 0 0; } .tile .controls .btn-control { padding: 0; font-size: 14px; } /*.tile-heading { padding: 10px 20px; &.massive { .padding-vertical(20px); } + .tile-body{ border-top: 1px solid @black10; } }*/ /*.tile-footer { padding: 15px 20px; .transluce-bg(8); }*/ /*.tile-title { margin: 0; font-size: @font-size-small; font-weight: @font-weight-semibold; text-transform: uppercase; .text-overflow(); &.border { border-bottom-style: solid; } }*/ /*.tile-body, .tile-heading { + .progress { margin: 0; border-radius: 0; background-color: @black10; .box-shadow(none); } }*/ .tile .media-body .title { padding: 0; margin: 0; } .tile .icon { font-size: 40px; } .tile .icon i { line-height: 56px; width: 56px; height: 56px; } .tile .icon.pull-left { margin-right: .25em; } .tile .icon.pull-right { margin-left: .25em; } .tile .bgicon { position: absolute; right: -0.05em; bottom: 0; font-size: 96px; opacity: 0.25; filter: alpha(opacity=25); } .tile .bgicon.out { right: -0.25em; bottom: -0.25em; } .tile .bgicon.fi-lg { font-size: 124px; line-height: 1; vertical-align: 0; } .tile-social { text-align: center; } .tile-social > i { display: block; line-height: 2em; font-size: 40px; } .tile-social ul { padding-left: 0; list-style: none; padding-top: 10px; padding-bottom: 10px; margin-bottom: 0; } .tile-social ul:before, .tile-social ul:after { content: " "; display: table; } .tile-social ul:after { clear: both; } .tile-social ul:before, .tile-social ul:after { content: " "; display: table; } .tile-social ul:after { clear: both; } .tile-social ul > li { display: block; width: 50%; float: left; } .tile-social ul > li > *:first-child { display: block; font-size: 18px; line-height: 1; } .tile-social ul > li + li { border-left: 1px solid #daddde; } .grid { margin: 0 0 20px 0; } .grid .tile { padding-right: 0; padding-left: 0; margin-bottom: 1px; border-radius: 0; -webkit-box-shadow: -1px 0px 0px 0px rgba(0, 0, 0, 0.025), 1px 0px 0px 0px rgba(0, 0, 0, 0.025), 0px 1px 1px 0px rgba(0, 0, 0, 0.125); box-shadow: -1px 0px 0px 0px rgba(0, 0, 0, 0.025), 1px 0px 0px 0px rgba(0, 0, 0, 0.025), 0px 1px 1px 0px rgba(0, 0, 0, 0.125); } .progress-group { margin-bottom: 0px!important; } .help-block { margin-bottom: 0px!important; } .progress-bar-gray { float: left; width: 0%; height: 100%; font-size: 12px; line-height: 20px; color: #ffffff; text-align: center; background-color: #95a5a6; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease; } .progress-striped-gray .progress-bar-gray, .progress-bar-striped-gray { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 40px 40px; } .btn-deep-silver { border-color: none!important; box-shadow: 0 0px 0px rgba(0,0,0,0); border-color: #aeb7b8!important; } .table td.fit, .table th.fit { white-space: nowrap; width: 1%; } form#sampleForm.form-horizontal.form-condensed div.col-lg-12 div.form-group div.col-sm-7 div.form-group label.checkbox-inline.checkbox-css { padding-left: 35px!important; margin-left: 0px!important; } .bg-white-tr { background-color: rgba(0, 0, 0, 0.01); } .border { border-bottom: 1px solid #eaeaea; -moz-box-shadow: 5px 0 5px -5px #333; -webkit-box-shadow: 5px 0 5px -5px #333; box-shadow: 5px 0 5px -5px #333; } .screen-reader { display: block !important; left: -9999px !important; position: absolute !important; }