david
ca1c2fb259
git-svn-id: https://192.168.0.254/svn/Proyectos.Afetec_Web/trunk@2 828b2857-b6d9-ce4d-95e2-bbc4707c23a3
2860 lines
52 KiB
CSS
2860 lines
52 KiB
CSS
/*
|
|
Theme Name: Positive
|
|
Theme URI: http://themeforest.net/item/positive-premium-multipurpose-wordpress-theme/560405
|
|
Description: <a href="http://positive.cloudfw.net">Positive - Premium Wordpress Theme</a> (<a href="http://positive.cloudfw.net/">Demo Site</a>)
|
|
Author: <a href="http://themeforest.net/user/orqun">Orkun GURSEL</a>
|
|
Author URI: http://www.orkungursel.com
|
|
License: GNU General Public License version 3.0
|
|
License URI: http://www.gnu.org/licenses/gpl-3.0.html
|
|
Version: 1.0.4
|
|
|
|
All files, unless otherwise stated, are released under the GNU General Public License
|
|
version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html)
|
|
|
|
*/
|
|
|
|
@import url("lib/css/reset.css");
|
|
|
|
/* =========================================
|
|
|
|
GENERAL ELEMENTS
|
|
|
|
============================================*/
|
|
|
|
body { min-width: 1040px; }
|
|
a { outline:none; }
|
|
h1,h2,h3,h4,h5,h6 { font-weight:normal; }
|
|
|
|
/*::selection{}
|
|
::-moz-selection{}
|
|
::-webkit-selection{}*/
|
|
|
|
.sprite {
|
|
background-image:url('lib/imgs/sprite.png');
|
|
background-repeat:no-repeat;
|
|
}
|
|
|
|
.cf {
|
|
clear:both;
|
|
height:0;
|
|
display:block;
|
|
}
|
|
|
|
a,a:active {text-decoration:none;}
|
|
a:hover {text-decoration:underline;}
|
|
|
|
.no-underline,
|
|
.no-underline a{ text-decoration: none !important; }
|
|
|
|
.text-center {text-align:center;}
|
|
.text-left {text-align: left;}
|
|
.text-right {text-align: right;}
|
|
.text-justify {text-align: justify;}
|
|
|
|
.unselectable,
|
|
#slider,
|
|
.slider-image a,
|
|
.slider-image a span {
|
|
-moz-user-select: none;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: -moz-none;
|
|
-khtml-user-select: none;
|
|
-webkit-user-select: none;
|
|
-o-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
#cloudfw-loading {
|
|
width:160px;
|
|
height:24px;
|
|
position:fixed;
|
|
right: 20px;
|
|
bottom:20px;
|
|
background:url(lib/imgs/loading-main.gif) no-repeat;
|
|
display:none;
|
|
}
|
|
|
|
.loading {
|
|
background:url(lib/imgs/loading_1.gif) no-repeat scroll 50% 40%;
|
|
}
|
|
|
|
#slides-loading-wrap {
|
|
bottom: 50px;
|
|
position: absolute;
|
|
width: 100%;
|
|
z-index: 50;
|
|
}
|
|
|
|
#slides-loading {
|
|
margin: 0 auto;
|
|
border-radius: 6px;
|
|
|
|
height:80px;
|
|
width: 70px;
|
|
|
|
background:url(lib/imgs/loading_1.gif) no-repeat scroll 50% 40% #fff;
|
|
}
|
|
|
|
/* =========================================
|
|
|
|
GRIDS SYSTEM
|
|
|
|
============================================*/
|
|
|
|
.the-page {
|
|
width: 940px;
|
|
margin:auto;
|
|
}
|
|
|
|
.init {
|
|
margin:0 40px;
|
|
}
|
|
|
|
.init-tb {
|
|
margin-top:40px;
|
|
margin-bottom:40px;
|
|
}
|
|
|
|
.gs {
|
|
margin-left: 20px;
|
|
margin-right: 20px;
|
|
}
|
|
|
|
.cl {
|
|
display:inline;
|
|
float: left;
|
|
position: relative;
|
|
margin-right: 40px;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.last {
|
|
margin-right:0;
|
|
}
|
|
|
|
/*
|
|
* #wide-container: 860px
|
|
* #withsidebar-container: 560px
|
|
*/
|
|
|
|
.cl_1 {width: 860px;}
|
|
.cl_2 {width: 410px;}
|
|
.cl_3 {width: 260px;}
|
|
.cl_3_2 {width: 560px;}
|
|
.cl_4 {width: 185px;}
|
|
.cl_4_3 {width: 635px;}
|
|
.cl_5 {width: 140px;}
|
|
.cl_5_2 {width: 320px;}
|
|
.cl_5_3 {width: 500px;}
|
|
.cl_5_4 {width: 680px;}
|
|
.cl_6 {width: 110px;}
|
|
.cl_6_2 {width: 260px;}
|
|
.cl_6_4 {width: 560px;}
|
|
.cl_6_5 {width: 710px;}
|
|
|
|
#withsidebar-container .cl_1 {width: 560px;}
|
|
#withsidebar-container .cl_2 {width: 260px;}
|
|
#withsidebar-container .cl_3 {width: 160px;}
|
|
#withsidebar-container .cl_3_2 {width: 360px;}
|
|
#withsidebar-container .cl_4 {width: 110px;}
|
|
#withsidebar-container .cl_4_3 {width: 410px;}
|
|
#withsidebar-container .cl_5 {width: 80px;}
|
|
#withsidebar-container .cl_5_2 {width: 200px;}
|
|
#withsidebar-container .cl_5_3 {width: 320px;}
|
|
#withsidebar-container .cl_5_4 {width: 440px;}
|
|
#withsidebar-container .cl_6 {width: 60px;}
|
|
#withsidebar-container .cl_6_2 {width: 160px;}
|
|
#withsidebar-container .cl_6_4 {width: 360px;}
|
|
#withsidebar-container .cl_6_5 {width: 460px;}
|
|
|
|
/***********************************/
|
|
|
|
.cl .cl {
|
|
margin-right:4%;
|
|
}
|
|
|
|
.cl .cl .first {
|
|
margin-left:0;
|
|
}
|
|
|
|
.cl .last {
|
|
margin-right:0;
|
|
}
|
|
|
|
.cl .cl_1 {width: 100% !important;}
|
|
.cl .cl_2 {width: 47.5% !important;}
|
|
.cl .cl_3 {width: 30.3% !important;}
|
|
.cl .cl_3_2 {width: 65.7% !important;}
|
|
.cl .cl_4 { width: 22% !important;}
|
|
.cl .cl_4_3 { width: 74% !important;}
|
|
.cl .cl_5 { width: 16.8% !important;}
|
|
.cl .cl_5_2 {width: 37.6% !important;}
|
|
.cl .cl_5_3 {width: 58.4% !important;}
|
|
.cl .cl_5_4 {width: 79.2% !important;}
|
|
.cl .cl_6 { width: 13.3% !important;}
|
|
.cl .cl_6_2 {width: 30.0% !important;}
|
|
.cl .cl_6_4 {width: 47.9% !important;}
|
|
.cl .cl_6_5 {width: 82.5% !important;}
|
|
|
|
|
|
|
|
/* =========================================
|
|
|
|
HEADER
|
|
|
|
============================================*/
|
|
|
|
#body-head {
|
|
}
|
|
|
|
#body-pattern {
|
|
}
|
|
|
|
#header-container {
|
|
height:130px;
|
|
position:relative;
|
|
}
|
|
|
|
#header-background {
|
|
background-repeat:repeat;
|
|
background-attachment:scroll;
|
|
background-position: 0 0;
|
|
}
|
|
|
|
#header a {text-decoration:none;}
|
|
|
|
|
|
/* HEADER -> LOGO */
|
|
|
|
#logo {
|
|
margin: 0;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
}
|
|
|
|
#logo #logo-text {
|
|
float:left;
|
|
}
|
|
|
|
#logo #logo-slogan {
|
|
padding: 0 0 0 15px;
|
|
margin-top:10px;
|
|
display:block;
|
|
float:left;
|
|
}
|
|
|
|
#logo-image {
|
|
margin: 0;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
}
|
|
|
|
#logo-image a{
|
|
width:100%;
|
|
height:100%;
|
|
display:block;
|
|
}
|
|
|
|
/* HEADER -> RIGHT SIDE */
|
|
|
|
#header-right-sector {
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
}
|
|
|
|
/* HEADER -> RIGHT SIDE -> WIDGETIZED AREA */
|
|
|
|
#header-widget {
|
|
float:left;
|
|
display:block;
|
|
margin: 3px 0 0 30px;
|
|
}
|
|
|
|
#header-widget .widget-header {
|
|
float:left;
|
|
display:block;
|
|
margin: 0 0 0 30px;
|
|
}
|
|
#header-widget .widget_nav_menu {
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.widget-header .menu li {
|
|
float:left; margin-left: 10px;
|
|
list-style: none none;
|
|
}
|
|
|
|
.widget-header .menu li > ul {
|
|
display:none;
|
|
}
|
|
|
|
/* HEADER -> RIGHT SIDE -> SEARCH MODULE */
|
|
|
|
#search-module {
|
|
margin-top: -3px;
|
|
margin-left:5px;
|
|
float:left;
|
|
position:relative;
|
|
background:url(lib/imgs/search_input_bg.png) no-repeat scroll 0 0 transparent;
|
|
display:block;
|
|
width: 204px;
|
|
height:29px;
|
|
|
|
background: rgba(0,0,0,0.1);
|
|
|
|
-webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.4);
|
|
-moz-box-shadow: inset 0 0 10px rgba(0,0,0,0.4);
|
|
box-shadow: inset 0 0 10px rgba(0,0,0,0.4);
|
|
|
|
-webkit-border-radius: 6px;
|
|
-moz-border-radius: 6px;
|
|
border-radius: 6px;
|
|
|
|
border-bottom: 1px solid rgba(200,200,200,0.1);
|
|
}
|
|
|
|
#search-module:hover {
|
|
background: rgba(0,0,0,0.1);
|
|
|
|
-webkit-box-shadow: inset 0 0 15px rgba(0,0,0,0.6);
|
|
-moz-box-shadow: inset 0 0 15px rgba(0,0,0,0.6);
|
|
box-shadow: inset 0 0 15px rgba(0,0,0,0.6);
|
|
}
|
|
|
|
|
|
#search-module #search-input {
|
|
margin:3px 0 0 30px;
|
|
width: 165px;
|
|
background:none;
|
|
border:none;
|
|
outline:none;
|
|
padding: 3px 0;
|
|
color:#fff;
|
|
}
|
|
|
|
#search-module-icon {
|
|
background:url(lib/imgs/search_input_icon.png) no-repeat;
|
|
width:18px;
|
|
height:18px;
|
|
display:block;
|
|
|
|
position:absolute;
|
|
left:6px;
|
|
top: 6px;
|
|
}
|
|
|
|
/* =========================================
|
|
|
|
NAVIGATION
|
|
|
|
============================================*/
|
|
|
|
#navigation {
|
|
position:relative;
|
|
z-index:3000;
|
|
}
|
|
|
|
.navigation-height {
|
|
height:50px;
|
|
}
|
|
|
|
#navigation-background,
|
|
#navigation-gradient,
|
|
#navigation-pattern{
|
|
position:absolute;
|
|
top:0;
|
|
left:0;
|
|
width:100%;
|
|
z-index:-1;
|
|
}
|
|
|
|
#navigation-background {
|
|
}
|
|
|
|
#navigation-gradient {
|
|
background:url(lib/imgs/navigation-gradient.png) repeat-x scroll 0 100% transparent;
|
|
}
|
|
|
|
|
|
|
|
/* NAVIGATION -> MENU */
|
|
|
|
|
|
ul#navigation-menu-items {
|
|
list-style: none none;
|
|
z-index:3000;
|
|
position:relative;
|
|
}
|
|
|
|
ul#navigation-menu-items li {
|
|
float:left;
|
|
position:relative;
|
|
}
|
|
|
|
ul#navigation-menu-items li a {
|
|
display:block;
|
|
padding: 14px 20px 13px;
|
|
|
|
font: normal 1.1em/1.5em Arial, Helvetica, sans-serif;
|
|
text-decoration:none;
|
|
text-transform:uppercase;
|
|
white-space:nowrap;
|
|
position:relative;
|
|
}
|
|
|
|
ul#navigation-menu-items li a:hover {
|
|
text-decoration:none;
|
|
}
|
|
|
|
ul#navigation-menu-items li.current-menu-item a {
|
|
|
|
}
|
|
|
|
ul#navigation-menu-items ul {
|
|
opacity:.99;
|
|
}
|
|
|
|
ul#navigation-menu-items ul * {
|
|
opacity:1;
|
|
}
|
|
|
|
|
|
ul#navigation-menu-items ul,
|
|
ul#navigation-menu-items ul ul{
|
|
display:none;
|
|
position:absolute;
|
|
list-style: none none;
|
|
margin:2px 0 0 -20px;
|
|
|
|
-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.3);
|
|
-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.3);
|
|
box-shadow: 0 2px 5px rgba(0,0,0,0.3);
|
|
|
|
z-index: 3000;
|
|
}
|
|
|
|
ul#navigation-menu-items ul li,
|
|
ul#navigation-menu-items ul li a,
|
|
ul#navigation-menu-items ul li ul li,
|
|
ul#navigation-menu-items ul li ul li a {
|
|
display:block;
|
|
float:none;
|
|
position:relative;
|
|
white-space: normal;
|
|
}
|
|
|
|
ul#navigation-menu-items ul li a,
|
|
ul#navigation-menu-items ul li ul li a {
|
|
padding: 10px 20px;
|
|
border-top: 1px solid rgba(255,255,255, .1);
|
|
border-bottom: 1px solid rgba(0,0,0, .1);
|
|
}
|
|
|
|
|
|
|
|
ul#navigation-menu-items li a:hover,
|
|
ul#navigation-menu-items li.navigation-menu-hover > a{
|
|
background: rgba(0,0,0,0.05) !important;
|
|
}
|
|
|
|
ul#navigation-menu-items ul li.NotmegaMenu a:hover,
|
|
ul#navigation-menu-items ul li.NotmegaMenu.navigation-menu-hover > a,
|
|
ul#navigation-menu-items ul li.NotmegaMenu ul li.navigation-menu-hover > a,
|
|
ul#navigation-menu-items ul li.NotmegaMenu ul li ul li.navigation-menu-hover > a,
|
|
ul#navigation-menu-items ul li.NotmegaMenu ul li a:hover{
|
|
background: rgba(0,0,0,0.1) !important;
|
|
}
|
|
|
|
ul#navigation-menu-items ul{
|
|
-webkit-border-bottom-right-radius: 6px;
|
|
-webkit-border-bottom-left-radius: 6px;
|
|
-moz-border-radius-bottomright: 6px;
|
|
-moz-border-radius-bottomleft: 6px;
|
|
border-bottom-right-radius: 6px;
|
|
border-bottom-left-radius: 6px;
|
|
}
|
|
|
|
ul#navigation-menu-items ul ul{
|
|
position:absolute;
|
|
margin:-44px 0 0 0;
|
|
|
|
-webkit-border-radius: 6px;
|
|
-moz-border-radius: 6px;
|
|
border-radius: 6px;
|
|
}
|
|
|
|
.depth-0.NotmegaMenu > ul { margin-left: 0 !important; }
|
|
|
|
|
|
ul#navigation-menu-items ul li a {
|
|
text-transform: none;
|
|
position:relative;
|
|
}
|
|
|
|
.navigation-menu-arrow {
|
|
position:absolute;
|
|
z-index:10;
|
|
left: 0;
|
|
bottom:-12px;
|
|
width: 100%;
|
|
}
|
|
|
|
.ie .navigation-menu-arrow {
|
|
bottom:-11px;
|
|
}
|
|
|
|
li.current-menu-item .navigation-menu-arrow .the-arrow,
|
|
li.current_page_item .navigation-menu-arrow .the-arrow,
|
|
li.current-menu-parent .navigation-menu-arrow .the-arrow,
|
|
li.current_page_parent .navigation-menu-arrow .the-arrow{
|
|
display:block;
|
|
width:0px;
|
|
height:0px;
|
|
border:5px solid transparent;
|
|
margin:0 auto;
|
|
font-size:0px;
|
|
line-height:0px;
|
|
}
|
|
|
|
ul#navigation-menu-items li.NotmegaMenu li:first-child > a {
|
|
border-top: 0;
|
|
}
|
|
|
|
ul#navigation-menu-items > li.megaMenu {
|
|
position:static;
|
|
}
|
|
|
|
ul#navigation-menu-items > li.megaMenu > ul{
|
|
display:none;
|
|
position:absolute;
|
|
list-style: none none;
|
|
margin:2px 0 0 -20px;
|
|
|
|
-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.3);
|
|
-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.3);
|
|
box-shadow: 0 2px 5px rgba(0,0,0,0.3);
|
|
|
|
-webkit-border-bottom-right-radius: 6px;
|
|
-webkit-border-bottom-left-radius: 6px;
|
|
-moz-border-radius-bottomright: 6px;
|
|
-moz-border-radius-bottomleft: 6px;
|
|
border-bottom-right-radius: 6px;
|
|
border-bottom-left-radius: 6px;
|
|
|
|
}
|
|
|
|
ul#navigation-menu-items > li.megaMenu > ul ul {
|
|
|
|
margin: 0;
|
|
position: static;
|
|
|
|
background:none !important;
|
|
-webkit-box-shadow: none;
|
|
-moz-box-shadow: none;
|
|
box-shadow: none;
|
|
|
|
-moz-border-radius: 0;
|
|
-webkit-border-radius: 0;
|
|
border-radius: 0;
|
|
}
|
|
|
|
ul#navigation-menu-items > li.megaMenu > ul > li {
|
|
display:block;
|
|
list-style: none none;
|
|
float:left;
|
|
}
|
|
|
|
ul#navigation-menu-items > li.megaMenu > ul > li > ul > li{
|
|
display:block;
|
|
float:none;
|
|
}
|
|
|
|
ul#navigation-menu-items > li.megaMenu > ul{
|
|
width: 920px;
|
|
padding: 10px 0;
|
|
left:30px;
|
|
}
|
|
|
|
|
|
ul#navigation-menu-items .megaMenu li,
|
|
ul#navigation-menu-items .megaMenu li ul li{
|
|
display:block;
|
|
float:left;
|
|
position:relative;
|
|
white-space: normal;
|
|
|
|
}
|
|
|
|
ul#navigation-menu-items ul li.megaMenu a,
|
|
ul#navigation-menu-items ul li.megaMenu ul li a {
|
|
display:block;
|
|
float:none;
|
|
position:relative;
|
|
white-space: normal;
|
|
|
|
/*text-shadow: 0 1px 1px rgba(0,0,0,0.8);*/
|
|
}
|
|
|
|
|
|
ul#navigation-menu-items li.megaMenu.columns-5 .depth-1 {
|
|
width: 17.9%;
|
|
}
|
|
|
|
ul#navigation-menu-items li.megaMenu.columns-4 .depth-1 {
|
|
width: 22.9%;
|
|
}
|
|
|
|
ul#navigation-menu-items li.megaMenu.columns-3 .depth-1 {
|
|
width: 31.2%;
|
|
}
|
|
|
|
ul#navigation-menu-items li.megaMenu.columns-2 .depth-1 {
|
|
width: 47.9%;
|
|
}
|
|
|
|
ul#navigation-menu-items li.megaMenu.columns-1 .depth-1 {
|
|
width: 97.9%;
|
|
}
|
|
|
|
ul#navigation-menu-items li.megaMenu .depth-1{
|
|
margin: 0 1%;
|
|
}
|
|
|
|
ul#navigation-menu-items li.megaMenu .depth-2 {
|
|
width:100%;
|
|
}
|
|
|
|
ul#navigation-menu-items li.megaMenu .depth-1 > a {
|
|
font-weight:bold !important;
|
|
border-top: 0;
|
|
}
|
|
|
|
ul#navigation-menu-items li.megaMenu .menu-hidden-title li:first-child > a {border-top: 0; }
|
|
ul#navigation-menu-items li.megaMenu .menu-hidden-title > a{ background: transparent !important; border-bottom: 0 !important; }
|
|
|
|
|
|
ul#navigation-menu-items li.megaMenu .depth-2 > a {
|
|
font-size: 12px !important;
|
|
}
|
|
|
|
ul#navigation-menu-items ul li.megaMenu a,
|
|
ul#navigation-menu-items ul li.megaMenu ul li a {
|
|
padding: 10px 20px;
|
|
position: relative;
|
|
}
|
|
|
|
|
|
ul#navigation-menu-items li.megaMenu .navigation-menu-hover > a {
|
|
background: none !important;
|
|
}
|
|
|
|
|
|
ul#navigation-menu-items ul li.megaMenu a {
|
|
text-transform: none;
|
|
-moz-border-radius: 4px !important;
|
|
-webkit-border-radius: 4px !important;
|
|
border-radius: 4px !important;
|
|
}
|
|
|
|
.megaMenu .description{
|
|
display:block;
|
|
margin: 3px 0 7px;
|
|
|
|
font-size: 10px;
|
|
line-height: 1em;
|
|
}
|
|
|
|
.menu-item-image {
|
|
max-width: 100%;
|
|
}
|
|
|
|
.menu-icon > a >.menu-item-image {
|
|
float: left;
|
|
margin-left: -10px;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.menu-icon > a {
|
|
padding-bottom: 0 !important;
|
|
padding-top: 0 !important;
|
|
}
|
|
|
|
.menu-icon > a >.menu-item-image-icon {
|
|
display:block;
|
|
padding-top: 10px;
|
|
padding-bottom: 10px;
|
|
margin-left: -5px;
|
|
}
|
|
|
|
/* =========================================
|
|
|
|
SKIN MM
|
|
|
|
============================================*/
|
|
|
|
ul#navigation-menu-items .NotmegaMenu ul,
|
|
ul#navigation-menu-items .NotmegaMenu ul ul{
|
|
width:200px;
|
|
}
|
|
ul#navigation-menu-items .NotmegaMenu ul ul{
|
|
right:-180px;
|
|
}
|
|
|
|
|
|
|
|
/* NAVIGATION -> MENU -> HOME ICON */
|
|
|
|
#the-home {
|
|
width:21px;
|
|
height:21px;
|
|
}
|
|
|
|
#the-home span {
|
|
display:block;
|
|
position:absolute;
|
|
}
|
|
|
|
#the-home-frame {
|
|
width:21px;
|
|
height:21px;
|
|
position:relative;
|
|
}
|
|
|
|
#the-home-roof {
|
|
display:block;
|
|
width:0px; height:0px;
|
|
border-top:11px solid transparent;
|
|
border-left:11px solid transparent;
|
|
border-right:11px solid transparent;
|
|
margin:0 auto;
|
|
font-size:0px;
|
|
line-height:0px;
|
|
|
|
top:-10px;
|
|
left:0;
|
|
position:absolute;
|
|
}
|
|
|
|
#the-home-build-1,
|
|
#the-home-build-3 {
|
|
display:block;
|
|
width:6px;
|
|
height:10px;
|
|
}
|
|
|
|
#the-home-build-1 {
|
|
top:10px;
|
|
left:3px;
|
|
}
|
|
|
|
#the-home-build-2 {
|
|
display:block;
|
|
width:6px;
|
|
height:5px;
|
|
top:10px;
|
|
left:9px;
|
|
}
|
|
|
|
#the-home-build-3 {
|
|
top:10px;
|
|
right:2px;
|
|
}
|
|
|
|
/* =========================================
|
|
|
|
MIDDLE
|
|
|
|
============================================*/
|
|
|
|
|
|
#middle {
|
|
position:relative;
|
|
padding:0;
|
|
}
|
|
|
|
.middle-height {
|
|
min-height:185px;
|
|
}
|
|
|
|
#middle-background {
|
|
}
|
|
|
|
#middle-highlight {
|
|
background-repeat:repeat-x;
|
|
background-position: 0 50%;
|
|
}
|
|
|
|
|
|
/* =========================================
|
|
|
|
CONTENT
|
|
|
|
============================================*/
|
|
|
|
|
|
#content {
|
|
z-index:100;
|
|
margin-top:-70px;
|
|
position:relative;
|
|
}
|
|
|
|
.content{
|
|
min-height: 100px;
|
|
}
|
|
|
|
#wide-container {
|
|
width: 940px;
|
|
z-index: 2;
|
|
position: relative;
|
|
float: left;
|
|
overflow: hidden;
|
|
}
|
|
|
|
#wide-content {
|
|
padding:40px 40px 20px;
|
|
background:#fff;
|
|
}
|
|
|
|
#withsidebar-container {
|
|
width:640px;
|
|
z-index:2;
|
|
float:left;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.leftside #withsidebar-container {
|
|
float:right;
|
|
}
|
|
|
|
#withsidebar-content {
|
|
padding:40px;
|
|
background:#fff;
|
|
}
|
|
|
|
#narrow-content {
|
|
padding:40px 35px 20px 35px;
|
|
background:#fff;
|
|
position: relative;
|
|
}
|
|
|
|
#narrow-container {
|
|
width:301px;
|
|
position:relative;
|
|
float:right;
|
|
|
|
top:30px;
|
|
margin-left:-1px;
|
|
}
|
|
|
|
.leftside #narrow-container {
|
|
float:left;
|
|
margin-left:0;
|
|
margin-right:-1px;
|
|
}
|
|
|
|
.min-content {
|
|
padding:0;
|
|
background:#fff;
|
|
}
|
|
|
|
.min-container {
|
|
width:55px;
|
|
left:-22px;
|
|
margin-top:0;
|
|
}
|
|
|
|
.left-side {
|
|
visibility:hidden;
|
|
position:absolute !important;
|
|
|
|
}
|
|
|
|
.full-width {
|
|
margin-left: -40px !important;
|
|
margin-right: -40px !important;
|
|
}
|
|
|
|
.full-padding {
|
|
padding-left: 40px !important;
|
|
padding-right: 40px !important;
|
|
}
|
|
|
|
pre {
|
|
background: none repeat scroll 0 0 #F9F9F9;
|
|
border: 1px solid #E0E4E5;
|
|
color: #454749;
|
|
font: 0.95em Consolas,Monaco,'Courier New',Courier,monospace;
|
|
overflow-x: auto;
|
|
padding: 20px 25px;
|
|
white-space: pre-wrap;
|
|
word-wrap: break-word;
|
|
line-height: 1.6em;
|
|
|
|
}
|
|
|
|
/* =========================================
|
|
|
|
PAGE SHADOW
|
|
|
|
============================================*/
|
|
|
|
#page-shadow {
|
|
background: url(lib/imgs/shadow-1.png) no-repeat scroll center center transparent;
|
|
height: 200px;
|
|
margin: -100px 0 -80px;
|
|
}
|
|
|
|
.page-template-page-sidebar-left-php #page-shadow {
|
|
background: url(lib/imgs/shadow-1-left-layouts.png) no-repeat scroll center center transparent;
|
|
}
|
|
|
|
.page-template-page-sidebar-right-php #page-shadow,
|
|
.blog #page-shadow, .single-post #page-shadow,
|
|
.page-template-page-sidebar-php #page-shadow,
|
|
.archive #page-shadow,
|
|
.search #page-shadow {
|
|
background: url(lib/imgs/shadow-1-right-layouts.png) no-repeat scroll center center transparent;
|
|
}
|
|
|
|
/* =========================================
|
|
|
|
FOOTER
|
|
|
|
============================================*/
|
|
|
|
#footer-widgets {
|
|
margin: 20px 40px 0;
|
|
}
|
|
|
|
#footer-text {
|
|
margin:40px;
|
|
text-align:center;
|
|
}
|
|
|
|
#footer-text h3 {
|
|
margin:20px 0;
|
|
}
|
|
|
|
.footer-widget-title {
|
|
margin:0 0 20px 0;
|
|
}
|
|
|
|
#footer .widget {
|
|
margin: 20px 0 0;
|
|
}
|
|
|
|
.widget_cloudfw_social_header {
|
|
position: relative;
|
|
}
|
|
|
|
.widget_cloudfw_social_header img{
|
|
margin-bottom: 5px;
|
|
background: transparent;
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)" !important; /* IE8 */
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF) !important; /* IE6 & 7 */
|
|
zoom: 1;
|
|
}
|
|
|
|
#footer-widgets .widget_cloudfw_social_header a img{
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
|
|
#footer-widgets .cloudfw_posts_thumbnail {
|
|
width:30px;
|
|
float:left;
|
|
margin-right:20px;
|
|
display:block;
|
|
}
|
|
|
|
#footer-widgets .cloudfw_posts_thumbnail img {
|
|
width:30px !important;
|
|
height: auto !important;
|
|
}
|
|
|
|
|
|
#footer-widgets .cloudfw_posts_titles {
|
|
float: none;
|
|
display:block;
|
|
width: auto !important;
|
|
overflow: hidden;
|
|
}
|
|
|
|
#footer-widgets .cloudfw_posts_title {
|
|
margin:0 0 2px;
|
|
display:block;
|
|
font-weight: normal;
|
|
}
|
|
|
|
#footer-widgets .cloudfw_posts_comment {
|
|
font-style:italic;
|
|
display:block;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
#footer-widgets .cloudfw_posts_comment a {
|
|
font-size: 11px !important;
|
|
}
|
|
|
|
|
|
/* =========================================
|
|
|
|
SIDEBAR
|
|
|
|
============================================*/
|
|
|
|
#sidebar .widget {
|
|
margin:0 0 40px;
|
|
}
|
|
|
|
.sidebar-widget-title {
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.footer-widget-title {
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.textwidget p {
|
|
margin-bottom:20px;
|
|
}
|
|
|
|
#sidebar .widget ul ul {
|
|
/*padding-left: 20px;*/
|
|
}
|
|
|
|
#sidebar .widget_categories ul > li,
|
|
#sidebar .widget_archive ul > li,
|
|
#sidebar .widget_recent_entries ul > li{
|
|
margin: 0 -10px;
|
|
padding:5px 10px;
|
|
border-bottom: 1px solid #f5f6f6;
|
|
}
|
|
|
|
#sidebar li.recentcomments {
|
|
margin: 0 -10px;
|
|
padding: 5px 30px 5px 10px;
|
|
border-bottom: 1px solid #f5f6f6;
|
|
background:url(lib/imgs/recent_comments.png) no-repeat scroll 100% 12px transparent;
|
|
}
|
|
|
|
#sidebar select{
|
|
width:100%;
|
|
}
|
|
|
|
#sidebar .widget_cloudfw_posts ul > li {
|
|
margin: 0 -10px;
|
|
padding:12px 10px 8px;
|
|
|
|
border-bottom: 1px solid #f5f6f6;
|
|
}
|
|
|
|
.cloudfw_posts_thumbnail {
|
|
width:60px;
|
|
float:left;
|
|
margin-right:20px;
|
|
display:block;
|
|
}
|
|
|
|
.cloudfw_posts_titles {
|
|
width:150px;
|
|
float:left;
|
|
|
|
}
|
|
|
|
.cloudfw_posts_title {
|
|
margin:10px 0 -2px;
|
|
display:block;
|
|
font-weight:bold;
|
|
}
|
|
|
|
.cloudfw_posts_comment {
|
|
font-style:italic;
|
|
display:block;
|
|
}
|
|
|
|
.cloudfw_posts_comment a {
|
|
font-size: 11px !important;
|
|
}
|
|
|
|
.twitter-loading {
|
|
min-height:40px;
|
|
background:url(lib/imgs/loading_1.gif) no-repeat scroll 50% 50%;
|
|
}
|
|
|
|
.tweet_list span,
|
|
.tweet_list a {
|
|
line-height: 1.4em;
|
|
}
|
|
|
|
#sidebar .widget_cloudfw_twitter ul > li {
|
|
margin: 0 -10px;
|
|
padding:12px 10px 8px;
|
|
|
|
border-bottom: 1px solid #f5f6f6;
|
|
}
|
|
|
|
#sidebar .widget_cloudfw_twitter .twitter-text {
|
|
display:block;
|
|
}
|
|
|
|
#sidebar .widget_cloudfw_twitter .twitter-text a {
|
|
font-style:italic;
|
|
}
|
|
|
|
#sidebar .widget_cloudfw_twitter .twitter-date {
|
|
display:block;
|
|
}
|
|
|
|
#sidebar .widget_cloudfw_twitter .cloudfw_tweet_date {
|
|
font-size:11px;
|
|
font-style:italic;
|
|
color:#ccc;
|
|
display: block;
|
|
}
|
|
|
|
#sidebar .widget_cloudfw_twitter .author .avatar {
|
|
float:left;
|
|
margin: 7px 7px 5px 0;
|
|
}
|
|
|
|
|
|
#sidebar .widget_search #s {
|
|
width:210px;
|
|
}
|
|
|
|
#sidebar .widget_search label {
|
|
display:none;
|
|
}
|
|
|
|
.widget_calendar table {
|
|
width:100%;
|
|
}
|
|
|
|
.widget_calendar table tr {
|
|
text-align:center;
|
|
}
|
|
|
|
.widget_calendar table td {
|
|
padding: 5px 0;
|
|
}
|
|
|
|
.widget_calendar table caption {
|
|
padding: 0 0 20px;
|
|
}
|
|
|
|
.widget_calendar table tbody td a {
|
|
display:block;
|
|
height:100%;
|
|
padding: 4px 0;
|
|
margin: -4px 0;
|
|
|
|
background:url(lib/imgs/transparent_background_per10.png) repeat;
|
|
}
|
|
|
|
.widget_calendar table tfoot td#prev {text-align:left;}
|
|
.widget_calendar table tfoot td#next {text-align:right;}
|
|
|
|
.widget_subposts > ul > li,
|
|
#sidebar .widget_nav_menu > div > ul > li {
|
|
position:relative;
|
|
}
|
|
|
|
.widget_subposts > ul > li > a,
|
|
#sidebar .widget_nav_menu > div > ul > li > a {
|
|
display:block;
|
|
background:url(lib/imgs/sub-nav-gradient.png) repeat-x scroll 0 100%;
|
|
|
|
line-height: 1em;
|
|
|
|
margin: 0 -35px;
|
|
padding: 15px 35px;
|
|
}
|
|
|
|
.widget_subposts > ul > li.current_page_item > a,
|
|
.widget_subposts > ul > li.current_page_parent > a,
|
|
#sidebar .widget_nav_menu > div > ul > li.current_page_item > a,
|
|
#sidebar .widget_nav_menu > div > ul > li.current_page_parent > a {
|
|
display:block;
|
|
background:url(lib/imgs/sub-nav-current.png) no-repeat scroll 0 50%;
|
|
line-height: 1em;
|
|
|
|
margin: -3px -55px 0;
|
|
padding: 20px 35px 20px 55px;
|
|
position:relative;
|
|
z-index: 1000;
|
|
}
|
|
|
|
.leftside .widget_subposts > ul > li.current_page_item > a,
|
|
.widget_subposts > ul > li.current_page_parent > a,
|
|
.leftside #sidebar .widget_nav_menu > div > ul > li.current_page_item > a,
|
|
.leftside #sidebar .widget_nav_menu > div > ul > li.current_page_parent > a {
|
|
background:url(lib/imgs/sub-nav-current-leftside.png) no-repeat scroll -1px 50%;
|
|
margin: -3px -55px 0 -35px;
|
|
padding: 20px 55px 20px 35px;
|
|
}
|
|
|
|
.widget_subposts > ul > li > ul,
|
|
#sidebar .widget_nav_menu > div > ul > li > ul,
|
|
{
|
|
display:none;
|
|
}
|
|
|
|
.widget_subposts > ul > li > ul,
|
|
#sidebar .widget_nav_menu > div > ul > li > ul {
|
|
display:none;
|
|
border-bottom: 1px solid #f1f1f1;
|
|
margin: 0 -35px;
|
|
padding: 10px 35px 15px 45px;
|
|
}
|
|
|
|
.widget_subposts > ul > li > ul ul,
|
|
#sidebar .widget_nav_menu > div > ul > li > ul ul {
|
|
padding: 5px 0 5px 20px;
|
|
}
|
|
|
|
.widget_subposts > ul > li.current_page_item ul,
|
|
.widget_subposts > ul > li.current_page_parent ul,
|
|
#sidebar .widget_nav_menu > div > ul > li.current_page_item ul,
|
|
#sidebar .widget_nav_menu > div > ul > li.current_page_parent ul {
|
|
display:block;
|
|
}
|
|
|
|
.widget_subposts > ul > li ul li,
|
|
#sidebar .widget_nav_menu > div > ul > li ul li {
|
|
list-style: inside square;
|
|
}
|
|
|
|
.widget_subposts > ul > li > ul li a,
|
|
#sidebar .widget_nav_menu > div > ul > li > ul li a {
|
|
padding-left: 5px;
|
|
line-height: 1em;
|
|
}
|
|
|
|
.subpost-arrow {
|
|
display:block;
|
|
|
|
width: 15px;
|
|
height: 15px;
|
|
|
|
position:absolute;
|
|
top: 20px;
|
|
right: -10px;
|
|
z-index: 1001;
|
|
}
|
|
|
|
.subpost-arrow .the-arrow{
|
|
display:block;
|
|
width:0px;
|
|
height:0px;
|
|
border:5px solid transparent;
|
|
margin:0 auto;
|
|
font-size:0px;
|
|
line-height:0px;
|
|
|
|
border-top:5px solid #ccc !important;
|
|
}
|
|
|
|
.widget_subposts > ul > li.current_page_item .subpost-arrow,
|
|
.widget_subposts > ul > li.current_page_parent .subpost-arrow,
|
|
#sidebar .widget_nav_menu > div > ul > li.current_page_item .subpost-arrow,
|
|
#sidebar .widget_nav_menu > div > ul > li.current_page_parent .subpost-arrow {top: 23px;}
|
|
|
|
|
|
/* =========================================
|
|
|
|
CONTENTS
|
|
|
|
============================================*/
|
|
|
|
.content h1,
|
|
.content h2,
|
|
.content h3,
|
|
.content h4,
|
|
.content h5,
|
|
.content h6 {
|
|
margin-bottom:20px;
|
|
color:#231f20;
|
|
}
|
|
|
|
.content h1 span.sub,
|
|
.content h2 span.sub,
|
|
.content h3 span.sub,
|
|
.content h4 span.sub,
|
|
.content h5 span.sub,
|
|
.content h6 span.sub {
|
|
font-size: 0.6em;
|
|
}
|
|
|
|
.content h3 span.sub {font-size: 0.7em;}
|
|
.content h4 span.sub {font-size: 0.8em;}
|
|
.content h5 span.sub {font-size: 0.9em;}
|
|
.content h6 span.sub {font-size: 1em;}
|
|
|
|
.content p,
|
|
.content pre,
|
|
.content ul,
|
|
.content ol,
|
|
.content dl,
|
|
.content dd,
|
|
.content blockquote,
|
|
.content address,
|
|
.content table,
|
|
.content fieldset,
|
|
.content form,
|
|
.content .alignleft,
|
|
.content .alignright,
|
|
.content .aligncenter{
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.content .frame {
|
|
display: block;
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
/*.content img {
|
|
max-width: 100% !important;
|
|
height: auto;
|
|
}*/
|
|
|
|
ol, ul {
|
|
list-style:none none none;
|
|
padding-left: 0;
|
|
|
|
}
|
|
|
|
.content ol, .content ul {
|
|
list-style-position:inside;
|
|
list-style-type:disc;
|
|
margin-left: 20px;
|
|
}
|
|
|
|
.cl ol.list, .cl ul.list {
|
|
margin-left:0;
|
|
margin-bottom: 0;
|
|
padding-left: 0;
|
|
}
|
|
|
|
.sector {
|
|
margin: -60px -40px 40px;
|
|
padding: 0 40px 40px;
|
|
background:url(lib/imgs/divider_bg.png) repeat-x scroll 0 100% transparent;
|
|
|
|
min-height:50px;
|
|
|
|
border-bottom: 1px solid #ebecec;
|
|
}
|
|
|
|
.sector-softa {
|
|
margin: 0 -35px 40px;
|
|
padding: 0 35px 0;
|
|
background:url(lib/imgs/divider_bg_soft.png) repeat-x scroll 0 100% transparent;
|
|
|
|
min-height:70px;
|
|
|
|
border-bottom: 1px solid #ebecec;
|
|
}
|
|
|
|
.up {
|
|
margin-top:-40px;
|
|
height:0;
|
|
line-height:0;
|
|
}
|
|
|
|
.down {
|
|
height:40px;
|
|
line-height:0;
|
|
}
|
|
|
|
.down_half {
|
|
height:20px;
|
|
line-height:0;
|
|
}
|
|
|
|
.downx2 {
|
|
height:80px;
|
|
}
|
|
|
|
.wp-caption-text {
|
|
font-style:italic;
|
|
font-size:11px;
|
|
margin-top:10px;
|
|
}
|
|
|
|
.alignnone {
|
|
max-width:100%;
|
|
}
|
|
|
|
#content input[type=text], #content input[type=password],
|
|
#content textarea, #footer textarea,
|
|
.cloudfw-modal input[type=text], .cloudfw-modal input[type=password], .cloudfw-modal select, .cloudfw-modal textarea,
|
|
#footer input[type=text], #footer input[type=password],
|
|
#content select, #footer select {
|
|
padding: 10px !important;
|
|
margin-left: 0 !important;
|
|
font-size: 14px !important;
|
|
font-weight:normal !important;
|
|
|
|
background: url(lib/imgs/input_bg.png) repeat-x scroll 0 0 #fff;
|
|
border: 1px solid #e8e9e9;
|
|
|
|
-webkit-border-radius: 3px;
|
|
-moz-border-radius: 3px;
|
|
border-radius: 3px;
|
|
|
|
color:#bcbcbc;
|
|
outline:none;
|
|
resize:none;
|
|
}
|
|
|
|
#wide-content #searchform label{
|
|
display:none;
|
|
}
|
|
|
|
#wide-content #searchform #s{
|
|
width:500px;
|
|
}
|
|
|
|
.login_form label{
|
|
display:block;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.form-container {
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.form-sub-container {
|
|
float:left;
|
|
}
|
|
|
|
.login_form .login-input{
|
|
width: 350px;
|
|
}
|
|
|
|
.login_form #pwd{
|
|
width: 200px;
|
|
}
|
|
|
|
.login_form #rememberme-container{
|
|
margin:8px 0 0 15px;
|
|
}
|
|
|
|
.login_form #rememberme{
|
|
margin-right:10px;
|
|
}
|
|
|
|
/* =========================================
|
|
|
|
BLURB AREA
|
|
|
|
============================================*/
|
|
|
|
#blurb{
|
|
width: 940px;
|
|
margin: auto auto -70px;
|
|
padding: 55px 0 0;
|
|
color: #4a7763;
|
|
}
|
|
|
|
#blurb h1{
|
|
|
|
}
|
|
|
|
#blurb .sub-text{
|
|
display:block;
|
|
margin: 20px 0 0;
|
|
|
|
font-size: .7em;
|
|
line-height: 1em;
|
|
}
|
|
|
|
/* =========================================
|
|
|
|
COMMENTS
|
|
|
|
============================================*/
|
|
|
|
#comments {
|
|
width:560px;
|
|
margin:40px auto 0;
|
|
}
|
|
|
|
#comments p {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.comment-text,
|
|
#comments-title {
|
|
margin-bottom: 40px;
|
|
}
|
|
|
|
.comment .comment {
|
|
margin-left: 40px;
|
|
}
|
|
|
|
#commentform {
|
|
margin-bottom:40px;
|
|
}
|
|
|
|
.commentlist #respond h3{
|
|
display:none;
|
|
}
|
|
|
|
.comment-text p {
|
|
margin-bottom:20px !important;
|
|
margin-left: 55px;
|
|
}
|
|
|
|
#respond {
|
|
margin-bottom:40px;
|
|
}
|
|
|
|
#respond p {
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
#respond label {
|
|
font-size: 14px;
|
|
padding-left:10px;
|
|
}
|
|
|
|
#respond #author,
|
|
#respond #email,
|
|
#respond #url,
|
|
#respond #comment {
|
|
padding: 10px;
|
|
font-size: 14px;
|
|
|
|
background: url(lib/imgs/input_bg.png) repeat-x scroll 0 0 #fff;
|
|
border: 1px solid #e8e9e9;
|
|
|
|
-webkit-border-radius: 3px;
|
|
-moz-border-radius: 3px;
|
|
border-radius: 3px;
|
|
|
|
color:#bcbcbc;
|
|
outline:none;
|
|
resize:none;
|
|
}
|
|
|
|
#respond #author,
|
|
#respond #email,
|
|
#respond #url {
|
|
width: 300px;
|
|
}
|
|
|
|
#respond #comment {
|
|
width:536px;
|
|
height:200px;
|
|
resize: vertical;
|
|
}
|
|
|
|
#respond #submit {
|
|
margin-left:0;
|
|
font-weight:bold;
|
|
padding:7px 10px;
|
|
}
|
|
|
|
|
|
.comment-header {
|
|
margin-bottom:10px;
|
|
}
|
|
|
|
.comment-avatar {
|
|
float:left;
|
|
margin-right:20px;
|
|
}
|
|
|
|
.comment-meta {
|
|
float:left;
|
|
margin-right:20px;
|
|
}
|
|
|
|
.comment-user {
|
|
font-size:14px;
|
|
font-weight:bold;
|
|
color:#38312f;
|
|
}
|
|
|
|
.comment-datetime {
|
|
font-size:11px;
|
|
font-weight:normal;
|
|
}
|
|
|
|
.comment-reply {
|
|
float:right;
|
|
margin-top:10px;
|
|
}
|
|
|
|
.comment-reply,
|
|
.comment-reply a {
|
|
color:#e3e2e3 !important;
|
|
font-size:11px;
|
|
text-decoration:none !important;
|
|
}
|
|
|
|
.comment-reply a:hover {
|
|
color:#2F2F2F !important;
|
|
}
|
|
|
|
.comment-reply-link .sprite {
|
|
padding-left: 18px;
|
|
background-position: 0 1px;
|
|
width:16px;
|
|
}
|
|
|
|
.comment-reply-link .reply-text {
|
|
background:#fff;
|
|
padding: 1px;
|
|
}
|
|
|
|
.depth-3 .comment-reply-link {
|
|
display: none;
|
|
}
|
|
|
|
.comment-reply-link:hover span {
|
|
background-position: 0 -15px;
|
|
}
|
|
|
|
.cancel-comment-reply {
|
|
margin-bottom:20px;
|
|
}
|
|
|
|
|
|
/* =========================================
|
|
|
|
BLOG PAGE
|
|
|
|
============================================*/
|
|
|
|
h1.blog-title {
|
|
margin-bottom:30px;
|
|
width:560px;
|
|
}
|
|
|
|
.blog-posts-list .sector {
|
|
margin-bottom:41px;
|
|
}
|
|
|
|
.blog-post-header {
|
|
margin: 0 -40px 32px;
|
|
padding: 0 40px;
|
|
border-bottom: 1px solid #f5f6f6;
|
|
}
|
|
|
|
.blog-post-meta {
|
|
font-size:12px;
|
|
margin:-25px 0 25px;
|
|
width:560px;
|
|
}
|
|
|
|
.blog-post-image {
|
|
background:#f1f1f1;
|
|
margin: -40px -40px 30px;
|
|
height:auto;
|
|
}
|
|
|
|
.blog-post-image a{
|
|
display:block;
|
|
line-height:0;
|
|
}
|
|
|
|
.blog-post-minimal-thumbnail {
|
|
float:left;
|
|
margin: 0 20px 0 0;
|
|
}
|
|
|
|
.blog-post-in {
|
|
min-height:50px;
|
|
}
|
|
|
|
/* =========================================
|
|
|
|
BLOG -> PAGINATION
|
|
|
|
============================================*/
|
|
|
|
.blog-pagination {
|
|
list-style:none none;
|
|
text-align:center;
|
|
margin: 0 0 40px 0;
|
|
}
|
|
|
|
.blog-pagination-previous-link,
|
|
.blog-pagination-next-link {
|
|
float:left;
|
|
}
|
|
|
|
.blog-pagination-previous-link .previous-link,
|
|
.blog-pagination-next-link .next-link {
|
|
display:block;
|
|
width:25px;
|
|
height:32px;
|
|
text-indent:-9999px;
|
|
|
|
margin-top:6px;
|
|
}
|
|
|
|
.blog-pagination-previous-link a.previous-link:active,
|
|
.blog-pagination-next-link a.next-link:active {
|
|
margin-top:7px;
|
|
}
|
|
|
|
.blog-pagination-previous-link.inactive ,
|
|
.blog-pagination-next-link.inactive {
|
|
opacity: 0.5; filter: alpha(opacity=5);
|
|
}
|
|
|
|
.blog-pagination-previous-link {
|
|
margin-right:35px;
|
|
}
|
|
|
|
.blog-pagination-previous-link .previous-link {
|
|
background-position: -36px 0;
|
|
}
|
|
|
|
.blog-pagination-previous-link a.previous-link:hover {
|
|
background-position: -36px -32px;
|
|
}
|
|
|
|
.blog-pagination-next-link {
|
|
margin-left:35px;
|
|
}
|
|
|
|
.blog-pagination-next-link .next-link {
|
|
background-position: -36px -65px;
|
|
}
|
|
|
|
.blog-pagination-next-link a.next-link:hover {
|
|
background-position: -36px -97px;
|
|
}
|
|
|
|
.blog-pagination-center {
|
|
float:left;
|
|
width:440px;
|
|
height:50px;
|
|
overflow:hidden;
|
|
}
|
|
|
|
.blog-pagination-summary {
|
|
text-align:center;
|
|
}
|
|
|
|
.blog-pagination-summary h2 {
|
|
line-height:45px;
|
|
}
|
|
|
|
.blog-pagination-summary h2 a {
|
|
text-decoration:none;
|
|
display:block;
|
|
}
|
|
|
|
.blog-pagination li {
|
|
display:inline;
|
|
padding: 5px 15px;
|
|
line-height:50px;
|
|
}
|
|
|
|
.blog-pagination li,
|
|
.blog-pagination li a {
|
|
color: #b5b6b6;
|
|
font-weight:bold;
|
|
}
|
|
.blog-pagination li.current{
|
|
color: #eceded;
|
|
}
|
|
|
|
.blog-pagination-arrow-container {
|
|
display:block;
|
|
margin-top: -5px;
|
|
}
|
|
|
|
.blog-pagination-arrow {
|
|
display:block;
|
|
margin: auto;
|
|
width:10px;
|
|
height:10px;
|
|
border: 1px solid;
|
|
|
|
border: 5px solid transparent;
|
|
font-size: 0;
|
|
height: 0;
|
|
line-height: 0;
|
|
margin: 0 auto;
|
|
width: 0;
|
|
border-top: 5px solid #d9d9d9 !important
|
|
}
|
|
|
|
|
|
/* =========================================
|
|
|
|
BLOG SLIDER
|
|
|
|
============================================*/
|
|
|
|
.blog-posts-list .slides {
|
|
/*position: relative;*/
|
|
}
|
|
|
|
.blog-posts-list .pagination {
|
|
position: relative;
|
|
float:right;
|
|
margin: -30px 10px 0 0;
|
|
z-index:1000;
|
|
}
|
|
|
|
.blog-posts-list .pagination,
|
|
.blog-posts-list .pagination li{
|
|
list-style: none none !important;
|
|
}
|
|
|
|
.blog-posts-list .pagination li a{
|
|
display:block;
|
|
width: 16px;
|
|
height:16px;
|
|
text-indent:-9999px;
|
|
line-height:16px;
|
|
outline:none;
|
|
}
|
|
|
|
.blog-posts-list .pagination li {
|
|
float:left;
|
|
background:url(lib/imgs/sprite.png) no-repeat scroll 0 -48px;
|
|
width: 16px;
|
|
height:16px;
|
|
}
|
|
|
|
.blog-posts-list .pagination li.current {
|
|
background-position: 0 -32px;
|
|
}
|
|
|
|
/* =========================================
|
|
|
|
BLOG AUTHOR
|
|
|
|
============================================*/
|
|
|
|
#author #author-gravatar{
|
|
float:left;
|
|
width:80px;
|
|
}
|
|
|
|
#author #author-info{
|
|
float:left;
|
|
width:480px;
|
|
}
|
|
|
|
#author #author-info #author-name{
|
|
margin-bottom: 10px;
|
|
font-size: 16px;
|
|
line-height:1.3em;
|
|
color:#231F20;
|
|
}
|
|
#author #author-info #author-name strong{letter-spacing: -.05em;}
|
|
|
|
#author #author-info #author-twitter,
|
|
#author #author-info #author-website,
|
|
#author #author-info #author-facebook {
|
|
float:left;
|
|
margin: 10px 20px 0 0;
|
|
}
|
|
|
|
#author #author-info #author-twitter a,
|
|
#author #author-info #author-website a,
|
|
#author #author-info #author-facebook a {
|
|
color: #b5b6b6;
|
|
}
|
|
|
|
#author #author-info #author-website a {
|
|
background:url(lib/imgs/icons/global.png) no-repeat scroll 0 0;
|
|
padding-left: 20px;
|
|
}
|
|
|
|
#author #author-info #author-twitter a {
|
|
background:url(lib/imgs/icons/twitter.png) no-repeat scroll 0 0;
|
|
padding-left: 20px;
|
|
}
|
|
|
|
#author #author-info #author-facebook a {
|
|
background:url(lib/imgs/icons/facebook.png) no-repeat scroll 0 0;
|
|
padding-left: 20px;
|
|
}
|
|
|
|
/* =========================================
|
|
|
|
BLOG POSTS - LEFT MIN SIDE
|
|
|
|
============================================*/
|
|
|
|
.min-divider {
|
|
height:1px;
|
|
background: #ebecec;
|
|
display:block;
|
|
}
|
|
|
|
.blog-post-min-comment,
|
|
.blog-post-min-permalink,
|
|
.blog-post-min-share,
|
|
.blog-post-min-next-post,
|
|
.blog-post-min-previous-post {
|
|
display:block;
|
|
width:45px;
|
|
|
|
padding-top: 12px;
|
|
padding-bottom:15px;
|
|
|
|
font-size: 13px;
|
|
font-weight:bold;
|
|
line-height:1em;
|
|
text-align:center;
|
|
}
|
|
|
|
.blog-post-min-comment .blog-post-min-comment-icon {
|
|
background-position: -18px 0;
|
|
display:block;
|
|
width:18px;
|
|
height:16px;
|
|
margin: 0 auto 5px;
|
|
}
|
|
|
|
.blog-post-min-comment:hover {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.blog-post-min-comment:hover .blog-post-min-comment-icon {
|
|
background-position: -18px -16px;
|
|
}
|
|
|
|
.blog-post-min-permalink {
|
|
height:30px;
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
.blog-post-min-permalink .blog-post-min-permalink-icon {
|
|
background-position: -18px -32px;
|
|
display:block;
|
|
width:18px;
|
|
height:16px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.blog-post-min-permalink:hover .blog-post-min-permalink-icon {
|
|
background-position: -18px -48px;
|
|
}
|
|
|
|
.blog-post-min-share {
|
|
height:30px;
|
|
padding-top:0;
|
|
padding-bottom:0;
|
|
}
|
|
|
|
.blog-post-min-share {
|
|
padding-top:15px;
|
|
}
|
|
|
|
.blog-post-min-share .blog-post-min-share-icon {
|
|
background-position: -18px -64px;
|
|
display:block;
|
|
width:18px;
|
|
height:16px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.blog-post-min-share:hover .blog-post-min-share-icon {
|
|
background-position: -18px -80px;
|
|
}
|
|
|
|
.blog-post-min-share.active .blog-post-min-share-icon {
|
|
background-position: -18px -96px;
|
|
}
|
|
|
|
.blog-post-min-next-post .blog-post-min-next-post-icon {
|
|
background-position: -18px -112px;
|
|
display:block;
|
|
width:18px;
|
|
height:16px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.blog-post-min-next-post:hover .blog-post-min-next-post-icon {
|
|
background-position: -18px -128px;
|
|
}
|
|
|
|
.blog-post-min-previous-post .blog-post-min-previous-post-icon {
|
|
background-position: -18px -144px;
|
|
display:block;
|
|
width:18px;
|
|
height:16px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.blog-post-min-previous-post:hover .blog-post-min-previous-post-icon {
|
|
background-position: -18px -160px;
|
|
}
|
|
|
|
.blog-post-header-init {
|
|
margin: 0 -40px;
|
|
padding: 0 40px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.blog-post-header-wrapper {
|
|
width:2000px;
|
|
}
|
|
|
|
.blog-post-header-action {
|
|
float:left;
|
|
width:560px;
|
|
overflow:hidden;
|
|
}
|
|
|
|
.blog-post-sharing {
|
|
float:left;
|
|
padding: 0;
|
|
width:560px;
|
|
}
|
|
|
|
/* =========================================
|
|
|
|
ARCHIVES
|
|
|
|
============================================*/
|
|
|
|
.archives {
|
|
margin-bottom:60px;
|
|
}
|
|
|
|
/* =========================================
|
|
|
|
PORTFOLIOS
|
|
|
|
============================================*/
|
|
|
|
.portfolio {
|
|
margin: 0 -40px;
|
|
padding: 0 40px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.portfolio-item {
|
|
position:relative;
|
|
margin-bottom:40px;
|
|
}
|
|
|
|
.portfolio-item a{
|
|
text-decoration:none !important;
|
|
}
|
|
|
|
.portfolio-item .shadow {
|
|
position:absolute;
|
|
display:block;
|
|
}
|
|
|
|
.portfolio-item.cl_1 .shadow {
|
|
width:440px;
|
|
height:65px;
|
|
background: url(lib/imgs/shadows/shadow_portfolio_cl_2.png) no-repeat scroll 50% 100%;
|
|
bottom:-31px;
|
|
left:-15px;
|
|
}
|
|
|
|
.portfolio-item.cl_2 .shadow {
|
|
width:440px;
|
|
height:65px;
|
|
background: url(lib/imgs/shadows/shadow_portfolio_cl_2.png) no-repeat scroll 50% 100%;
|
|
bottom:-35px;
|
|
left:-15px;
|
|
}
|
|
|
|
.portfolio-item.cl_3 .shadow {
|
|
width:280px;
|
|
height:50px;
|
|
background: url(lib/imgs/shadows/shadow_portfolio_cl_3.png) no-repeat scroll 50% 100%;
|
|
bottom:-21px;
|
|
left:-10px;
|
|
|
|
font-size:2em;
|
|
}
|
|
|
|
.portfolio-item.cl_4 .shadow {
|
|
width:195px;
|
|
height:30px;
|
|
background: url(lib/imgs/shadows/shadow_portfolio_cl_4.png) no-repeat scroll 50% 100%;
|
|
bottom:-15px;
|
|
left:-5px;
|
|
}
|
|
|
|
.portfolio-item.no-shadow {
|
|
visibility:hidden;
|
|
}
|
|
|
|
.portfolio-overlay {
|
|
position:absolute;
|
|
top:0; left:0;
|
|
width:100%;
|
|
|
|
display:block;
|
|
visibility:hidden;
|
|
opacity: 0;
|
|
filter: alpha(opacity=0);
|
|
overflow:hidden;
|
|
|
|
background-image:url(lib/imgs/portfolio_overlay_pattern.png);
|
|
background-repeat:repeat;
|
|
}
|
|
|
|
.portfolio-content {
|
|
display:block;
|
|
margin: 30px;
|
|
}
|
|
|
|
.portfolio-content h4 {
|
|
margin-bottom:5px;
|
|
}
|
|
|
|
.portfolio-content-cat {
|
|
font-size: 12px;
|
|
letter-spacing: -.05em;
|
|
text-transform:uppercase;
|
|
}
|
|
|
|
.portfolio-content-desc {
|
|
font-size: 11px;
|
|
line-height: 1.15em;
|
|
display: block;
|
|
margin-top: 15px;
|
|
padding-top: 15px;
|
|
text-align: left;
|
|
border-top: 1px solid #4c4c4c;
|
|
}
|
|
|
|
.load-wrap {
|
|
position:absolute;
|
|
display:block;
|
|
width:100%;
|
|
height:100%;
|
|
|
|
background:url(lib/imgs/loading.gif) no-repeat scroll 50% 50%;
|
|
}
|
|
|
|
.portfolio-title {
|
|
margin-bottom:40px !important;
|
|
}
|
|
|
|
.carousel-navigation {
|
|
position:absolute;
|
|
right:10px;
|
|
top:5px;
|
|
}
|
|
|
|
.carousel-previous,
|
|
.carousel-next {
|
|
display:block;
|
|
width: 20px;
|
|
height:36px;
|
|
float:left;
|
|
text-indent:-9999px;
|
|
}
|
|
|
|
.carousel-next{
|
|
background-position: -60px -36px;
|
|
margin-left:10px;
|
|
}
|
|
|
|
.carousel-next:hover{
|
|
background-position: -60px 0;
|
|
}
|
|
|
|
.carousel-previous{
|
|
background-position: -60px -108px;
|
|
}
|
|
|
|
.carousel-previous:hover{
|
|
background-position: -60px -72px;
|
|
}
|
|
|
|
.carousel-next:active,
|
|
.carousel-previous:active{
|
|
margin-top:1px;0
|
|
}
|
|
|
|
/* =========================================
|
|
|
|
SLIDERS (SLIDES)
|
|
|
|
============================================*/
|
|
|
|
#slider {
|
|
display:none;
|
|
}
|
|
|
|
#slides-slider {
|
|
display:block;
|
|
min-height:200px;
|
|
position:relative;
|
|
}
|
|
|
|
#slides-slider .slides_container {
|
|
overflow: hidden; position: relative;
|
|
}
|
|
|
|
#slides-slider .slides-slider-item {
|
|
width:auto;
|
|
height:400px;
|
|
position:relative;
|
|
display:block;
|
|
}
|
|
|
|
|
|
#slides-slider .slider-background {
|
|
z-index:0;
|
|
display:block;
|
|
width:100%;
|
|
position:absolute;
|
|
left:0;
|
|
}
|
|
|
|
#slides-slider .slider-content-container {
|
|
width:940px;
|
|
position:relative;
|
|
margin:0 auto;
|
|
}
|
|
|
|
#slides-slider .slider-text-container {
|
|
z-index:101;
|
|
display:block;
|
|
position:absolute;
|
|
left:0;
|
|
top:0;
|
|
}
|
|
|
|
#slides-slider .slider-image {
|
|
z-index:100;
|
|
position:absolute;
|
|
bottom:0;
|
|
|
|
text-align:center;
|
|
overflow:hidden;
|
|
|
|
}
|
|
|
|
#slides-slider .slider-image span{
|
|
z-index:100;
|
|
position:absolute;
|
|
top:0;
|
|
left:0;
|
|
|
|
width: 100%;
|
|
height:100%;
|
|
}
|
|
|
|
|
|
#slides-slider .slider-image img {
|
|
z-index:99;
|
|
}
|
|
|
|
.slider-nextprev {
|
|
width: 100%;
|
|
position:absolute;
|
|
bottom: 130px;
|
|
z-index:50;
|
|
}
|
|
|
|
.hide-when-loading .slider-nextprev {
|
|
/*display:none; */
|
|
}
|
|
|
|
#slides-slider .slider-nextprev-wrap {
|
|
width: 150px;
|
|
margin: 0 auto;
|
|
position:relative;
|
|
}
|
|
|
|
#slides-slider .slider-nextprev a {
|
|
display:block;
|
|
top:0;
|
|
width: 75px;
|
|
height:100px;
|
|
position:absolute;
|
|
background: url(lib/imgs/slider-navigation.png) no-repeat scroll 0 0;
|
|
|
|
}
|
|
|
|
#slides-slider .slider-nextprev a.prev {
|
|
left:0;
|
|
background-position: 0 0;
|
|
}
|
|
|
|
#slides-slider .slider-nextprev a.next {
|
|
right:0;
|
|
background-position: 100% 0;
|
|
}
|
|
|
|
#slides-slider .slider-nextprev a span {
|
|
display:block;
|
|
width: 24px;
|
|
height: 32px;
|
|
margin: 20px auto 0;
|
|
text-indent: -999px;
|
|
background: url(lib/imgs/sprite.png) no-repeat scroll 0 0;
|
|
}
|
|
|
|
#slides-slider .slider-nextprev a.prev span {
|
|
background-position: -36px 0;
|
|
}
|
|
|
|
#slides-slider .slider-nextprev a.prev:hover span {
|
|
background-position: -36px -32px;
|
|
}
|
|
|
|
#slides-slider .slider-nextprev a.next span {
|
|
background-position: -36px -64px;
|
|
}
|
|
|
|
#slides-slider .slider-nextprev a.next:hover span {
|
|
background-position: -36px -96px;
|
|
}
|
|
|
|
|
|
#slides-slider .slider-nextprev a:active span {
|
|
margin-top:21px !important;
|
|
}
|
|
|
|
|
|
|
|
/* =========================================
|
|
|
|
SHARING SERVICES
|
|
|
|
============================================*/
|
|
|
|
|
|
.blog-post-ss {
|
|
text-align:center;
|
|
}
|
|
|
|
.blog-post-ss a {
|
|
margin: 5px 2px;
|
|
}
|
|
|
|
.permalink {
|
|
font-size:11px;
|
|
font-style:italic;
|
|
color:#ccc;
|
|
display:block;
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
|
|
/* =========================================
|
|
|
|
SERVICES
|
|
|
|
============================================*/
|
|
|
|
.services h3{
|
|
/*float:left;*/
|
|
margin:5px 10px 15px 0;
|
|
}
|
|
|
|
.services .icon{
|
|
float:left;
|
|
margin:-13px 10px -10px 0;
|
|
}
|
|
|
|
/* =========================================
|
|
|
|
prettyPhoto Ribbons
|
|
|
|
============================================*/
|
|
|
|
.prettyPhoto,
|
|
.frame {
|
|
position:relative;
|
|
}
|
|
|
|
.frame .plus-ribbon {
|
|
position:absolute;
|
|
width: 20px;
|
|
height: 20px;
|
|
|
|
top: -5px;
|
|
right: -5px;
|
|
|
|
background: url(lib/imgs/prettyPhoto-plus.png) no-repeat;
|
|
}
|
|
|
|
|
|
/* =========================================
|
|
|
|
SHADOWS
|
|
|
|
============================================*/
|
|
|
|
.make-shadow {
|
|
position:relative;
|
|
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
|
|
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.3);
|
|
box-shadow: 0 0 10px rgba(0,0,0,0.3);
|
|
}
|
|
|
|
.shadows {
|
|
z-index:-1;
|
|
height:0;
|
|
line-height:0;
|
|
}
|
|
|
|
.shadows .shadow-t,
|
|
.shadows .shadow-r,
|
|
.shadows .shadow-b,
|
|
.shadows .shadow-l{
|
|
position:absolute;
|
|
}
|
|
|
|
.shadows .shadow-t {
|
|
width:100%;
|
|
height:10px;
|
|
background:url(lib/imgs/shadows/top.png) repeat-x;
|
|
top:-10px;left:0;
|
|
}
|
|
|
|
.shadows .shadow-b {
|
|
width:100%;
|
|
height:10px;
|
|
background:url(lib/imgs/shadows/bottom.png) repeat-x;
|
|
bottom:-10px;left:0;
|
|
}
|
|
|
|
.shadows .shadow-l {
|
|
height:100%;
|
|
width:10px;
|
|
background:url(lib/imgs/shadows/left.png) repeat-y;
|
|
top:0;left:-10px;
|
|
}
|
|
|
|
.shadows .shadow-r {
|
|
height:100%;
|
|
width:10px;
|
|
background:url(lib/imgs/shadows/right.png) repeat-y;
|
|
top:0;right:-10px;
|
|
}
|
|
|
|
.shadow-corner-tl,
|
|
.shadow-corner-tr,
|
|
.shadow-corner-br,
|
|
.shadow-corner-bl{
|
|
background:url(lib/imgs/shadows/corners.png) no-repeat;
|
|
position:absolute;
|
|
width:10px;
|
|
height:10px;
|
|
}
|
|
|
|
.shadow-corner-tl{ background-position: 0 0;left:-10px;top:-10px;}
|
|
.shadow-corner-tr{ background-position: -10px 0;right:-10px;top:-10px;}
|
|
.shadow-corner-bl{ background-position: 0 -10px;bottom:-10px;left:-10px;}
|
|
.shadow-corner-br{ background-position: -10px -10px;bottom:-10px;right:-10px;}
|
|
|
|
|
|
/* =========================================
|
|
|
|
LOGIN BOX
|
|
|
|
============================================*/
|
|
|
|
#login-container {
|
|
height: 100%;
|
|
left: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%;
|
|
z-index: 10000;
|
|
}
|
|
|
|
#login-container #overlay {
|
|
background-color: #000;
|
|
height: 100%;
|
|
left: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%;
|
|
z-index: 1;
|
|
}
|
|
|
|
#login-container #content-container-in-modal {
|
|
position: relative;
|
|
padding: 50px;
|
|
display:block;
|
|
width: 640px;
|
|
|
|
margin: 150px auto 100px;
|
|
|
|
background:#fff;
|
|
|
|
z-index: 10000;
|
|
}
|
|
|
|
#login-container #content-container-in-modal #modal-loading {
|
|
background:url(lib/imgs/loading.gif) no-repeat scroll 50% 50%;
|
|
height: 100px;
|
|
}
|
|
|
|
#login-container #modal-container-close {
|
|
position:absolute;
|
|
top:-20px; right:-20px;
|
|
width:42px;height:42px;
|
|
background: url(lib/imgs/prettyPhoto/close.png) 0 0 no-repeat;
|
|
cursor: pointer;
|
|
text-indent: -9999px;
|
|
}
|
|
|
|
#user-ops-left {
|
|
float:left;
|
|
width: 380px;
|
|
border-right: 1px solid #f1f1f1;
|
|
padding-right: 25px;
|
|
}
|
|
|
|
#user-ops-right {
|
|
float:left;
|
|
width: 200px;
|
|
padding-left: 30px;
|
|
}
|
|
|
|
#user-ops-navigation a{
|
|
display:block;
|
|
padding: 10px 0;
|
|
border-bottom: 1px solid #f1f1f1;
|
|
}
|
|
|
|
#menu-profile {
|
|
float:left;
|
|
}
|
|
|
|
.user-profile-avatar {
|
|
float:left;
|
|
margin: -10px 3px 0 0;
|
|
}
|
|
|
|
.user-profile-avatar a{
|
|
display:block;
|
|
|
|
padding: 3px;
|
|
background: rgba(255,255,255,.1);
|
|
-moz-box-shadow: 0 0 3px rgba(0,0,0,.5);
|
|
-webkit-box-shadow: 0 0 3px rgba(0,0,0,.5);
|
|
box-shadow: 0 0 3px rgba(0,0,0,.5);
|
|
}
|
|
|
|
#user-profile {
|
|
background: rgba(255, 255, 255, 0.03);
|
|
border-radius: 2px;
|
|
margin-top: -20px;
|
|
padding: 20px 20px 10px;
|
|
-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
|
|
-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
|
|
box-shadow: 0 0 3px rgba(0,0,0,.2);
|
|
|
|
}
|
|
|
|
|
|
/* =========================================
|
|
|
|
GLOBAL WP ELEMENTS
|
|
|
|
============================================*/
|
|
|
|
.aligncenter {
|
|
display:block;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.alignleft {
|
|
display:block;
|
|
margin-left: 0;
|
|
margin-right: 40px;
|
|
float:left;
|
|
}
|
|
|
|
.alignright {
|
|
display:block;
|
|
margin-left: 40px;
|
|
margin-right: 0;
|
|
float:right;
|
|
}
|
|
|
|
.aligncenter .wp-caption-text{ text-align:center; }
|
|
.alignright .wp-caption-text{ text-align:right; }
|
|
|
|
.size-full { max-width: 100% !important; }
|
|
#lang_sel { z-index: 3099; }
|
|
|
|
.sticky,
|
|
.gallery-caption,
|
|
.bypostauthor {
|
|
|
|
}
|
|
|
|
/* =========================================
|
|
|
|
PATTERNS
|
|
|
|
============================================*/
|
|
|
|
.pattern-1 {
|
|
background-image: url(lib/imgs/patterns/pattern-1.png);
|
|
background-repeat:repeat;
|
|
}
|
|
|
|
|
|
/* =========================================
|
|
|
|
FONTS
|
|
|
|
============================================*/
|
|
|
|
body {
|
|
font-size:13px;
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
}
|
|
|
|
|
|
.content {
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
font-size: 13px;
|
|
line-height: 1.35em;
|
|
}
|
|
|
|
h1,h2,h3,h4,h5,h6,
|
|
.font-logo {font-family: 'BebasNeueRegular', Arial;}
|
|
|
|
h1,h2,h3,h4,h5,h6 {font-weight:normal; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); }
|
|
h1 {font-size: 34px;}
|
|
h2 {font-size: 28px;}
|
|
h3 {font-size: 24px;}
|
|
h4 {font-size: 20px;}
|
|
h5 {font-size: 18px;}
|
|
h6 {font-size: 16px;}
|
|
|
|
#logo-text {
|
|
font-size:40px;
|
|
font-weight:normal;
|
|
}
|
|
|
|
#logo #logo-slogan {
|
|
font-size:16px;
|
|
}
|
|
|
|
#logo a {
|
|
text-decoration:none;
|
|
cursor:pointer;
|
|
}
|
|
|
|
.widget, .widget a, #footer a {
|
|
font-size:13px;
|
|
line-height:1.4em;
|
|
color:#999a9a;
|
|
}
|
|
|
|
.widget a:hover, #footer a:hover {
|
|
color:#231F20;
|
|
}
|
|
|
|
.widget li {
|
|
list-style: none none;
|
|
line-height:1.7em;
|
|
}
|
|
|
|
.widget li ul.sub-menu {
|
|
padding-left:10px;
|
|
}
|
|
|
|
.sidebar-widget-title,
|
|
.footer-widget-title,
|
|
#footer .footer-widget-title a.rsswidget {
|
|
font-size: 20px;
|
|
line-height: 1em;
|
|
}
|
|
|
|
.big-title {
|
|
font-size:45px;
|
|
}
|
|
|
|
|
|
.portfolio-item.cl_2 h4 {font-size:2em !important;}
|
|
.portfolio-item.cl_2 .portfolio-content-cat {font-size:1.1em !important;}
|
|
.portfolio-item.cl_2 .portfolio-content-desc {font-size:1em !important;}
|
|
|
|
/* =========================================
|
|
|
|
SKIN COLORS
|
|
|
|
============================================*/
|
|
|
|
/* Body Background */
|
|
body {background-color:#f1f2f2;}
|
|
|
|
/* General Links Color */
|
|
a,a:active{color:#2f2f2f;}
|
|
a:hover {color:#231f20; text-decoration:underline;}
|
|
|
|
#sidebar {color:#999A9A;}
|
|
#sidebar a{color:#999A9A;}
|
|
|
|
/* Header Links Color */
|
|
#header, #header-widget, #header a {color:#2da56f;}
|
|
#header a:hover {color:#fff;}
|
|
|
|
/* Arrow Color In Navigation Menu */
|
|
.the-arrow {border-top:5px solid #4F906E;}
|
|
|
|
/* Logo Text Color */
|
|
#logo-text {color:#FFF;}
|
|
#logo #logo-slogan {color:#f1f2f2;}
|
|
|
|
/* Navigation Menu Level 1 */
|
|
ul#navigation-menu-items li.depth-0 > a {color:#4E4A49;}
|
|
ul#navigation-menu-items li.depth-0 > a:hover,
|
|
ul#navigation-menu-items li.depth-0.navigation-menu-hover > a {}
|
|
|
|
/* Navigation Menu Other Levels */
|
|
ul#navigation-menu-items ul,
|
|
ul#navigation-menu-items ul ul{background-color:#ccc !important;}
|
|
ul#navigation-menu-items ul a,
|
|
ul#navigation-menu-items ul ul a{color:#6f6968 !important;}
|
|
|
|
/* Home Icon In Navigation Menu */
|
|
#the-home .the-home-color {background:#4E4A49;}
|
|
#the-home .the-home-roof-color {border-bottom: 11px solid #4E4A49;}
|
|
#the-home .the-home-highlight {border-bottom: 1px solid #6f6968;}
|
|
|
|
#the-home:hover .the-home-color {background:#413e3d;}
|
|
#the-home:hover .the-home-roof-color {border-bottom: 11px solid #413e3d;}
|
|
#the-home:hover .the-home-highlight {border-bottom: 1px solid #6f6968;}
|
|
|
|
/* Sidebar Colors */
|
|
.sidebar-widget-title, .footer-widget-title {color:#4e4a49;}
|
|
|
|
/* Footer Colors */
|
|
#footer-text {color:#999a9a;}
|
|
#footer-text h3 {color:#433f3e;}
|
|
#footer {}
|
|
.footer-widget-title {color:#4e4a49;}
|
|
|
|
/* Archives Colors */
|
|
.archives {
|
|
color:#ccc;
|
|
}
|
|
|
|
|
|
/* Portfolio */
|
|
.portfolio-overlay {
|
|
background-color: #1c1c1c;
|
|
}
|
|
|
|
.portfolio-content h4,
|
|
.portfolio-content-desc {
|
|
color:#fff !important;
|
|
text-shadow: 0 2px 1px #000;
|
|
}
|
|
|
|
.portfolio-content-cat {
|
|
color:#d5d5d5 !important;
|
|
text-shadow: 0 2px 1px #000;
|
|
}
|
|
|
|
.content{
|
|
color:#A3A4A4;
|
|
}
|
|
|
|
.min-content a {
|
|
color:#A3A4A4 !important;
|
|
}
|
|
|
|
.min-content a:hover {
|
|
color:#231f20 !important;
|
|
}
|
|
|
|
.content h1,
|
|
.content h2,
|
|
.content h3,
|
|
.content h4,
|
|
.content h5,
|
|
.content h6 {
|
|
color:#231f20;
|
|
}
|
|
|
|
.content h1 span.sub,
|
|
.content h2 span.sub,
|
|
.content h3 span.sub,
|
|
.content h4 span.sub,
|
|
.content h5 span.sub,
|
|
.content h6 span.sub { color:#cecece; text-shadow: none; }
|
|
|
|
|
|
|
|
/* Shortcodes */
|
|
|
|
.simple_tabs .tab_titles li.current a {
|
|
color:#2F2F2F !important;
|
|
}
|
|
|
|
|
|
.back-to-page {
|
|
display: block;
|
|
width: 42px;
|
|
height: 42px;
|
|
background: url(lib/imgs/prettyPhoto/close.png) 0 0 no-repeat;
|
|
text-indent: -9999px;
|
|
}
|
|
|
|
#close-container {
|
|
width: 42px;
|
|
height: 42px;
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
cursor: pointer;
|
|
}
|
|
|
|
|
|
.content a {
|
|
z-index: 100 !important;
|
|
}
|
|
|
|
|
|
#debugger {
|
|
position:fixed;
|
|
z-index: 1000;
|
|
bottom: 30px;
|
|
right:30px;
|
|
|
|
background:#000;
|
|
color:#fff;
|
|
|
|
padding: 20px;
|
|
}
|
|
|
|
.leftside #narrow-content.global-radius{
|
|
-webkit-border-top-right-radius: 0 !important;
|
|
-webkit-border-bottom-right-radius: 0 !important;
|
|
-moz-border-radius-topright: 0 !important;
|
|
-moz-border-radius-bottomright: 0 !important;
|
|
border-top-right-radius: 0 !important;
|
|
border-bottom-right-radius: 0 !important;
|
|
}
|
|
|
|
.rightside #narrow-content.global-radius{
|
|
-webkit-border-top-left-radius: 0 !important;
|
|
-webkit-border-bottom-left-radius: 0 !important;
|
|
-moz-border-radius-topleft: 0 !important;
|
|
-moz-border-radius-bottomleft: 0 !important;
|
|
border-top-left-radius: 0 !important;
|
|
border-bottom-left-radius: 0 !important;
|
|
} |