Файловый менеджер

Файловый менеджер - Редактировать - /var/www/zerocorporation/App_Theme/css/rebuild.css

Назад
/* == THEME DETAILS ============================================================ Theme Name: Nova Theme URI: http://webmonarchy.com/themes/nova/html/ Description: Nova HTML5/CSS3 professional and flexible theme to meet your needs. Version: 1.0 Designer & Developer: Mariusz Zawistowicz Designer & Developer URL: http://PixelMonarchy.com Author: PixelMonarchy.com & WebMonarchy.com Author URI: http://PixelMonarchy.com & http://WebMonarchy.com License: GNU General Public License version 3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html /* ========== WARNING! DO NOT EDIT THIS FILE! (PLEASE) ======================== If you wish to make CSS changes to this theme, DO NOT EDIT THIS FILE. Instead, use the custom-rebuild.css file to define custom styles. Adding your custom CSS there will make it much easier to upgrade to a newer version of this theme without losing any of your customizations. ========== Table of Contents =============================================== - General Styles - Header Styles - Main Navigation Styles + Default Menu SKIN + Banner Styles - styles for diffrent banners are in flexslider.css, slides.css and elastic.css files - General Content Styles / Layouts + Content Heading Divider + Other Divider + Pages Navigation - Pagination + Columns for full with pages + Buttons + Lists + Blockquote + Dropcaps + Tables + Pricing Boxes + Pricing Tables + Message Boxes + Accoddion + Tabs - Content Slider Styles (portfolio, blog, testimonial sliders) + Thumbnail Boxes - sizes + General Container for slide content + Testimonial Slider - Pages - Styles + Portfolio / Gallery Styles + Thum animations + Icons configuration + Portfilio Filter Options + Team page + Blog Styles + Advanced comment styles + Contact Page Form - Widgets / Modules Styles + Content Box + Strap Box + Feature Boxes + Text Box - Sidebar Styles - Footer Styles ============================================================================== / / ========================================== General Styles ========================================== / body{background: #FFF top center repeat-x url("../images/bg.png"); font-size:13px; color:#777777; font-family: Arial, Helvetica, sans-serif; } h1{ font-size:27px; font-weight:normal; margin-bottom:20px; color:#31373D;} h2{ font-size:25px; font-weight:normal; color:#31373D; margin-bottom:15px; } h3{ font-size:22px; font-weight:normal; color:#31373D; margin-bottom:15px; } h4{ font-size:18px; font-weight:normal; color:#31373D; margin-bottom:15px; } h5{ font-size:16px; font-weight:normal; color:#31373D; margin-bottom:15px; } h6{ font-size:14px; font-weight:normal; color:#31373D; margin-bottom:15px; } p{ display:block; padding:0px 0px 15px 0px; color: #777777; line-height:20px; font-size:13px; } small{ font-size:12px; } h1 a,h2 a,h3 a,h4 a,h15 a,h6 a{color:#E84513;} strong{ font-weight:bold;} a{ color:#E84513; text-decoration:none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } a:hover{color:#1B3C4D; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } .float-left{ display:block; float:left; padding:0 15px 0px 0; } .float-right{ display:block; float:right; padding:0 0px 0px 15px; } .button{ -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; } .button:hover{ -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -moz-box-shadow: #474747 0 0 5px; -webkit-box-shadow: #474747 0 0 5px; box-shadow: #474747 0 0 5px; } .round-me{ -moz-border-radius: 0.3em; -webkit-border-radius: 0.3em; border-radius: 0.3em; } .shadow-me { -moz-box-shadow: #999 0 0 5px; -webkit-box-shadow: #999 0 0 5px; box-shadow: #999 0 0 5px; } ul{ display:block; padding:0px; margin:0px; color:#777777;} ul li{ display:block; padding:5px 0px 5px 0px; margin-left:0px; background:0px 3px no-repeat url('../images/tick.png'); font-size:13px;} ol{ display:block; padding:0px; margin:0px; list-style-type: alpha; color:#777777; } ol li{ padding:5px 0px 5px 0px; margin-left:30px; font-size:13px; } #google_map{ display:block; width:940px; height:350px;} / ========================================== Header Styles ========================================== / header { display:block; position:relative; width:100%; height:100px; margin:0px auto; } .header_fix { display:block; position:relative; width:940px; padding:0px 20px; margin:0px auto; height:100px; } .logo { display:block; position:relative; float:left; width:500px; height:100px; background:top left no-repeat url('../images/logo.png'); } .social_links { display:block; position:absolute; top:50px; right:30px; width:300px; height:24px; text-align:right; } .social_links a{ display:block; width:24px; height:25px; float:right; margin-left:5px; opacity:0.5; filter: alpha(opacity=50); ;-moz-opacity:0.5; } .social_links a:hover{opacity:1; filter: alpha(opacity=100); ;-moz-opacity:1; } .social_links a.facebook{ background:0 0 no-repeat url('../images/social/facebook.png');} .social_links a.twitter{ background:0 0 no-repeat url('../images/social/twitter.png');} .social_links a.rss{ background:0 0 no-repeat url('../images/social/rss.png');} .social_links a.google{ background:0 0 no-repeat url('../images/social/google.png');} .social_links a.linkedin{ background:0 0 no-repeat url('../images/social/linkedin.png');} .contact_detail{ display:block; position:absolute; top:25px; right:30px; width:300px; height:24px; text-align:right; font-size:13px; } / ========================================== Main Navigation Styles ========================================== / .select-menu{ display:none;} / mobile menu hidden for normal resolution / nav { display:block; position:relative; width:100%; height:38px; margin:0px auto; } nav .nav_fix{ display:block; position:relative; width:980px; height:38px; padding:0px 0px; margin:0px auto; } nav .nav_fix_in{ display:block; position:relative; width:918px; height:37px; padding:0px 10px; margin:0px auto; border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; background:#292929; } nav .nav_fix_in .buynow{ display: block; height:20px; padding: 6px 1.2em 0px 1em; text-decoration:none; position: absolute; right:10px; top: 6px; background: #22262b; outline: 0; -moz-border-radius: 0.3em; -webkit-border-radius: 0.3em; border-radius: 0.3em; color: #ffffff; } nav .nav_fix_in .buynow:hover{ background: #FAFAFA; color:#333; } nav .nav_fix_in .fb{ display: block; height:20px; text-decoration:none; position: absolute; right:0px; top: 9px; padding: 0px; } .all-round{ border-radius: 5px 5px 5px 5px!important; -moz-border-radius: 5px 5px 5px 5px!important; -webkit-border-radius: 5px 5px 5px 5px!important; } / Default Menu SKIN / .main-menu { float: left; margin-top: 5px; } .main-menu a { height:20px; padding: 8px 1.2em 0px 1em; text-decoration:none; } .main-menu a, .main-menu a:visited { / visited pseudo selector so IE6 applies text colour/ color: #fff; } .main-menu li { background-image:none!important; } .main-menu li li { background: #EF5D1C; } .main-menu li li li { background: #EF5D1C; } .main-menu li:hover, .main-menu li.sfHover, .main-menu a:focus, .main-menu a:hover, .main-menu a:active { background: #EF5D1C; outline: 0; -moz-border-radius: 0.3em; -webkit-border-radius: 0.3em; border-radius: 0.3em; } .main-menu li li:hover, .main-menu li li.sfHover, .main-menu a:focus, .main-menu li li a:hover, .main-menu li li a:active { background: #373E44; outline: 0; -moz-border-radius: 0em; -webkit-border-radius: 0em; border-radius: 0em; } .main-menu li.sfHover a { height:24px; padding: 8px 1.2em 0px 1em; text-decoration:none; -moz-border-radius: 0.3em 0.3em 0em 0em!important; -webkit-border-radius: 0.3em 0.3em 0em 0em!important; border-radius: 0.3em 0.3em 0em 0em!important; } .main-menu li.sfHover li a, .current_page_item li a{ height:24px; padding-top:12px; } .current_page_item a{ background: #EF5D1C; outline: 0; -moz-border-radius: 0.3em; -webkit-border-radius: 0.3em; border-radius: 0.3em; } / ==================================================================================================== Banner Styles - styles for diffrent banners are in flexslider.css, slides.css and elastic.css files =================================================================================================== / #banner-container{ position:relative; width:100%; margin:0px auto; } .banner_container_fix{ display:block; position:relative; width:940px; padding:0px 20px; margin:0px auto; } .full_banner_line{ position:absolute; display:block; bottom:30px; width:100%; height:170px; opacity:0.3; filter: alpha(opacity=30); ;-moz-opacity:0.3; background: #31373D; } / --- more general styles for slider (Slides Jquery Slider) you can find in "Content Slider Styles (portfolio, blog, testimonial sliders)" Section --- / / ========================================== General Content Styles / Layouts ========================================== / .content_container_fix { display:block; position:relative; width:980px; padding:0px 0px; margin:0px auto; } .page_title{ display:block; width:880px; margin:0px auto 0px auto; padding:20px 30px; height:70px; border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; background-image: linear-gradient(bottom, #32383e 38%, #494f53 85%); background-image: -o-linear-gradient(bottom, #32383e 38%, #494f53 85%); background-image: -moz-linear-gradient(bottom, #32383e 38%, #494f53 85%); background-image: -webkit-linear-gradient(bottom, #32383e 38%, #494f53 85%); background-image: -ms-linear-gradient(bottom, #32383e 38%, #494f53 85%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.38, #32383e), color-stop(0.85, #494f53), ); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#32383e',EndColorStr='#494f53'); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#32383e',EndColorStr='#494f53')"; } .page_title h1{ font-size:32px; color:#ffffff; margin-bottom:0px; } .page_title h2{ font-size:16px; color:#d6d6d6; font-style:italic; } .content-left{ margin-right:30px!important; width:690px!important;} .content-right{ margin-left:10px!important; width:690px!important;} .full_width{ display: block; float: left; width: 940px; clear: both; margin-top: 20px; margin-right: 20px; margin-left: 20px; } .no_margin{margin-top:-2px;} .clear_full{ display:block; width:100%; clear:both; height:1px;} / Content Heading Divider / .content_heading { display:block; position:relative; width:100%; height:14px; clear:both; padding:12px 0px; margin:15px auto; border-bottom:1px #b4b4b4 solid; color:#666; font-size:14px; text-transform:uppercase; text-align:center; } .content_heading .gotop { position:absolute; top:10px; left:0px; display:block; width:18px; height:18px; cursor:pointer; background: #f4f4f4 0 0px no-repeat url('../images/top_arrow.png'); } .content_heading .gotop:hover { background: #31373d 0 -18px no-repeat url('../images/top_arrow.png'); } .content_heading h3 { font-size:12px; color:#31373D; font-weight:bold; } .content_heading_left { text-align:left; } .content_heading_left .gotop { left:auto; right:0px!important; } / Other Dividers / .divider_line { display:block; position:relative; width:100%; height:1px; clear:both; padding:0px; margin:15px auto; border-bottom:1px #b4b4b4 solid; color:#666; } .divider_2line { display:block; position:relative; width:100%; height:1px; clear:both; padding:0px; margin:15px auto; border-bottom:3px #b4b4b4 double; color:#666; } .divider_dashed_line { display:block; position:relative; width:100%; height:1px; clear:both; padding:0px; margin:15px auto; border-bottom:1px #b4b4b4 dashed; color:#666; } .divider_dotted_line { display:block; position:relative; width:100%; height:1px; clear:both; padding:0px; margin:15px auto; border-bottom:1px #b4b4b4 dotted; color:#666; } .divider_line { display:block; position:relative; width:100%; height:1px; clear:both; padding:0px; margin:15px auto; border-bottom:1px #b4b4b4 solid; color:#666; } .top{ height:10px;} .top .gotop { position:absolute; bottom:0px; left:49%; display:block; width:18px; height:18px; cursor:pointer; background: #f4f4f4 0 0px no-repeat url('../images/top_arrow.png'); } .top .gotop:hover { background: #31373d 0 -18px no-repeat url('../images/top_arrow.png'); } / Pages Navigation - Pagination / .navigation{ display: block; width: 100%; clear: both; margin: 20px 0px;} .navigation ul{} .navigation ul li{ display: inline-block; margin:0px 5px 0px 0px; background: none; padding: 0px;} .navigation ul li a{ display: block; width: 10px; background: #F4F4F4; text-align: center; border: 1px #969696 solid; padding:7px 10px; color: #393939;} .navigation ul li.navi a{ display: block; width:50px; background: #F4F4F4; text-align: center; border: 1px #969696 solid; padding:7px 10px; } .navigation ul li.current a,.navigation ul li a:hover{ background: #31373D; color: #ffffff; } / Columns for full with pages / .one_half{ display:block; float:left; width:455px; margin:15px 30px 15px 0px; } .one_third{ display:block; float:left; width:300px; margin:15px 20px 15px 0px; } .two_third{ display:block; float:left; width: 620px; margin:15px 20px 15px 0px; } .one_fourth{ display:block; float:left; width: 220px; margin:15px 20px 15px 0px;} .two_fourth{ display:block; float:left; width: 460px; margin:15px 20px 15px 0px;} .three_fourth{ display: block; float: left; width: 700px; margin-top: 15px; margin-right: 20px; margin-bottom: 15px; margin-left: 0px; } .one_fifth{ display:block; float:left; width: 172px; margin:15px 20px 15px 0px; } .two_fifth{ display:block; float:left; width: 364px; margin:15px 20px 15px 0px; } .three_fifth{ display:block; float:left; width: 556px; margin:15px 20px 15px 0px;} .four_fifth{ display:block; float:left; width: 748px; margin:15px 20px 15px 0px;} .one_sixth{ display:block; float:left; width: 140px; margin:15px 20px 15px 0px; } .two_sixth{ display:block; float:left; width: 300px; margin:15px 20px 15px 0px;} .three_sixth{ display:block; float:left; width: 460px; margin:15px 20px 15px 0px;} .four_sixth{}{ display:block; float:left; width: 620px; margin:15px 20px 15px 0px;} .five_sixth{ display:block; float:left; width: 780px; margin:15px 20px 15px 0px;} .last{ margin-right:0px!important;} / Buttons / .button { margin-right: 5px } .button, .button span { display: inline-block; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .button { white-space: nowrap; nowhitespace: afterproperty; line-height: 1em; position: relative; outline: none; overflow: visible; cursor: pointer; nowhitespace: afterproperty; border:1px solid #999; border:rgba(0,0,0,.1) 1px solid; border-bottom:rgba(0,0,0,.3) 1px solid; nowhitespace: afterproperty; background:-moz-linear-gradient(center top,rgba(255,255,255,.1) 0%,rgba(0,0,0,.1) 100%); background:-webkit-gradient(linear,center bottom,center top,from(rgba(0,0,0,.1)),to(rgba(255,255,255,.1))); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF',EndColorStr='#19000000'); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF',EndColorStr='#19000000')"; -moz-user-select:none; -webkit-user-select:none; -khtml-user-select:none; user-select:none; margin-bottom:10px; font-family:'Helvetica Neue',Arial,sans-serif; font-size:11px; min-height:34px; text-decoration: none; } .button-small { min-height:19px!important;} .button-big { min-height:22px!important;} .button.full, .button.full span { display: block } .button:hover, .button.hover { opacity: 0.8 } .button:active, .button.active { top: 1px } .button span { position: relative; color: #fff; font-weight: bold; text-shadow: 0 1px 1px rgba(0,0,0,0.25); border-top: rgba(255,255,255,.4) 1px solid; padding: 0.8em 1.3em; line-height: 1.3em; text-decoration: none; text-align: center; white-space: nowrap; } .button-small span{ padding: 0.3em 1.3em!important; line-height: 1.3em; font-size:11px; } .button-big span{ margin:0px auto; line-height: 1.3em; font-size:15px; } .button.black { background-color: #333 } .button.white { background-color: #FFFFFF; text-shadow: 1px 1px 0px #FFF;} .button.white span { color: #444; text-shadow: 1px 1px 0px #e7e7e7; border-top: rgba(255,255,255,.6) 3px solid; } .button.gray { background-color: #666 } .button.orange { background-color: #FE4911 } .button.red { background-color: #c81010 } .button.blue { background-color: #0073c4 } .button.green { background-color: #70a728 } .button.brown { background-color: #976608 } .button.violet { background-color: #7C1947 } .button.yellow { background-color: #febd4c } / Lists / ul.tick-black li{ background:0px 3px no-repeat url('../images/tick-black.png'); } ul.tick-red li{ background:0px 3px no-repeat url('../images/tick-red.png'); } ul.tick-white li{ background:0px 3px no-repeat url('../images/tick-white.png'); } ul.bullet-black li{ background:0px 4px no-repeat url('../images/bullet-black.png'); } ul.bullet-white li{ background:0px 4px no-repeat url('../images/bullet-white.png'); } ul.bullet-green li{ background:0px 4px no-repeat url('../images/bullet-green.png'); } ul.bullet-red li{ background:0px 4px no-repeat url('../images/bullet-red.png'); } ul.arrow-black li{ background:0px 4px no-repeat url('../images/arrow-black.png'); } ul.arrow-white li{ background:0px 4px no-repeat url('../images/arrow-white.png'); } ul.arrow-green li{ background:0px 4px no-repeat url('../images/arrow-green.png'); } ul.arrow-red li{ background:0px 4px no-repeat url('../images/arrow-red.png'); } ul{ display:block; padding:0px; margin:0px;} ul li{ display:block; padding:5px 0px 5px 30px; background:0px 3px no-repeat url('../images/tick.png'); font-size:13px;} ol.alphabet{ display:block; padding:0px; margin:0px; list-style-type: upper-alpha; } / Blockquote / .blockquote { border-left: 2px solid #ECEDF3; font: italic 14px/21px Georgia,'Times New Roman',serif; color:#999; margin: 0 0 16px 30px; padding: 6px 0 3px 31px; } / Dropcaps / .dropcap { float: left; font-size: 36px; height: 32px; line-height: 32px; margin-bottom: 0; margin-right: 5px; margin-top: 0; text-align: center; width: 32px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .dropcap.dark{ background:#333; color:#FFF; padding: 5px 4px 3px 5px;} / tables / table.invisible_table, table.invisible_table tr, table.invisible_table tr td{ padding:0px; border:0px;} table { border: 1px solid #EFEFEF; border-collapse: separate; border-spacing: 0; margin-bottom: 20px; } th { font-weight: bold; font-size:11px; padding: 10px 15px; text-transform: uppercase; } td { border-top: 1px solid #EFEFEF; padding: 10px 15px; } tr.alt { background-color: #F5F5F5; } table.dark { border: 1px solid #EFEFEF; border-collapse: separate; border-spacing: 0; margin-bottom: 20px; } table.dark th { font-weight: bold; background:#31373D; color:#FFF; padding: 10px 15px; text-transform: uppercase; } table.dark td { background:#898989; color:#FFF; border-top: 1px solid #EFEFEF; padding: 10px 15px; } table.dark tr.alt td { background-color: #696969; } / Pricing Boxes / .pricing-box { background-color: #F6F6F6; border: 1px solid #DDDBDB; border-radius: 5px 5px 5px 5px; line-height: 1.7em; padding: 0px; margin-bottom:10px; width:300px; text-align:center; } .pricing-box .pricing-box-head{ padding: 20px; width:260px; border-bottom:1px #DDDBDB solid; background:#EEEEEE; margin-bottom:20px; } .pricing-box .price { display: block; font-size: 36px; line-height: 36px; position: relative; width:100%; color:#32383E; top: 0px; } .pricing-box .pricing-box-content { text-align:left; padding:0px 30px; } .pricing-box .pricing-box-content ul li { background-position:0px 7px; } .pricing-box .button { text-align: center; } .box-dark { background-color: #31373D; color:#FFFFFF; } .box-dark .pricing-box-head{ } .box-dark .pricing-box-content ul li, .box-dark .pricing-box-content p{ color:#FFFFFF; } / Pricing Tables / .price-table{ display:block; margin:40px 0px 40px 0px; clear:both; } .four-columns .price-column ul{ display:block; width:25%; float: left; } .three-columns .price-column ul{ display:block; width:33%; float: left; } .price-column ul{ background:#F6F6F6; border: 1px solid #DDDDDD; margin: 0 -2px 0 0; text-align: center; padding:0px; } .price-column ul li{ margin:0px; padding:0px; background:none;} .price-column ul li.thead{ display:block; padding:20px 0px; background:#e2e2e2; font-size:18px; } .price-column ul li.price{ display:block; padding:10px 0px; background:#EEEEEE; color:#30363C; font-size:28px; } .price-column ul li.price span{ font-size:12px;} .price-column ul li.item{ display:block; padding:10px 0px; color:#797979; border-bottom:1px #CCC solid; font-size:14px; } .price-column ul li.item .yes{} .price-column ul li.item .no{} .price-column ul li.choose-button{ display:block; padding:10px 0px 0px 0px; background:#EEEEEE; } .price-column.highlight ul{ box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); margin-top:-10px; } .highlight ul li.thead{ display:block; padding:25px 0px 25px 0px; background:#eb441d; color:#FFFFFF; font-size:18px; } .highlight ul li.price{ display:block; padding:10px 0px; background:#EEEEEE; color:#31373D; font-size:28px; } .highlight ul li.price span{ font-size:12px;} .highlight ul li.item{ display:block; padding:10px 0px; background:#FFFFFF; color:#797979; border-bottom:1px #CCC solid; font-size:14px; } .highlight ul li.choose-button{ display:block; padding:15px 0px 15px 0px; background:#EEEEEE; } .price-column-dark ul li.thead{ display:block; padding:20px 0px; background:#31373D; color:#FFFFFF; font-size:18px; } .price-column-dark ul li.price{ display:block; padding:10px 0px; background:#898989; color:#FFFFFF; font-size:28px; } .price-column-dark ul li.price span{ font-size:12px;} .price-column-dark ul li.item{ display:block; padding:10px 0px; background:#F6F6F6; color:#797979; border-bottom:1px #CCC solid; font-size:14px; } .price-column-dark ul li.choose-button{ display:block; background:#EEEEEE; } / Message Boxes / .message-box { background: url("../images/icons/info.png") no-repeat scroll 19px 50% #DBECFF; border: 1px solid #9FC7F5; color: #61A3EF; margin-bottom: 20px; padding: 14px 10px 14px 67px; border-left-width:10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .message-box p { padding:0px;} .message-box.green { background: url("../images/icons/succes.png") no-repeat scroll 19px 50% #D4FFCD; border-color: #9ADF8F; color: #6AD05A; } .message-box.yellow { background: url("../images/icons/notice.png") no-repeat scroll 19px 50% #FEFCCB; border-color: #E5DB55; color: #D5C921; } .message-box.red { background: url("../images/icons/error.png") no-repeat scroll 19px 50% #FFD2D3; border-color: #D05A5C; color: #DF8F90; } / Accoddion / / * jQuery UI Accordion 1.8.20 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * http://docs.jquery.com/UI/Accordion#theming / .ui-accordion { width: 100%; padding-top:5px; } .ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; background:#F5F5F5 10px 12px no-repeat url('../images/arrow-black.png') ; border:1px #dfdfdf solid; color: #999; margin-bottom:5px; font-size:15px; } .ui-accordion .ui-accordion-li-fix { display: inline; } .ui-accordion .ui-state-active{ background:#FFFFFF 10px -20px no-repeat url('../images/down_arrow.png') ; ; border:1px #CCC solid; } .ui-accordion .ui-state-active a{ color:#31373D!important; } .ui-accordion .ui-accordion-header:hover a{ color:#000!important; } .ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; } .ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .7em .5em .7em .7em; color: #999;} .ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 15px 20px 0px 20px; border-top: 0; margin-top: -7px; position: relative; top: 1px; margin-bottom: 6px; overflow: auto; display: none; zoom: 1; background:#FFFFFF; border:1px #CCC solid; } .ui-accordion .ui-accordion-content-active { display: block; } / Tabs / / * jQuery UI Tabs 1.8.20 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * http://docs.jquery.com/UI/Tabs#theming / .ui-tabs { position: relative; padding: .2em; zoom: 1; } / position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") / .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; display:block; width:100%; clear:both; height:39px;} .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; background:none; } .ui-tabs .ui-tabs-nav li:hover a { color:#000; } .ui-tabs .ui-tabs-nav li a { float: left; margin-left:0px; padding: .8em 2em; text-decoration: none; background:#F5F5F5; border:1px #dfdfdf solid; color: #999; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; background:#FFF!important; } .ui-tabs .ui-tabs-nav li.ui-state-active a{ background:#FFF!important; color:#31373D; border-top:1px #dfdfdf solid; border-left:1px #dfdfdf solid; border-right:1px #dfdfdf solid; border-bottom:1px #FFF solid;} .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } / first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... / .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding:15px 20px 0px 20px; background:#FFF; border:1px #dfdfdf solid;} .ui-tabs .ui-tabs-hide { display: none !important; } / ====================================================================================== Content Slider Styles (portfolio, blog, testimonial sliders) ====================================================================================== / / Thumbnail Boxes - sizes / .view_box_1_4 { width:220px; } .view_box_1_3 { width:300px; } .view_box_1_2 { width:460px; } .view_box_1_1 { width:940px; clear: both; padding-bottom: 30px; border-bottom:1px #CCC solid; } .view_box { display:block; margin:20px 20px 20px 0px;; float:left; } .view_box .thum_image { display:block; padding-bottom:20px;} .view_box h3 { font-size:18px; display:block; margin-bottom:5px; font-family: 'Oxygen', sans-serif;} .view_box h3 a{ color: #31373D; } .view_box h3 a:hover{ color: #4F565D; } .view_box span.meta { display:block; font-size:12px; color: #CCC; padding-bottom:10px; margin-bottom:10px; border-bottom:1px #CCC solid; } .view_box .article.post_excerpt {} .view_box p { } .view_box .readmore_view_box { display:block; width:60px; padding:4px; font-size:12px; color:#FFF!important; text-align:center; } .view_box_1_1 article.post_excerpt { display: block; float: right; width: 450px;} .gallery .view_box h3,.gallery .view_box .meta{ text-align:center;} .gallery .view_box .viewport { margin-bottom:10px!important;} / General Container for slide content / / * Slides - slideshow plugin for jQuery * http://slidesjs.com/ * Main Slider Styles / .slide_content{ display:block; position:relative; width:940px; margin:0px auto 0px auto; } .slides_container { display:block; position:relative; margin:30px auto; width:940px; display:none; } .slide_content .slides_container div { width:940px; display:block; padding:0px 0px; } .slide_content .prev { position:absolute; top:-60px; right:23px; width:18px; height:18px; display:block; z-index:101; text-indent:-40px; overflow:hidden; background: #f4f4f4 -18px -18px no-repeat url(../images/module-nav-arrows.png); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; } .slide_content .next { position:absolute; top:-60px; right:0px; width:18px; height:18px; display:block; z-index:101; text-indent:-40px; overflow:hidden; background:#f4f4f4 -18px 0px no-repeat url(../images/module-nav-arrows.png); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; } .slide_content .next:hover{ background:#31373D 0px 0px no-repeat url(../images/module-nav-arrows.png); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; } .slide_content .prev:hover{ background:#31373D 0px -18px no-repeat url(../images/module-nav-arrows.png); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; } / Pagination / .pagination { margin:26px auto 0; padding:0px; width:90px; height:19px; z-index:101; } .pagination li { float:left; margin:0 2px; padding:0px; list-style:none; } .pagination li a { display:block; width:18px; height:18px; background-image:url(../images/pagination.png); background-position:0 0; float:left; overflow:hidden; text-indent:-30px; -webkit-transition: all 0s ease-in-out; -moz-transition: all 0s ease-in-out; -o-transition: all 0s ease-in-out; -ms-transition: all 0s ease-in-out; } .pagination li.current a { background-position:0 -18px; -webkit-transition: all 0s ease-in-out; -moz-transition: all 0s ease-in-out; -o-transition: all 0s ease-in-out; -ms-transition: all 0s ease-in-out; } .post_slider .slides_container { display:block; position:relative; margin:0px auto; width:510px; display:none; } .post_slider .slides_container div { width:510px; display:block; padding:0px; } .single_portfolio_slider, .single_portfolio_slider_half { position:relative;} .single_portfolio_slider .slides_container { display:block; position:relative; margin:0px auto; width:940px; display:none; } .single_portfolio_slider .slides_container div { width:940px; display:block; padding:0px; } .single_portfolio_slider_half .slides_container { display:block; position:relative; margin:0px auto; width:700px; display:none; } .single_portfolio_slider_half .slides_container div { width:700px; display:block; padding:0px; } / Next/prev buttons / .post_slider .prev, .single_portfolio_slider .prev, .single_portfolio_slider_half .prev { position:absolute; bottom:0px; right:20px; width:18px; height:18px; display:block; z-index:101; text-indent:-40px; overflow:hidden; background: #f4f4f4 -18px -18px no-repeat url(../images/module-nav-arrows.png); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; } .post_slider .next, .single_portfolio_slider .next, .single_portfolio_slider_half .next { position:absolute; bottom:0px; right:0px; width:18px; height:18px; display:block; z-index:101; text-indent:-40px; overflow:hidden; background:#f4f4f4 -18px 0px no-repeat url(../images/module-nav-arrows.png); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; } .post_slider .next:hover, .single_portfolio_slider .next:hover, .single_portfolio_slider_half .next:hover{ background:#31373D 0px 0px no-repeat url(../images/module-nav-arrows.png); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; } .post_slider .prev:hover, .single_portfolio_slider .prev:hover, .single_portfolio_slider_half .prev:hover{ background:#31373D 0px -18px no-repeat url(../images/module-nav-arrows.png); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; } / Testimonial Slider/ #testimonial{ display:block; position:relative; padding-bottom:40px;} #testimonial .slides_container div { width:700px; display:block; padding:0px 120px; text-align:center; background:none!important; } #testimonial .slides_container div p { font-size:18px; line-height:26px; font-style:italic; } #testimonial .slides_container div strong { font-size:18px; color: #999; } / Testimonial Next/prev buttons / #testimonial .prev { position:absolute; top:20%; left:20px; width:49px; height:49px; display:block; z-index:101; text-indent:-99px; overflow:hidden; background:0px -49px no-repeat url(../images/nav-big-arrows.png); opacity:0.3; filter: alpha(opacity=30); ;-moz-opacity:0.3; } #testimonial .next { position:absolute; top:20%; right:20px; width:49px; height:49px; display:block; z-index:101; text-indent:-99px; overflow:hidden; background:-49px -49px no-repeat url(../images/nav-big-arrows.png); opacity:0.3; filter: alpha(opacity=30); ;-moz-opacity:0.3; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; } #testimonial .prev:hover, #testimonial .next:hover{ opacity:1; filter: alpha(opacity=100); ;-moz-opacity:1; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; } / ========================================== Pages - Styles ========================================== / / Portfolio / Gallery Styles / .portfolio{ width:980px!important;} .gallery-container li{ background:none; margin:20px 20px 0px 0px; padding:0px; } .view_1_4{ width: 220px!important; height: 140px; margin-bottom:10px; } .view_1_3{ width: 300px!important; height: 186px; margin-bottom:10px; } .view_1_2{ width: 450px!important; height: 279px; margin-bottom:10px; } .view_1_1{ width: 450px!important; height: 279px; margin-bottom:10px; } .view { float: left; overflow: hidden; position: relative; text-align: center; cursor: default; } .view .mask,.view .content { width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0; } .view img { display: block; position: relative; width:100%; height:100% } /-- Thum animations --/ .view_move img { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .view_move .mask { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; background-color: #292929; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .view_move:hover .mask { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); opacity: 0.7; } .view_move span.thumicon { -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -o-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display:block; width:24px; height:24px; padding:3px; background-position:3px 3px; background-repeat:no-repeat; margin:auto; } .view_move:hover span.thumicon { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); margin-top:27%; } .view_move:hover span { -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -o-transition-delay: 0.1s; -ms-transition-delay: 0.1s; transition-delay: 0.1s; } / --- Icons configuration --- / .magnifier-thumicon{ background-image:url('../images/icons/retina-icons/magnifier_24.png'); } .link-thumicon{ background-image:url('../images/icons/retina-icons/link_24.png'); } .video-thumicon{ background-image:url('../../images/icons/retina-icons/video_24.png'); } .image-thumicon{ background-image:url('../images/icons/retina-icons/frame_24.png'); } .sound-thumicon{ background-image:url('../images/icons/retina-icons/mic_24.png'); } .calendar-thumicon{ background-image:url('../images/icons/retina-icons/calendar_24.png'); } .author-thumicon{ background-image:url('../images/icons/retina-icons/man_24.png'); } .category-thumicon{ background-image:url('../images/icons/retina-icons/bookmark_24.png'); } /* Portfilio Filter Options */ #portfolio-options { padding: 2px 10px 0px 10px; width:920px; margin-bottom:15px; display:block; position:relative; border-bottom:1px #CCC solid; border-top:1px #CCC solid; } #portfolio-options h4 { font-weight: bold; } #portfolio-options ul { margin: 0 0 0 0px; list-style: none; } #portfolio-options ul ul { margin-left: 1.5em; } #portfolio-options li { float: left; background:none; margin-left: 0px; padding-left:0px; margin-bottom: 0.2em; } #portfolio-options li a { display: block; padding: 0.4em 0.8em; margin-right:5px; color: #32383E; -moz-border-radius: 0.3em; -webkit-border-radius: 0.3em; border-radius: 0.3em; } #portfolio-options li a:hover { background-color: #EF5D1C; color: #FFFFFF; } #portfolio-options li.active a { background-color: #31373D; color: #FFFFFF; } #portfolio-options li a { } #portfolio-options li:first-child a { border-left: none; } #portfolio-options li a.selected { background-color: #FE460F; text-shadow: none; color: white; } / The Magnificent Clearfix: nicolasgallagher.com/micro-clearfix-hack/ / .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } / Team page / .team_box { text-align:center;} .team_box img{ display:block; padding-bottom:10px;} .team_box h4{ text-align:center; padding-bottom:0px; margin-bottom:5px;} .team_box small { display:block; text-align:center;margin-bottom:10px; color: #999;} .team_box p{ font-size:12px; font-style:italic;} / Blog Styles / .post{ display:block; position: relative; margin-bottom:40px;} .post .meta{ display:block; width:140px; float:left; position: relative; text-align:right;} .post .meta a{ } .post .meta .avatar{ display:block; width:100px; height:100px; padding:0 0 20px 49px; } .post .meta .avatar img { -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; } .post .meta .author{ display:block; width:110px; height:16px; padding:3px 30px 0px 0px; margin-bottom:7px; background:121px -94px no-repeat url('../images/blog_icons.png');} .post .meta .date{ display:block; width:110px; height:19px; font-size:17px; padding:0px 30px 0px 0px; margin-bottom:7px; background:121px -75px no-repeat url('../images/blog_icons.png'); } .post .meta .tags{ display:block; width:110px; height:15px; padding:3px 30px 0px 0px; margin-bottom:7px; background:121px -113px no-repeat url('../images/blog_icons.png');} .post .meta .comments{ display:block; width:110px; height:16px; padding:3px 30px 0px 0px; background:121px -131px no-repeat url('../images/blog_icons.png');} .post .post_content{ display:block; width:510px; float:right; position: relative;} .post .post_content h2{} .post .post_content .media_container{ display:block; margin-bottom:20px; position:relative;} .post .post_content p{} .post .post_content .readmore_link{} /************* Advanced comment styles *************/ h3#comments,.comment-navigation,.comment-navigation:after,#respond:after,.comment-rss{display:block} ol.commentlist{width:95%} ol.commentlist ul.children li{ border-top:1px #EDEDE5 solid; } ol.commentlist li, ol.commentlist article{position:relative; display:block;} ol.commentlist p{ padding:0px 0px 15px 0px;} h3#comments,#respond h3{ text-align:left;padding:5px 0 0 0px} form#commentform{ width:450px;} ol.commentlist,li.authorcomment,li.comment,#respond h3,form#commentform,input#submit{margin:0; } ol.commentlist,ol.commentlist ul,form#commentform{padding:0} ol.commentlist{border-bottom:1px solid #ccc} ol.commentlist ul{margin:0 0 0 20px} li.authorcomment{border :0px solid #ccc} li.authorcomment,li.comment{padding:10px 0 0 10px;list-style:none;border-bottom: 1px solid #EDEDE5;} li.even{background:#fff} li.odd{background:#fff} .authorcomment{background:#fff;} ul.children ul{padding-left:0px; } ul.children li{border-right:none; border-bottom: 0px; background: 0px 20px url('../images/replay.png') no-repeat; padding-left:20px;} .vcard img{float:left;background:#F6F6F3} .vcard img,.comment-navigation .newer a,.comment-navigation .older a{padding:5px} .comment-meta,ol.commentlist li small,p.subscribe-to-comments label{position:relative} .comment-meta,ol.commentlist li small{top:10px;left:10px} .comment-text{margin:10px 10px 0 0} .reply,.comment-navigation .newer,input#submit{float:right} .reply,.comment-navigation .newer a,.comment-navigation .older a,input#submit{background:#FFFFFF} .reply{margin:0 10px 10px 0} a.comment-reply-link,.reply a:link, .comment-navigation .newer a,.comment-navigation .older a,input#submit{display:inline-block;text-align:center;cursor:pointer;color:#4C4C47; font-size:11px;} a.comment-reply-link,.reply a:link{padding:5px 0 5px 5px;} a.comment-reply-link,.reply a:link,input#submit{width:70px; background: 0px 4px url('../images/replay-icon.png') no-repeat;} a.comment-reply-link:hover,.reply a:hover,.comment-navigation .newer a:hover, .comment-navigation .older a:hover,input#submit:hover{text-decoration:none;color:#4C4C47;font-weight:normal} a.comment-reply-link:hover,.reply a:hover,input#submit:hover{ color:#F06;} a.comment-reply-link:hover,.reply a:hover{padding:5px 0 5px 5px; } a.comment-reply-link:hover,.reply a:hover,.comment-navigation .newer a:hover,.comment-navigation .older a:hover{} .comment-navigation{margin:10px 0 10px 0} .comment-navigation:after,#respond:after{content:".";height:0;visibility:hidden} .clear{clear:both} .comment-navigation .newer a:hover,.comment-navigation .older a:hover{padding:4px} form#commentform textarea,form#commentform input{padding:2px 3px} form#commentform textarea{width:442px} input#submit{padding:5px 0 !important;border:0 !important} input#submit,p.subscribe-to-comments input{outline:0} .reply { position: absolute; right:0px; top:0px;} .cancel-comment-reply a{color:#FFF; font-size:13px; display:block; width:610px; padding:3px 10px 5px 30px; background:#FB3C82 10px 3px url('../../css/images/cancel.png') no-repeat;} form#commentform{ display:block; padding:20px 0px 20px 0px; } form#commentform textarea,form#commentform input{border :1px solid #ccc; padding:5px;} #respond h3 { color:#4C4C47; display:block; width:510px; padding:10px 0px 5px 0px;} form#commentform #submit{ float:left; display:block; clear:both; margin:15px 0px; font-size:13px; border:1px!important; background:#363C41; color:#FFF; } form#commentform input#submit:hover{background:#4C4C47; } form#commentform .newsletter{ float:right;} / Comment Total Styling / .comment-total{text-align: center;font-size: 1.5em;color: #fff;} .comment-total span{font-size: 2em;color: #800000;} / Contact Page Form / #contact .desc p { font-family: Arial, Verdana, sans-serif; font-size: 1.2em; color: #333; line-height: 1.3em; margin-bottom: 15px; } #contact .formblock { display: block; margin-bottom: 11px; } #contact .formblock label { font-size: 13px; display: block; padding-bottom:5px; font-style: italic; font-weight: normal; color: #aaaaaa; } #contact .formblock .txt { padding: 6px; font-size: 14px; color: #666; width: 350px; background:#f7f7f7; border:1px #dcdcdc solid; margin-bottom:10px; } #contact .formblock .txtarea { font-size: 14px; padding: 6px; color: #666; width: 650px; height: 140px; background:#f7f7f7; border:1px #dcdcdc solid; margin-bottom:10px; } #contact .formblock .error { display:block; font-weight: normal; font-size: 11px; font-style: italic; color: #B53222; } #contact .info { font-weight: bold; font-size: 1.3em; color: #59913d; margin-bottom: 10px; } #contact p.tick { font-family: Arial, Helvetica, sans-serif; font-style: italic; font-size: 1.2em; color: #3e669c; } #contact-submit { white-space: nowrap; nowhitespace: afterproperty; line-height: 1em; position: relative; outline: none; overflow: visible; cursor: pointer!important; nowhitespace: afterproperty; border:1px solid #999; border:rgba(0,0,0,.1) 1px solid; border-bottom:rgba(0,0,0,.3) 1px solid; nowhitespace: afterproperty; background:-moz-linear-gradient(center top,rgba(255,255,255,.1) 0%,rgba(0,0,0,.1) 100%); background:-webkit-gradient(linear,center bottom,center top,from(rgba(0,0,0,.1)),to(rgba(255,255,255,.1))); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF',EndColorStr='#19000000'); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF',EndColorStr='#19000000')"; -moz-user-select:none; -webkit-user-select:none; -khtml-user-select:none; user-select:none; margin-bottom:10px; font-family:'Helvetica Neue',Arial,sans-serif; font-size:11px; min-height:34px; text-decoration: none; } #contact-submit:hover { background:#CCC;} / ========================================== Widgets / Modules Styles ========================================== / / Content Box / .content_box { display:block; width:100%; margin:0px 0px 10px 0px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-family: 'Oxygen', sans-serif; } .content_box div.inside{ display:block; padding:25px 30px 25px 30px; } .content_box_black{ background:#31373d; } .content_box_black div.inside { color:#FFF!important; } .content_box_greey{ background:#F4F4F4; } /* Strap Box / .strap_box { display:block; width:880px; padding:40px 30px 40px 30px; background:#31373d; margin:30px auto; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-align:center; font-family: 'Oxygen', sans-serif; } .strap_box .button { margin:0px auto; font-size:15px; } .strap_box h3 { font-size:32px; color:#FFF; font-weight:normal; padding-bottom:0px; margin-bottom:0px; } .strap_box p { color:#B9BDC2; font-size:16px; } / Feature Boxes / .feature_boxes { display:block; clear:both; padding:20px 0px 0px 0px; } @font-face { font-family: 'WebSymbolsRegular'; src: url('../js/libs/fontface/websymbols/websymbols-regular-webfont.eot'); src: url('../js/libs/fontface/websymbols/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../js/libs/fontface/websymbols/websymbols-regular-webfont.woff') format('woff'), url('../js/libs/fontface/websymbols/websymbols-regular-webfont.ttf') format('truetype'), url('../js/libs/fontface/websymbols/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg'); font-weight: normal; font-style: normal; } .ca-menu{ padding:0; margin:20px auto; width: 960px; } .ca-menu li{ width: 220px; height: 260px; overflow: hidden; position: relative; padding:0px; float:left; background: #f4f4f4; / Old browsers / background: -moz-linear-gradient(left, #f4f4f4 0%, #f6f6f6 47%, #ededed 100%); / FF3.6+ / background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f4f4f4), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); / Chrome,Safari4+ / background: -webkit-linear-gradient(left, #f4f4f4 0%,#f6f6f6 47%,#ededed 100%); / Chrome10+,Safari5.1+ / background: -o-linear-gradient(left, #f4f4f4 0%,#f6f6f6 47%,#ededed 100%); / Opera 11.10+ / background: -ms-linear-gradient(left, #f4f4f4 0%,#f6f6f6 47%,#ededed 100%); / IE10+ / background: linear-gradient(left, #f4f4f4 0%,#f6f6f6 47%,#ededed 100%); / W3C / filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ededed',GradientType=1 ); / IE6-9 / / -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2); -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2); box-shadow: 1px 1px 2px rgba(0,0,0,0.2); / margin: 0px 10px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; border-radius: 5px; -moz-border-radius: 5pxx; -webkit-border-radius: 5px; } .ca-menu li:last-child{ margin-right: 0px; } .ca-menu li a{ text-align: left; width: 100%; height: 100%; display: block; color: #333; position: relative; } .ca-icon{ font-family: 'WebSymbolsRegular', cursive; font-size: 60px; color: #ddd; text-shadow: 1px 0px 1px rgba(255,255,255,0.8); line-height: 150px; position: absolute; width: 100%; height: 50%; left: 0px; top: 0px; text-align: center; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; } .ca-content{ position: absolute; left: 0px; width: 100%; height: 50%; top: 50%; } .ca-main{ font-size: 26px; opacity:0.8; filter: alpha(opacity=80); ;-moz-opacity:0.8; color:#31373D; font-weight:normal; padding:0px 15px; text-align: center; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; } .ca-sub{ text-align:center; font-size: 14px; color: #b7b7b7; font-weight:normal; text-shadow: 1px 1px 1px #fff; line-height: 10px; opacity:0.8; filter: alpha(opacity=80); ;-moz-opacity:0.8; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; } .ca-menu li a:hover{ background:#31373d; } .ca-menu li:hover .ca-icon{ color: #ffffff; font-size: 90px; opacity:1; filter: alpha(opacity=100); ;-moz-opacity:1; text-shadow: none; -webkit-animation: moveFromLeft 400ms ease; -moz-animation: moveFromLeft 400ms ease; -ms-animation: moveFromLeft 400ms ease; } .ca-menu li:hover .ca-main{ color: #ffffff; opacity:1; filter: alpha(opacity=100); ;-moz-opacity:1; -webkit-animation: moveFromRight 300ms ease; -moz-animation: moveFromRight 300ms ease; -ms-animation: moveFromRight 300ms ease; } .ca-menu li:hover .ca-sub{ color: #DBDEE3; text-shadow: none; -webkit-animation: moveFromBottom 500ms ease; -moz-animation: moveFromBottom 500ms ease; -ms-animation: moveFromBottom 500ms ease; } @-webkit-keyframes moveFromLeft{ from { -webkit-transform: translateX(-100%); } to { -webkit-transform: translateX(0%); } } @-moz-keyframes moveFromLeft{ from { -moz-transform: translateX(-100%); } to { -moz-transform: translateX(0%); } } @-ms-keyframes moveFromLeft{ from { -ms-transform: translateX(-100%); } to { -ms-transform: translateX(0%); } } @-webkit-keyframes moveFromRight { from { -webkit-transform: translateX(100%); } to { -webkit-transform: translateX(0%); } } @-moz-keyframes moveFromRight { from { -moz-transform: translateX(100%); } to { -moz-transform: translateX(0%); } } @-ms-keyframes moveFromRight { from { -ms-transform: translateX(100%); } to { -ms-transform: translateX(0%); } } @-webkit-keyframes moveFromBottom { from { -webkit-transform: translateY(100%); } to { -webkit-transform: translateY(0%); } } @-moz-keyframes moveFromBottom { from { -moz-transform: translateY(100%); } to { -moz-transform: translateY(0%); } } @-ms-keyframes moveFromBottom { from { -ms-transform: translateY(100%); } to { -ms-transform: translateY(0%); } } / Text Box / .text_box { display:block; width:940px; margin:0px auto; padding:20px 0px; } / ========================================== Sidebar Styles ========================================== / a.pdf_brochure{ display:block; width:170px; height:48px; background:top left no-repeat url('../images/pdf.png'); padding:5px 0px 0px 50px; color:#999; font-size:14px;} a.pdf_brochure:hover{ color:#333; } .widget{ display:block; padding-bottom:30px;}. widget ul{ margin:0px; padding:0px;} .widget h3{ font-size:13px; font-weight:bold; text-transform:uppercase; border-bottom:1px #d0d0d0 solid; padding-bottom:15px; margin-bottom:15px;} .widget p{} .widget ul.menu{ margin:-15px 0 0 0; padding:0px; } .widget ul.menu li{ background:none; margin:0px; padding:0px;} .widget ul.menu li a{ display:block; padding:8px 10px 8px 20px; color:#777777; background:0px 7px no-repeat url('../images/arrow-black.png'); border-bottom:1px #CCC solid;} .widget ul.menu li a:hover{ color:#FE440F; background:5px 7px no-repeat url('../images/arrow-black.png'); padding:8px 10px 8px 25px;} .widget ul.grid li{ background:none; display:block; float:left; width:60px; height:60px; margin:10px 20px 10px 0px; padding:0px;} .widget ul.grid li a{ display:block; float:left; -moz-box-shadow: #999 0 0 5px; -webkit-box-shadow: #999 0 0 5px; box-shadow: #999 0 0 5px; } .widget ul.grid li a:hover{ opacity:0.8; filter: alpha(opacity=80); ;-moz-opacity:0.8; } .widget ul.list li{ display:block; padding:0px 0px 15px 0px; margin:0 0 15px 0; height:60px; background:none; border-bottom:1px #d0d0d0 solid;} .widget ul.list li a.thum{ display:block; width:60px; height:60px; float:left; margin-right:10px; -moz-box-shadow: #999 0 0 5px; -webkit-box-shadow: #999 0 0 5px; box-shadow: #999 0 0 5px; } .widget ul.list li a.thum:hover{ opacity:0.8; filter: alpha(opacity=80); ;-moz-opacity:0.8; } .widget ul.list li a.recent_post_title{ color:#777777; line-height:17px; } .widget ul.list li a.recent_post_title:hover{ color:#FE440F; } .widget ul.list li span.recent_post_date{ display:block; padding-top:3px; font-size:11px; font-style:italic; color:#8e8e8e;} / ========================================== Footer Styles ========================================== / footer { position:relative; width:100%; margin:0px auto; background:#31373d; color:#c3c3c3!important; border-top:30px #f4f4f4 solid; } footer a { color:#c3c3c3!important; } footer .footer_fix { display:block; position:relative; width:960px; padding:30px 10px; margin:0px auto; } footer .footer_widgets article{ display:block; padding:10px 10px; } footer .footer_widgets p{ color:#c3c3c3!important; } footer .footer_widgets h3{ display:block; color:#FFF; font-size:12px; text-transform:uppercase; border-bottom:1px #666 solid; padding:15px 10px; margin-bottom:15px; } footer .footer_widgets .footer_widget_12{ display:block; float: left; width:460px; margin:0px 10px; } footer .footer_widgets .footer_widget_14{ display:block; float: left; width:220px; margin:0px 10px; } footer .footer_widgets ul{ display:block; padding:0px; margin:0px; } footer .footer_widgets ul li{ background:none; padding:0px;} footer .footer_widgets ul li a{ display:block; padding:5px 0px; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; } footer .footer_widgets ul li a:hover{ color:#fff!important; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; } footer .footer_meta { display:block; position:relative; clear:both; width:940px; padding:20px 0px; margin:0px auto; border-bottom:1px #666 solid; border-top:1px #666 solid; } footer .footer_meta .copyright { display:block; position:absolute; top:12px; right:10px;} footer .footer_meta ul.footer_menu { display:block; position:absolute; margin:0px; padding:0px; top:12px; left:0px; } footer .footer_meta ul.footer_menu li { display:inline; background:none; padding:0px;} footer .footer_meta ul.footer_menu a { display:block; float:left; padding:0px 10px; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; } footer .footer_meta ul.footer_menu a:hover { color:#fff!important; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; } / two core styles, use for all heights / .fb-share-button { background: #29447e no-repeat; display: inline-block; padding: 0; text-decoration: none !important; outline: none; / size specific: / background-image: url(https://s-static.ak.facebook.com/images/share/links/fb-button-icon18.png) } .fb-share-button span { background: #5f78ab; border-top: solid 1px #879ac0; border-bottom: solid 1px #1a356e; color: white; display: block; font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-weight: bold; margin: 1px 1px 0 0; text-shadow: none; padding: 0 6px; / size specific section: / line-height: 15px; font-size: 11px; margin-left: 18px; } / add these two for a 22px high button / .fb-share-button-22 { background-image: url(https://s-static.ak.facebook.com/images/share/links/fb-button-icon22.png); } .fb-share-button-22 span { line-height: 19px; font-size: 12px; margin-left: 22px; } / add these two for a 25px high button / .fb-share-button-25 { background-image: url(https://s-static.ak.facebook.com/images/share/links/fb-button-icon25.png); } .fb-share-button-25 span { line-height: 22px; font-size: 16px; margin-left: 25px; } / add these two for a 39px high button / .fb-share-button-39 { background-image: url(https://s-static.ak.facebook.com/images/share/links/fb-button-icon39.png); } .fb-share-button-39 span { line-height: 36px; font-size: 18px; margin-left: 39px; } .fb-share{ width: auto; height: auto; margin-bottom: 20px; padding-left: 60px; padding-right: 60px; padding-top: 40px; padding-bottom: 40px; background: #F5F5F5; border: #969696 solid 1px; font-size: 9px; } .product-request{ float:right; width:auto; height:auto; margin-left:40px; margin-bottom:20px; font-size:9px; } / Z-index of #mask must lower than #boxes .window / #mask { position:absolute; z-index:9000; background-color:#000; display:none; } .WindowHeader{ margin-bottom:10px; font-size:16px; padding-bottom:10px; border-bottom:#39C solid 2px; } .WindowRow{ float:left; line-height:45px; height:45px; width:100%; border-bottom:#F4F4F4 1px solid; } #GetMessage{ float:left; width:100%; } .WindowRowText{ margin-right:10px; height:44px; line-height:44px; width:80px; text-align:right; font-weight:bold; float:left; } .WindowRowTextBox{ margin:5px; height:30px; line-height:30px; background:#F5F5F5; width:260px; float:left; border:#E1E1E1 1px solid; border-radius:3px; } .WindowRowSubmitButton{ margin:5px; height:30px; line-height:30px; background:#39C; color:#FFF; width:260px; float:left; border:#E1E1E1 1px solid; border-radius:3px; font-weight:bold; } #boxes .window { position:fixed; background:#FFF; width:440px; height:300px; display:none; z-index:9999; padding:20px; border-radius:10px; } / Customize your modal window here, you can add background image too */ #boxes #dialog { width:375px; height:303px; }

| ver. 1.4 | Github | . | PHP 7.0.33-0ubuntu0.16.04.16 | Генерация страницы: 0 | proxy | phpinfo | Настройка