آگاه‌سازی‌ها
پاک‌کردن همه

اموزش RTL کردن

صفحه 1 / 2

ارسال‌: 524
شروع کننده موضوع
(@hamed)
Honorable Member
عضو شده: 10 سال قبل

سلام دوستان من امرو با انجمن شما اشنا شدم حسابی سوال بیجواب دارم که شما میتونید کمکم کنید .
من برای راستچین کردن قالب اموزش های پچ پی کار و وردپرسو خوندم ولی متوجه نشدم یعنی نتونستم کسی از دوستان میتونه بگه چطور قالب هارو RTLکنم.ممنون میشم

8 پاسخ
ارسال‌: 3594
Admin
(@admin)
عضو
عضو شده: 10 سال قبل

به انجمن خوش اومدی
ببینید فارسی سازی دو صورت داره یکی استاندارد و دیگری غیر استاندارد
متاسفانه الان بیشتر به صورت غیر استانداد فارسی سازی می شه
در غیر استاندارد direction: rtl; به body اضافه می کنند و تمام
ولی در روش استاندارد باید در body تگ text-align: right; را به فایل css اضافه کرده و بقیه قسمتها را نیز از چپ به راست تغییر دهید مثلا float: left; را به float: right; تبدیل کرده و بقیه تغییرات را نیز اجام دهید

پاسخ
ارسال‌: 524
شروع کننده موضوع
(@hamed)
Honorable Member
عضو شده: 10 سال قبل

افسوس که قبل این انجمنو نشناخته بودم.ممنون


من الان میخوامrtlکنم به روش غیر استاندارد میشه یکمی بیشتر توضیح بدید چطور انجام بدم

پاسخ
ارسال‌: 3594
Admin
(@admin)
عضو
عضو شده: 10 سال قبل

فایل style.css vh باز کن
در غیر استاندارد direction: rtl; به body اضافه می کنند و تمام

پاسخ
ارسال‌: 524
شروع کننده موضوع
(@hamed)
Honorable Member
عضو شده: 10 سال قبل

برای مثال من در این استایل کجا ها قرار باید بدم کجای body
/*
Theme Name: Positive
Theme URI: http://themeforest.net/item/positive-premium-multipurpose-wordpress-theme/560405
Description: Positive - Premium Wordpress Theme (Demo Site)
Author: Orkun GURSEL
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.7

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: 175px;
margin: -100px 0 -60px;
}

.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;
}

.cl .list .children {
list-style: none none;
margin-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 {
font-size:11px;
text-decoration: none !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;
}

#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: -61px -36px;
margin-left:10px;
}

.carousel-next:hover{
background-position: -61px 0;
}

.carousel-previous{
background-position: -61px -108px;
}

.carousel-previous:hover{
background-position: -61px -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 {
}

.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: 100%;
position:absolute;
background: url(lib/imgs/slider-navigation.png) no-repeat scroll 0 45%;

}

#slides-slider .slider-nextprev a.prev {
left:0;
background-position: 0 45%;
}

#slides-slider .slider-nextprev a.next {
right:0;
background-position: 100% 45%;
}

#slides-slider .slider-nextprev a span {
display:block;
width: 24px;
height: 32px;
margin: 20px auto 0;
text-indent: -9999px;
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;
top0;
}

.shadows .shadow-b {
width:100%;
height:10px;
background:url(lib/imgs/shadows/bottom.png) repeat-x;
bottom0;
}

.shadows .shadow-l {
height:100%;
width:10px;
background:url(lib/imgs/shadows/left.png) repeat-y;
top-10px;
}

.shadows .shadow-r {
height:100%;
width:10px;
background:url(lib/imgs/shadows/right.png) repeat-y;
top-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;}
.shadow-corner-tr{ background-position: -10px 0;right-10px;}
.shadow-corner-bl{ background-position: 0 -10px;bottom-10px;}
.shadow-corner-br{ background-position: -10px -10px;bottom-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;
width42px;
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#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;
}

/*

DARK

*/

.dark .sector {
background: url("lib/imgs/dark-divider_bg.png") repeat-x scroll 0 100% transparent;
/*border-bottom: 1px solid #27222d;*/
}

.dark .ts,
.dark .simple_tabs .tab_titles li.current a {
color: #fff !important;
}

.dark .d2,
.dark .min-divider {
/*background: #27222d;*/
}

.dark .simple_tabs .tab_titles,
.dark .blog-post-header,
.dark .image-frame,
.dark .frame img {
/*border-color: #27222d;*/
}

.dark #wide-content,
.dark #withsidebar-content,
.dark #narrow-content,
.dark .min-content {
/*background:#332d3b;*/
}

.dark #slides-slider .slider-nextprev a span {
background: url("lib/imgs/dark-sprite.png") no-repeat scroll 0 0;
}

.dark .blog-posts-list .pagination li {
background-image:url("lib/imgs/dark-sprite.png");
}

.dark .sprite {
background-image:url('lib/imgs/dark-sprite.png');
background-repeat:no-repeat;
}

.dark pre { background: transparent; }

پاسخ
صفحه 1 / 2
اشتراک: