Make

/* Theme Name: Photolux Version: 1.4.0 Theme URI: http://pexetothemes.
com/demos/photolux_wp/ Author: Pexeto Description: Premium Photography WordPress Theme Author URI: http://pexetothemes.com/ License: GNU General Public License v2.0 License URI: http://www.gnu.org/licenses/gpl-2.0.html */ /*---------------------------------------------------------------------------------1.CSS Restart 2.Basic Text and Heading Styles 3.Basic Document Styling 4.Sliders 5.Content 6.Portfolio / Galleries 7.Sidebar 8.Footer 9.Widgets and Page Templates 10.Elements 11.Others 12.Updates ----------------------------------------------------------------------------------*/ /* ----------------------------- 1.CSS Restart ------------------------------------------- */ html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address ,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,o l,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,arti cle,aside,figure,footer,header,hgroup,menu,nav,section,menu,time,mark,audio,vide o { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } article,aside,figure,footer,header,hgroup,nav,section { display: block; } nav ul { list-style: none; } blockquote,q { quotes: none; } blockquote:before,blockquote:after,q:before,q:after { content: ''; content: none; }
a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; outline: none; } ins { background-color: #ff9; color: #000; text-decoration: none; } mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; } del { text-decoration: line-through; } abbr[title],dfn[title] { border-bottom: 1px dotted #000; cursor: help; } table { border-collapse: collapse; border-spacing: 0; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #4f4f4f; margin: 0; padding: 0; } input,select { vertical-align: middle; } /* ----------- End Restart-----------------*/ /* ------------------------- 2.Basic Text and Heading Style ------------------------------------------ */ a { text-decoration: none; color: #FFF; } a:hover { text-decoration: underline; }
h1,h2,h3,h4,h5,h6 { color: #fff; line-height: margin: 15px font-weight: font-family: }
1.5em; 0; 100; 'PT Sans Narrow', Verdana, Geneva, sans-serif;
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a { color: #fff; text-decoration: none; } h1 { font-size: 28px; font-weight:bold; } h2 { font-size: 24px; } h3 { font-size: 21px; } h4 { font-size: 17px; } h5 { font-size: 16px; } h6 { font-size: 15px; } p { margin: 15px 0; } ol { margin-left: 35px; } ul { margin-left: 30px; } strong { font-weight: bold; } em { font-style: italic; } .alignleft {
float: left; margin-right: 10px; } .alignright { float: right; margin-left: 10px; } .aligncenter { text-align: center; } .clear { clear: both; } .relative { position: relative; } .double-line { width: 100%; height: 1px; display: block; border-top: 1px solid #2b2b2b; border-bottom: 1px solid #252525; font-size: 1px; } small { font-size: 12px; } /* --------------------------END Basic Text and Heading Styles --------------------- */ /* ----------------------------- 3.Basic Document Styling ----------------------------------- */ body { font-size: 14px; color: #cbcbcb; line-height: 1.7em; background-image: url("images/noise.png"); background-color: #6a6a6a; font-family: 'PT Sans Narrow', Verdana, Geneva, sans-serif; } body.iphone #main-container { padding-left: 20px; padding-right: 20px; } #main-container { width: 100%; } .center { height: auto; width: 980px; margin: 0 auto;
text-align: left; padding: 0px; position: relative; } /*-- THEME COLOR---*/ .button { } #slider-navigation .items img.active { border-color: #dbdbdb; -webkit-box-shadow: 1px 1px 0px rgba(255, 255, 255, 1) inset; -moz-box-shadow: 1px 1px 0px rgba(255, 255, 255, 1) inset; box-shadow: 1px 1px 0px rgba(255, 255, 255, 1) inset; } ::selection { background: #ef4832; /* Safari */ color: #FFF; } ::-moz-selection { background: #ef4832; /* Firefox */ color: #FFF; } /*-- END THEME COLOR---*/ /*---------------------------- Header ----------------------------*/ #header { background: url("images/noise.png") #262626; margin-bottom: 40px; padding-top: 1px; width: 100%; position: fixed; } #navigation-container,#footer,#showcase-categories,#portfolio-categories ul,#fil ter-btn.filter-opened,.sidebar-box h4,.portfolio-sidebar h4 { background: url(images/top_navigation_gradient.png) repeat-x; background: url(images/top_navigation_gradient.png), url(images/noise.png) repeat-x; background-color: #333; border-bottom: 1px solid #191919; border-top: 1px solid #191919; -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.05) inset; -moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.05) inset; box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.05) inset; } /*-- END THEME COLOR---*/ #navigation-container { width: 100%; height: 45px; display: block; }
#footer { height: auto; overflow: hidden; padding: 10px 20px 7px 40px; display: block; } /*---------------------------- Logo ----------------------------*/ #logo-container a { width: 136px; height: 55px; display: block; background: url(images/logo.png) no-repeat; float: left; } #logo-container { height: auto; overflow: hidden; margin: 7px auto; float:left; width: 136px; height: 55px; } /*----------------------------- Menu --------------------------------*/ #menu-container { padding-top: 15px; width: auto; display: block; text-align: center; z-index: 20000; } #menu ul { text-align: center; } #menu ul li { display: inline; width: auto; margin: 0px; padding: 0px; } #menu ul li a { text-transform: uppercase; padding-left: 25px; font-size: 13px; font-weight:bold; color: #fff; font-style: normal; padding: 14px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7); border: 1px solid transparent; border-left: 0px; border-right: 0px; }
.iphone #menu ul li a { font-size: 7px; } #menu ul li a:hover,#menu ul li.hovered>a { text-decoration: none; background: url(images/top_navigation_gradient.png) repeat-x #5b5b5b; background-image: url(images/top_navigation_gradient.png), url(images/noise.png); border-top: 1px solid #131313; border-bottom: 1px solid #131313; border-left: 0px; border-right: 0px; } #menu ul li a:active { text-decoration: none; background: url(images/top_navigation_gradient.png) repeat-x #5b5b5b; -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.5) inset; -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.5) inset; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.5) inset; } #menu ul ul li a:active { text-decoration: none; -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2) inset; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2) inset; } #menu ul li.current-menu-item ul li a,#menu ul li.current-menu-ancestor ul li a { opacity: 1; } #menu ul ul>li:first-child { -moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.1) inset; -webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.1) inset; box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.1) inset; } /*---------- Drop Down ------------*/ #menu ul ul li a:hover,#menu ul ul li.hovered>a,#menu ul ul li.current-menu-item >a { text-decoration: none; opacity: 1; background-color: #2b2b2b; border: 1px solid #2b2b2b; } .drop-arrow { width: 7px; height: 4px; background: url(images/drop-arrow.png) no-repeat; display: inline-block; position: relative; top: -2px; left: 2px; display: none;
} #menu ul ul .drop-arrow { background: url(images/drop-arrow-sub.png) no-repeat; width: 4px; height: 7px; float: right; top: 10px; display: block; } #menu ul,#menu ul * { margin: 0; padding: 0; list-style: none; } #menu ul { line-height: 1.0; } #menu ul ul { position: absolute; top: -999em; width: 10em; /* left offset of submenus need to match (see below) */ } #menu ul ul li { width: 100%; background-color: #5b5b5b; background-image: url(images/noise.png); } #menu ul li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } #menu ul li { position: relative; } #menu ul a { position: relative; } ul#menu ul li:hover li ul,ul#menu ul li.sfHover li ul { top: -999em; } ul#menu ul li li:hover ul,ul#menu ul li li.sfHover ul { left: 10em; /* match ul width */ top: 0; } ul#menu ul li li:hover li ul,ul#menu ul li li.sfHover li ul { top: -999em; } ul#menu ul li li li:hover ul,ul#menu ul li li li.sfHover ul { left: 10em; /* match ul width */
top: 0; } #menu ul a { text-decoration: none; } #menu ul li:hover,#menu ul li.sfHover,#menu ul a:focus,#menu ul a:hover,#menu ul a:active { outline: 1; } #menu ul li a:hover,#menu ul li.current-menu-item>a,#menu ul li.current-menu-anc estor>a { } #menu ul ul { width: 160px; top: 33px; left: 0px; padding: 0px; text-align: left; z-index: 20000; display: none; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); } #menu ul ul li a { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #menu ul ul ul li { -moz-box-shadow: 0px 0px 0px; -webkit-box-shadow: 0px 0px 0px; box-shadow: 0px 0px 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px 0px 0px; border-radius: 0px 0px 0px; } #menu ul ul ul { top: 0px; left: 160px; padding: 0px; } #menu ul ul li a { padding: 0 10px; height: auto; text-align: left; line-height: 27px; display: block; text-transform: capitalize;
} #menu ul ul li { display: block; } #menu ul ul li a { display: block; } /*-----------------------------END Menu --------------------------------*/ /*---------------------------- END Header ----------------------------*/ /*------------------------ 4.Sliders ------------------------------------------------*/ #slider-container { width: 980px; margin-top: 17px; height: auto; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); margin-bottom: 40px; } #static-header-img { background-color: #343434; } #static-header-img img { width: 980px; height: 400px; display: block; } #slider { height: 400px; position: relative; overflow: hidden; } /*------------------------------NIVO SLIDER-------------------------------*/ #nivo-slider { width: 980px; height: 400px; background: url(images/ajax-loader.gif) no-repeat center #313131; } #nivo-slider img { width: 950px; height: 350px; display: none; top: 5px; left: 5px; } .nivo-controlNav { position: absolute; bottom: 5px; z-index: 1000; } .nivo-controlNav a {
width: 15px; height: 15px; background: url(images/page_nav.png) no-repeat; float: left; list-style: none; margin: 0 1px; display: block; } .nivo-controlNav a.active { background-image: url(images/page_nav_active_black.png); } .nivo-nextNav { display: block; background: url(images/preview_arrows.png) no-repeat scroll top right; width: 53px; height: 53px; right: 20px; } .nivo-nextNav:hover { background: url(images/preview_arrows.png) no-repeat scroll bottom right ; } .nivo-prevNav { display: block; background: url(images/preview_arrows.png) no-repeat scroll top left; width: 53px; height: 53px; left: 20px; } .nivo-prevNav:hover { background: url(images/preview_arrows.png) no-repeat scroll bottom left; } .nivo-caption p { padding: 15px; padding-left: 19px; font-size: 14px; font-family: "Droid Sans", Verdana, Geneva, sans-serif; } .nivo-caption { width: 940px; height: auto; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin: 20px; } #nivo-controlNav-holder { width: 100%; height: 50px; display: block; }
/*-------------------------END NIVO SLIDER----------------------------*/ /*----------------------------------------------------------------------------- 5.CONTENT -------------------------------*/ #content-container { height: auto; min-height: 300px; padding-bottom: 40px; padding-top: 140px; margin: 20px auto 0 auto; } #full-content-container { height: auto; padding-top: 160px; position: relative; } #content-container { width: 980px; } #content { float: left; height: auto; min-height: 200px; width: 670px; } .page #content,.single #content,.error404 #content { padding: 25px; width: 620px; background: #343434; background: #313131; min-height: 300px; } .page-template-template-featured-php #content { padding: 0px; background-color: transparent; width: 670px; } #full-width { float: left; height: auto; width: 980px; } .page #full-width,.single #full-width,.error404 #full-width { width: 930px; background-color: #313131; padding: 25px; -webkit-box-shadow: 1px 1px 2px rgba(43, 43, 43, 0.8); -moz-box-shadow: 1px 1px 2px rgba(43, 43, 43, 0.8); box-shadow: 1px 1px 2px rgba(43, 43, 43, 0.8); min-height: 300px; } .blog #full-width,.page-template-template-featured-php #full-width { background-color: transparent;
box-shadow: none; padding: 0px; width: 980px; } #content img { max-width: 670px; } .layout-left #content { float: right; } .layout-left #sidebar { float: left; margin-left: 0px; margin-right: 40px; } h1.page-heading { font-size: 16px; margin-bottom: 5px; margin-top: -3px; font-weight:bold; } .single { margin-bottom: 0px; border-bottom-width: 0px; } .post-content { position: relative; margin-bottom: 25px; } .featured-posts .post-content { margin-bottom: 0px; } #content .post-content { width: 670px; } #full-width .post-content { width: 980px; } .post-boxes { margin-top: 40px; margin-bottom: -40px; } .page-content-box { background-color: #313131; padding: 10px 20px; margin-bottom: 30px; } .page-content-box h1.page-heading {
padding: 5px 0 0 0; } #page-title { width: 100%; min-height: 50px; margin-bottom: 40px; } #page-title { margin-bottom: 0px; } #page-title h1 { font-size: 17px; padding: 15px; padding-left: 0px; margin: 0px; text-align: center; color: #fff; line-height: 1.7em; background-color: #808080; } #page-title h1 { font-size: 17px; } h1.post-title,h1.post-title a { font-size: 22px; margin-bottom: 0px; margin-top: 0px; font-style: normal; padding-right: 20px; } .post-info { color: #b5b5b5; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; width: 100%; } h3.post-info { color:#000; } .content-box .post-info { font-size: 11px; text-transform: capitalize; } .post-info a { font-style: normal; color: #ccc; } a.read-more { background-image: url(images/pattern.png);
border: 1px solid #2c2c2c; padding: 2px 12px 4px 12px; font-style: normal; float: right; margin-right: -20px; margin-bottom: -5px; } a.read-more:hover { text-decoration: none; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity = 80); opacity: 0.8; } .no-caps { font-style: normal; text-transform: lowercase; letter-spacing: normal; font-size: 12px; color: #949494; margin-right: 5px; } img.img-frame,.img-frame img,.img-wrapper,#content-container .gallery img,#sideb ar-projects img { -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); } #content-container .gallery img { border-width: 0px; } .img-loading { background: url(images/ajax-loader-small.gif) no-repeat center; padding: 0px; } .more-arrow { font-size: 20px; font-family: Georgia, "Times New Roman", Times, serif; position: relative; top: 1px; } /* Page navigation */ #content-container .wp-pagenavi a,#content-container .wp-pagenavi span.pages,#co ntent-container .wp-pagenavi span.current,#content-container .wp-pagenavi span.e xtend { border: 0px; margin: 2px; padding: 0px 8px; } #content-container .wp-pagenavi { text-align: center;
margin-bottom: -10px; } /*----------------------------- COLUMNS ------------------------------------*/ .columns-wrapper { width: 620px; float: none; overflow: hidden; } #full-width .columns-wrapper { width: 930px; } .columns-wrapper p { margin-bottom: 7px; margin-top: 7px; } .two-columns { width: 445px; float: left; margin-right: 40px; } #content .two-columns { width: 290px; } .three-columns { width: 283px; float: left; margin-right: 40px; } #content .three-columns { width: 180px; } .four-columns { width: 202px; float: left; margin-right: 40px; } #content .four-columns { width: 125px; } /*------------------------------------ 6.Portfolio / Galleries ------------------------------------*/ /*--------------------- GRID GALLERY ---------------------*/ #grid-full-width { float: left; width: 100%; height: auto; } #grid-gallery-wrapper { position: relative;
width: 100%; z-index:1; overflow: hidden; float: left; } .with-filter { margin-top: -40px; } .no-filter { margin-top: -10px; } #grid-gallery { position: relative; width: 100%; min-height: 400px; margin-left: 40px; margin-top: 10px; } #gallery-container { float: left; width: 100%; z-index:0; margin-bottom: 40px; min-height: 500px; } .content-box { float: left; margin: 0 7px 7px 0; text-align: center; visibility: hidden; background: url("images/pattern2.png") #262626; -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); display: block; } .content-box>a { background-color: #000; } .content-box img { display: block; } .content-box h3 { margin: 0px; padding: 10px 0 8px 0; } .content-box h3 a { color: #aeaeae; } .content-box h2 {
text-transform: capitalize; color: #fff; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); margin: 2px 0 8px; font-size: 18px; } .content-box h2 a { color: #fff; } .content-box h2 a:hover { text-decoration: none; } .content-box .post-info { font-size: 12px; font-style: normal; text-transform: uppercase; letter-spacing: normal; padding: 10px 0 0px; } .more-container { width: 100%; text-align: center; margin-top: 30px; float: left; } #loadMore { background-color: #1a1a1a; -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.05) inset; -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.05) inset; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.05) inset; border: 1px solid transparent; } #loadMore span { display: block; min-width: 50px; padding-top: 1px; position: relative; top: 1px; } .content-box a { display: block; position: relative; } .portfolio-more { width: 100%; height: 100%; background: url(images/box-hover.png) no-repeat center; display: block; position: absolute;
top: 0px; left: 0px; z-index: 10; opacity: 0; filter: alpha(opacity = }
0);
.portfolio-more .portfolio-icon { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background: url(images/box-hover-plus.png) no-repeat center; } .portfolio-video .portfolio-icon { background: url(images/box-hover-play.png) no-repeat center; } .portfolio-loading .portfolio-icon { background: url(images/portfolio-loader-small.gif) no-repeat center; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity = 70); opacity: 0.7; } .preview-container { height: 100%; width: 100%; position: relative; float: left; margin-top: 10px; margin-bottom: 40px; left: 0px; } .preview-img-container,.preview-content { -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.7); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.7); } .with-filter .preview-content-wrapper { margin-top: 30px; } .preview-img-container { display: block; float: left; position: relative; z-index: 10; } .preview-description { width: 270px; float: left; overflow: auto; }
.preview-description h2 { margin-top: 0px; } .preview-content { float: left; width: 270px; background-color: #2b2b2b; padding: 20px; position: relative; } .preview-arrows { position: absolute; top: 100px; z-index: 100; width: 53px; height: 53px; background-image: url(images/preview_arrows.png); } #preview-left-arrow { left: 40px; background-position: left top; } #preview-right-arrow { right: 40px; background-position: right top; } #preview-left-arrow:hover { background-position: left bottom; } #preview-right-arrow:hover { background-position: right bottom; } .back-btn { position: absolute; left: 0px; bottom: 0px; width: 310px; height: 34px; border-bottom: 1px solid #1f1f1f; text-align: center; text-transform: uppercase; background-image: url("images/pattern.png"); } .back-btn span { position: relative; top: 6px; padding-left: 20px; background: url("images/back_arrow.png") no-repeat left center; } .horizontal-slider { background: url(images/scroll-bg.png) repeat-x;
float: left; height: 13px; width: 100%; position: absolute; bottom: 0px; } .horizontal-handle { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity = 60); opacity: 0.6; background: #373737 url(images/scroll-handle-bg.png) no-repeat center center; width: 20px; height: 12px; position: absolute; left: 0px; top: 0px; border: 1px solid #000; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } /* * jScrollPane CSS */ .jspContainer { overflow: hidden; position: relative; } .jspPane { position: absolute; } .jspVerticalBar { position: absolute; top: 0; right: 20px; width: 16px; height: 100%; } .jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; background: #1a1a1a; display: none; } .jspVerticalBar *,.jspHorizontalBar * { margin: 0; padding: 0; } .jspCap {
display: none; } .jspHorizontalBar .jspCap { float: left; } .jspTrack { position: relative; } .jspDrag { background: none repeat scroll 0 0 #444; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; cursor: pointer; left: 25px; position: relative; width: 10px; } .jspHorizontalBar .jspTrack,.jspHorizontalBar .jspDrag { float: left; height: 100%; } .jspArrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer; } .jspArrow.jspDisabled { cursor: default; background: #80808d; } .jspVerticalBar .jspArrow { height: 16px; } .jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; } .jspVerticalBar .jspArrow:focus { outline: none; } .jspCorner { background: #eeeef4; float: left; height: 100%; } /*-----------PORTFOLIO WITH PREVIEW - SHOWCASE -----------*/
#portfolio-preview-container { display: none; } .preview-item { float: right; width: 635px; height: auto; } .portfolio-big-img { margin-bottom: 15px; max-width: 634px; min-height: 200px; background: url(images/ajax-loader-small.gif) no-repeat center transparent; } #portfolio-preview h4 { font-style: normal; } #portfolio-preview h1,#portfolio-preview h1 a { font-size: 24px; font-style: normal; margin-top: 0px; } #portfolio-preview hr { margin-bottom: 10px; } .portfolio-items { float: left; width: 270px; } .showcase-item { float: left; display: block; width: 248px; padding: 10px; border: 1px solid #0d0d0d; border-top: 0px; -webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.03) inset; -moz-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.03) inset; box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.03) inset; background-color: #222; position: relative; } .showcase-item:first-child { border-top: 1px solid #0d0d0d; } .showcase-item:hover,.showcase-selected { background: none; background: url(images/gradient2.png) repeat-x bottom #1a1a1a; }
.showcase-item h6 { float: left; width: 158px; margin-top: 0px; margin-bottom: 7px; font-size: 14px; text-transform: capitalize; } .showcase-item .post-info { width: auto; font-size: 10px; width: 150px; float: left; line-height: 17px; } .portfolio-items img { margin: 0px 10px 0px 0px; width: 65px; height: 47px; } .portfolio-sidebar { height: auto; min-height: 200px; float: left; width: 270px; font-size: 15px; overflow: hidden; position: relative; } #portfolio-wrapper { height: auto; } #portfolio-big-pagination { display: block; width: 220px; height: 25px; float: left; text-transform: uppercase; line-height: 26px; font-size: 14px; margin-top: 10px; } .portfolio-big-arrows { font-size: 26px; line-height: 22px; position: relative; top: 2px; padding: 0px; } #portfolio-big-pagination a { text-decoration: none; font-style: normal; color: #888;
} #portfolio-big-pagination a#next-item { display: none; } #portfolio-big-pagination a#prev-item { display: none; } #portfolio-big-pagination a:hover { color: #555; text-decoration: none; } #portfolio-preview .columns-wrapper { width: 620px; } #portfolio-preview .two-columns { width: 290px; } #portfolio-preview .three-columns { width: 180px; } #portfolio-preview .four-columns { width: 125px; } .page-template-template-portfolio-showcase-php .margin-line+p { margin-top: 0px; } /*------------------ GALLERY ---------------------*/ #portfolio-gallery { min-height: 500px; position: relative; } #portfolio-gallery img { margin-right: 0px; } /* pagination styles */ #portfolio-pagination { float: left; margin-top: 40px; } ul.portf-navigation { margin: 0; padding: 0; } ul.portf-navigation li { width: 15px; height: 15px; float: left;
list-style: none; margin-right: 3px; position: relative; background: url(images/page_nav.png) no-repeat; } ul.portf-navigation li:hover,ul.portf-navigation li.selected { background-image: url(images/page_nav_active_black.png); } /* item styles */ .portfolio-item { float: left; padding: 20px 20px 20px 20px; display: block; } .archive-portfolio { margin-right: 40px; margin-bottom: 30px; } .last-item { border-right-width: 0px; } .first-line .portfolio-item { border-top-width: 0px; } .portfolio-item img { display: block; background: url(images/ajax-loader-small.gif) no-repeat center #fff; opacity: 0; } /* category filter styles */ #portfolio-categories { width: 100%; line-height: 15px; display: block; height: 30px; position: relative; top: 5px; } #portfolio-categories h6 { float: left; line-height: 15px; margin: 0px 10px 0px 0px; font-style: italic; font-size: 13px; padding: 9px; color: #fff; } #portfolio-categories ul li,#showcase-categories ul li { display: inline; padding: 5px 11px 5px 11px; font-size: 13px;
text-transform: capitalize; position: relative; float: left; color: #fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7); } #showcase-categories { background-color: #222222; margin-bottom: 25px; } #showcase-categories ul { margin-left: 7px; } #showcase-categories ul li { padding: 3px 9px 3px; } #showcase-categories { border: 1px solid #0d0d0d; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #portfolio-categories ul li:last-child { -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.7), 0px 0px 0px rgba(255, 255, 255, 0.05); -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.7), 0px 0px 0px rgba(255, 255, 255, 0.05); box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.7), 0px 0px 0px rgba(255, 255, 255, 0.05); } #portfolio-categories ul li:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity = 80); opacity: 0.8; } #portfolio-categories ul li:active,#portfolio-categories ul li.selected,#showcas e-categories ul li:active,#showcase-categories ul li.selected { text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.8); background: url(images/top_navigation_gradient.png) repeat-x #0f0f0f; -webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.03) inset; -moz-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.03) inset; box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.03) inset; } #portfolio-categories ul { float: left; margin-left: 0px; margin-bottom: 15px; margin-top: 4px; border: 1px solid #1f1f1f; -webkit-border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px;
border-radius: 0px 5px 5px 0px; height: 25px; display: none; } #filter-btn { float: left; padding: 5px 6px 5px 6px; border-radius: 3px; margin-left: 40px; margin-top: 4px; display: block; position: relative; font-size: 11px; text-transform: uppercase; background-image: url(images/trans.png); opacity: 0.6; } #filter-btn span { background: url(images/filter_icon.png) no-repeat center left; padding-left: 18px; display: block; vertical-align: middle; line-height: 12px; } #filter-btn span:active { position: relative; top: 1px; } #filter-btn.filter-opened { padding: 6px 9px 7px 9px; -webkit-border-radius: 5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px; background: url(images/top_navigation_gradient.png) repeat-x #333; border: 1px solid #1f1f1f; border-right: 0px; opacity: 1; } #portfolio-categories ul li:hover a { text-decoration: none; font-style: normal; color: #656565; } .loading { background: url(images/ajax-loader.gif) no-repeat; background-position: center 200px; margin-left: auto; margin-right: auto; position: relative; } .btn-loading span { background: url(images/btn-loader.gif) no-repeat center; display: block;
text-indent: -9999px; height: 24px; } .disabled { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity = 50); opacity: 0.5; } /*---------------------- QUICK GALLERY ----------------------------*/ #content-container dl.gallery-item { margin-top: 18px; } #content dl.gallery-item { margin-top: 26px; } #full-width .gallery { width: 953px; } #content .gallery,#portfolio-preview-container .gallery { width: 650px; } .gallery a { margin-right: 25px; position: relative; display: block; } /*------------------------------------ END PORTFOLIO ------------------------------------*/ /*--------------------------------------------7.Sidebar-----------------------------------*/ #sidebar { height: auto; min-height: 200px; float: right; width: 270px; margin-right: 0px; } .sidebar-box { margin-bottom: 25px; height: auto; overflow: hidden; background: #343434; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; padding: 10px; } #sidebar .sidebar-box:last-child { margin-bottom: 0px; }
.sidebar-box ul { text-decoration: none; list-style: none; margin-left: 0px; } #sidebar .widget_categories ul li,#sidebar .widget_nav_menu ul li,#sidebar .widg et_archive ul li,#sidebar .widget_links ul li { display: block; width: 253px; color: #fff; text-decoration: none; background: url(images/sidebar-arrow.png) no-repeat; background-position: 6px 14px; padding: 6px; padding-left: 25px; } #sidebar .widget_categories ul li a,#sidebar .widget_nav_menu ul li a,#sidebar . widget_archive ul li a,#sidebar .widget_links ul li a { color: #fff; text-decoration: none; } #sidebar .widget_categories ul li:hover,#sidebar .widget_nav_menu ul li:hover,#s idebar .widget_archive ul li:hover,#sidebar .widget_links ul li:hover { background-color: #2b2b2b; border-bottom: 1px solid #252525; } #sidebar .widget_categories ul li,#sidebar .widget_nav_menu ul li,#sidebar .widg et_archive ul li,#sidebar .widget_links ul li { border-bottom: 1px solid #2d2d2d; } #sidebar .widget_categories ul,#sidebar .widget_nav_menu ul,#sidebar .widget_arc hive ul,#sidebar .widget_links ul { margin-bottom: -10px; margin-left: -10px; } #sidebar ul li.current_page_item,#sidebar ul li.current_menu_item { padding-left: 33px; background-position: 13px 14px; } .sidebar-box ul ul { margin-top: 5px; margin-left: 5px; } #sidebar .widget_categories ul ul li,#sidebar .widget_nav_menu ul ul li { border-bottom-width: 0px; }
.sidebar-box h4,.portfolio-sidebar h4 { font-size: 13px; margin: 0px; padding: 10px 10px 10px 15px; text-transform: uppercase; border: 1px solid #1f1f1f; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; width: 243px; margin: -10px 0 0 -10px; } .sidebar-box .double-line { margin-bottom: 12px; display: none; } .sidebar-box input[type='text'] { width: 270px; height: 29px; margin-bottom: 10px; } .sidebar-heading { margin-top: 0px; } .sidebar-box ul li.cat-item a { display: inline; } /*----------------Sidebar PORTFOLIO POSTS LOADER----------------*/ #content-container ul#sidebar-projects { float: left; list-style: none; margin: 10px 0 -10px -7px; } #sidebar-projects { padding: 4px 0 5px 0; } #sidebar-projects img { margin-bottom: 0px; margin-right: 0px; float: left; width: 75px; height: 65px; } #sidebar-projects a { width: auto; padding-left: 0px; } #sidebar-projects li { border-bottom: 0px; float: left;
padding: 0 0 10px 10px; background-image: none; display: inline; } /*----------------END PORTFOLIO POSTS LOADER----------------*/ /*---------------------------------- END Sidebar -----------------------------------*/ /*-------------------------END Content----------------------------*/ /* --------------------- 8.Footer --------------------- */ #copyrights { width: 100%; float: left; } #copyrights h5 { font-size: 12px; text-transform: uppercase; letter-spacing: 2px; margin: 21px auto; color: #999; text-align: center; } #copyrights h5 a { color: #828282; } .top-border { border-top: 1px solid #ebebeb; } #footer-menu ul { margin-left: 0px; margin-top: -1px; } #footer-menu li { list-style: none; float: left; } #footer-menu li a { text-transform: uppercase; margin: 0 5px; font-size: 12px; } /*---------------------------- 9.Widgets and Templates -------------------------*/ /*------------- CONTACT WIDGET --------------*/ .widget-contact-form { margin-top: 10px; } .widget-contact-form input[type="text"],.widget-contact-form textarea { width: 242px; font-size: 12px; color: #999; line-height: 25px;
} .widget-contact-form textarea { width: 189px; } .widget-contact-form #submit-form { margin-top: 15px; } .widget-contact-form textarea { height: 70px; width: 233px; } .widget-contact-form .button { margin-top: 12px; margin-bottom: 12px; } #submit-form { margin-top: 25px; } textarea { overflow: auto; } .contact-label { margin-top: 10px; display: block; } .pexeto-contact-form .button { float: left; } .mandatory { color: #ff0000; } .check { width: 24px; height: 24px; background-image: url(images/ok.png); background-repeat: no-repeat; float: left; visibility: hidden; position: relative; top: 15px; } .contact-loader { width: 32px; height: 32px; background: url(images/ajax-loader-small.gif) no-repeat; float: left; position: relative; left: 15px; top: 7px;
visibility: hidden; } .contact-status { margin-top: 30px; } input[type="text"].invalid,textarea.invalid { border: 1px solid #a50000; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .error-message,.sent-message,.fail-message { display: none; } #sent_successful { display: none; } .contact-form-input,.contact-form-textarea { position: relative; } .contact-form-textarea { margin-bottom: 15px; } .contact-input-wrapper { -webkit-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; padding: 0px; position: relative; } div.after-validation { background-color: #383838; padding: 0 0 10px 10px; margin: 10px 0px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #2e2e2e; } div.invalid { padding: 0 0 10px 10px; background-color: #2c2c2c; margin: 10px 0px; font-size: 12px; } .coment-box,div.invalid { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 13px;
border: 1px solid #282828; } .contact_message p { margin-top: 5px; margin-bottom: 5px; } .contact-status div { float: left; } .contact-status span { float: left; margin-left: 10px; margin-top: 3px; } #map-canvas { width: 268px; height: 268px; background-color: #fff; -moz-box-shadow: 0px 0px 6px #c6c6c6; -webkit-box-shadow: 0px 0px 6px #c6c6c6; box-shadow: 0px 0px 6px #c6c6c6; border: 1px solid #CCC; margin-top: 25px; } /*----------------------- COMMENTS ---------------------------*/ .comment-container { padding: 0px; font-size: 12px; } ul.commentlist li { } #content-container ul.commentlist ul.children { padding-left: 30px; background: url(images/comment-bg.png) no-repeat; } #comment-content-container ul.children .comment-container { padding: 0px; } #comment-content-container ul.children li { padding: 1px 0 20px 30px; margin: -1px 0 -20px -29px; } #content-container ul.commentlist,#content-container ul.commentlist ul { margin-left: 0px; list-style: none; padding-left: 0px; } .coment-box {
padding: 20px; margin-bottom: 20px; background-color: #2c2c2c; min-height: 108px; position: relative; } #reply-title { font-size: 16px; margin-bottom: 10px; margin-top: 10px; } #comment-content-container ul.children .comentBox { padding: 20px; position: relative; } .coment-box p { margin-top: -10px; } .coment-box img { margin: 0px 0px 10px 0px; padding: 3px; border: 1px solid #282828; display: block; } .comment-autor { float: left; margin-right: 20px; text-align: center; } p.coment-autor-name { margin-bottom: 0px; } .comment-date { position: absolute; bottom: 0px; right: 0px; color: #999999; margin-top: 10px; margin-right: 20px; font-style: italic; } .comment-container .post-info { width: auto; margin-bottom: 5px; } .comment-date .no-caps { text-transform: capitalize; } #respond { padding-top: 5px;
} #respond h3 { font-size: 19px; } .comment-navigation { width: 100%; float: left; position: relative; } #commentform input[type=text],#commentform textarea { display: block; } .comment-text { margin-top: 10px; } .reply { float: left; } p.form-submit { margin-bottom: 0px; } ul.commentlist>li:first-child { border-top-width: 0px; } /*----------------------- END COMMENTS ---------------------------*/ /*---------- FEATURED POSTS ------------*/ .post { margin-bottom: 30px; position: relative; } .single .post,.single .type-attachment { margin-left: -25px; margin-top: -25px; margin-bottom: 0px; } .single .post-content { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; margin-bottom: 0px; } #full-width .post { width: 980px; } .post-title-wrapper { padding: 10px 20px 13px; }
.post-title-wrapper h2 { margin-bottom: 0px; margin-top: 1px; } .blog-post-img img { display: block; } #blog-latest { height: auto; width: 100%; margin-top: 0px; } #blog-latest .columns-wrapper { margin-bottom: 0px; width: 670px; } #full-width #blog-latest .columns-wrapper { width: 980px; } .post-date { float: left; width: 50px; height: 57px; display: block; background: url("images/trans.png"); position: absolute; top: 0px; left: 0px; } .no-thumbnail .post-date { left: auto; right: 0px; } .post-date span { color: #fff; letter-spacing: 3px; text-align: center; text-transform: uppercase; margin-top: 5px; margin-left: 4px; margin-bottom: 2px; display: block; font-size: 11px; } .post-date span.year { padding-left: 1px; font-size: 10px; position: relative; top: -3px; display: none; }
.post-date h4 { text-align: center; margin: 0px; line-height: 17px; font-weight: bold; color: #fff; font-size: 22px; } .post-content-content { padding: 5px 20px; } .post-content { background: #343434; } .post-content h2 a { text-decoration: none; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7); } .post-title-wrapper { background: url("images/pattern2.png") #262626; padding: 10px 20px 13px 20px; } .post-title { width: 100%; float: left; padding-bottom: 0px; } .post-title a:hover { color: #939393; text-decoration: none; } .latest-small { height: auto; overflow: hidden; float: left; margin-bottom: 30px; } #content .latest-small .post-content { width: 296px; float: left; padding: 12px; } .latest-small h3 { margin-bottom: 5px; margin-top: 0px; font-size: 19px; border-bottom: 0px; width: 100%; } .latest-small p {
margin-top: 5px; } .latest-small-right { border-right-width: 0px; margin-left: 30px; } .latest-small .read-more { float: right; margin-right: -12px; margin-bottom: -12px; } .latest-small .post-content img { margin-top: 10px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; margin: -17px 0 0 -12px; } #full-width .latest-small { width: 475px; } #full-width .latest-small .post-content { width: 451px; padding: 12px; float: left; } /*---------- END FEATURED POSTS ------------*/ /*----------- BLOG POSTS LOADER WIDGET --------------*/ .sidebar-latest-posts { margin-top: -10px; } .sidebar-post-wrapper { padding-bottom: 10px; padding-top: 10px; border-bottom: 1px dotted #e7e7e7; } .sidebar-post-wrapper:hover { background-color: #FAFAF7; } .sidebar-post-wrapper img { padding: 3px; margin-right: 7px; } .sidebar-post-wrapper h6 a { color: #737373; font-size: 13px; } .sidebar-post-wrapper h6 { margin-top: 2px;
margin-bottom: 5px; line-height: 1.2em; } .info-wrapper { float: left; width: 200px; } .sidebar-post-wrapper h6 a:hover { text-decoration: none; } .sidebar-post-info a { font-size: 11px; } .sidebar-post-comments { display: none; } .sidebar-post-wrapper h6 a:hover { text-decoration: underline; } #sidebar .search-wrapper { position: relative; } #sidebar .search-input { width: 242px; height: 23px; color: #b7b7b7; margin-bottom: 0px; } #sidebar .searchform { margin-top: 10px; } .sidebar-box .search-button,#not-found .search-button { margin-top: 1px; border: 0px; font-size: 0px; width: 26px; height: 27px; display: block; background: url(images/search_icon.png) no-repeat center; background-repeat: no-repeat; position: absolute; right: 0px; top: 0px; } .search-button:hover { cursor: pointer; } #content .search-button { float: none;
} #content .search-input { display: block; margin-bottom: 10px; margin-left: 3px; } #content .search-button,#full-width .search-button { height: 30px; width: 31px; position: absolute; left: 277px; top: 0; } #full-width .search-button { left: 276px; } #content .search-wrapper,#full-width .search-wrapper { width: 310px; margin: 30px auto; position: relative; } .textwidget { padding-top: 5px; } /*---------------------------- END Widgets and Templates -------------------------*/ /*----------------------- 10.Elements -----------------------*/ input[type="text"],input[type="password"] { width: 300px; height: 27px; border: 1px solid #2f2f2f; background-color: #4c4c4c; -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3) inset, 0px 1px 0px rgba(255, 255, 255, 0.04); -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3) inset, 0px 1px 0px rgba(255, 255, 255, 0.04); box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3) inset, 0px 1px 0px rgba(255, 255, 255, 0.04); padding: 2px 0 2px 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #777; font-size: 12px; line-height: 23px; } textarea { width: 290px; height: 150px; font-family: Arial; border: 1px solid #2f2f2f; background-color: #4c4c4c; -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3) inset, 0px 1px 0px
rgba(255, 255, 255, 0.04); -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3) inset, 0px 1px 0px rgba(255, 255, 255, 0.04); box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3) inset, 0px 1px 0px rgba(255, 255, 255, 0.04); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 7px; color: #777; font-size: 12px; } input:focus,textarea:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } code { border: 1px dashed #d3d3d3; font: normal 13px; padding: 2px 7px; } .highlight1 { background-color: #FDF8AD; color: #777; padding: 1px 3px; } .highlight2 { background-color: #909090; color: #FFF; padding: 1px 3px; } blockquote { padding: 13px 20px; font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif; font-size: 17px; font-style: italic; background: url(images/quote.png) no-repeat scroll top left; color: #fff; } blockquote p { line-height: 1.7em; border-left: 1px solid #4f4f4f; padding: 15px; padding-top: 0px; margin: 0px; margin-left: 30px; padding-top: 0px; } #sidebar blockquote { font-size: 14px; padding: 5px; background-position: 0 -7px;
} #sidebar blockquote p { margin-left: 27px; padding-right: 0px; } .sidebar-testimonials a { padding-left: 20px; } .sidebar-frame { padding: 10px; background-color: #fcfbf8; display: block; } .info-box,.note-box,.tip-box,.error-box,tip-box { padding: 12px 15px; margin: 20px 0px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; background: #eee; color: #fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, .4); background: url(images/top_navigation_gradient.png) repeat-x; } .info-box { background-color: #5f778f; border: 1px solid #6d87a1; } .note-box { background-color: #ddc760; border: 1px solid #edd879; } .error-box { background-color: #973934; border: 1px solid #ae4641; } .tip-box { background-color: #94ab5d; border: 1px solid #a2ba6a; } /* --------------------- BUTTONS --------------------- */ .button,#submit,input[type=submit] { display: inline-block; outline: none; cursor: pointer; text-align: center; text-decoration: none; border: 0px; padding: 3px 22px 5px 22px; text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #fff; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity = 100); opacity: 1; -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, .2), 0px 1px 0px rgba(255, 255, 255, .2) inset; -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, .2), 0px 1px 0px rgba(255, 255, 255, .2) inset; box-shadow: 1px 1px 1px rgba(0, 0, 0, .2), 0px 1px 0px rgba(255, 255, 255, .2) inset; background: url(images/gradient_button.png) repeat-x bottom #de3917; } .button:hover,#submit:hover { text-decoration: none; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity = 90); opacity: 0.9; } .button:active,#submit:active { position: relative; top: 1px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity = 100); opacity: 1; -webkit-box-shadow: 1px -1px 1px rgba(0, 0, 0, .2); -moz-box-shadow: 1px -1px 1px rgba(0, 0, 0, .2); box-shadow: 1px -1px 1px rgba(0, 0, 0, .2); } input.button { padding: 4px 20px; line-height: 20px; border-width: 0px; } #submit { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; margin-top: 10px; padding: 7px 20px; border: 0px; } /*------------- TABLE --------------*/ table { border-collapse: collapse; margin: 20px 0; width: 100%; } table th { font-weight: normal; padding: 5px 4px; font-size: 13px;
background-color: #2b2b2b; border: 1px solid #272727; border-bottom: 2px solid #939393; color: #fff; } table td { border: 1px solid #2b2b2b; -webkit-box-shadow: 0 1px 0px rgba(255, 255, 255, .1); -moz-box-shadow: 0 1px 0px rgba(255, 255, 255, .1); box-shadow: 0 1px 0px rgba(255, 255, 255, .1); padding: 4px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7); text-align: center; } td#today { background: url("images/top_navigation_gradient.png") repeat-x scroll 0 0 #DE3917; } #calendar_wrap table td { text-align: center; } table#wp-calendar { margin-bottom: 0px; width: 100%; margin-top: 0px; } table#wp-calendar td:hover,table#wp-calendar td#today,table#wp-calendar td:hover a,table#wp-calendar td#today a { background: url("images/top_navigation_gradient.png") repeat-x scroll 0 0 #DE3917; color: #FFF; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); box-shadow: none; } caption { margin-bottom: 4px; margin-top: 2px; } .drop-caps { font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif; font-size: 300%; line-height: 0.8em; margin-right: 0.2em; padding-bottom: 0.1em; text-transform: uppercase; float: left; position: relative; top: 6px; color: #fff; } /* --------------------- BULLETS --------------------- */
ul.bullet_check li,div.bullet_check li,ul.bullet_arrow li,div.bullet_arrow li,ul .bullet_arrow2 li,div.bullet_arrow2 li,ul.bullet_arrow3 li,div.bullet_arrow3 li, ul.bullet_arrow4 li,div.bullet_arrow4 li,ul.bullet_star li,div.bullet_star li,ul .bullet_plus li,div.bullet_plus li { list-style: none; padding: 0px; margin: 7px; line-height: 18px; padding-left: 25px; } ul.bullet_check li,div.bullet_check li { background: transparent url(images/check.png) no-repeat 0 .2em; } ul.bullet_arrow li,div.bullet_arrow li { background: transparent url(images/arrow.png) no-repeat 0 .2em; } ul.bullet_arrow2 li,div.bullet_arrow2 li { background: transparent url(images/arrow2.png) no-repeat 0 .2em; } ul.bullet_arrow3 li,div.bullet_arrow3 li { background: transparent url(images/arrow3.png) no-repeat 0 .2em; } ul.bullet_arrow4 li,div.bullet_arrow4 li { background: transparent url(images/arrow4.png) no-repeat 0 .2em; } ul.bullet_numeric li,div.bullet_numeric li { list-style: none; list-style: decimal; padding-left: 20px; } ul.bullet_star li,div.bullet_star li { background: transparent url(images/star.png) no-repeat 0 .2em; } ul.bullet_plus li,div.bullet_plus li { background: transparent url(images/plus.png) no-repeat 0 .2em; } /*----- TESTIMONIALS -----*/ .testimonial-container { margin-top: 20px; } .testimonial-container blockquote { float: left; display: block; width: 455px; margin-top: -13px; padding-right: 0px; } #full-width .testimonial-container blockquote {
width: 684px; } #full-width #portfolio-preview .testimonial-container blockquote { width: 455px; } .no-image blockquote,#full-width .testimonial-container.no-image blockquote { width: 100%; } #content-container .testimonial-img { float: left; max-width: 144px; } .testimonial-container p { width: auto; display: inline-block; } .testimonial-container blockquote p { display: block; padding-right: 0px; } .testimonial-container .double-line { margin-bottom: 25px; } .testimonial-container h2 { display: inline-block; margin-right: 20px; font-size: 21px; margin-bottom: 7px; } .testimonial-container .testimonials-details { width: 400px; text-transform: uppercase; } #full-width .testimonial-container blockquote { width: 765px; } /*------------------ TABS------------------*/ .tabs-container { min-height: 150px; margin: 20px 0; } /* root element for tabs */ .tabs { list-style: none; margin: 0 !important; padding: 0; height: auto; float: left;
} /* single tab */ .tabs li a { margin-right: 3px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7); background: url(images/top_navigation_gradient.png) repeat-x #272727; background-image: url(images/top_navigation_gradient.png), url(images/noise.png); border: 1px solid #1e1e1e; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; line-height: 35px; } .tabs li { float: left; text-indent: 0; padding: 0; margin: 0 !important; list-style-image: none !important; } /* link inside the tab. uses a background image */ .tabs a { font-size: 13px; display: block; height: 35px; line-height: 35px; width: 50px; text-align: center; text-decoration: none; color: #fff; padding: 0px; position: relative; top: 1px; text-transform: capitalize; border: 1px solid #E2E2E2; border-bottom: 2px solid #E2E2E2; border-right: 0px; -moz-box-shadow: 0px -3px 2px rgba(0, 0, 0, 0.03) inset; -webkit-box-shadow: 0px -3px 2px rgba(0, 0, 0, 0.03) inset; box-shadow: 0 -3px 2px rgba(0, 0, 0, 0.03) inset; } .tabs a:active { outline: none; border-bottom: 0px; } /* when mouse enters the tab move the background image */ .tabs a:hover { color: #ccc; } /* active tab uses a class name "current". it's highlight is also done by moving
the background image. */ .tabs .current,.tabs .current:hover,.tabs li.current a,.tabs a:hover { background-image: none; border-bottom: 0px; height: 36px; } /* Different widths for tabs: use a class name: w1, w2, w3 or w2 */ /* width 1 */ .tabs a { line-height: 30px; font-size: 12px; } .tabs .w1 a { width: 70px; } /* width 2 */ .tabs .w2 a { width: 120px; } /* width 3 */ .tabs .w3 a { width: 150px; } /* width 4 */ .tabs .w4 a { width: 200px; line-height: 50px; height: 50px; } /* initially all panes are hidden */ .panes .pane { display: none; } .panes { padding: 15px; border: 1px solid #1e1e1e; clear: both; background-color: #272727; } /*------------------- ACCORDION ------------------------*/ .accordion-container { min-height: 270px; margin-bottom: 20px; float: left; border-top: 1px solid #1e1e1e; } /* accordion header */ #accordion h2 { margin: 0; padding: 10px 24px; font-size: 14px;
font-weight: normal; cursor: pointer; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7); background: url(images/top_navigation_gradient.png) repeat-x #272727; background-image: url(images/top_navigation_gradient.png), url(images/noise.png); border: 1px solid #1e1e1e; border-top-width: 0px; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset; } /* currently active header */ #accordion h2.current { cursor: default; } /* accordion pane */ #accordion .pane { border: 1px solid #1e1e1e; border-width: 0 1px 1px 1px; display: none; padding: 15px; background-color: #272727; } #accordion .pane:last-child { border-bottom: 0px; } /* a title inside pane */ #accordion .pane h3 { font-weight: normal; margin: 0 0 -5px 0; font-size: 16px; color: #999; font-style: normal; } /*------------------------------------ END Elements ---------------------------*/ /*------------------------------------ 11.Others ---------------------------*/ .hidden { visibility: hidden; width: 0px; height: 0px; } a.lightbox-image { position: relative; display: inline-block; } a.lightbox-image img { display: block; } .loading-container {
background-image: url(images/ajax-loader-small.gif); } div.wp_syntax { margin-top: 20px; margin-bottom: 30px; } cite { font-size: 12px; line-height: 1.5em; } .nomargin { margin: 0 0 0 0; } a.rsswidget img { position: relative; top: 2px; } #sidebar #SGM { background: url(images/ajax-loader-small.gif) no-repeat center; margin-top: 10px; width: 248px; } .recentcomments { padding: 5px 0; } .preview-items { display: none; } .wp-caption { padding-top: 4px; background-color: #2c2c2c; text-align: center; } .from-meta { display: none; } .widget_testimonials cite { display: block; font-family: "Droid Sans", Verdana, Geneva, sans-serif; font-size: 12px; font-style: normal; text-align: left; line-height: 1.8em; text-indent: 0; } .aligncenter,div.aligncenter { display: block; margin-left: auto; margin-right: auto;
} .wp-caption img { border: 0 none; margin: 0; padding: 0; } .wp-caption p.wp-caption-text,.gallery-caption { line-height: 1.5em; margin: 0; font-size: 12px; padding: 0 4px 4px; position: relative; top: -3px; } .gallery-item .wp-caption-text,.gallery-item gallery-caption { background-color: transparent; } .sticky { border-bottom: 3px double #ebebeb; } .p-desaturate { position: relative; } .p-desaturate .no-color { position: absolute; left: 0px; top: 0px; z-index: 10; } .p-desaturate .color { position: relative; z-index: 0; } #footer-social-icons { float: left; margin: 1px 10px 0 0; } #footer-social-icons ul { margin: 0px; } #footer-social-icons ul li { border-bottom: 0px; display: inline-block; margin-right: 2px; margin-top: 3px; } #footer-social-icons ul li a { display: inline; }
#footer-social-icons ul li a { -webkit-box-shadow: 1px 1px 0px rgba(255, 255, 255, 1) inset; -moz-box-shadow: 1px 1px 0px rgba(255, 255, 255, 1) inset; box-shadow: 1px 1px 0px rgba(255, 255, 255, 1) inset; } #footer-social-icons img:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity = 80); opacity: 0.8; } .margin-line { margin-bottom: 15px; } #not-found h1 { font-size: 90px; color: #949494; } .copyrights { text-transform: uppercase; color: #FFF; letter-spacing: 0.5px; font-size: 12px; } #content-container .wp_syntax { background-color: #272727; color: #CBCBCB; border-color: #1f1f1f; } img.bg-image { /* Set rules to fill background */ min-height: 100%; min-width: 1024px; /* Set up proportionate scaling */ width: 100%; height: auto; /* Set up positioning */ position: fixed; top: 0; left: 0; z-index: -100; } @media screen and (max-width: 1024px) { /* Specific to this particular image */ img.bg { left: 50%; margin-left: -512px; /* 50% */ } } .bg-image-pattern { background: url(images/bg.png) repeat; width: 100%; height: 100%;
position: fixed; z-index: -80; top: 0; } .currentTextHolder { position: relative; top: -3px; } .pp_nav { margin-top: 1px; } .bypostauthor .coment-box { background-color: #383838 } /*------------------------------------ END Others ----------------------------*/ /*----------------------------------- 12.Updates ---------------------------*/ /*---------------------- VERSION 1.1 ----------------------*/ .footer-spacer { width: 30px; height: 20px; display: block; } #footer { padding-left: 0px; padding-right: 0px; } html,body { height: 100%; } .page-template-template-full-width-slideshow-php #footer { position: absolute; bottom: 0px; width: 100%; } .page-template-template-full-width-slideshow-php .loading { background-position: center center; } #full-width-slider,#slider img { position: fixed; min-height: 100%; min-width: 540px; /* Set up proportionate scaling */ width: 100%; height: auto; /* Set up positioning */ position: fixed; top: 0; left: 0; z-index: -100; }
.spacer { height: 90%; display: block; width: 1px; } #slider img { visibility: hidden; } #slider-img-wrapper { overflow: hidden; position: relative; width: 100%; height: 100%; } #slider img.first { display: block; } #slider img.current { z-index: 10; } #slider-navigation-container { width: 100%; position: absolute; bottom: 46px; } #slider-navigation { position: relative; overflow: hidden; height: 60px; height: 44px; z-index: 10; } #slider-navigation-wrapper { width: 538px; padding: 13px 30px 10px; margin: 0 auto; border-radius: 2px 2px 0 0; background: url(images/slider_navigation_bg.png) no-repeat top left; } #slider-navigation .items { width: 20000em; position: absolute; left: 0px; } #slider-navigation .items div { float: left; } #slider-navigation .items img { height: 40px;
width: 50px; opacity: 0; filter: alpha(opacity = }
0);
.thumbnail-wrapper { height: 40px; margin-right: 10px; width: 50px; background: url(images/ajax-loader-t.gif) no-repeat center rgba(0, 0, 0, 0.4); } .thumbnail-wrapper img { padding: 2px; background: #242424; background: url(images/trans6.png); background: rgba(0, 0, 0, 0.4); display: block; } #slider-navigation .items img.active { background-color: #E7E7E7; background-color: rgba(255, 255, 255, 0.5); box-shadow: none; position: relative; } .browse { width: 27px; height: 37px; display: block; position: absolute; top: 17px; } #left-arrow { left: 4px; background: url(images/arrows.png) no-repeat scroll top right; } #right-arrow { right: 9px; background: url(images/arrows.png) no-repeat scroll top left; } #left-arrow:hover { background: url(images/arrows.png) no-repeat scroll bottom right; } #right-arrow:hover { background: url(images/arrows.png) no-repeat scroll bottom left; } #hide-button { position: absolute; right: 40px; bottom: -27px; cursor: pointer; background: url(images/trans5.png);
background: rgba(0, 0, 0, 0.3); border: 1px solid rgba(0, 0, 0, 0.1); display: block; padding: 0px 7px 0px 7px; border-radius: 0 0 3px 3px; opacity: 0.7; } #hide-button:hover { opacity: 1; } #hide-button span { background: url(images/hide-arrow.png) no-repeat left center; padding-left: 15px; text-transform: uppercase; font-weight: bold; font-size: 11px; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3); color: #FFF; } #hide-button span:active { position: relative; top: 1px; } #hide-button.closed span { background: url(images/show-arrow.png) no-repeat left center; } /*---------------------- VERSION 1.1.1 ----------------------*/ #full-width-slider,#slider img { min-width: 1024px; } @media screen and (max-width: 1024px) { /* Specific to this particular image */ #full-width-slider,#slider img,img.bg-image { left: 50%; margin-left: -512px; /* 50% */ } } .iphone #full-width-slider,.iphone #slider img { min-width: 1400px; margin-left: -700px; } input[name=post_password] { margin-bottom: 10px; } .sidebar-box .search-button,#not-found .search-button { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /*---------------------- VERSION 1.1.2 ----------------------*/
@media screen and (max-width: 1024px) { #full-width-slider,#slider img,img.bg-image { left: 0%; margin-left: 0px; } } #main-container { min-height: 100%; position: relative; float: left; } #footer { position: absolute; width: 100%; bottom: 0px; } #content-container { padding-bottom: 80px; } #gallery-container { margin-bottom: 80px; } .back-btn-end { bottom: 0; position: absolute; right: 0; padding:5px 10px 5px 10px; background: url(images/trans5.png); background: url("images/pattern.png") repeat rgba(0,0,0,0.5); } .back-btn-end span{ background: url("images/back_arrow.png") no-repeat scroll left center; padding-left:20px; color:#fff; } /*---------------------- VERSION 1.2.0 ----------------------*/ #full-height-slider{ width:100%; height:100%; position: relative; margin-top: -40px; left: 0; z-index: -100; } #full-height-slider img{ height:100%; width:auto; min-width:0px; margin:0 auto; display:block; visibility:hidden;
position:relative; } .img-wrapper{ position:absolute; width:100%; height:100%; } #slider-navigation-wrapper{ position:relative; left:2px; } .preview-content-wrapper{ height:0px; } img.bg-image{ visibility: hidden; }
/*---------------------- iPhone optimization ----------------------*/ body.iphone #main-container { padding-left: 0px; padding-right: 0px; } body.iphone #slider-container { width:95%; } body.iphone #static-header-img img{ width:100%; } body.iphone #content-container,body.iphone .page #full-width,body.iphone .single #full-width,body.iphone .error404 #full-width, body.iphone #full-width, body.iphone .columns-wrapper, body.iphone #full-width .post-content{ width:95%; } body.iphone #content,body.iphone .preview-item,body.iphone #content .gallery,bod y.iphone #portfolio-preview-container .gallery{ width:64%; } body.iphone #content .post-content, body.iphone #content img,body.iphone .page-c ontent-box{ width:100%; } body.iphone #grid-gallery{ margin-left: 15px; } body.iphone #filter-btn{ display: none; display: inline; } body.iphone #full-width .blog-post-img img{ max-width:100%;
} body.iphone .latest-small { max-width:42%; } body.iphone #full-width .latest-small { max-width:46%; } body.iphone .gallery-icon a img, body.iphone .blog-post-img img{ height:auto; } body.iphone .layout-left #sidebar{ max-width:26%; } body.iphone .testimonial-container blockquote{ max-width:70%; } body.iphone .portfolio-big-img{ width:100%; height:auto; } body.iphone #full-width .gallery{ width:100%; } body.iphone #nivo-slider{ width:95%; } body.iphone #nivo-slider{ width:95%; } /* iPhone optimization End */
/*---------------------- VERSION 1.3.0 ----------------------*/
.horizontal-img-wrapper{ float: left; } .to-load{ width:500px; background: url(images/ajax-loader.gif) no-repeat center; height:100%; float: left; overflow: hidden; } .preview-img-container{ background-color: #2B2B2B; } .horizontal-img-wrapper img{ float: left; width:auto; } .preload-img{
visibility: hidden; width:0px; height:0px; position: absolute; } body.iphone #content img{ width:auto; height:auto; } #slider-navigation-container { bottom: 43px; } #footer-social-icons ul li{ margin-top: 0px; position: relative; top:2px; } .copyrights { position: relative; top: -1px; } .horizontal-slider{ display: none; }
upload logo disable right click remove history page equal left and right heading font event bright/* Theme Name: Photolux
Version: 1.4.0 Theme URI: http://pexetothemes.com/demos/photolux_wp/ Author: Pexeto Description: Premium Photography WordPress Theme Author URI: http://pexetothemes.com/ License: GNU General Public License v2.0 License URI: http://www.gnu.org/licenses/gpl-2.0.html */ /*---------------------------------------------------------------------------------1.CSS Restart 2.Basic Text and Heading Styles 3.Basic Document Styling 4.Sliders 5.Content 6.Portfolio / Galleries 7.Sidebar 8.Footer 9.Widgets and Page Templates 10.Elements 11.Others 12.Updates ----------------------------------------------------------------------------------*/ /* ----------------------------- 1.CSS Restart ------------------------------------------- */ html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address ,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,o l,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,arti cle,aside,figure,footer,header,hgroup,menu,nav,section,menu,time,mark,audio,vide o { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } article,aside,figure,footer,header,hgroup,nav,section { display: block; } nav ul { list-style: none; } blockquote,q { quotes: none; } blockquote:before,blockquote:after,q:before,q:after { content: ''; content: none; } a { margin: 0;
padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; outline: none; } ins { background-color: #ff9; color: #000; text-decoration: none; } mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; } del { text-decoration: line-through; } abbr[title],dfn[title] { border-bottom: 1px dotted #000; cursor: help; } table { border-collapse: collapse; border-spacing: 0; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #4f4f4f; margin: 0; padding: 0; } input,select { vertical-align: middle; } /* ----------- End Restart-----------------*/ /* ------------------------- 2.Basic Text and Heading Style ------------------------------------------ */ a { text-decoration: none; color: #FFF; } a:hover { text-decoration: underline; } h1,h2,h3,h4,h5,h6 {
color: #fff; line-height: margin: 15px font-weight: font-family: }
1.5em; 0; 100; 'PT Sans Narrow', Verdana, Geneva, sans-serif;
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a { color: #fff; text-decoration: none; } h1 { font-size: 28px; font-weight:bold; } h2 { font-size: 24px; } h3 { font-size: 21px; } h4 { font-size: 17px; } h5 { font-size: 16px; } h6 { font-size: 15px; } p { margin: 15px 0; } ol { margin-left: 35px; } ul { margin-left: 30px; } strong { font-weight: bold; } em { font-style: italic; } .alignleft { float: left; margin-right: 10px;
} .alignright { float: right; margin-left: 10px; } .aligncenter { text-align: center; } .clear { clear: both; } .relative { position: relative; } .double-line { width: 100%; height: 1px; display: block; border-top: 1px solid #2b2b2b; border-bottom: 1px solid #252525; font-size: 1px; } small { font-size: 12px; } /* --------------------------END Basic Text and Heading Styles --------------------- */ /* ----------------------------- 3.Basic Document Styling ----------------------------------- */ body { font-size: 14px; color: #cbcbcb; line-height: 1.7em; background-image: url("images/noise.png"); background-color: #6a6a6a; font-family: 'PT Sans Narrow', Verdana, Geneva, sans-serif; } body.iphone #main-container { padding-left: 20px; padding-right: 20px; } #main-container { width: 100%; } .center { height: auto; width: 980px; margin: 0 auto; text-align: left; padding: 0px;
position: relative; } /*-- THEME COLOR---*/ .button { } #slider-navigation .items img.active { border-color: #dbdbdb; -webkit-box-shadow: 1px 1px 0px rgba(255, 255, 255, 1) inset; -moz-box-shadow: 1px 1px 0px rgba(255, 255, 255, 1) inset; box-shadow: 1px 1px 0px rgba(255, 255, 255, 1) inset; } ::selection { background: #ef4832; /* Safari */ color: #FFF; } ::-moz-selection { background: #ef4832; /* Firefox */ color: #FFF; } /*-- END THEME COLOR---*/ /*---------------------------- Header ----------------------------*/ #header { background: url("images/noise.png") #262626; margin-bottom: 40px; padding-top: 1px; width: 100%; position: fixed; } #navigation-container,#footer,#showcase-categories,#portfolio-categories ul,#fil ter-btn.filter-opened,.sidebar-box h4,.portfolio-sidebar h4 { background: url(images/top_navigation_gradient.png) repeat-x; background: url(images/top_navigation_gradient.png), url(images/noise.png) repeat-x; background-color: #333; border-bottom: 1px solid #191919; border-top: 1px solid #191919; -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.05) inset; -moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.05) inset; box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.05) inset; } /*-- END THEME COLOR---*/ #navigation-container { width: 100%; height: 45px; display: block; } #footer {
height: auto; overflow: hidden; padding: 10px 20px 7px 40px; display: block; } /*---------------------------- Logo ----------------------------*/ #logo-container a { width: 136px; height: 55px; display: block; background: url(images/logo.png) no-repeat; float: left; } #logo-container { height: auto; overflow: hidden; margin: 7px auto; float:left; width: 136px; height: 55px; } /*----------------------------- Menu --------------------------------*/ #menu-container { padding-top: 15px; width: auto; display: block; text-align: center; z-index: 20000; } #menu ul { text-align: center; } #menu ul li { display: inline; width: auto; margin: 0px; padding: 0px; } #menu ul li a { text-transform: uppercase; padding-left: 25px; font-size: 13px; font-weight:bold; color: #fff; font-style: normal; padding: 14px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7); border: 1px solid transparent; border-left: 0px; border-right: 0px; } .iphone #menu ul li a { font-size: 7px;
} #menu ul li a:hover,#menu ul li.hovered>a { text-decoration: none; background: url(images/top_navigation_gradient.png) repeat-x #5b5b5b; background-image: url(images/top_navigation_gradient.png), url(images/noise.png); border-top: 1px solid #131313; border-bottom: 1px solid #131313; border-left: 0px; border-right: 0px; } #menu ul li a:active { text-decoration: none; background: url(images/top_navigation_gradient.png) repeat-x #5b5b5b; -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.5) inset; -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.5) inset; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.5) inset; } #menu ul ul li a:active { text-decoration: none; -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2) inset; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2) inset; } #menu ul li.current-menu-item ul li a,#menu ul li.current-menu-ancestor ul li a { opacity: 1; } #menu ul ul>li:first-child { -moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.1) inset; -webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.1) inset; box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.1) inset; } /*---------- Drop Down ------------*/ #menu ul ul li a:hover,#menu ul ul li.hovered>a,#menu ul ul li.current-menu-item >a { text-decoration: none; opacity: 1; background-color: #2b2b2b; border: 1px solid #2b2b2b; } .drop-arrow { width: 7px; height: 4px; background: url(images/drop-arrow.png) no-repeat; display: inline-block; position: relative; top: -2px; left: 2px; display: none; }
#menu ul ul .drop-arrow { background: url(images/drop-arrow-sub.png) no-repeat; width: 4px; height: 7px; float: right; top: 10px; display: block; } #menu ul,#menu ul * { margin: 0; padding: 0; list-style: none; } #menu ul { line-height: 1.0; } #menu ul ul { position: absolute; top: -999em; width: 10em; /* left offset of submenus need to match (see below) */ } #menu ul ul li { width: 100%; background-color: #5b5b5b; background-image: url(images/noise.png); } #menu ul li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } #menu ul li { position: relative; } #menu ul a { position: relative; } ul#menu ul li:hover li ul,ul#menu ul li.sfHover li ul { top: -999em; } ul#menu ul li li:hover ul,ul#menu ul li li.sfHover ul { left: 10em; /* match ul width */ top: 0; } ul#menu ul li li:hover li ul,ul#menu ul li li.sfHover li ul { top: -999em; } ul#menu ul li li li:hover ul,ul#menu ul li li li.sfHover ul { left: 10em; /* match ul width */ top: 0; }
#menu ul a { text-decoration: none; } #menu ul li:hover,#menu ul li.sfHover,#menu ul a:focus,#menu ul a:hover,#menu ul a:active { outline: 1; } #menu ul li a:hover,#menu ul li.current-menu-item>a,#menu ul li.current-menu-anc estor>a { } #menu ul ul { width: 160px; top: 33px; left: 0px; padding: 0px; text-align: left; z-index: 20000; display: none; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); } #menu ul ul li a { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #menu ul ul ul li { -moz-box-shadow: 0px 0px 0px; -webkit-box-shadow: 0px 0px 0px; box-shadow: 0px 0px 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px 0px 0px; border-radius: 0px 0px 0px; } #menu ul ul ul { top: 0px; left: 160px; padding: 0px; } #menu ul ul li a { padding: 0 10px; height: auto; text-align: left; line-height: 27px; display: block; text-transform: capitalize; }
#menu ul ul li { display: block; } #menu ul ul li a { display: block; } /*-----------------------------END Menu --------------------------------*/ /*---------------------------- END Header ----------------------------*/ /*------------------------ 4.Sliders ------------------------------------------------*/ #slider-container { width: 980px; margin-top: 17px; height: auto; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); margin-bottom: 40px; } #static-header-img { background-color: #343434; } #static-header-img img { width: 980px; height: 400px; display: block; } #slider { height: 400px; position: relative; overflow: hidden; } /*------------------------------NIVO SLIDER-------------------------------*/ #nivo-slider { width: 980px; height: 400px; background: url(images/ajax-loader.gif) no-repeat center #313131; } #nivo-slider img { width: 950px; height: 350px; display: none; top: 5px; left: 5px; } .nivo-controlNav { position: absolute; bottom: 5px; z-index: 1000; } .nivo-controlNav a { width: 15px; height: 15px;
background: url(images/page_nav.png) no-repeat; float: left; list-style: none; margin: 0 1px; display: block; } .nivo-controlNav a.active { background-image: url(images/page_nav_active_black.png); } .nivo-nextNav { display: block; background: url(images/preview_arrows.png) no-repeat scroll top right; width: 53px; height: 53px; right: 20px; } .nivo-nextNav:hover { background: url(images/preview_arrows.png) no-repeat scroll bottom right ; } .nivo-prevNav { display: block; background: url(images/preview_arrows.png) no-repeat scroll top left; width: 53px; height: 53px; left: 20px; } .nivo-prevNav:hover { background: url(images/preview_arrows.png) no-repeat scroll bottom left; } .nivo-caption p { padding: 15px; padding-left: 19px; font-size: 14px; font-family: "Droid Sans", Verdana, Geneva, sans-serif; } .nivo-caption { width: 940px; height: auto; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin: 20px; } #nivo-controlNav-holder { width: 100%; height: 50px; display: block; } /*-------------------------END NIVO SLIDER----------------------------*/ /*----------------------------------------------------------------------
-------- 5.CONTENT -------------------------------*/ #content-container { height: auto; min-height: 300px; padding-bottom: 40px; padding-top: 140px; margin: 20px auto 0 auto; } #full-content-container { height: auto; padding-top: 160px; position: relative; } #content-container { width: 980px; } #content { float: left; height: auto; min-height: 200px; width: 670px; } .page #content,.single #content,.error404 #content { padding: 25px; width: 620px; background: #343434; background: #313131; min-height: 300px; } .page-template-template-featured-php #content { padding: 0px; background-color: transparent; width: 670px; } #full-width { float: left; height: auto; width: 980px; } .page #full-width,.single #full-width,.error404 #full-width { width: 930px; background-color: #313131; padding: 25px; -webkit-box-shadow: 1px 1px 2px rgba(43, 43, 43, 0.8); -moz-box-shadow: 1px 1px 2px rgba(43, 43, 43, 0.8); box-shadow: 1px 1px 2px rgba(43, 43, 43, 0.8); min-height: 300px; } .blog #full-width,.page-template-template-featured-php #full-width { background-color: transparent; box-shadow: none; padding: 0px;
width: 980px; } #content img { max-width: 670px; } .layout-left #content { float: right; } .layout-left #sidebar { float: left; margin-left: 0px; margin-right: 40px; } h1.page-heading { font-size: 16px; margin-bottom: 5px; margin-top: -3px; font-weight:bold; } .single { margin-bottom: 0px; border-bottom-width: 0px; } .post-content { position: relative; margin-bottom: 25px; } .featured-posts .post-content { margin-bottom: 0px; } #content .post-content { width: 670px; } #full-width .post-content { width: 980px; } .post-boxes { margin-top: 40px; margin-bottom: -40px; } .page-content-box { background-color: #313131; padding: 10px 20px; margin-bottom: 30px; } .page-content-box h1.page-heading { padding: 5px 0 0 0; }
#page-title { width: 100%; min-height: 50px; margin-bottom: 40px; } #page-title { margin-bottom: 0px; } #page-title h1 { font-size: 17px; padding: 15px; padding-left: 0px; margin: 0px; text-align: center; color: #fff; line-height: 1.7em; background-color: #808080; } #page-title h1 { font-size: 17px; } h1.post-title,h1.post-title a { font-size: 22px; margin-bottom: 0px; margin-top: 0px; font-style: normal; padding-right: 20px; } .post-info { color: #b5b5b5; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; width: 100%; } h3.post-info { color:#000; } .content-box .post-info { font-size: 11px; text-transform: capitalize; } .post-info a { font-style: normal; color: #ccc; } a.read-more { background-image: url(images/pattern.png); border: 1px solid #2c2c2c; padding: 2px 12px 4px 12px;
font-style: normal; float: right; margin-right: -20px; margin-bottom: -5px; } a.read-more:hover { text-decoration: none; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity = 80); opacity: 0.8; } .no-caps { font-style: normal; text-transform: lowercase; letter-spacing: normal; font-size: 12px; color: #949494; margin-right: 5px; } img.img-frame,.img-frame img,.img-wrapper,#content-container .gallery img,#sideb ar-projects img { -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); } #content-container .gallery img { border-width: 0px; } .img-loading { background: url(images/ajax-loader-small.gif) no-repeat center; padding: 0px; } .more-arrow { font-size: 20px; font-family: Georgia, "Times New Roman", Times, serif; position: relative; top: 1px; } /* Page navigation */ #content-container .wp-pagenavi a,#content-container .wp-pagenavi span.pages,#co ntent-container .wp-pagenavi span.current,#content-container .wp-pagenavi span.e xtend { border: 0px; margin: 2px; padding: 0px 8px; } #content-container .wp-pagenavi { text-align: center; margin-bottom: -10px; }
/*----------------------------- COLUMNS ------------------------------------*/ .columns-wrapper { width: 620px; float: none; overflow: hidden; } #full-width .columns-wrapper { width: 930px; } .columns-wrapper p { margin-bottom: 7px; margin-top: 7px; } .two-columns { width: 445px; float: left; margin-right: 40px; } #content .two-columns { width: 290px; } .three-columns { width: 283px; float: left; margin-right: 40px; } #content .three-columns { width: 180px; } .four-columns { width: 202px; float: left; margin-right: 40px; } #content .four-columns { width: 125px; } /*------------------------------------ 6.Portfolio / Galleries ------------------------------------*/ /*--------------------- GRID GALLERY ---------------------*/ #grid-full-width { float: left; width: 100%; height: auto; } #grid-gallery-wrapper { position: relative; width: 100%; z-index:1;
overflow: hidden; float: left; } .with-filter { margin-top: -40px; } .no-filter { margin-top: -10px; } #grid-gallery { position: relative; width: 100%; min-height: 400px; margin-left: 40px; margin-top: 10px; } #gallery-container { float: left; width: 100%; z-index:0; margin-bottom: 40px; min-height: 500px; } .content-box { float: left; margin: 0 7px 7px 0; text-align: center; visibility: hidden; background: url("images/pattern2.png") #262626; -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); display: block; } .content-box>a { background-color: #000; } .content-box img { display: block; } .content-box h3 { margin: 0px; padding: 10px 0 8px 0; } .content-box h3 a { color: #aeaeae; } .content-box h2 { text-transform: capitalize; color: #fff;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); margin: 2px 0 8px; font-size: 18px; } .content-box h2 a { color: #fff; } .content-box h2 a:hover { text-decoration: none; } .content-box .post-info { font-size: 12px; font-style: normal; text-transform: uppercase; letter-spacing: normal; padding: 10px 0 0px; } .more-container { width: 100%; text-align: center; margin-top: 30px; float: left; } #loadMore { background-color: #1a1a1a; -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.05) inset; -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.05) inset; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.05) inset; border: 1px solid transparent; } #loadMore span { display: block; min-width: 50px; padding-top: 1px; position: relative; top: 1px; } .content-box a { display: block; position: relative; } .portfolio-more { width: 100%; height: 100%; background: url(images/box-hover.png) no-repeat center; display: block; position: absolute; top: 0px; left: 0px;
z-index: 10; opacity: 0; filter: alpha(opacity = }
0);
.portfolio-more .portfolio-icon { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background: url(images/box-hover-plus.png) no-repeat center; } .portfolio-video .portfolio-icon { background: url(images/box-hover-play.png) no-repeat center; } .portfolio-loading .portfolio-icon { background: url(images/portfolio-loader-small.gif) no-repeat center; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity = 70); opacity: 0.7; } .preview-container { height: 100%; width: 100%; position: relative; float: left; margin-top: 10px; margin-bottom: 40px; left: 0px; } .preview-img-container,.preview-content { -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.7); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.7); } .with-filter .preview-content-wrapper { margin-top: 30px; } .preview-img-container { display: block; float: left; position: relative; z-index: 10; } .preview-description { width: 270px; float: left; overflow: auto; } .preview-description h2 { margin-top: 0px;
} .preview-content { float: left; width: 270px; background-color: #2b2b2b; padding: 20px; position: relative; } .preview-arrows { position: absolute; top: 100px; z-index: 100; width: 53px; height: 53px; background-image: url(images/preview_arrows.png); } #preview-left-arrow { left: 40px; background-position: left top; } #preview-right-arrow { right: 40px; background-position: right top; } #preview-left-arrow:hover { background-position: left bottom; } #preview-right-arrow:hover { background-position: right bottom; } .back-btn { position: absolute; left: 0px; bottom: 0px; width: 310px; height: 34px; border-bottom: 1px solid #1f1f1f; text-align: center; text-transform: uppercase; background-image: url("images/pattern.png"); } .back-btn span { position: relative; top: 6px; padding-left: 20px; background: url("images/back_arrow.png") no-repeat left center; } .horizontal-slider { background: url(images/scroll-bg.png) repeat-x; float: left; height: 13px;
width: 100%; position: absolute; bottom: 0px; } .horizontal-handle { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity = 60); opacity: 0.6; background: #373737 url(images/scroll-handle-bg.png) no-repeat center center; width: 20px; height: 12px; position: absolute; left: 0px; top: 0px; border: 1px solid #000; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } /* * jScrollPane CSS */ .jspContainer { overflow: hidden; position: relative; } .jspPane { position: absolute; } .jspVerticalBar { position: absolute; top: 0; right: 20px; width: 16px; height: 100%; } .jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; background: #1a1a1a; display: none; } .jspVerticalBar *,.jspHorizontalBar * { margin: 0; padding: 0; } .jspCap { display: none; }
.jspHorizontalBar .jspCap { float: left; } .jspTrack { position: relative; } .jspDrag { background: none repeat scroll 0 0 #444; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; cursor: pointer; left: 25px; position: relative; width: 10px; } .jspHorizontalBar .jspTrack,.jspHorizontalBar .jspDrag { float: left; height: 100%; } .jspArrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer; } .jspArrow.jspDisabled { cursor: default; background: #80808d; } .jspVerticalBar .jspArrow { height: 16px; } .jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; } .jspVerticalBar .jspArrow:focus { outline: none; } .jspCorner { background: #eeeef4; float: left; height: 100%; } /*-----------PORTFOLIO WITH PREVIEW - SHOWCASE -----------*/ #portfolio-preview-container { display: none;
} .preview-item { float: right; width: 635px; height: auto; } .portfolio-big-img { margin-bottom: 15px; max-width: 634px; min-height: 200px; background: url(images/ajax-loader-small.gif) no-repeat center transparent; } #portfolio-preview h4 { font-style: normal; } #portfolio-preview h1,#portfolio-preview h1 a { font-size: 24px; font-style: normal; margin-top: 0px; } #portfolio-preview hr { margin-bottom: 10px; } .portfolio-items { float: left; width: 270px; } .showcase-item { float: left; display: block; width: 248px; padding: 10px; border: 1px solid #0d0d0d; border-top: 0px; -webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.03) inset; -moz-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.03) inset; box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.03) inset; background-color: #222; position: relative; } .showcase-item:first-child { border-top: 1px solid #0d0d0d; } .showcase-item:hover,.showcase-selected { background: none; background: url(images/gradient2.png) repeat-x bottom #1a1a1a; } .showcase-item h6 { float: left;
width: 158px; margin-top: 0px; margin-bottom: 7px; font-size: 14px; text-transform: capitalize; } .showcase-item .post-info { width: auto; font-size: 10px; width: 150px; float: left; line-height: 17px; } .portfolio-items img { margin: 0px 10px 0px 0px; width: 65px; height: 47px; } .portfolio-sidebar { height: auto; min-height: 200px; float: left; width: 270px; font-size: 15px; overflow: hidden; position: relative; } #portfolio-wrapper { height: auto; } #portfolio-big-pagination { display: block; width: 220px; height: 25px; float: left; text-transform: uppercase; line-height: 26px; font-size: 14px; margin-top: 10px; } .portfolio-big-arrows { font-size: 26px; line-height: 22px; position: relative; top: 2px; padding: 0px; } #portfolio-big-pagination a { text-decoration: none; font-style: normal; color: #888; }
#portfolio-big-pagination a#next-item { display: none; } #portfolio-big-pagination a#prev-item { display: none; } #portfolio-big-pagination a:hover { color: #555; text-decoration: none; } #portfolio-preview .columns-wrapper { width: 620px; } #portfolio-preview .two-columns { width: 290px; } #portfolio-preview .three-columns { width: 180px; } #portfolio-preview .four-columns { width: 125px; } .page-template-template-portfolio-showcase-php .margin-line+p { margin-top: 0px; } /*------------------ GALLERY ---------------------*/ #portfolio-gallery { min-height: 500px; position: relative; } #portfolio-gallery img { margin-right: 0px; } /* pagination styles */ #portfolio-pagination { float: left; margin-top: 40px; } ul.portf-navigation { margin: 0; padding: 0; } ul.portf-navigation li { width: 15px; height: 15px; float: left; list-style: none; margin-right: 3px;
position: relative; background: url(images/page_nav.png) no-repeat; } ul.portf-navigation li:hover,ul.portf-navigation li.selected { background-image: url(images/page_nav_active_black.png); } /* item styles */ .portfolio-item { float: left; padding: 20px 20px 20px 20px; display: block; } .archive-portfolio { margin-right: 40px; margin-bottom: 30px; } .last-item { border-right-width: 0px; } .first-line .portfolio-item { border-top-width: 0px; } .portfolio-item img { display: block; background: url(images/ajax-loader-small.gif) no-repeat center #fff; opacity: 0; } /* category filter styles */ #portfolio-categories { width: 100%; line-height: 15px; display: block; height: 30px; position: relative; top: 5px; } #portfolio-categories h6 { float: left; line-height: 15px; margin: 0px 10px 0px 0px; font-style: italic; font-size: 13px; padding: 9px; color: #fff; } #portfolio-categories ul li,#showcase-categories ul li { display: inline; padding: 5px 11px 5px 11px; font-size: 13px; text-transform: capitalize; position: relative;
float: left; color: #fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7); } #showcase-categories { background-color: #222222; margin-bottom: 25px; } #showcase-categories ul { margin-left: 7px; } #showcase-categories ul li { padding: 3px 9px 3px; } #showcase-categories { border: 1px solid #0d0d0d; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #portfolio-categories ul li:last-child { -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.7), 0px 0px 0px rgba(255, 255, 255, 0.05); -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.7), 0px 0px 0px rgba(255, 255, 255, 0.05); box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.7), 0px 0px 0px rgba(255, 255, 255, 0.05); } #portfolio-categories ul li:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity = 80); opacity: 0.8; } #portfolio-categories ul li:active,#portfolio-categories ul li.selected,#showcas e-categories ul li:active,#showcase-categories ul li.selected { text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.8); background: url(images/top_navigation_gradient.png) repeat-x #0f0f0f; -webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.03) inset; -moz-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.03) inset; box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.03) inset; } #portfolio-categories ul { float: left; margin-left: 0px; margin-bottom: 15px; margin-top: 4px; border: 1px solid #1f1f1f; -webkit-border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px; height: 25px;
display: none; } #filter-btn { float: left; padding: 5px 6px 5px 6px; border-radius: 3px; margin-left: 40px; margin-top: 4px; display: block; position: relative; font-size: 11px; text-transform: uppercase; background-image: url(images/trans.png); opacity: 0.6; } #filter-btn span { background: url(images/filter_icon.png) no-repeat center left; padding-left: 18px; display: block; vertical-align: middle; line-height: 12px; } #filter-btn span:active { position: relative; top: 1px; } #filter-btn.filter-opened { padding: 6px 9px 7px 9px; -webkit-border-radius: 5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px; background: url(images/top_navigation_gradient.png) repeat-x #333; border: 1px solid #1f1f1f; border-right: 0px; opacity: 1; } #portfolio-categories ul li:hover a { text-decoration: none; font-style: normal; color: #656565; } .loading { background: url(images/ajax-loader.gif) no-repeat; background-position: center 200px; margin-left: auto; margin-right: auto; position: relative; } .btn-loading span { background: url(images/btn-loader.gif) no-repeat center; display: block; text-indent: -9999px; height: 24px;
} .disabled { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity = 50); opacity: 0.5; } /*---------------------- QUICK GALLERY ----------------------------*/ #content-container dl.gallery-item { margin-top: 18px; } #content dl.gallery-item { margin-top: 26px; } #full-width .gallery { width: 953px; } #content .gallery,#portfolio-preview-container .gallery { width: 650px; } .gallery a { margin-right: 25px; position: relative; display: block; } /*------------------------------------ END PORTFOLIO ------------------------------------*/ /*--------------------------------------------7.Sidebar-----------------------------------*/ #sidebar { height: auto; min-height: 200px; float: right; width: 270px; margin-right: 0px; } .sidebar-box { margin-bottom: 25px; height: auto; overflow: hidden; background: #343434; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; padding: 10px; } #sidebar .sidebar-box:last-child { margin-bottom: 0px; } .sidebar-box ul { text-decoration: none;
list-style: none; margin-left: 0px; } #sidebar .widget_categories ul li,#sidebar .widget_nav_menu ul li,#sidebar .widg et_archive ul li,#sidebar .widget_links ul li { display: block; width: 253px; color: #fff; text-decoration: none; background: url(images/sidebar-arrow.png) no-repeat; background-position: 6px 14px; padding: 6px; padding-left: 25px; } #sidebar .widget_categories ul li a,#sidebar .widget_nav_menu ul li a,#sidebar . widget_archive ul li a,#sidebar .widget_links ul li a { color: #fff; text-decoration: none; } #sidebar .widget_categories ul li:hover,#sidebar .widget_nav_menu ul li:hover,#s idebar .widget_archive ul li:hover,#sidebar .widget_links ul li:hover { background-color: #2b2b2b; border-bottom: 1px solid #252525; } #sidebar .widget_categories ul li,#sidebar .widget_nav_menu ul li,#sidebar .widg et_archive ul li,#sidebar .widget_links ul li { border-bottom: 1px solid #2d2d2d; } #sidebar .widget_categories ul,#sidebar .widget_nav_menu ul,#sidebar .widget_arc hive ul,#sidebar .widget_links ul { margin-bottom: -10px; margin-left: -10px; } #sidebar ul li.current_page_item,#sidebar ul li.current_menu_item { padding-left: 33px; background-position: 13px 14px; } .sidebar-box ul ul { margin-top: 5px; margin-left: 5px; } #sidebar .widget_categories ul ul li,#sidebar .widget_nav_menu ul ul li { border-bottom-width: 0px; } .sidebar-box h4,.portfolio-sidebar h4 {
font-size: 13px; margin: 0px; padding: 10px 10px 10px 15px; text-transform: uppercase; border: 1px solid #1f1f1f; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; width: 243px; margin: -10px 0 0 -10px; } .sidebar-box .double-line { margin-bottom: 12px; display: none; } .sidebar-box input[type='text'] { width: 270px; height: 29px; margin-bottom: 10px; } .sidebar-heading { margin-top: 0px; } .sidebar-box ul li.cat-item a { display: inline; } /*----------------Sidebar PORTFOLIO POSTS LOADER----------------*/ #content-container ul#sidebar-projects { float: left; list-style: none; margin: 10px 0 -10px -7px; } #sidebar-projects { padding: 4px 0 5px 0; } #sidebar-projects img { margin-bottom: 0px; margin-right: 0px; float: left; width: 75px; height: 65px; } #sidebar-projects a { width: auto; padding-left: 0px; } #sidebar-projects li { border-bottom: 0px; float: left; padding: 0 0 10px 10px; background-image: none;
display: inline; } /*----------------END PORTFOLIO POSTS LOADER----------------*/ /*---------------------------------- END Sidebar -----------------------------------*/ /*-------------------------END Content----------------------------*/ /* --------------------- 8.Footer --------------------- */ #copyrights { width: 100%; float: left; } #copyrights h5 { font-size: 12px; text-transform: uppercase; letter-spacing: 2px; margin: 21px auto; color: #999; text-align: center; } #copyrights h5 a { color: #828282; } .top-border { border-top: 1px solid #ebebeb; } #footer-menu ul { margin-left: 0px; margin-top: -1px; } #footer-menu li { list-style: none; float: left; } #footer-menu li a { text-transform: uppercase; margin: 0 5px; font-size: 12px; } /*---------------------------- 9.Widgets and Templates -------------------------*/ /*------------- CONTACT WIDGET --------------*/ .widget-contact-form { margin-top: 10px; } .widget-contact-form input[type="text"],.widget-contact-form textarea { width: 242px; font-size: 12px; color: #999; line-height: 25px; }
.widget-contact-form textarea { width: 189px; } .widget-contact-form #submit-form { margin-top: 15px; } .widget-contact-form textarea { height: 70px; width: 233px; } .widget-contact-form .button { margin-top: 12px; margin-bottom: 12px; } #submit-form { margin-top: 25px; } textarea { overflow: auto; } .contact-label { margin-top: 10px; display: block; } .pexeto-contact-form .button { float: left; } .mandatory { color: #ff0000; } .check { width: 24px; height: 24px; background-image: url(images/ok.png); background-repeat: no-repeat; float: left; visibility: hidden; position: relative; top: 15px; } .contact-loader { width: 32px; height: 32px; background: url(images/ajax-loader-small.gif) no-repeat; float: left; position: relative; left: 15px; top: 7px; visibility: hidden; }
.contact-status { margin-top: 30px; } input[type="text"].invalid,textarea.invalid { border: 1px solid #a50000; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .error-message,.sent-message,.fail-message { display: none; } #sent_successful { display: none; } .contact-form-input,.contact-form-textarea { position: relative; } .contact-form-textarea { margin-bottom: 15px; } .contact-input-wrapper { -webkit-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; padding: 0px; position: relative; } div.after-validation { background-color: #383838; padding: 0 0 10px 10px; margin: 10px 0px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #2e2e2e; } div.invalid { padding: 0 0 10px 10px; background-color: #2c2c2c; margin: 10px 0px; font-size: 12px; } .coment-box,div.invalid { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 13px; border: 1px solid #282828; }
.contact_message p { margin-top: 5px; margin-bottom: 5px; } .contact-status div { float: left; } .contact-status span { float: left; margin-left: 10px; margin-top: 3px; } #map-canvas { width: 268px; height: 268px; background-color: #fff; -moz-box-shadow: 0px 0px 6px #c6c6c6; -webkit-box-shadow: 0px 0px 6px #c6c6c6; box-shadow: 0px 0px 6px #c6c6c6; border: 1px solid #CCC; margin-top: 25px; } /*----------------------- COMMENTS ---------------------------*/ .comment-container { padding: 0px; font-size: 12px; } ul.commentlist li { } #content-container ul.commentlist ul.children { padding-left: 30px; background: url(images/comment-bg.png) no-repeat; } #comment-content-container ul.children .comment-container { padding: 0px; } #comment-content-container ul.children li { padding: 1px 0 20px 30px; margin: -1px 0 -20px -29px; } #content-container ul.commentlist,#content-container ul.commentlist ul { margin-left: 0px; list-style: none; padding-left: 0px; } .coment-box { padding: 20px; margin-bottom: 20px;
background-color: #2c2c2c; min-height: 108px; position: relative; } #reply-title { font-size: 16px; margin-bottom: 10px; margin-top: 10px; } #comment-content-container ul.children .comentBox { padding: 20px; position: relative; } .coment-box p { margin-top: -10px; } .coment-box img { margin: 0px 0px 10px 0px; padding: 3px; border: 1px solid #282828; display: block; } .comment-autor { float: left; margin-right: 20px; text-align: center; } p.coment-autor-name { margin-bottom: 0px; } .comment-date { position: absolute; bottom: 0px; right: 0px; color: #999999; margin-top: 10px; margin-right: 20px; font-style: italic; } .comment-container .post-info { width: auto; margin-bottom: 5px; } .comment-date .no-caps { text-transform: capitalize; } #respond { padding-top: 5px; }
#respond h3 { font-size: 19px; } .comment-navigation { width: 100%; float: left; position: relative; } #commentform input[type=text],#commentform textarea { display: block; } .comment-text { margin-top: 10px; } .reply { float: left; } p.form-submit { margin-bottom: 0px; } ul.commentlist>li:first-child { border-top-width: 0px; } /*----------------------- END COMMENTS ---------------------------*/ /*---------- FEATURED POSTS ------------*/ .post { margin-bottom: 30px; position: relative; } .single .post,.single .type-attachment { margin-left: -25px; margin-top: -25px; margin-bottom: 0px; } .single .post-content { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; margin-bottom: 0px; } #full-width .post { width: 980px; } .post-title-wrapper { padding: 10px 20px 13px; } .post-title-wrapper h2 { margin-bottom: 0px;
margin-top: 1px; } .blog-post-img img { display: block; } #blog-latest { height: auto; width: 100%; margin-top: 0px; } #blog-latest .columns-wrapper { margin-bottom: 0px; width: 670px; } #full-width #blog-latest .columns-wrapper { width: 980px; } .post-date { float: left; width: 50px; height: 57px; display: block; background: url("images/trans.png"); position: absolute; top: 0px; left: 0px; } .no-thumbnail .post-date { left: auto; right: 0px; } .post-date span { color: #fff; letter-spacing: 3px; text-align: center; text-transform: uppercase; margin-top: 5px; margin-left: 4px; margin-bottom: 2px; display: block; font-size: 11px; } .post-date span.year { padding-left: 1px; font-size: 10px; position: relative; top: -3px; display: none; } .post-date h4 { text-align: center;
margin: 0px; line-height: 17px; font-weight: bold; color: #fff; font-size: 22px; } .post-content-content { padding: 5px 20px; } .post-content { background: #343434; } .post-content h2 a { text-decoration: none; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7); } .post-title-wrapper { background: url("images/pattern2.png") #262626; padding: 10px 20px 13px 20px; } .post-title { width: 100%; float: left; padding-bottom: 0px; } .post-title a:hover { color: #939393; text-decoration: none; } .latest-small { height: auto; overflow: hidden; float: left; margin-bottom: 30px; } #content .latest-small .post-content { width: 296px; float: left; padding: 12px; } .latest-small h3 { margin-bottom: 5px; margin-top: 0px; font-size: 19px; border-bottom: 0px; width: 100%; } .latest-small p { margin-top: 5px; }
.latest-small-right { border-right-width: 0px; margin-left: 30px; } .latest-small .read-more { float: right; margin-right: -12px; margin-bottom: -12px; } .latest-small .post-content img { margin-top: 10px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; margin: -17px 0 0 -12px; } #full-width .latest-small { width: 475px; } #full-width .latest-small .post-content { width: 451px; padding: 12px; float: left; } /*---------- END FEATURED POSTS ------------*/ /*----------- BLOG POSTS LOADER WIDGET --------------*/ .sidebar-latest-posts { margin-top: -10px; } .sidebar-post-wrapper { padding-bottom: 10px; padding-top: 10px; border-bottom: 1px dotted #e7e7e7; } .sidebar-post-wrapper:hover { background-color: #FAFAF7; } .sidebar-post-wrapper img { padding: 3px; margin-right: 7px; } .sidebar-post-wrapper h6 a { color: #737373; font-size: 13px; } .sidebar-post-wrapper h6 { margin-top: 2px; margin-bottom: 5px; line-height: 1.2em;
} .info-wrapper { float: left; width: 200px; } .sidebar-post-wrapper h6 a:hover { text-decoration: none; } .sidebar-post-info a { font-size: 11px; } .sidebar-post-comments { display: none; } .sidebar-post-wrapper h6 a:hover { text-decoration: underline; } #sidebar .search-wrapper { position: relative; } #sidebar .search-input { width: 242px; height: 23px; color: #b7b7b7; margin-bottom: 0px; } #sidebar .searchform { margin-top: 10px; } .sidebar-box .search-button,#not-found .search-button { margin-top: 1px; border: 0px; font-size: 0px; width: 26px; height: 27px; display: block; background: url(images/search_icon.png) no-repeat center; background-repeat: no-repeat; position: absolute; right: 0px; top: 0px; } .search-button:hover { cursor: pointer; } #content .search-button { float: none; }
#content .search-input { display: block; margin-bottom: 10px; margin-left: 3px; } #content .search-button,#full-width .search-button { height: 30px; width: 31px; position: absolute; left: 277px; top: 0; } #full-width .search-button { left: 276px; } #content .search-wrapper,#full-width .search-wrapper { width: 310px; margin: 30px auto; position: relative; } .textwidget { padding-top: 5px; } /*---------------------------- END Widgets and Templates -------------------------*/ /*----------------------- 10.Elements -----------------------*/ input[type="text"],input[type="password"] { width: 300px; height: 27px; border: 1px solid #2f2f2f; background-color: #4c4c4c; -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3) inset, 0px 1px 0px rgba(255, 255, 255, 0.04); -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3) inset, 0px 1px 0px rgba(255, 255, 255, 0.04); box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3) inset, 0px 1px 0px rgba(255, 255, 255, 0.04); padding: 2px 0 2px 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #777; font-size: 12px; line-height: 23px; } textarea { width: 290px; height: 150px; font-family: Arial; border: 1px solid #2f2f2f; background-color: #4c4c4c; -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3) inset, 0px 1px 0px rgba(255, 255, 255, 0.04); -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3) inset, 0px 1px 0px
rgba(255, 255, 255, 0.04); box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3) inset, 0px 1px 0px rgba(255, 255, 255, 0.04); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 7px; color: #777; font-size: 12px; } input:focus,textarea:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } code { border: 1px dashed #d3d3d3; font: normal 13px; padding: 2px 7px; } .highlight1 { background-color: #FDF8AD; color: #777; padding: 1px 3px; } .highlight2 { background-color: #909090; color: #FFF; padding: 1px 3px; } blockquote { padding: 13px 20px; font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif; font-size: 17px; font-style: italic; background: url(images/quote.png) no-repeat scroll top left; color: #fff; } blockquote p { line-height: 1.7em; border-left: 1px solid #4f4f4f; padding: 15px; padding-top: 0px; margin: 0px; margin-left: 30px; padding-top: 0px; } #sidebar blockquote { font-size: 14px; padding: 5px; background-position: 0 -7px; }
#sidebar blockquote p { margin-left: 27px; padding-right: 0px; } .sidebar-testimonials a { padding-left: 20px; } .sidebar-frame { padding: 10px; background-color: #fcfbf8; display: block; } .info-box,.note-box,.tip-box,.error-box,tip-box { padding: 12px 15px; margin: 20px 0px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; background: #eee; color: #fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, .4); background: url(images/top_navigation_gradient.png) repeat-x; } .info-box { background-color: #5f778f; border: 1px solid #6d87a1; } .note-box { background-color: #ddc760; border: 1px solid #edd879; } .error-box { background-color: #973934; border: 1px solid #ae4641; } .tip-box { background-color: #94ab5d; border: 1px solid #a2ba6a; } /* --------------------- BUTTONS --------------------- */ .button,#submit,input[type=submit] { display: inline-block; outline: none; cursor: pointer; text-align: center; text-decoration: none; border: 0px; padding: 3px 22px 5px 22px; text-shadow: 0 1px 1px rgba(0, 0, 0, .3); -webkit-border-radius: 4px; -moz-border-radius: 4px;
border-radius: 4px; color: #fff; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity = 100); opacity: 1; -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, .2), 0px 1px 0px rgba(255, 255, 255, .2) inset; -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, .2), 0px 1px 0px rgba(255, 255, 255, .2) inset; box-shadow: 1px 1px 1px rgba(0, 0, 0, .2), 0px 1px 0px rgba(255, 255, 255, .2) inset; background: url(images/gradient_button.png) repeat-x bottom #de3917; } .button:hover,#submit:hover { text-decoration: none; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity = 90); opacity: 0.9; } .button:active,#submit:active { position: relative; top: 1px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity = 100); opacity: 1; -webkit-box-shadow: 1px -1px 1px rgba(0, 0, 0, .2); -moz-box-shadow: 1px -1px 1px rgba(0, 0, 0, .2); box-shadow: 1px -1px 1px rgba(0, 0, 0, .2); } input.button { padding: 4px 20px; line-height: 20px; border-width: 0px; } #submit { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; margin-top: 10px; padding: 7px 20px; border: 0px; } /*------------- TABLE --------------*/ table { border-collapse: collapse; margin: 20px 0; width: 100%; } table th { font-weight: normal; padding: 5px 4px; font-size: 13px; background-color: #2b2b2b; border: 1px solid #272727;
border-bottom: 2px solid #939393; color: #fff; } table td { border: 1px solid #2b2b2b; -webkit-box-shadow: 0 1px 0px rgba(255, 255, 255, .1); -moz-box-shadow: 0 1px 0px rgba(255, 255, 255, .1); box-shadow: 0 1px 0px rgba(255, 255, 255, .1); padding: 4px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7); text-align: center; } td#today { background: url("images/top_navigation_gradient.png") repeat-x scroll 0 0 #DE3917; } #calendar_wrap table td { text-align: center; } table#wp-calendar { margin-bottom: 0px; width: 100%; margin-top: 0px; } table#wp-calendar td:hover,table#wp-calendar td#today,table#wp-calendar td:hover a,table#wp-calendar td#today a { background: url("images/top_navigation_gradient.png") repeat-x scroll 0 0 #DE3917; color: #FFF; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); box-shadow: none; } caption { margin-bottom: 4px; margin-top: 2px; } .drop-caps { font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif; font-size: 300%; line-height: 0.8em; margin-right: 0.2em; padding-bottom: 0.1em; text-transform: uppercase; float: left; position: relative; top: 6px; color: #fff; } /* --------------------- BULLETS --------------------- */ ul.bullet_check li,div.bullet_check li,ul.bullet_arrow li,div.bullet_arrow li,ul .bullet_arrow2 li,div.bullet_arrow2 li,ul.bullet_arrow3 li,div.bullet_arrow3 li,
ul.bullet_arrow4 li,div.bullet_arrow4 li,ul.bullet_star li,div.bullet_star li,ul .bullet_plus li,div.bullet_plus li { list-style: none; padding: 0px; margin: 7px; line-height: 18px; padding-left: 25px; } ul.bullet_check li,div.bullet_check li { background: transparent url(images/check.png) no-repeat 0 .2em; } ul.bullet_arrow li,div.bullet_arrow li { background: transparent url(images/arrow.png) no-repeat 0 .2em; } ul.bullet_arrow2 li,div.bullet_arrow2 li { background: transparent url(images/arrow2.png) no-repeat 0 .2em; } ul.bullet_arrow3 li,div.bullet_arrow3 li { background: transparent url(images/arrow3.png) no-repeat 0 .2em; } ul.bullet_arrow4 li,div.bullet_arrow4 li { background: transparent url(images/arrow4.png) no-repeat 0 .2em; } ul.bullet_numeric li,div.bullet_numeric li { list-style: none; list-style: decimal; padding-left: 20px; } ul.bullet_star li,div.bullet_star li { background: transparent url(images/star.png) no-repeat 0 .2em; } ul.bullet_plus li,div.bullet_plus li { background: transparent url(images/plus.png) no-repeat 0 .2em; } /*----- TESTIMONIALS -----*/ .testimonial-container { margin-top: 20px; } .testimonial-container blockquote { float: left; display: block; width: 455px; margin-top: -13px; padding-right: 0px; } #full-width .testimonial-container blockquote { width: 684px; }
#full-width #portfolio-preview .testimonial-container blockquote { width: 455px; } .no-image blockquote,#full-width .testimonial-container.no-image blockquote { width: 100%; } #content-container .testimonial-img { float: left; max-width: 144px; } .testimonial-container p { width: auto; display: inline-block; } .testimonial-container blockquote p { display: block; padding-right: 0px; } .testimonial-container .double-line { margin-bottom: 25px; } .testimonial-container h2 { display: inline-block; margin-right: 20px; font-size: 21px; margin-bottom: 7px; } .testimonial-container .testimonials-details { width: 400px; text-transform: uppercase; } #full-width .testimonial-container blockquote { width: 765px; } /*------------------ TABS------------------*/ .tabs-container { min-height: 150px; margin: 20px 0; } /* root element for tabs */ .tabs { list-style: none; margin: 0 !important; padding: 0; height: auto; float: left; }
/* single tab */ .tabs li a { margin-right: 3px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7); background: url(images/top_navigation_gradient.png) repeat-x #272727; background-image: url(images/top_navigation_gradient.png), url(images/noise.png); border: 1px solid #1e1e1e; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; line-height: 35px; } .tabs li { float: left; text-indent: 0; padding: 0; margin: 0 !important; list-style-image: none !important; } /* link inside the tab. uses a background image */ .tabs a { font-size: 13px; display: block; height: 35px; line-height: 35px; width: 50px; text-align: center; text-decoration: none; color: #fff; padding: 0px; position: relative; top: 1px; text-transform: capitalize; border: 1px solid #E2E2E2; border-bottom: 2px solid #E2E2E2; border-right: 0px; -moz-box-shadow: 0px -3px 2px rgba(0, 0, 0, 0.03) inset; -webkit-box-shadow: 0px -3px 2px rgba(0, 0, 0, 0.03) inset; box-shadow: 0 -3px 2px rgba(0, 0, 0, 0.03) inset; } .tabs a:active { outline: none; border-bottom: 0px; } /* when mouse enters the tab move the background image */ .tabs a:hover { color: #ccc; } /* active tab uses a class name "current". it's highlight is also done by moving the background image. */ .tabs .current,.tabs .current:hover,.tabs li.current a,.tabs a:hover {
background-image: none; border-bottom: 0px; height: 36px; } /* Different widths for tabs: use a class name: w1, w2, w3 or w2 */ /* width 1 */ .tabs a { line-height: 30px; font-size: 12px; } .tabs .w1 a { width: 70px; } /* width 2 */ .tabs .w2 a { width: 120px; } /* width 3 */ .tabs .w3 a { width: 150px; } /* width 4 */ .tabs .w4 a { width: 200px; line-height: 50px; height: 50px; } /* initially all panes are hidden */ .panes .pane { display: none; } .panes { padding: 15px; border: 1px solid #1e1e1e; clear: both; background-color: #272727; } /*------------------- ACCORDION ------------------------*/ .accordion-container { min-height: 270px; margin-bottom: 20px; float: left; border-top: 1px solid #1e1e1e; } /* accordion header */ #accordion h2 { margin: 0; padding: 10px 24px; font-size: 14px; font-weight: normal; cursor: pointer;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7); background: url(images/top_navigation_gradient.png) repeat-x #272727; background-image: url(images/top_navigation_gradient.png), url(images/noise.png); border: 1px solid #1e1e1e; border-top-width: 0px; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset; } /* currently active header */ #accordion h2.current { cursor: default; } /* accordion pane */ #accordion .pane { border: 1px solid #1e1e1e; border-width: 0 1px 1px 1px; display: none; padding: 15px; background-color: #272727; } #accordion .pane:last-child { border-bottom: 0px; } /* a title inside pane */ #accordion .pane h3 { font-weight: normal; margin: 0 0 -5px 0; font-size: 16px; color: #999; font-style: normal; } /*------------------------------------ END Elements ---------------------------*/ /*------------------------------------ 11.Others ---------------------------*/ .hidden { visibility: hidden; width: 0px; height: 0px; } a.lightbox-image { position: relative; display: inline-block; } a.lightbox-image img { display: block; } .loading-container { background-image: url(images/ajax-loader-small.gif); }
div.wp_syntax { margin-top: 20px; margin-bottom: 30px; } cite { font-size: 12px; line-height: 1.5em; } .nomargin { margin: 0 0 0 0; } a.rsswidget img { position: relative; top: 2px; } #sidebar #SGM { background: url(images/ajax-loader-small.gif) no-repeat center; margin-top: 10px; width: 248px; } .recentcomments { padding: 5px 0; } .preview-items { display: none; } .wp-caption { padding-top: 4px; background-color: #2c2c2c; text-align: center; } .from-meta { display: none; } .widget_testimonials cite { display: block; font-family: "Droid Sans", Verdana, Geneva, sans-serif; font-size: 12px; font-style: normal; text-align: left; line-height: 1.8em; text-indent: 0; } .aligncenter,div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption img { border: 0 none; margin: 0; padding: 0; } .wp-caption p.wp-caption-text,.gallery-caption { line-height: 1.5em; margin: 0; font-size: 12px; padding: 0 4px 4px; position: relative; top: -3px; } .gallery-item .wp-caption-text,.gallery-item gallery-caption { background-color: transparent; } .sticky { border-bottom: 3px double #ebebeb; } .p-desaturate { position: relative; } .p-desaturate .no-color { position: absolute; left: 0px; top: 0px; z-index: 10; } .p-desaturate .color { position: relative; z-index: 0; } #footer-social-icons { float: left; margin: 1px 10px 0 0; } #footer-social-icons ul { margin: 0px; } #footer-social-icons ul li { border-bottom: 0px; display: inline-block; margin-right: 2px; margin-top: 3px; } #footer-social-icons ul li a { display: inline; } #footer-social-icons ul li a {
-webkit-box-shadow: 1px 1px 0px rgba(255, 255, 255, 1) inset; -moz-box-shadow: 1px 1px 0px rgba(255, 255, 255, 1) inset; box-shadow: 1px 1px 0px rgba(255, 255, 255, 1) inset; } #footer-social-icons img:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity = 80); opacity: 0.8; } .margin-line { margin-bottom: 15px; } #not-found h1 { font-size: 90px; color: #949494; } .copyrights { text-transform: uppercase; color: #FFF; letter-spacing: 0.5px; font-size: 12px; } #content-container .wp_syntax { background-color: #272727; color: #CBCBCB; border-color: #1f1f1f; } img.bg-image { /* Set rules to fill background */ min-height: 100%; min-width: 1024px; /* Set up proportionate scaling */ width: 100%; height: auto; /* Set up positioning */ position: fixed; top: 0; left: 0; z-index: -100; } @media screen and (max-width: 1024px) { /* Specific to this particular image */ img.bg { left: 50%; margin-left: -512px; /* 50% */ } } .bg-image-pattern { background: url(images/bg.png) repeat; width: 100%; height: 100%; position: fixed; z-index: -80;
top: 0; } .currentTextHolder { position: relative; top: -3px; } .pp_nav { margin-top: 1px; } .bypostauthor .coment-box { background-color: #383838 } /*------------------------------------ END Others ----------------------------*/ /*----------------------------------- 12.Updates ---------------------------*/ /*---------------------- VERSION 1.1 ----------------------*/ .footer-spacer { width: 30px; height: 20px; display: block; } #footer { padding-left: 0px; padding-right: 0px; } html,body { height: 100%; } .page-template-template-full-width-slideshow-php #footer { position: absolute; bottom: 0px; width: 100%; } .page-template-template-full-width-slideshow-php .loading { background-position: center center; } #full-width-slider,#slider img { position: fixed; min-height: 100%; min-width: 540px; /* Set up proportionate scaling */ width: 100%; height: auto; /* Set up positioning */ position: fixed; top: 0; left: 0; z-index: -100; } .spacer {
height: 90%; display: block; width: 1px; } #slider img { visibility: hidden; } #slider-img-wrapper { overflow: hidden; position: relative; width: 100%; height: 100%; } #slider img.first { display: block; } #slider img.current { z-index: 10; } #slider-navigation-container { width: 100%; position: absolute; bottom: 46px; } #slider-navigation { position: relative; overflow: hidden; height: 60px; height: 44px; z-index: 10; } #slider-navigation-wrapper { width: 538px; padding: 13px 30px 10px; margin: 0 auto; border-radius: 2px 2px 0 0; background: url(images/slider_navigation_bg.png) no-repeat top left; } #slider-navigation .items { width: 20000em; position: absolute; left: 0px; } #slider-navigation .items div { float: left; } #slider-navigation .items img { height: 40px; width: 50px; opacity: 0;
filter: alpha(opacity = }
0);
.thumbnail-wrapper { height: 40px; margin-right: 10px; width: 50px; background: url(images/ajax-loader-t.gif) no-repeat center rgba(0, 0, 0, 0.4); } .thumbnail-wrapper img { padding: 2px; background: #242424; background: url(images/trans6.png); background: rgba(0, 0, 0, 0.4); display: block; } #slider-navigation .items img.active { background-color: #E7E7E7; background-color: rgba(255, 255, 255, 0.5); box-shadow: none; position: relative; } .browse { width: 27px; height: 37px; display: block; position: absolute; top: 17px; } #left-arrow { left: 4px; background: url(images/arrows.png) no-repeat scroll top right; } #right-arrow { right: 9px; background: url(images/arrows.png) no-repeat scroll top left; } #left-arrow:hover { background: url(images/arrows.png) no-repeat scroll bottom right; } #right-arrow:hover { background: url(images/arrows.png) no-repeat scroll bottom left; } #hide-button { position: absolute; right: 40px; bottom: -27px; cursor: pointer; background: url(images/trans5.png); background: rgba(0, 0, 0, 0.3); border: 1px solid rgba(0, 0, 0, 0.1);
display: block; padding: 0px 7px 0px 7px; border-radius: 0 0 3px 3px; opacity: 0.7; } #hide-button:hover { opacity: 1; } #hide-button span { background: url(images/hide-arrow.png) no-repeat left center; padding-left: 15px; text-transform: uppercase; font-weight: bold; font-size: 11px; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3); color: #FFF; } #hide-button span:active { position: relative; top: 1px; } #hide-button.closed span { background: url(images/show-arrow.png) no-repeat left center; } /*---------------------- VERSION 1.1.1 ----------------------*/ #full-width-slider,#slider img { min-width: 1024px; } @media screen and (max-width: 1024px) { /* Specific to this particular image */ #full-width-slider,#slider img,img.bg-image { left: 50%; margin-left: -512px; /* 50% */ } } .iphone #full-width-slider,.iphone #slider img { min-width: 1400px; margin-left: -700px; } input[name=post_password] { margin-bottom: 10px; } .sidebar-box .search-button,#not-found .search-button { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /*---------------------- VERSION 1.1.2 ----------------------*/ @media screen and (max-width: 1024px) { #full-width-slider,#slider img,img.bg-image {
left: 0%; margin-left: 0px; } } #main-container { min-height: 100%; position: relative; float: left; } #footer { position: absolute; width: 100%; bottom: 0px; } #content-container { padding-bottom: 80px; } #gallery-container { margin-bottom: 80px; } .back-btn-end { bottom: 0; position: absolute; right: 0; padding:5px 10px 5px 10px; background: url(images/trans5.png); background: url("images/pattern.png") repeat rgba(0,0,0,0.5); } .back-btn-end span{ background: url("images/back_arrow.png") no-repeat scroll left center; padding-left:20px; color:#fff; } /*---------------------- VERSION 1.2.0 ----------------------*/ #full-height-slider{ width:100%; height:100%; position: relative; margin-top: -40px; left: 0; z-index: -100; } #full-height-slider img{ height:100%; width:auto; min-width:0px; margin:0 auto; display:block; visibility:hidden; position:relative;
} .img-wrapper{ position:absolute; width:100%; height:100%; } #slider-navigation-wrapper{ position:relative; left:2px; } .preview-content-wrapper{ height:0px; } img.bg-image{ visibility: hidden; }
/*---------------------- iPhone optimization ----------------------*/ body.iphone #main-container { padding-left: 0px; padding-right: 0px; } body.iphone #slider-container { width:95%; } body.iphone #static-header-img img{ width:100%; } body.iphone #content-container,body.iphone .page #full-width,body.iphone .single #full-width,body.iphone .error404 #full-width, body.iphone #full-width, body.iphone .columns-wrapper, body.iphone #full-width .post-content{ width:95%; } body.iphone #content,body.iphone .preview-item,body.iphone #content .gallery,bod y.iphone #portfolio-preview-container .gallery{ width:64%; } body.iphone #content .post-content, body.iphone #content img,body.iphone .page-c ontent-box{ width:100%; } body.iphone #grid-gallery{ margin-left: 15px; } body.iphone #filter-btn{ display: none; display: inline; } body.iphone #full-width .blog-post-img img{ max-width:100%; } body.iphone .latest-small {
max-width:42%; } body.iphone #full-width .latest-small { max-width:46%; } body.iphone .gallery-icon a img, body.iphone .blog-post-img img{ height:auto; } body.iphone .layout-left #sidebar{ max-width:26%; } body.iphone .testimonial-container blockquote{ max-width:70%; } body.iphone .portfolio-big-img{ width:100%; height:auto; } body.iphone #full-width .gallery{ width:100%; } body.iphone #nivo-slider{ width:95%; } body.iphone #nivo-slider{ width:95%; } /* iPhone optimization End */
/*---------------------- VERSION 1.3.0 ----------------------*/
.horizontal-img-wrapper{ float: left; } .to-load{ width:500px; background: url(images/ajax-loader.gif) no-repeat center; height:100%; float: left; overflow: hidden; } .preview-img-container{ background-color: #2B2B2B; } .horizontal-img-wrapper img{ float: left; width:auto; } .preload-img{ visibility: hidden; width:0px;
height:0px; position: absolute; } body.iphone #content img{ width:auto; height:auto; } #slider-navigation-container { bottom: 43px; } #footer-social-icons ul li{ margin-top: 0px; position: relative; top:2px; } .copyrights { position: relative; top: -1px; } .horizontal-slider{ event bright

Make

Transféré par

Informations du document

Titre original

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

Make

Transféré par

Droits d'auteur :

Formats disponibles

/* Theme Name: Photolux Version: 1.4.0 Theme URI: http://pexetothemes.

h1,h2,h3,h4,h5,h6 { color: #fff; line-height: margin: 15px font-weight: font-family: }

1.5em; 0; 100; 'PT Sans Narrow', Verdana, Geneva, sans-serif;

top: 0px; left: 0px; z-index: 10; opacity: 0; filter: alpha(opacity = }

width: 50px; opacity: 0; filter: alpha(opacity = }

/---------------------- VERSION 1.3.0 ----------------------/

color: #fff; line-height: margin: 15px font-weight: font-family: }

1.5em; 0; 100; 'PT Sans Narrow', Verdana, Geneva, sans-serif;

z-index: 10; opacity: 0; filter: alpha(opacity = }

/---------------------- VERSION 1.3.0 ----------------------/

Vous aimerez peut-être aussi