/*----------------------------------------------------------------------------------- Theme Name: SoundMaster Magazine Theme URI: http://themeforest.net/user/Devilcantburn/portfolio Description: A Great Responsive Theme For Your Music Magazine Version: 1.3 Author: Devilcantburn License: GNU General Public License License URI: http://themeforest.net/wiki/support/legal-terms/licensing-terms/ Author URI: http://themeforest.net/user/Devilcantburn Tags: flexible-width, theme-options, translation-ready, photoblogging, right-sidebar -----------------------------------------------------------------------------------*/ /* ////////////////////////////////////////////////////////////////////////////////////////////// BODY ////////////////////////////////////////////////////////////////////////////////////////////// */ html { background:#292929; } body{ background:#292929; width:100%; font-size:100%; font-family:"Helvetica Neue",helvetica,arial,sans; color:#4f4f4f; margin:0; padding:0; font-size: 14px; line-height: 24px; } body.hevetica_text{ font-family:"Helvetica Neue", "Helvetica", Arial, sans-serif !important; } body.lucida_text{ font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif !important; } body.georgia_text{ font-family:Georgia, "Times New Roman", Times, serif !important; } body.times_text{ font-family:"Times New Roman", Times, Georgia, serif !important; } body.arial_text{ font-family:Arial, Helvetica, sans-serif !important; } body.geneva_text{ font-family:Geneva, Tahoma, sans-serif !important; } body.tahoma_text{ font-family:Tahoma, Geneva, sans-serif !important; } .hidden{ display:none; } .wp-caption{} .wp-caption-text{} .gallery-caption{} .alignright{ text-align:right;} .alignleft{ text-align:left;} .aligncenter{ text-align:center;} .alignRight{ text-align:right;} .alignLeft{ text-align:left;} .alignCenter{ text-align:center;} .right{ text-align:right;} .left{ text-align:left;} .center{ text-align:center;} .sticky{} .bypostauthor{} .wp-smiley{ display:inline;} /* ////////////////////////////////////////////////////////////////////////////////////////////// LINKS ////////////////////////////////////////////////////////////////////////////////////////////// */ a{ text-decoration:none; -webkit-transition: all 0.4s ease; /* Saf3.2+, Chrome */ -moz-transition: all 0.4s ease; /* FF4+ */ -o-transition: all 0.4s ease; /* Opera 10.5+ */ transition: all 0.4s ease; } a:active, a:visited{} a{} a:hover{} /* ////////////////////////////////////////////////////////////////////////////////////////////// HEADINGS ////////////////////////////////////////////////////////////////////////////////////////////// */ h1, h2, h3, h4, h5, h6{ -webkit-font-smoothing: antialiased; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:bold; } h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong{ } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{ } h1{ font-size:60px; line-height:60px; margin-bottom:10px; } h2{ font-size:36px; line-height:36px; margin-bottom:10px; } h3{ font-size:24px; line-height:30px; margin-bottom:10px; } h4{ font-size:18px; line-height:24px; margin-bottom:10px; } h5{ font-size:16px; line-height:19px; } h6{ font-size:14px; line-height:17px; } /* ////////////////////////////////////////////////////////////////////////////////////////////// TYPOGRAPHY ////////////////////////////////////////////////////////////////////////////////////////////// */ #main p{ margin-bottom:20px; } strong{ font-weight:bold; } small{ font-size:85%;} /* ////////////////////////////////////////////////////////////////////////////////////////////// TOP BAR ////////////////////////////////////////////////////////////////////////////////////////////// */ #top_bar{ background:#373737; border-top:3px solid; font-size:10px; text-transform:uppercase } #top_bar a{ color:#fff; } #top_bar a:hover{ color:#878787; } /* ---------------------- [ MAIN SEARCH FORM */ #main_search_box{ display:none; padding:20px 20px 23px 20px; } #main_search_box .field{ border:none; font-size:36px; font-weight:bold; letter-spacing:-3px; outline:none; width:100%; padding:10px; text-align:center; /* CSS3 ROUND CORNER */ -webkit-border-radius: 4px 4px 4px 4px; -khtml-border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -o-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; } /* ---------------------- [ LISTS */ #top_bar ul, #top_bar li { margin:0; padding:0; list-style:none; list-style-position:outside; } /* ---------------------- [ top_navigation */ #top_bar #top_navigation{ float:left; } #top_bar #top_navigation li{ display:inline-block; line-height:32px; position:relative; } #top_bar #top_navigation li ul{ display:none; background:#000; width:180px; position:absolute; top:32px; left:0; z-index:9000; } #top_bar #top_navigation li ul ul{ top:0px; left:180px; } #top_bar #top_navigation li:hover > ul{ display:block; } #top_bar #top_navigation li ul li{ width:100%; } #top_navigation li a{ font-weight:bold; display:block; background-position:right center; } #top_navigation li.droppy > a{ background:url(images/droppyDark.png) no-repeat right center; padding-right:24px !important; } #top_navigation li.droppy:hover > a{ color:#bbb; } #top_navigation li li.droppy > a{ background:url(images/droppyDark.png) no-repeat 150px center; padding-right:0px; } #top_navigation li li.droppy > a:hover{ background:url(images/droppyDark.png) no-repeat 150px center; padding-right:0px; } #top_bar #top_navigation li a{ display:block; padding:0 8px; font-weight:bold; } /* ---------------------- [ social_top */ #top_bar #social_top{ float:right; } #top_bar #social_top li{ display:block; float:left; width:32px; height:32px; text-indent:-9999px; } #top_bar #social_top li a{ display:block; width:32px; height:32px; text-indent:-9999px; opacity:.4; } #top_bar #social_top li a:hover{ opacity:1; } #social_top .facebook{ background:url(images/icons/top_sn/top_sn-facebook.png) no-repeat center center; } #social_top .twitter{ background:url(images/icons/top_sn/top_sn-twitter.png) no-repeat center center; } #social_top .flickr{ background:url(images/icons/top_sn/top_sn-flickr.png) no-repeat center center; } #social_top .linkedin{ background:url(images/icons/top_sn/top_sn-linkedin.png) no-repeat center center; } #social_top .pinterest{ background:url(images/icons/top_sn/top_sn-pinterest.png) no-repeat center center; } #social_top .instagram{ background:url(images/icons/top_sn/top_sn-instagram.png) no-repeat center center; } #social_top .envato{ background:url(images/icons/top_sn/top_sn-envato.png) no-repeat center center; } #social_top .digg{ background:url(images/icons/top_sn/top_sn-digg.png) no-repeat center center; } #social_top .skype{ background:url(images/icons/top_sn/top_sn-skype.png) no-repeat center center; } #social_top .vimeo{ background:url(images/icons/top_sn/top_sn-vimeo.png) no-repeat center center; } #social_top .youtube{ background:url(images/icons/top_sn/top_sn-youtube.png) no-repeat center center; } #social_top .lastfm{ background:url(images/icons/top_sn/top_sn-lastfm.png) no-repeat center center; } #social_top .deviantart{ background:url(images/icons/top_sn/top_sn-deviantart.png) no-repeat center center; } #social_top .myspace{ background:url(images/icons/top_sn/top_sn-myspace.png) no-repeat center center; } #social_top .dribbble{ background:url(images/icons/top_sn/top_sn-dribbble.png) no-repeat center center; } #social_top .behance{ background:url(images/icons/top_sn/top_sn-behance.png) no-repeat center center; } #social_top .rss{ background:url(images/icons/top_sn/top_sn-rss.png) no-repeat center center; } #social_top .tumblr{ background:url(images/icons/top_sn/top_sn-tumblr.png) no-repeat center center; } #social_top .googlePlus{ background:url(images/icons/top_sn/top_sn-googlePlus.png) no-repeat center center; } /* ////////////////////////////////////////////////////////////////////////////////////////////// HEADER ////////////////////////////////////////////////////////////////////////////////////////////// */ #header{ background:#292929; padding:0; display:block; position:relative; z-index:8000; } #header .content_box{ position:relative; } /* ---------------------- [ LOGO */ #header_logo{ float:left; padding:20px 0; } .header-logo-img { max-width: 100%; width: 400px; } .stream { float: right; width: 240px; color: #EDEDED; text-align: center; margin-top: 30px; } .stream audio { width: 100%; } .player-launcher { background: black; display: block; width: 70px; height: 70px; vertical-align: middle; line-height: 70px; margin: auto; font-size: 60px; margin-bottom: 10px; } /* ---------------------- [ REGISTER BOX */ #registrer_box { color: #fff; position: absolute; right: 0; top: 50%; margin-top: -25px; } #registrer_box li{ display:inline; font-weight:lighter; font-size:24px; } #registrer_box a{ color:#fff; } #registrer_box .cr_btn_big{ margin-left: 10px; } #registrer_box .cr_btn{ color:#292929; } #registrer_box .avatar_user{ float: left; margin-left: -70px; margin-top: -14px; } /* ---------------------- [ NAVIGATION */ #main_navigation{ background:#202020; /* CSS3 SHADOW */ -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2); -o-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2); } #navigation a{ font-size:16px; color:#FFF; } #navigation a:hover, #navigation .current-page-menu a, #navigation .current-item-menu a{ color:#8D1618; } #navigation li{ display:inline-block; position:relative; } #navigation li.current-page-menu:before{ content:""; width:0; height:0; position:absolute; top:0px; left:50%; margin-left:-10px; border-top:10px solid #000; border-left:10px solid transparent; border-right:10px solid transparent; } #navigation li a{ padding:0 8px; line-height:50px; font-weight:bold; display:block; background-position:right center; } #navigation li.droppy > a{ background:url(images/droppy.png) no-repeat right center; padding-right:24px; } #navigation li.droppy:hover > a{} #navigation li li.droppy > a{ background:url(images/droppy.png) no-repeat 170px center; padding-right:0px; } #navigation li li.droppy > a:hover{ background:url(images/droppy.png) no-repeat 170px center; padding-right:0px; } #navigation li ul{ display:none; background:#fff; position:absolute; top:50px; left:0; width:200px; -webkit-transition: all 0.3s ease; /* Saf3.2+, Chrome */ -moz-transition: all 0.3s ease; /* FF4+ */ -o-transition: all 0.3s ease; /* Opera 10.5+ */ transition: all 0.3s ease; /* CSS3 SHADOW */ -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2); -o-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2); } #navigation li:hover > ul{ display:block; } #navigation li ul ul{ top:0; left:99%; } #navigation li ul li{ display:block; width:100%; position:relative; } #navigation li ul li a{ padding:8px 16px; line-height:24px; border-left:3px solid transparent; font-size:13px; } #navigation li ul li a:hover{ padding-left:20px; border-left:3px solid #999; } /* ---------------------- [ MOBILE NAVIGATION */ #header .mobileMenu_tool{ display:none; width: 100%; height: 40px; margin: 0 auto; padding: 0px; } #header .mobileMenu_tool .opener{ background:url(images/event_box_opener_white.png) no-repeat center top; cursor:pointer; width:100%; height:28px; } #header .mobileMenu_tool .opener.active{ background:url(images/event_box_opener_white.png) no-repeat center -24px; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4); } #header #mobileMenu{ display:none; clear:both; height:auto; } #header #mobileMenu ul{ top:auto; margin:0; padding:0; list-style:none; } #header #mobileMenu ul ul{ display:none; margin:5px 0 0 20px; padding:0; list-style:none; position:inherit; } #header #mobileMenu li { border-bottom:1px solid #f0f0f0; position:relative; display:block; } #header #mobileMenu ul li ul li { display:block; font-size:13px; } #header #mobileMenu ul li a{ background:#292929; color:#fff; padding:0 8px; display:block; height:37px; line-height:37px; } #header #mobileMenu ul li a:hover{ background:#3D3D3D; } #header #mobileMenu .dropper span { cursor:pointer; position: absolute; top: 6px; right: 6px; width: 24px; height: 24px; display: block; text-align: center; line-height: 37px; font-size: 20px; color: #999; background:url(images/event_box_opener_white.png) no-repeat center top; } #header #mobileMenu .dropper span.active { background:url(images/event_box_opener_white.png) no-repeat center bottom !important; } /* ////////////////////////////////////////////////////////////////////////////////////////////// KONAMI PAGE ////////////////////////////////////////////////////////////////////////////////////////////// */ #konami_page{ display:none; position:fixed; width:100%; height:100%; background:#000; background:rgba(0, 0, 0, 0.9); color:#fff; z-index:10000; } /* ////////////////////////////////////////////////////////////////////////////////////////////// LOGIN FORM ////////////////////////////////////////////////////////////////////////////////////////////// */ #login_form{ display:none; position:fixed; width:100%; height:100%; background:#000; background:rgba(0, 0, 0, 0.9); color:#fff; z-index:10000; } #login_form form{ position:absolute; top:50%; left:50%; width:250px; height:250px; margin:-125px 0 0 -125px; } #login_form form .input{ background:#fff; border:none; outline:none; padding:4px; height:36px; line-height:36px; width:100%; margin-bottom:10px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } #login_form #wp-submit{ border:none; } #login_form a{ color:#999; } .close_pop{ background:url(images/close_pop.png) no-repeat center center; cursor:pointer; display:block; width:48px; height:48px; margin:0 auto; text-indent:-9999px; text-align:left; } /* ////////////////////////////////////////////////////////////////////////////////////////////// MAIN ////////////////////////////////////////////////////////////////////////////////////////////// */ #page_content{ float:left; width:70%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } #page_content.sidebar_left{ float:right; padding:0 0 0 40px; } .inside{ background:#fff; position:relative; padding:40px; /* CSS3 SHADOW */ -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2); -o-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2); } #sidebar{ font-size: 13px; line-height: 22px; float:left; padding:30px 0 0 40px; width:30%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } #sidebar.sidebar_left{ padding:0 0 0 0px; } /* ////////////////////////////////////////////////////////////////////////////////////////////// FOOTER ////////////////////////////////////////////////////////////////////////////////////////////// */ #footer{ background:#292929; color:#fff; padding:20px 0; font-size:13px; line-height:32px; } /* ---------------------- [ WIDGETCOLS in FOOTER */ #footer .widget_col { background:none !important; position: relative; margin-bottom: 30px; -webkit-box-shadow:none !important; -moz-box-shadow:none !important; -o-box-shadow:none !important; box-shadow:none !important; } #footer .widget_col::after { content: ""; display:none; visibility:hidden; } #footer .widget_col h4{ background:none; color:#fff; padding:0; font-size:18px; font-weight:bold; margin-bottom:15px; } #footer .cr_btn { color: #333 !important; } #footer .cr_btn:hover { color: #fff !important; } /* ---------------------- [ CALENDAR */ #wp-calendar { color: #666; font-size: 12px; width:100%; } #wp-calendar a { color: #467b89 } #wp-calendar caption { background: #292929; color: #fff; font-size: 14px; padding: 10px 0; text-align: center; z-index: -99; } #wp-calendar thead th { font-size: 8px; padding: 5px 0; color: #666; text-transform: uppercase; text-shadow: 0 1px 0 rgba(255,255,255,0.5); border-bottom: 1px solid #bbbbbb; background: #f7f7f7; background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#f1f1f1)); background: -moz-linear-gradient(top, #f7f7f7, #f1f1f1); text-align:center; } #wp-calendar tbody td { color: #666; text-shadow: 0 1px 0 rgba(255,255,255,0.5); padding: 8px; text-align: center; font-weight: bold; border: 1px solid; border-color: #fff #bbbbbb #bbbbbb #fff; background: #ededed; background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#dedede)); background: -moz-linear-gradient(top, #ededed, #dedede); } #wp-calendar tbody td.pad { background: #f5f5f5; background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#ececec)); background: -moz-linear-gradient(top, #f5f5f5, #ececec); } #wp-calendar tfoot { color: #e0e0e0; font-size: 12px; text-align: center; } #wp-calendar tfoot tr { background: #f5f5f5; background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#ececec)); background: -moz-linear-gradient(top, #f5f5f5, #ececec); } #wp-calendar tfoot td { padding: 10px 10px } #wp-calendar tfoot a { color: #666; text-shadow: 0 1px 0 rgba(255,255,255,0.5); } #wp-calendar tfoot td#prev { text-align: left } #wp-calendar tfoot td#next { text-align: right } #wp-calendar #today { color: #fff; border: 1px solid #467b89; text-shadow: 0 1px 0 rgba(0,0,0,0.3); background: #6eafbf; background: -moz-radial-gradient(50% 50% 0deg,ellipse cover, #6eafbf, #569EB1); background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 20, from(#6eafbf), to(#569EB1)); } /* ---------------------- [ LISTS */ #footer ul, #footer li { margin:0; padding:0; list-style:none; list-style-position:outside; } /* ---------------------- [ bottom_navigation */ #footer #bottom_navigation{ float:left; } #footer #bottom_navigation li{ display:inline-block; line-height:32px; } #footer #bottom_navigation li a{ display:block; padding:0 8px; font-weight:bold; } /* ---------------------- [ Copyright */ .copyright_line{ float:right; } .copyright_line p{ margin-bottom:0; } /* ---------------------- [ Go Top */ #go_top{ background:#373737 url(images/db-arrow-top.png) no-repeat center center; display:block; position:fixed; bottom:10px; right:10px; z-index:9000; text-indent:-9999px; width:50px; height:50px; /* CSS3 ROUND CORNER */ -webkit-border-radius: 25px 25px 25px 25px; -khtml-border-radius: 25px 25px 25px 25px; -moz-border-radius: 25px 25px 25px 25px; -o-border-radius: 25px 25px 25px 25px; border-radius: 25px 25px 25px 25px; } /* ////////////////////////////////////////////////////////////////////////////////////////////// PAGE TITLE ////////////////////////////////////////////////////////////////////////////////////////////// */ #page_title{ background:#292929; /*border-bottom:1px solid #e9e9e9;*/ } #page_title .content_box{ padding:20px 0; position:relative; } #page_title .illustration_page{ min-height:20px; } #page_title h1{ font-size: 30px; color: white; line-height:30px; margin-bottom:0; } #page_title p{ margin-bottom:0; } #page_title p.subline{ color:#bbb; margin-bottom:0; font-style:italic; } #page_title .breadCrumb{ color:#bbb; position:absolute; bottom: 24px; right:20px; font-size:11px; font-style:italic; font-weight:bold; } #page_title .breadCrumb li{ float:left; padding:0 10px 0 0; } #page_title .breadCrumb li:after{ content:'\00BB'; } #page_title .breadCrumb li:last-child:after{ content:''; } #page_title .breadCrumb li a{ padding:0 10px 0 0; } #page_title .breadCrumb strong{ color:#777; } #page_title a{ color:#bbb; } audio { max-width: 100%; } .type-emission { float: left; margin-right: 10%; width: 40%; padding: 10px 0 10px 0; } /* ////////////////////////////////////////////////////////////////////////////////////////////// SLIDER ////////////////////////////////////////////////////////////////////////////////////////////// */ /*#slider{ background:#000; } #slider #nivo_slider .nivo-caption { font-size: 54px; line-height: 50px; max-width: 100%; width: 70%; }*/ .gridEntry{ float:left; overflow:hidden; position:relative; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .grid2{ width:50%; } .grid3{ width:32.9%; } .grid4{ width:25%; } .grid5{ width:20%; } .grid6{ width:16.666667%; } .footer { width:100%; float:left; text-align:center; } .footer p { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-size:12px; color:#585858; margin-top:20px; } /* ///////////////////////////////////////////////////////////////////////////////////////////// EVENTS ///////////////////////////////////////////////////////////////////////////////////////////// */ /* ---------------------- [ EVENTS LISTING */ .event_list_box{ background:#fff; position:relative; /* CSS3 SHADOW */ -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2); -o-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2); } .event_list_box h3{ background:#292929; color:#fff; padding:15px; font-size:16px; font-weight:bold; margin-bottom:0; } .event_box{ background:#fff; display:block; border-bottom:1px solid #eaeaea; text-align:center !important; -webkit-transition: all 0.4s ease; /* Saf3.2+, Chrome */ -moz-transition: all 0.4s ease; /* FF4+ */ -o-transition: all 0.4s ease; /* Opera 10.5+ */ transition: all 0.4s ease; } .event_box .cell{display: table !important;} .event_box .in{ height:80px; display: table-cell !important; vertical-align: middle !important; } .event_box:nth-child(odd){ background:#f7f7f7; } .event_box .event_box_img{ display:block; float:left; overflow:hidden; width:80px; height:80px; } .event_box .event_box_img img{ width:80px; } .event_box .event_box_title{ float:left; padding: 0 0 0 20px; width: 580px; text-align: left; } .event_box .event_box_title p{ margin-bottom:0 !important; font-size:11px;} .event_box .event_box_title h4{ margin-bottom:0 !important; font-size:16px;} .event_box .event_box_price{ float:left; border-left:1px solid #eaeaea; width:80px; padding:0 8px; text-align:center; font-size:16px; font-weight:bold; } .event_box .event_box_location{ float:left; border-left:1px solid #eaeaea; width:180px; padding:0 8px; text-align:center; font-size:12px; } .event_box .event_box_link{ float:left; border-left:1px solid #eaeaea; width:130px; padding:0 8px; text-align:center; font-size:12px !important; } .event_box .event_box_link a{ background:#000; color:#fff !important; font-size:12px !important; } .event_box .event_box_opener{ display:block; float:left; border-left:1px solid #eaeaea; width:40px; } .event_box .event_box_opener span{ cursor:pointer; background:url(images/event_box_opener_white.png) no-repeat center top; width:100%; height:24px; display:block; text-indent:-9999px; } .event_box .event_box_opener span.active{ background:url(images/event_box_opener_white.png) no-repeat center bottom !important; } .event_box .event_box_description{ display:none; padding:20px; font-size:12px; background:#f7f7f7; border-top:1px solid #eaeaea; text-align:left; } /* ---------------------- [ EVENTS DETAILS LISTING */ .detail_event{ margin-bottom:10px; } .detail_event li{ display:block; clear:both; height:100%; padding:5px 0; } .detail_event .attr_name{ display:inline-block; float:left; width:30%; font-weight:bold; } .detail_event .attr_detail{ float:left; width:70%; } /* ///////////////////////////////////////////////////////////////////////////////////////////// PAGINATION ///////////////////////////////////////////////////////////////////////////////////////////// */ .wp-paginate{ background: #fff; display: inline-block; padding: 15px 0px; margin-top: 30px; position:relative; text-align:center; width:100%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ /* CSS3 SHADOW */ -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2); -o-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2); } .wp-paginate:before{ content:""; width:100%; height:20px; background:url(images/shadow_left.png) no-repeat left bottom; position:absolute; bottom:-20px; left:0; } .wp-paginate:after{ content:""; width:100%; height:20px; background:url(images/shadow_right.png) no-repeat right bottom; position:absolute; bottom:-20px; right:0; } .wp-paginate li{ display:inline; margin:0 3px; } .wp-paginate li span{ display:inline-block; padding:0px 5px; } .wp-paginate li a{ border:none; display:inline-block; font-weight:bold; padding:3px 10px; } .wp-paginate li a:hover{} .wp-paginate li .current{ background:#f0f0f0; border:none; font-weight:bold; display:inline-block; padding:3px 10px; } /* ////////////////////////////////////////////////////////////////////////////////////////////// REALATED POSTS ////////////////////////////////////////////////////////////////////////////////////////////// */ .related_post{ border-bottom: 1px solid #eaeaea; width:100%; padding:5px 0; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .related_post h6{ float:left; } .related_post .details{ float:right; font-size:12px; } /* ////////////////////////////////////////////////////////////////////////////////////////////// COMMENTS ////////////////////////////////////////////////////////////////////////////////////////////// /*--------------------------------------------------------------------*/ /* COMMENTS GENERAL /*--------------------------------------------------------------------*/ #comments { clear: both; margin-top: 30px; } #comments .comments-title{ background:#292929; color:#666; padding:15px 20px; font-size:24px; font-weight:bold; margin-bottom:0; } #comments:hover .comments-title{ color:#fff; } #comments ol { list-style: none; margin-bottom: 0px; } #comments-list { margin-bottom: 20px; } #comments .leave-reply-title h5, #comments .comments-title h5 { font-weight: bold; color: #1E1E1E; font-size: 25px; padding-bottom: 19px; } #comments .leave-reply-title h5{ border-bottom: 1px solid #F0F0F0; margin-bottom: 20px; } #login span a, #login span { font-size: 14px; color: #9B9B9B; font-weight: normal; font-style: normal; } #login span a:hover { color: #1E1E1E; } #comments span.says { display: none; } .commentlist { margin: 0 0 40px; list-style-type: none; } .comment { margin-bottom: 10px; border-top: 1px solid #F0F0F0; padding-top: 30px; clear: both; position:relative; } .pinglist { margin: 20px 0 40px 30px; list-style-type: disc; } /* Post Author Styles */ .comment-body .comment-text p { color:#424242; font-size:14px; } .bypostauthor .comment-body p { color: #1E1E1E; } /*--------------------------------------------------------------------*/ /* COMMENT META / AVATAR /*--------------------------------------------------------------------*/ .avatar { } .comment-avatar .avatar_user{ -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%); -o-filter: grayscale(100%); margin: 0 20px 0 0; float: left; } #comments ol li:hover .comment-avatar .avatar_user{ -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%); -o-filter: grayscale(0%); } .comment-author { padding-left: 50px; } .children .comment-author { padding-left: 20px; } .children .comment-avatar .avatar_user{ -webkit-transform: scale(0.6); -moz-transform: scale(0.6); transform: scale(0.6); } .children .comment-avatar .avatar_user{ margin-top: -20px; margin-left: -20px; } .comment-date{ float:right; font-size:11px; } .comment-date a{ color:#999 !important; } .comment-date a:hover{ color:#1E1E1E !important; } .comment-author cite { font-size: 16px; font-style: normal; font-weight: bold; color: #1E1E1E; padding-left: 19px; } .comment-author a { color: #1E1E1E; } .comment-author a:hover { color: #999; } .comment-meta { font-size: 16px; line-height: 22px; padding: 0px 0 10px 0; margin-top: 6px; } .comment-meta a { font-weight: normal; text-decoration: none; } .comment-edit-link { color: #9B9B9B; } .comment-meta a:hover { color: #1E1E1E; } /*--------------------------------------------------------------------*/ /* COMMENT BODY /*--------------------------------------------------------------------*/ .comment-body .reply, .comment-text p { margin:0 !importan;} .comment-body p:first-child { margin-top: 0; } .comment-body ul { list-style-type: disc; } .comment-body ol { list-style-type: decimal; } .comment-content{ padding-left: 90px; margin-top: -16px; } .children .comment-content { padding-left: 60px; } .children { list-style-type: none; margin: 0 0 0 80px; } .nocomments { text-align: center; padding: 20px; } .children .comment-text p{ font-size:13px; } /*--------------------------------------------------------------------*/ /* CANCEL COMMENT /*--------------------------------------------------------------------*/ #reply-title small{ float: right; } #cancel-comment-reply-link, #cancel-comment-reply { margin-bottom: 10px; text-align: right; } #cancel-comment-reply-link, #cancel-comment-reply a, .comment-body .reply a { color: #FFF; font-size: 12px; font-weight: bold; text-transform: uppercase; background-color: #f0f0f0 ; padding: 6px 10px 5px 10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .comment-body .reply{ opacity:0.2; position:absolute; bottom:-0px; right:0px; -webkit-transition: all 0.4s ease; /* Saf3.2+, Chrome */ -moz-transition: all 0.4s ease; /* FF4+ */ -o-transition: all 0.4s ease; /* Opera 10.5+ */ transition: all 0.4s ease; } .comment:hover .comment-body .reply{ opacity:1; position:absolute; bottom:-10px; right:0px; } #cancel-comment-reply-link, #cancel-comment-reply a { background-color: #AEB2B8 ; } #cancel-comment-reply-link:hover, #cancel-comment-reply a:hover, .comment-body .reply a:hover { background-color: #ddd; } .comment-awaiting-moderation { margin-top: -30px; float: right; font-weight: normal; font-style: normal; } /*--------------------------------------------------------------------*/ /* COMMENT FORM ADJUSTMENTS /*--------------------------------------------------------------------*/ #respond { margin: 0px 0 20px 0; } #respond > h3 { border-bottom: 1px solid #F0F0F0; margin-bottom: 20px; font-weight: bold; color: #1E1E1E; font-size: 25px; padding-bottom: 19px; } #commentform input[type="text"], #commentform input[type="password"], #commentform input[type="date"], #commentform input[type="datetime"], #commentform input[type="email"], #commentform input[type="number"], #commentform input[type="search"], #commentform input[type="tel"], #commentform input[type="time"], #commentform input[type="url"] { margin-top:3px; margin-bottom: 24px; } #respond .button, #respond button.button, #respond .button[type="submit"] { margin-bottom: 20px; } #commentform p { line-height: 36px; } #commentform label { font-weight: bold; } #commentform label { font-size: 16px; margin: 0 0 10px 0; height: 23px; } #commentform textarea { margin-top: 0px; min-height: 228px; font: normal 15px/20px Helvetica, Helvetica-Neue, Arial, sans-serif; color: #1E1E1E; } #commentform #submit { margin-top: 0; width: auto; float: right; } .comment-form-comment { margin-top: 20px; } .comment-form-left { padding: 0 20px 0 0px ; } .comment-form-full, .comment-form-right { padding: 0px; } .comment-form-right{ width: 50%; float: right; } .logged-in .comment-form-right{ width: 100%; float: none; } li.comment #submit{ margin-bottom: 20px; } /* ////////////////////////////////////////////////////////////////////////////////////////////// FORM POST ////////////////////////////////////////////////////////////////////////////////////////////// */ .form_design{ } .form_design .field{ margin-bottom:10px; } .form_design .field label{ width:100%; display:block; font-weight:bold; } .form_design label.error{ color:#F00; } .form_design .label_check{ float:left; width:50% !important;} .form_design .field input{ width:100%; max-width: inherit; display:block; } .form_design .field input[type=checkbox], .form_design .field input[type=radio]{ padding:4px; width:24px; max-width: inherit; display:block; float:left; } .form_design .field textarea{ width:100%; height:150px; max-width: inherit; display:block; } .form_design .the-fix { padding: 0; marign: 0; display: block; } .form_design .submit_col .the-fix { padding: 0; padding-right: 10px; marign: 0; display: block; } .form_design .submit_col input{ border:none; font-weight:bold; text-transform:uppercase; letter-spacing:1px; font-size:11px; padding:3px; margin-top:10px; width:30%; float:right; } .form_design .cr_btn_big{ border:none; } .form_design .dsgn{ background:#f0f0f0; border:none; color:#666; padding:8px; /* Box Sizing */ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; /* CSS3 ROUND CORNER */ -webkit-border-radius: 2px 2px 2px 2px; -khtml-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -o-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; /* CSS3 Tranistion */ -webkit-transition: all 0.3s ease; /* Saf3.2+, Chrome */ -moz-transition: all 0.3s ease; /* FF4+ */ -ms-transition: all 0.3s ease; /* IE10 */ -o-transition: all 0.3s ease; /* Opera 10.5+ */ transition: all 0.3s ease; } .form_design input.error, .form_design textarea.error{ background:#fff url(../images/error_form.png) no-repeat right top; } .wpcf7-form{ } .wpcf7-form .wpcf7-text{ margin-bottom:10px; } .wpcf7-form label{ width:100%; display:block; font-weight:bold; } .wpcf7-form label.error{ color:#F00; } .wpcf7-form .label_check{ float:left; width:50% !important;} .wpcf7-form input{ width:100%; max-width: inherit; display:block; } .wpcf7-form input[type=checkbox], .wpcf7-form input[type=radio]{ padding:4px; width:24px; max-width: inherit; display:block; float:left; } .form_design .wpcf7-textarea{ width:100%; height:150px; max-width: inherit; display:block; } .wpcf7-form .wpcf7-submit{ border:none; cursor:pointer; font-weight:bold; text-transform:uppercase; letter-spacing:1px; margin-top:10px; width:120px; float:right; background:#f0f0f0; color:#4d4d4d; display:inline-block; font-size:13px; padding:6px 12px; text-transform:uppercase; /* CSS3 ROUND CORNER */ -webkit-border-radius: 2px 2px 2px 2px; -khtml-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -o-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; } .wpcf7-form .wpcf7-submit:hover{ background:#ddd !important; color:#333 !important; } .wpcf7-form .wpcf7-text, .wpcf7-form .wpcf7-textarea{ background:#f0f0f0; border:none; color:#666; padding:8px; /* Box Sizing */ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; /* CSS3 ROUND CORNER */ -webkit-border-radius: 2px 2px 2px 2px; -khtml-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -o-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; /* CSS3 Tranistion */ -webkit-transition: all 0.3s ease; /* Saf3.2+, Chrome */ -moz-transition: all 0.3s ease; /* FF4+ */ -ms-transition: all 0.3s ease; /* IE10 */ -o-transition: all 0.3s ease; /* Opera 10.5+ */ transition: all 0.3s ease; } .wpcf7-form input.error, .wpcf7-form textarea.error{ background:#fff url(../images/error_form.png) no-repeat right top; } /* ////////////////////////////////////////////////////////////////////////////////////////////// REPEATED STYLES ////////////////////////////////////////////////////////////////////////////////////////////// */ /* ---------------------- [ .gallery_cover */ .gallery_cover{ width:100%; } .gallery_thumb{ width:20%; float:left; } /* ---------------------- [ Prevous and Next class */ .previous_class{ background: #fff; display: inline-block; padding: 15px 20px; margin-top: 30px; position:relative; /* CSS3 SHADOW */ -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2); -o-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2); } .previous_class:before{ content:""; width:100%; height:20px; background:url(images/shadow_left.png) no-repeat left bottom; position:absolute; bottom:-20px; left:0; } .next_class{ background: #fff; display: inline-block;; padding: 15px 20px; margin-top: 30px; position:relative; text-align: left; float: right; /* CSS3 SHADOW */ -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2); -o-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2); } .next_class:before{ content:""; width:100%; height:20px; background:url(images/shadow_right.png) no-repeat right bottom; position:absolute; bottom:-20px; right:0; } /* ---------------------- [ CONTENT BOX for width... */ .content_box{ margin:0 auto; max-width:1170px; } /* ---------------------- [ SECTIONS BOX */ .section_box{ clear:both; padding:10px 0 40px 0; } .section_box.dark{ background:#292929; color:#fff !important; } .section_box.dark h1, .section_box.dark h2, .section_box.dark h3, .section_box.dark h4, .section_box.dark h5, .section_box.dark h6{ color:#fff !important; } .section_box.small_pad{ clear:both; padding:10px 0 10px 0; } /* ---------------------- [ BOX ITEM STYLE 1 */ .box-item-style-1{ background:#fff; position:relative; /* CSS3 SHADOW */ -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2); -o-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2); } .box-item-style-1 .shad-1{ display:block; position:absolute; bottom:-20px; left:0; } .box-item-style-1 .shad-2{ display:block; position:absolute; bottom:-20px; right:0; } .title-box{ background:url(images/shadow-avatar.png) no-repeat center top; position:relative; padding-top:35px !important; } .title-box a{ color:#292929; } .title-box h4, .title-box h5, .title-box h6{ font-weight:bold; margin-bottom:0px; } .title-box h4 { font-size:16px; } .title-box em{ font-size:12px; } /* ---------------------- [ HOVER */ .hover{ position:relative; overflow:hidden; } .hover span{ position:absolute; width:40px; height:40px; top:50%; left:-40px; z-index:200; margin-top:-20px; margin-left:-20px; } /* ---------------------- [ GAllery ATTACHMENTS */ .the_gallery_item{float:left;} /* ---------------------- [ BOX ITEM SIZES */ .item_box{ float:left; margin:0 2% 40px 2%; } .size1{ width:96%; } .size2{ width:46%; } .size3{ width:29.3%; } .size4{ width:21%; } .size5{ width:16%; } /* ---------------------- [ AVATAR THumb */ .avatar_user{ display:block; position:absolute; overflow:hidden; border:4px solid #fff; /* CSS3 ROUND CORNER */ -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; /* CSS3 SHADOW */ -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2); -o-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2); } .avatar_user img{ display:block; overflow:hidden; } .avatar_user a{ display:block; overflow:hidden; /* CSS3 ROUND CORNER */ -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } .avatar_user a:hover{ display:block; overflow:hidden; /* CSS3 ROUND CORNER */ -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } .avatar_user.avatar_50{ border:3px solid #fff; -webkit-transform: scale(0.652); -moz-transform: scale(0.652); transform: scale(0.652); } .avatar_user.avatar_50 img{ display:block; } .title-box .avatar_user{ top:-40px; left:50%; margin-left:-40px; } /* ---------------------- [ FEATURED IMAGE BOX + Author Box */ .post_preview_single{ background:#fff; position:relative; margin-bottom:30px; /* CSS3 SHADOW */ -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2); -o-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2); } .author_box{ height:60px; padding:8px 0 0 100px; position:relative; line-height:12px; } .post_animateurs .author_box { padding: 20px 20px 10px; height: 40px; } .post_animateurs .horaires { padding: 10px 20px 0; color: #9A9A9A; font-style: italic; } .post_animateurs .descr { padding: 20px; } .list-chroniques { padding: 0 20px 20px 20px } #main .textwidget p.date { margin: 0; color: #9A9A9A; font-style: italic; } .textwidget audio { width: 100%; } .podcasts .textwidget li { padding: 5px 0; } .author_box h4{ margin:0; font-size:14px; } .author_box em{ font-size:12px; } .author_box .cr_btn_large{ position:absolute; right:16px; bottom:14px; line-height:20px;} .author_box .avatar_user{ top:-10px; left:10px; } /* ---------------------- [ Blog entry list */ .post_list_entry{ margin:30px 0; } .post_list_entry:last-child{ margin-bottom:30px; } .post_preview_single .inner{ padding:15px 20px; background:url(images/underlined.png) repeat-x left bottom; -webkit-transition: all 0.4s ease; /* Saf3.2+, Chrome */ -moz-transition: all 0.4s ease; /* FF4+ */ -o-transition: all 0.4s ease; /* Opera 10.5+ */ transition: all 0.4s ease; } .post_preview_single:hover .inner{ -webkit-box-shadow: inset 0px 0px 50px 0px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0px 0px 50px 0px rgba(0, 0, 0, 0.05); -o-box-shadow: inset 0px 0px 50px 0px rgba(0, 0, 0, 0.05); box-shadow: inset 0px 0px 50px 0px rgba(0, 0, 0, 0.05); } .preview img { width: 100%; } /* ---------------------- [ Playlist */ #fb-root { display: none; } /* To fill the container and nothing else */ .fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] { width: 100% !important; } .playlist { } .playlist table { margin: 20px 0; width: 100%; } .playlist table th { font-weight: bold; } .playlist table th, .playlist table td { padding: 3px; } .playlist table tr:nth-child(even) { background: #EEE; } /* ---------------------- [ LINKs THUMB EFFECT */ .link_zoom, .link_video, .link_link{ background:#000; display:block; } .link_zoom span{ background:url(images/link_zoom.png) no-repeat center center; } .link_video span{ background:url(images/link_video.png) no-repeat center center; } .link_link span{ background:url(images/link_link.png) no-repeat center center; } /* ---------------------- [ PADDINGS */ .padding_0_20{ padding:0 20px !important; } .padding_10_20{ padding:10px 20px !important; } .padding_20_20_10_20{ padding:20px 20px 10px 20px !important; } .padding_20{ padding:20px; } /* ---------------------- [ UNDERLINES */ .underlined{ background:url(images/underlined.png) repeat-x left bottom; padding-bottom:20px; } /* ---------------------- [ WIDGET SIDEBAR */ .widget_col{ background:#fff; position:relative; margin-bottom:30px; /* CSS3 SHADOW */ -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2); -o-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2); } .widget_col .inside{ padding:15px 20px; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .widget_col h4{ background:#202020; color:#fff; padding:15px; font-size:16px; font-weight:bold; margin-bottom:0; } .widget_col:after{ content:""; width:100%; height:20px; background:url(images/shadow_right.png) no-repeat right bottom; position:absolute; bottom:-20px; right:0; } .widget_col li{ border-bottom:1px solid rgba(234,234,234,0.3); } .widget_col li a{ display:block; padding:4px; } /* ---------------------- [ Shadow on Box */ .shadowedBox{ position:relative; } .shadowedBox:before{ content:""; width:100%; height:20px; background:url(images/shadow_left.png) no-repeat left bottom; position:absolute; bottom:-20px; left:0; } .shadowedBox:after{ content:""; width:100%; height:20px; background:url(images/shadow_right.png) no-repeat right bottom; position:absolute; bottom:-20px; right:0; } /* ////////////////////////////////////////////////////////////////////////////////////////////// TEAM ////////////////////////////////////////////////////////////////////////////////////////////// */ .team_member{ text-align:center; } .team_member .member_block{ position:relative; width:16%; max-width:215px !important; margin:0 1% 40px 1%; display:inline-block;} .team_member .member_block:hover .info_member{ display:block; } .team_member .team_thumb{ display:block; overflow:hidden; border:4px solid #fff; position:relative; /* CSS3 ROUND CORNER */ -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; /* CSS3 SHADOW */ -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2); -o-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2); } .team_member .team_thumb span{ display:block; overflow:hidden; /* CSS3 ROUND CORNER */ -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } .team_member .team_thumb .name{ text-align:center; position:absolute; background:#000; background:rgba(0, 0, 0, 0.8); color:#fff; margin:-25px 0 0 0; padding:20px 0; width:100%; text-align:center; top:50%; left:0; z-index:9; } .team_member .info_member{ background:#fff; display:none; border:4px solid #fff; position:absolute; top:120%; left:50%; z-index:9000; text-align:center; margin:0 0 0 -95px; width:200px; max-width:200px !important; /* CSS3 ROUND CORNER */ -webkit-border-radius: 3px 3px 3px 3px; -khtml-border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -o-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; /* CSS3 SHADOW */ -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2); -o-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2); } .team_member .info_member:after{ display:block; position:absolute; top:-12px; left:50%; content:''; width:0; height:0; margin-left:-12px; border-bottom:8px solid #fff; border-right:8px solid transparent; border-left:8px solid transparent; } .team_member .info_member h4{ margin-bottom:0px; font-size:16px; } .team_member .info_member h5{ margin-bottom:8px; font-size:13px; } .team_member .info_member .team_social_networks{ border-top:1px solid rgba(0, 0, 0, 0.05); text-align:center; background:#f9f9f9;} .team_member .info_member .team_social_networks li{ display:inline; width:24px; height:32px; margin:0;text-align:left; } .team_member .info_member .team_social_networks li a{ display:inline-block; width:24px; height:32px; } .team_member .info_member .team_social_networks li span{ display:block; text-indent:-9999px; width:24px; height:32px; } .team_social_networks li.twitter a{ background:url(images/icons/social/social_network_twitter.png) no-repeat center top; } .team_social_networks li.googleplus a{ background: url(images/icons/social/social_network_googleplus.png) no-repeat center top; } .team_social_networks li.linkedin a{ background: url(images/icons/social/social_network_linkedin.png) no-repeat center top; } .team_social_networks li.facebook a{ background: url(images/icons/social/social_network_facebook.png) no-repeat center top; } .team_social_networks li.dribbble a{ background: url(images/icons/social/social_network_dribbble.png) no-repeat center top; } .team_social_networks li.email a{ background: url(images/icons/social/social_network_email.png) no-repeat center top; } .team_social_networks li.twitter a:hover{ background:url(images/icons/social/social_network_twitter.png) no-repeat center bottom; } .team_social_networks li.googleplus a:hover{ background:url(images/icons/social/social_network_googleplus.png) no-repeat center bottom; } .team_social_networks li.linkedin a:hover{ background:url(images/icons/social/social_network_linkedin.png) no-repeat center bottom; } .team_social_networks li.facebook a:hover{ background:url(images/icons/social/social_network_facebook.png) no-repeat center bottom; } .team_social_networks li.dribbble a:hover{ background:url(images/icons/social/social_network_dribbble.png) no-repeat center bottom; } .team_social_networks li.email a:hover{ background:url(images/icons/social/social_network_email.png) no-repeat center bottom; } /* ////////////////////////////////////////////////////////////////////////////////////////////// ALBUM COVERS + SINGLE classes ////////////////////////////////////////////////////////////////////////////////////////////// */ .album_cover{ max-width:35%; float:left; margin-right:40px; margin-bottom:40px; } .album_cover img{ /* CSS3 SHADOW */ -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2); -o-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2); } .album_details{ float:left; width: 55%; } .album_stars img{ display:inline; } .widget_album_list{ list-style:none; padding:0 0 15px 0; margin-bottom:15px; border-bottom:1px solid #e9e9e9; } .widget_album_list-thumbnail{ margin-right:15px; float:left; width:50px; height:50px; background:#e9e9e9; /* CSS3 SHADOW */ -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.2); -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.2); -o-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.2); box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.2); -webkit-transition: all 0.4s ease; /* Saf3.2+, Chrome */ -moz-transition: all 0.4s ease; /* FF4+ */ -o-transition: all 0.4s ease; /* Opera 10.5+ */ transition: all 0.4s ease; } .album_cover_box{ position:relative; overflow:hidden; } .album_cover_box .album_cover_infos{ background:#292929; background:rgba(41,41,41,0.9); color:#fff; padding:20px; position:absolute; top:0; left:-100%; z-index:100; width:100%; height:100%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .album_cover_box .album_cover_infos h5{ color:#fff !important; background:#999; padding:3px 6px; display:inline-block; font-size:16px; margin-bottom:8px; } .album_cover_box .album_cover_infos h6{ color:#fff !important; } .album_cover_box .album_cover_infos h4 a{ color:#fff !important; font-size:24px; } .size5 .album_cover_box .album_cover_infos h4 a{ color:#fff !important; font-size:18px; } .album_cover_box .album_cover_infos .album_stars{ position:absolute; bottom:20px; left:20px; display:block; } /* ////////////////////////////////////////////////////////////////////////////////////////////// COUNTDOWN ////////////////////////////////////////////////////////////////////////////////////////////// */ #countdown{ margin-bottom:20px; text-align:center; } .noYear .year{ display: none !important; } .counter_style_1 .countdown_intitule{ padding:8px 0; font-size:20px; line-height:20px; font-weight:bold; display:block; } .counter_style_1 .countdown_amount{ font-size:70px; font-weight:bold; line-height:70px; margin-bottom:10px; width:19%; text-align:center; display:inline-block; } .counter_style_1 .countdown_amount:last-child{ border-right:none !important; } .counter_style_1 .countdown_amount{ border-right:1px solid #bbb !important; } .counter_style_1 .countdown_intitule{ color:#bbb; } .counter_style_2 .countdown_intitule{ padding:8px 0; font-size:18px; line-height:18px; font-weight:bold; display:inline; position:relative; top:-18px;} .counter_style_2 .countdown_amount{ font-size:70px; font-weight:bold; line-height:70px; margin-bottom:10px; padding-bottom:5px; width:20%; text-align:center; display:inline-block; } .counter_style_1 .countdown_amount:last-child{ border-right:none !important; } /* ////////////////////////////////////////////////////////////////////////////////////////////// SHORTCODES AND ELEMENTS ////////////////////////////////////////////////////////////////////////////////////////////// */ /* ---------------------- [ SHARE BAR WIDGET */ .share_bar{ } .share_bar .entry-google, .share_bar .entry-twitter, .share_bar .entry-pinterest, .share_bar .entry-facebook-like{ float:left; width:20%; padding:2%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } /* ---------------------- [ LINKITWITTER */ .linkitwitter{ border-bottom:1px dashed rgba(0, 0, 0, 0.15); font-weight:bold; } /* ---------------------- [ CAROUSEL */ .list_carousel { padding: 0 0 5px 0; } .list_carousel ul { margin: 0; padding: 0; list-style: none; display: block; } .list_carousel li { text-align: center; width: 50px; /* height: 50px; */ padding: 0 5px; margin: 0 10px; display: block; float: left; } .list_carousel li .col { width:96%; } .list_carousel.responsive { width: auto; margin-left: 0; } .paginator{ padding:20px 0 0 0;} .pager{ background:url(images/underlined.png) repeat-x left 16px; display: block; margin: 0 auto; width: 94%; height:37px; text-align: center; } .pager a{ background:#d7d7d7; display: inline-block; width: 30px; height: 30px; border-radius: 8px; text-indent: -9999px; text-align: left; -webkit-border-radius: 8px 8px 8px 8px; -khtml-border-radius: 8px 8px 8px 8px; -moz-border-radius: 8px 8px 8px 8px; -o-border-radius: 8px 8px 8px 8px; border-radius: 20px 20px 20px 20px; margin: 0 -3px; border: 8px solid #f3f3f3; } .pager a:hover, .pager a.selected{background:#a5a6a6; } .list_carousel .prev{ background:url(images/arrow-left-pager.png) no-repeat center center; display:block; float:left; text-indent:-9999px; text-align:left; width:24px; height:35px; } .list_carousel .next{ background:url(images/arrow-right-pager.png) no-repeat center center; display:block; float:right; text-indent:-9999px; text-align:left; width:24px; height:35px; } /* ---------------------- [ Testimonials */ .testimonial-Box{ } .testimonial-Box blockquote{ display:block; position:relative; text-align:center; } .testimonial-Box blockquote p{ font-size:24px; line-height:30px; font-weight:bold; } .testimonial-Box blockquote p:first-line{ font-size:36px; line-height:40px; font-weight:bold; } .testimonial-Box blockquote cite{ display:block; margin:30px auto 0 auto; width:100%; max-width:280px; text-align:center; font-weight:bold; font-size:14px; position:relative; min-height:50px; } .testimonial-Box blockquote cite .name{ background:#fff; padding:4px 10px 4px 20px; display: inline-block; position:relative; /* CSS3 SHADOW */ -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2); -o-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2); /* CSS3 ROUND CORNER */ -webkit-border-radius: 4px 4px 4px 4px; -khtml-border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -o-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; } .testimonial-Box .avatar_user{ width:50px; left:-35px; top:-5px; } /* Button */ .cr_btn{ background:#f0f0f0; color:#4d4d4d; display:inline-block; font-size:10px; font-weight:bold; margin:0px 0 0 0; padding:2px 8px; text-transform:uppercase; /* CSS3 ROUND CORNER */ -webkit-border-radius: 2px 2px 2px 2px; -khtml-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -o-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; } .cr_btn:hover{ background:#ddd !important; color:#333 !important; } /* Button */ .cr_btn_large{ background:#f0f0f0; color:#4d4d4d; display:inline-block; font-size:13px; font-weight:bold; margin:0px 0 0 0; padding:6px 12px; text-transform:uppercase; /* CSS3 ROUND CORNER */ -webkit-border-radius: 2px 2px 2px 2px; -khtml-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -o-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; } .cr_btn_large:hover{ background:#ddd !important; color:#333 !important; } /* Button */ .cr_btn_big{ background:#f0f0f0; color:#4d4d4d; display:inline-block; font-size:16px; font-weight:bold; margin:0 0 0 0; padding:10px 16px; text-transform:uppercase; /* CSS3 ROUND CORNER */ -webkit-border-radius: 2px 2px 2px 2px; -khtml-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -o-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; } .cr_btn_big:hover{ background:#ddd !important; color:#333 !important; } /* ////////////////////////////////////////////////////////////////////////////////////////////// ELEMENTS ////////////////////////////////////////////////////////////////////////////////////////////// */ /* ---------------------- [ SLOGAN TITLE */ .slogan h3{ margin-bottom:10px; } .slogan p{ color:#999; } /* ---------------------- [ GIANT TEXT */ .giantText{ font-size:48px; font-weight:bold; } /* ---------------------- [ WHITE SPACE BOX */ .wspace{ padding:40px; } .blackspace{ padding:40px; background:#1f1f1f; color:#fff; } .greyspace{ padding:40px; background:#f0f0f0; color:#999; } /* ---------------------- [ ICONIC TITLEs */ .iconic_title{ padding-left: 40px; } .iconic_title span{ border-bottom:2px solid #999; display:inline-block; } .icon_span{ padding:10px; display:inline-block; margin:0 15px 0 0; float:left; background:#999; width:48px; height:48px; } .icon_span span{ display:block; width:100%; height:100%; } /* ---------------------- [ ICONS */ .icon_001{ background:url(images/icons/set/icon_001.png) no-repeat center center; } .icon_002{ background:url(images/icons/set/icon_002.png) no-repeat center center; } .icon_003{ background:url(images/icons/set/icon_003.png) no-repeat center center; } .icon_004{ background:url(images/icons/set/icon_004.png) no-repeat center center; } .icon_005{ background:url(images/icons/set/icon_005.png) no-repeat center center; } .icon_006{ background:url(images/icons/set/icon_006.png) no-repeat center center; } .icon_007{ background:url(images/icons/set/icon_007.png) no-repeat center center; } .icon_008{ background:url(images/icons/set/icon_008.png) no-repeat center center; } .icon_009{ background:url(images/icons/set/icon_009.png) no-repeat center center; } .icon_010{ background:url(images/icons/set/icon_010.png) no-repeat center center; } .icon_011{ background:url(images/icons/set/icon_011.png) no-repeat center center; } .icon_012{ background:url(images/icons/set/icon_012.png) no-repeat center center; } .icon_013{ background:url(images/icons/set/icon_013.png) no-repeat center center; } .icon_014{ background:url(images/icons/set/icon_014.png) no-repeat center center; } .icon_015{ background:url(images/icons/set/icon_015.png) no-repeat center center; } .icon_016{ background:url(images/icons/set/icon_016.png) no-repeat center center; } .icon_017{ background:url(images/icons/set/icon_017.png) no-repeat center center; } .icon_018{ background:url(images/icons/set/icon_018.png) no-repeat center center; } .icon_019{ background:url(images/icons/set/icon_019.png) no-repeat center center; } .icon_020{ background:url(images/icons/set/icon_020.png) no-repeat center center; } .icon_021{ background:url(images/icons/set/icon_021.png) no-repeat center center; } .icon_022{ background:url(images/icons/set/icon_022.png) no-repeat center center; } .icon_023{ background:url(images/icons/set/icon_023.png) no-repeat center center; } .icon_024{ background:url(images/icons/set/icon_024.png) no-repeat center center; } .icon_025{ background:url(images/icons/set/icon_025.png) no-repeat center center; } .icon_026{ background:url(images/icons/set/icon_026.png) no-repeat center center; } .icon_027{ background:url(images/icons/set/icon_027.png) no-repeat center center; } .icon_028{ background:url(images/icons/set/icon_028.png) no-repeat center center; } .icon_029{ background:url(images/icons/set/icon_029.png) no-repeat center center; } .icon_030{ background:url(images/icons/set/icon_030.png) no-repeat center center; } .icon_031{ background:url(images/icons/set/icon_031.png) no-repeat center center; } .icon_032{ background:url(images/icons/set/icon_032.png) no-repeat center center; } .icon_033{ background:url(images/icons/set/icon_033.png) no-repeat center center; } .icon_034{ background:url(images/icons/set/icon_034.png) no-repeat center center; } .icon_035{ background:url(images/icons/set/icon_035.png) no-repeat center center; } .icon_036{ background:url(images/icons/set/icon_036.png) no-repeat center center; } .icon_037{ background:url(images/icons/set/icon_037.png) no-repeat center center; } .icon_038{ background:url(images/icons/set/icon_038.png) no-repeat center center; } .icon_039{ background:url(images/icons/set/icon_039.png) no-repeat center center; } .icon_040{ background:url(images/icons/set/icon_040.png) no-repeat center center; } .icon_041{ background:url(images/icons/set/icon_041.png) no-repeat center center; } .icon_042{ background:url(images/icons/set/icon_042.png) no-repeat center center; } .icon_043{ background:url(images/icons/set/icon_043.png) no-repeat center center; } .icon_044{ background:url(images/icons/set/icon_044.png) no-repeat center center; } .icon_045{ background:url(images/icons/set/icon_045.png) no-repeat center center; } .icon_046{ background:url(images/icons/set/icon_046.png) no-repeat center center; } .icon_047{ background:url(images/icons/set/icon_047.png) no-repeat center center; } .icon_048{ background:url(images/icons/set/icon_048.png) no-repeat center center; } .icon_049{ background:url(images/icons/set/icon_049.png) no-repeat center center; } .icon_050{ background:url(images/icons/set/icon_050.png) no-repeat center center; } .icon_051{ background:url(images/icons/set/icon_051.png) no-repeat center center; } .icon_052{ background:url(images/icons/set/icon_052.png) no-repeat center center; } .icon_053{ background:url(images/icons/set/icon_053.png) no-repeat center center; } .icon_054{ background:url(images/icons/set/icon_054.png) no-repeat center center; } .icon_055{ background:url(images/icons/set/icon_055.png) no-repeat center center; } .icon_056{ background:url(images/icons/set/icon_056.png) no-repeat center center; } .icon_057{ background:url(images/icons/set/icon_057.png) no-repeat center center; } .icon_058{ background:url(images/icons/set/icon_058.png) no-repeat center center; } .icon_059{ background:url(images/icons/set/icon_059.png) no-repeat center center; } .icon_060{ background:url(images/icons/set/icon_060.png) no-repeat center center; } .icon_061{ background:url(images/icons/set/icon_061.png) no-repeat center center; } .icon_062{ background:url(images/icons/set/icon_062.png) no-repeat center center; } .icon_063{ background:url(images/icons/set/icon_063.png) no-repeat center center; } .icon_064{ background:url(images/icons/set/icon_064.png) no-repeat center center; } .icon_065{ background:url(images/icons/set/icon_065.png) no-repeat center center; } .icon_066{ background:url(images/icons/set/icon_066.png) no-repeat center center; } .icon_067{ background:url(images/icons/set/icon_067.png) no-repeat center center; } .icon_068{ background:url(images/icons/set/icon_068.png) no-repeat center center; } .icon_069{ background:url(images/icons/set/icon_069.png) no-repeat center center; } .icon_070{ background:url(images/icons/set/icon_070.png) no-repeat center center; } .icon_071{ background:url(images/icons/set/icon_071.png) no-repeat center center; } .icon_072{ background:url(images/icons/set/icon_072.png) no-repeat center center; } .icon_073{ background:url(images/icons/set/icon_073.png) no-repeat center center; } .icon_074{ background:url(images/icons/set/icon_074.png) no-repeat center center; } .icon_075{ background:url(images/icons/set/icon_075.png) no-repeat center center; } .icon_076{ background:url(images/icons/set/icon_076.png) no-repeat center center; } .icon_077{ background:url(images/icons/set/icon_077.png) no-repeat center center; } .icon_078{ background:url(images/icons/set/icon_078.png) no-repeat center center; } .icon_079{ background:url(images/icons/set/icon_079.png) no-repeat center center; } .icon_080{ background:url(images/icons/set/icon_080.png) no-repeat center center; } .icon_081{ background:url(images/icons/set/icon_081.png) no-repeat center center; } .icon_082{ background:url(images/icons/set/icon_082.png) no-repeat center center; } .icon_083{ background:url(images/icons/set/icon_083.png) no-repeat center center; } .icon_084{ background:url(images/icons/set/icon_084.png) no-repeat center center; } .icon_085{ background:url(images/icons/set/icon_085.png) no-repeat center center; } .icon_086{ background:url(images/icons/set/icon_086.png) no-repeat center center; } .icon_087{ background:url(images/icons/set/icon_087.png) no-repeat center center; } .icon_088{ background:url(images/icons/set/icon_088.png) no-repeat center center; } .icon_089{ background:url(images/icons/set/icon_089.png) no-repeat center center; } .icon_090{ background:url(images/icons/set/icon_090.png) no-repeat center center; } .icon_091{ background:url(images/icons/set/icon_091.png) no-repeat center center; } .icon_092{ background:url(images/icons/set/icon_092.png) no-repeat center center; } .icon_093{ background:url(images/icons/set/icon_093.png) no-repeat center center; } .icon_094{ background:url(images/icons/set/icon_094.png) no-repeat center center; } .icon_095{ background:url(images/icons/set/icon_095.png) no-repeat center center; } .icon_096{ background:url(images/icons/set/icon_096.png) no-repeat center center; } .icon_097{ background:url(images/icons/set/icon_097.png) no-repeat center center; } .icon_098{ background:url(images/icons/set/icon_098.png) no-repeat center center; } .icon_099{ background:url(images/icons/set/icon_099.png) no-repeat center center; } .icon_100{ background:url(images/icons/set/icon_100.png) no-repeat center center; } .icon_101{ background:url(images/icons/set/icon_101.png) no-repeat center center; } .icon_102{ background:url(images/icons/set/icon_102.png) no-repeat center center; } .icon_103{ background:url(images/icons/set/icon_103.png) no-repeat center center; } .icon_104{ background:url(images/icons/set/icon_104.png) no-repeat center center; } .icon_105{ background:url(images/icons/set/icon_105.png) no-repeat center center; } .icon_106{ background:url(images/icons/set/icon_106.png) no-repeat center center; } .icon_107{ background:url(images/icons/set/icon_107.png) no-repeat center center; } .icon_108{ background:url(images/icons/set/icon_108.png) no-repeat center center; } .icon_109{ background:url(images/icons/set/icon_109.png) no-repeat center center; } .icon_110{ background:url(images/icons/set/icon_110.png) no-repeat center center; } .icon_111{ background:url(images/icons/set/icon_111.png) no-repeat center center; } .icon_112{ background:url(images/icons/set/icon_112.png) no-repeat center center; } .icon_113{ background:url(images/icons/set/icon_113.png) no-repeat center center; } .icon_114{ background:url(images/icons/set/icon_114.png) no-repeat center center; } .icon_115{ background:url(images/icons/set/icon_115.png) no-repeat center center; } .icon_116{ background:url(images/icons/set/icon_116.png) no-repeat center center; } .icon_117{ background:url(images/icons/set/icon_117.png) no-repeat center center; } .icon_118{ background:url(images/icons/set/icon_118.png) no-repeat center center; } .icon_119{ background:url(images/icons/set/icon_119.png) no-repeat center center; } .icon_120{ background:url(images/icons/set/icon_120.png) no-repeat center center; } .icon_121{ background:url(images/icons/set/icon_121.png) no-repeat center center; } .icon_122{ background:url(images/icons/set/icon_122.png) no-repeat center center; } .icon_123{ background:url(images/icons/set/icon_123.png) no-repeat center center; } .icon_124{ background:url(images/icons/set/icon_124.png) no-repeat center center; } .icon_125{ background:url(images/icons/set/icon_125.png) no-repeat center center; } .icon_126{ background:url(images/icons/set/icon_126.png) no-repeat center center; } .icon_127{ background:url(images/icons/set/icon_127.png) no-repeat center center; } .icon_128{ background:url(images/icons/set/icon_128.png) no-repeat center center; } .icon_129{ background:url(images/icons/set/icon_129.png) no-repeat center center; } .icon_130{ background:url(images/icons/set/icon_130.png) no-repeat center center; } .icon_131{ background:url(images/icons/set/icon_131.png) no-repeat center center; } .icon_132{ background:url(images/icons/set/icon_132.png) no-repeat center center; } .icon_133{ background:url(images/icons/set/icon_133.png) no-repeat center center; } .icon_134{ background:url(images/icons/set/icon_134.png) no-repeat center center; } .icon_135{ background:url(images/icons/set/icon_135.png) no-repeat center center; } .icon_136{ background:url(images/icons/set/icon_136.png) no-repeat center center; } .icon_137{ background:url(images/icons/set/icon_137.png) no-repeat center center; } .icon_138{ background:url(images/icons/set/icon_138.png) no-repeat center center; } .icon_139{ background:url(images/icons/set/icon_139.png) no-repeat center center; } .icon_140{ background:url(images/icons/set/icon_140.png) no-repeat center center; } .icon_141{ background:url(images/icons/set/icon_141.png) no-repeat center center; } .icon_142{ background:url(images/icons/set/icon_142.png) no-repeat center center; } .icon_143{ background:url(images/icons/set/icon_143.png) no-repeat center center; } .icon_144{ background:url(images/icons/set/icon_144.png) no-repeat center center; } .icon_145{ background:url(images/icons/set/icon_145.png) no-repeat center center; } .icon_146{ background:url(images/icons/set/icon_146.png) no-repeat center center; } .icon_147{ background:url(images/icons/set/icon_147.png) no-repeat center center; } .icon_148{ background:url(images/icons/set/icon_148.png) no-repeat center center; } .icon_149{ background:url(images/icons/set/icon_149.png) no-repeat center center; } .icon_150{ background:url(images/icons/set/icon_150.png) no-repeat center center; } .icon_151{ background:url(images/icons/set/icon_151.png) no-repeat center center; } .icon_152{ background:url(images/icons/set/icon_152.png) no-repeat center center; } .icon_153{ background:url(images/icons/set/icon_153.png) no-repeat center center; } .icon_154{ background:url(images/icons/set/icon_154.png) no-repeat center center; } .icon_155{ background:url(images/icons/set/icon_155.png) no-repeat center center; } .icon_156{ background:url(images/icons/set/icon_156.png) no-repeat center center; } .icon_157{ background:url(images/icons/set/icon_157.png) no-repeat center center; } .icon_158{ background:url(images/icons/set/icon_158.png) no-repeat center center; } .icon_159{ background:url(images/icons/set/icon_159.png) no-repeat center center; } .icon_160{ background:url(images/icons/set/icon_160.png) no-repeat center center; } .icon_161{ background:url(images/icons/set/icon_161.png) no-repeat center center; } .icon_162{ background:url(images/icons/set/icon_162.png) no-repeat center center; } .icon_163{ background:url(images/icons/set/icon_163.png) no-repeat center center; } .icon_164{ background:url(images/icons/set/icon_164.png) no-repeat center center; } .icon_165{ background:url(images/icons/set/icon_165.png) no-repeat center center; } .icon_166{ background:url(images/icons/set/icon_166.png) no-repeat center center; } .icon_167{ background:url(images/icons/set/icon_167.png) no-repeat center center; } .icon_168{ background:url(images/icons/set/icon_168.png) no-repeat center center; } .icon_169{ background:url(images/icons/set/icon_169.png) no-repeat center center; } .icon_170{ background:url(images/icons/set/icon_170.png) no-repeat center center; } .icon_171{ background:url(images/icons/set/icon_171.png) no-repeat center center; } .icon_172{ background:url(images/icons/set/icon_172.png) no-repeat center center; } .icon_173{ background:url(images/icons/set/icon_173.png) no-repeat center center; } .icon_174{ background:url(images/icons/set/icon_174.png) no-repeat center center; } .icon_175{ background:url(images/icons/set/icon_175.png) no-repeat center center; } .icon_176{ background:url(images/icons/set/icon_176.png) no-repeat center center; } .icon_177{ background:url(images/icons/set/icon_177.png) no-repeat center center; } .icon_178{ background:url(images/icons/set/icon_178.png) no-repeat center center; } .icon_179{ background:url(images/icons/set/icon_179.png) no-repeat center center; } .icon_180{ background:url(images/icons/set/icon_180.png) no-repeat center center; } .icon_181{ background:url(images/icons/set/icon_181.png) no-repeat center center; } .icon_182{ background:url(images/icons/set/icon_182.png) no-repeat center center; } .icon_183{ background:url(images/icons/set/icon_183.png) no-repeat center center; } /* ---------------------- [ BIGLINES */ .biglines{ font-size:16px; line-height:24px; font-weight:bold; } /* ------------------------------------- ADVERTISINGS ------------------------------------- */ .ads-blocks-4{ margin-bottom:20px; height:100%; } .ads-blocks-4 a{ float:left; margin:0 2% 5% 2%; width:46%; text-align:center; } .ads-blocks-4 img{ margin: 0 auto; } /* ------------------------------------- tag_list ------------------------------------- */ .tag_list{ padding-top:40px; font-size:10px; text-transform:uppercase; } .tag_list a{ background:#e9e9e9; padding:2px 6px; margin:0 1px 0 0; display:inline-block; } .tag_list a:hover{ background:#999; } /* ------------------------------------- Recent Post widget ------------------------------------- */ #widget_post_list{ padding-top:10px; } #widget_post_list li{ list-style:none; padding:0 0 15px 0; margin-bottom:15px; border-bottom:1px solid rgba(234,234,234,0.4); } #widget_post_list li:last-child{ margin-bottom:0px; } #widget_post_list .widget_post_list-thumbnail{ margin-right:15px; float:left; width:50px; height:50px; background:#e9e9e9; /* CSS3 SHADOW */ -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.2); -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.2); -o-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.2); box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.2); -webkit-transition: all 0.4s ease; /* Saf3.2+, Chrome */ -moz-transition: all 0.4s ease; /* FF4+ */ -o-transition: all 0.4s ease; /* Opera 10.5+ */ transition: all 0.4s ease; } #widget_post_list .widget_post_list-thumbnail a, #widget_post_list .widget_post_list-thumbnail img{ display:block; padding:0; width:50px; height:50px; } #widget_post_list .widget_post_list-thumbnail img{} #widget_post_list .widget_post_list-infos h5{ margin:0px; padding:0; font-size:13px; } #widget_post_list .widget_post_list-infos p{ margin-bottom:0px; font-size:11px; } /* ------------------------------------- SOCIAL NET WORKS LINKS ICONS ------------------------------------- */ .ul_columns{ clear:both; height:100%; overflow:hidden; margin:0; } .ul_columns li{ float: left; width: 50%; margin:0; } .ul_columns li a{ display: block; } .ul_columns li a:hover{ display: block; border:none!important; } .ul_columns.social_links li{ list-style:none; width: 50% !important; padding: 6px 0 4px 30px !important; -webkit-transition: all 0.4s ease; /* Saf3.2+, Chrome */ -moz-transition: all 0.4s ease; /* FF4+ */ -o-transition: all 0.4s ease; /* Opera 10.5+ */ transition: all 0.4s ease; /* Box Sizing */ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .ul_columns.social_links .facebook{ background: transparent url(images/icons/social/social_network_facebook.png) 0 0 no-repeat;} .ul_columns.social_links .twitter{ background: transparent url(images/icons/social/social_network_twitter.png) 0 0 no-repeat;} .ul_columns.social_links .linkedin{ background: transparent url(images/icons/social/social_network_linkedin.png) 0 0 no-repeat;} .ul_columns.social_links .youtube{ background: transparent url(images/icons/social/social_network_youtube.png) 0 0 no-repeat;} .ul_columns.social_links .vimeo{ background: transparent url(images/icons/social/social_network_vimeo.png) 0 0 no-repeat;} .ul_columns.social_links .dribbble{ background: transparent url(images/icons/social/social_network_dribbble.png) 0 0 no-repeat;} .ul_columns.social_links .envato{ background: transparent url(images/icons/social/social_network_envato.png) 0 0 no-repeat;} .ul_columns.social_links .myspace{ background: transparent url(images/icons/social/social_network_myspace.png) 0 0 no-repeat;} .ul_columns.social_links .googleplus{ background: transparent url(images/icons/social/social_network_googleplus.png) 0 0 no-repeat;} .ul_columns.social_links .deviantart{ background: transparent url(images/icons/social/social_network_devianart.png) 0 0 no-repeat;} .ul_columns.social_links .behance{ background: transparent url(images/icons/social/social_network_behance.png) 0 0 no-repeat;} .ul_columns.social_links .skype{ background: transparent url(images/icons/social/social_network_skype.png) 0 0 no-repeat;} .ul_columns.social_links .tumblr{ background: transparent url(images/icons/social/social_network_tumblr.png) 0 0 no-repeat;} .ul_columns.social_links .flickr{ background: transparent url(images/icons/social/social_network_flickr.png) 0 0 no-repeat;} .ul_columns.social_links .digg{ background: transparent url(images/icons/social/social_network_digg.png) 0 0 no-repeat;} .ul_columns.social_links li:hover{ background-position:0 -33px; } /* ------------ Twitter widget */ .twitter_update{ font-style:italic; margin:0; padding:0; } .twitter_update li{ list-style: none; padding: 0 0 10px 35px; background: url(images/icons/twitter_widget.png) no-repeat left top; margin-bottom: 10px; } .twitter_update li:first-child{ border-top:none; } .twitter_update li:last-child{ border-bottom:none; } .twitter_update span{ display:block; font-style:normal; } .twitter_update .twit_avatar{ float: left; margin-right: 10px; width: 24px; display:none; } .twitter_update .twit_date{ font-size:11px; text-align:right; margin:0 0 10px 0; display:block; } .twitter_update .twit_avatar img{ width:32px !important; height:32px !important; } .twitter_update .twit_status{padding:0 0 5px 0px;} .twitter_update li a{ display:inline !important; padding:0 !important; } /* ------------------------------------- DROPCAP ------------------------------------- */ .dropcap{ float: left; color: #999; font-size: 46px; font-weight:bold; line-height: 36px; padding-top: 6px; padding-right: 6px; padding-left: 3px; } .dropcap2{ float: left; background: #171717; color: #FFF; font-size: 34px; font-weight:bold; line-height: 40px; text-align:center; width:40px; height:40px; margin-right:8px; margin-top:5px; } .dropcap3{ float: left; border-bottom:1px solid #999; color: #999; font-size: 46px; font-weight:bold; line-height: 35px; padding: 2px 0px 10px 0px; margin-top: 0; margin-right: 5px; } .dropcap4{ float: left; background: #171717; color: #FFF; font-size: 34px; font-weight: bold; line-height: 38px; text-align:center; vertical-align:middle; margin-right:8px; margin-top:5px; width:40px; height:40px; /* CSS3 ROUND CORNER */ -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } /* ------------------------------------- HIGHLIGHTS ------------------------------------- */ .highlight{ padding:1px 6px; display:inline-block; font-weight:bold; margin:0 2px; /* CSS3 ROUND CORNER */ -webkit-border-radius: 2px 2px 2px 2px; -khtml-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -o-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; } .highlight.blood{ background:#C00; color:#FFF; /* CSS3 SHADOW */ -webkit-box-shadow: 0px 1px 2px 0px #C00; -moz-box-shadow: 0px 1px 2px 0px #C00; -o-box-shadow: 0px 1px 2px 0px #C00; box-shadow: 0px 1px 2px 0px #C00; } .highlight.red{ background:#F00; color:#FFF; /* CSS3 SHADOW */ -webkit-box-shadow: 0px 1px 2px 0px #F00; -moz-box-shadow: 0px 1px 2px 0px #F00; -o-box-shadow: 0px 1px 2px 0px #F00; box-shadow: 0px 1px 2px 0px #F00; } .highlight.pink{ background:#F06; color:#FFF; /* CSS3 SHADOW */ -webkit-box-shadow: 0px 1px 2px 0px #F06; -moz-box-shadow: 0px 1px 2px 0px #F06; -o-box-shadow: 0px 1px 2px 0px #F06; box-shadow: 0px 1px 2px 0px #F06; } .highlight.purple{ background:#639; color:#FFF; /* CSS3 SHADOW */ -webkit-box-shadow: 0px 1px 2px 0px #639; -moz-box-shadow: 0px 1px 2px 0px #639; -o-box-shadow: 0px 1px 2px 0px #639; box-shadow: 0px 1px 2px 0px #639; } .highlight.night{ background:#339; color:#FFF; /* CSS3 SHADOW */ -webkit-box-shadow: 0px 1px 2px 0px #339; -moz-box-shadow: 0px 1px 2px 0px #339; -o-box-shadow: 0px 1px 2px 0px #339; box-shadow: 0px 1px 2px 0px #339; } .highlight.blue{ background:#06C; color:#FFF; /* CSS3 SHADOW */ -webkit-box-shadow: 0px 1px 2px 0px #06C; -moz-box-shadow: 0px 1px 2px 0px #06C; -o-box-shadow: 0px 1px 2px 0px #06C; box-shadow: 0px 1px 2px 0px #06C; } .highlight.tropic{ background:#0CF; color:#FFF; /* CSS3 SHADOW */ -webkit-box-shadow: 0px 1px 2px 0px #0CF; -moz-box-shadow: 0px 1px 2px 0px #0CF; -o-box-shadow: 0px 1px 2px 0px #0CF; box-shadow: 0px 1px 2px 0px #0CF; } .highlight.lime{ background:#BFFF00; color:#000; /* CSS3 SHADOW */ -webkit-box-shadow: 0px 1px 2px 0px #BFFF00; -moz-box-shadow: 0px 1px 2px 0px #BFFF00; -o-box-shadow: 0px 1px 2px 0px #BFFF00; box-shadow: 0px 1px 2px 0px #BFFF00; } .highlight.yellow{ background:#FF0; color:#000; /* CSS3 SHADOW */ -webkit-box-shadow: 0px 1px 2px 0px #FF0; -moz-box-shadow: 0px 1px 2px 0px #FF0; -o-box-shadow: 0px 1px 2px 0px #FF0; box-shadow: 0px 1px 2px 0px #FF0; } .highlight.green{ background:#3C0; color:#FFF; /* CSS3 SHADOW */ -webkit-box-shadow: 0px 1px 2px 0px #3C0; -moz-box-shadow: 0px 1px 2px 0px #3C0; -o-box-shadow: 0px 1px 2px 0px #3C0; box-shadow: 0px 1px 2px 0px #3C0; } .highlight.forest{ background:#060; color:#FFF; /* CSS3 SHADOW */ -webkit-box-shadow: 0px 1px 2px 0px #060; -moz-box-shadow: 0px 1px 2px 0px #060; -o-box-shadow: 0px 1px 2px 0px #060; box-shadow: 0px 1px 2px 0px #060; } /* ------------------------------------- GO TOP ------------------------------------- */ .go_top_short{ border-bottom: 1px solid rgba(0, 0, 0, 0.3); text-align:right; padding:0; } .go_top_short a{ padding:0px 4px; font-size:9px; text-transform:uppercase; float:right; display:block; } /* ------------------------------------- CODE DISPLAYED ------------------------------------- */ pre, code{ font-family:"Courier New", Courier, monospace; color:#444; } pre { font-size: 14px; margin: 20px; background:#f3f3f3; border:1px solid; border-color:#C4C4C4 #dedede #dedede #C4C4C4; line-height: 18px; overflow: auto; overflow-Y: hidden; /* CSS3 SHADOW */ -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset; -o-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1) inset; /* CSS3 ROUND CORNER */ -webkit-border-radius: 4px 4px 4px 4px; -khtml-border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -o-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; } pre code { margin: 0 0 0 15px; /*--Left Margin--*/ padding: 18px 0; display: block; } /* ------------------------------------- WP ARCHIVES & WP CATEGORIES ------------------------------------- */ .widget_archive li, .widget_categories li{ text-align:right; padding:4px 0; line-height:24px; } .widget_archive li a, .widget_categories li a{ display:inline-block; float:left; font-weight:bold; padding:0; } /* ------------------------------------- WP TAGS ------------------------------------- */ .tagcloud a{ font-size:13px !important; padding:3px 8px 3px 8px; display:inline-block; float:left; background:#F0F0F0; font-weight:bold; margin:0 1px 1px 0; } .tagcloud a:hover{ color:#000 !important; } /* ------------------------------------- WP GALLERY ------------------------------------- */ .gallery-item{ float:left; margin:0 20px 0 0; padding:5px; color: #999; background: #F9F9F9; border: 1px solid #E9E9E9; -webkit-border-radius: 3px 3px 3px 3px; -khtml-border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -o-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1); } /* ------------------------------------- LIST ICON ------------------------------------- */ .list_simple li{ list-style:square; background:none; padding:3px 0 3px 23px;} .list_arrow li{ list-style:none !important; background:url(images/grey_small_arrow.png) no-repeat left 50%; padding:3px 0 3px 23px;} .list_square li{ list-style:none !important; background:url(images/icons/list_square.png) no-repeat left 50%; padding:3px 0 3px 23px;} .list_type1 li{ list-style:none !important; background:url(images/icons/user_business_boss.png) no-repeat left 50%; padding:3px 0 3px 23px;} .list_type2 li{ list-style:none !important; background:url(images/icons/user_black_female.png) no-repeat left 50%; padding:3px 0 3px 23px;} .list_type3 li{ list-style:none !important; background:url(images/icons/doc_music_playlist.png) no-repeat left 50%; padding:3px 0 3px 23px;} .list_type4 li{ list-style:none !important; background:url(images/icons/clock.png) no-repeat left 50%; padding:3px 0 3px 23px;} .list_type5 li{ list-style:none !important; background:url(images/icons/mobile_phone.png) no-repeat left 50%; padding:3px 0 3px 23px;} .list_type6 li{ list-style:none !important; background:url(images/icons/key.png) no-repeat left 50%; padding:3px 0 3px 23px;} .list_type7 li{ list-style:none !important; background:url(images/icons/medal_gold_1.png) no-repeat left 50%; padding:3px 0 3px 23px;} .list_type8 li{ list-style:none !important; background:url(images/icons/link.png) no-repeat left 50%; padding:3px 0 3px 23px;} .list_type9 li{ list-style:none !important; background:url(images/icons/money_euro.png) no-repeat left 50%; padding:3px 0 3px 23px;} .list_type10 li{ list-style:none !important; background:url(images/icons/money_dollar.png) no-repeat left 50%; padding:3px 0 3px 23px;} .list_type11 li{ list-style:none !important; background:url(images/icons/arrow_right.png) no-repeat left 50%; padding:3px 0 3px 23px;} .list_type12 li{ list-style:none !important; background:url(images/icons/tag_blue.png) no-repeat left 50%; padding:3px 0 3px 23px;} .heart li{ list-style:none !important; background:url(images/icons/heart-16.png) no-repeat left 48%; padding:3px 0 3px 23px; } .comment li{ list-style:none !important; background:url(images/icons/comment-16.png) no-repeat left 48%; padding:3px 0 3px 23px;} .mail li{ list-style:none !important; background:url(images/icons/email-16.png) no-repeat left 48%; padding:3px 0 3px 23px;} .user li{ list-style:none !important; background:url(images/icons/person-16.png) no-repeat left 48%; padding:3px 0 3px 23px;} .redcross li{ list-style:none !important; background:url(images/icons/cross-16.png) no-repeat left 48%; padding:3px 0 3px 23px;} .pencil li{ list-style:none !important; background:url(images/icons/pencil-16.png) no-repeat left 48%; padding:3px 0 3px 23px;} .check li{ list-style:none !important; background:url(images/icons/check-16.png) no-repeat left 48%; padding:3px 0 3px 23px;} .arrow-right li{ list-style:none !important; background:url(images/icons/arrow-right-16.png) no-repeat left 48%; padding:3px 0 3px 23px;} .arrow-down li{ list-style:none !important; background:url(images/icons/arrow-down-16.png) no-repeat left 48%; padding:3px 0 3px 23px;} .badgecheck li{ list-style:none !important; background:url(images/icons/badge-circle-check-16.png) no-repeat left 48%; padding:3px 0 3px 23px;} .plus li{ list-style:none !important; background:url(images/icons/plus-16.png) no-repeat left 48%; padding:3px 0 3px 23px;} .search_list_icon li{ list-style:none !important; background:url(images/icons/search-16.png) no-repeat left 48%; padding:3px 0 3px 23px;} /* ------------------------------------- NOTIFICATIONS ------------------------------------- */ .notification{ text-align:left; display:block; clear:both; margin-bottom:15px; padding:10px 20px 10px 40px; min-height:20px; font-family:Arial,Tahoma,sans-serif; font-size:12px; font-weight:normal; line-height:20px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; -moz-box-shadow:0 1px 0 0 rgba(255,255,255,0.5) inset; -webkit-box-shadow:0 1px 0 0 rgba(255,255,255,0.5) inset; -o-box-shadow:0 1px 0 0 rgba(255,255,255,0.5) inset; box-shadow:0 1px 0 0 rgba(255,255,255,0.5) inset; } .icon{ position:absolute; background-image:url(images/notification.png); background-repeat:no-repeat;height:15px;top:14px; } .notification span{ font-weight:bold; margin-right:10px; } /* Notification Close Button */ .notification .close-notification{ position:absolute; width:5px; height:6px; top:18px; right:10px; cursor:pointer; background-image:url(images/close.png); background-repeat:no-repeat; } /* Success */ .success{ border:1px solid #accc5d; color:#70892b; background-color:#c8e185; background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#d0e98e),color-stop(100%,#c1da7f)); background-image:-webkit-linear-gradient(#d0e98e,#c1da7f); background-image:-moz-linear-gradient(#d0e98e,#c1da7f); background-image:-o-linear-gradient(#d0e98e,#c1da7f); background-image:linear-gradient(#d0e98e,#c1da7f); -moz-text-shadow:0px 1px rgba(255,255,255,0.3); text-shadow:0px 1px rgba(255,255,255,0.3); } .success .icon{ width:14px; left:16px; background-position:0 -15px; } .success .close-notification{ background-position:0 -6px; } /* Fail */ .fail{ border:1px solid #dc4e4d; color:#b52525; background-color:#ec8282; background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#f48888),color-stop(100%,#e17575)); background-image:-webkit-linear-gradient(#f48888,#e17575); background-image:-moz-linear-gradient(#f48888,#e17575); background-image:-o-linear-gradient(#f48888,#e17575); background-image:linear-gradient(#f48888,#e17575); -moz-text-shadow:0px 1px rgba(255,255,255,0.2); text-shadow:0px 1px rgba(255,255,255,0.2); } .fail .icon{ width:13px; left:16px; background-position:0 0; } .fail .close-notification{ background-position:0 0; } /* Information */ .notification.info{ border:1px solid #69c0ca; color:#3d8d98; background-color:#8aced6; background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#99e2eb),color-stop(100%,#79c6cd)); background-image:-webkit-linear-gradient(#99e2eb,#79c6cd); background-image:-moz-linear-gradient(#99e2eb,#79c6cd); background-image:-o-linear-gradient(#99e2eb,#79c6cd); background-image:linear-gradient(#99e2eb,#79c6cd); -moz-text-shadow:0px 1px rgba(255,255,255,0.2); text-shadow:0px 1px rgba(255,255,255,0.2); } .notification.info .icon{ width:6px; left:19px; background-position:0 -30px; } .notification.info .close-notification{background-position:0 -12px; } /* Warning */ .warning{ border:1px solid #f9b516; color:#c2721b; background-color:#fbb160; background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#ffd57f),color-stop(100%,#ffa544)); background-image:-webkit-linear-gradient(#ffd57f,#ffa544); background-image:-moz-linear-gradient(#ffd57f,#ffa544); background-image:-o-linear-gradient(#ffd57f,#ffa544); background-image:linear-gradient(#ffd57f,#ffa544); -moz-text-shadow:0px 1px rgba(255,255,255,0.2); text-shadow:0px 1px rgba(255,255,255,0.2); } .warning .icon{ width:14px; left:16px; top:13px; background-position:0 -45px; } .warning .close-notification{background-position:0 -18px; } /* Edit */ .edit{ border:1px solid #e9c95f; color:#ae8500; background-color:#f3dc8f; background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#ffeaa7),color-stop(100%,#f3d573)); background-image:-webkit-linear-gradient(#ffeaa7,#f3d573); background-image:-moz-linear-gradient(#ffeaa7,#f3d573); background-image:-o-linear-gradient(#ffeaa7,#f3d573); background-image:linear-gradient(#ffeaa7,#f3d573); -moz-text-shadow:0px 1px rgba(255,255,255,0.2); text-shadow:0px 1px rgba(255,255,255,0.2); } .edit .icon{ width:13px; left:16px; top:13px; background-position:0 -60px; } .edit .close-notification{ background-position:0 -18px; } /* Lock */ .lock{ border:1px solid #CCC; color:#666; background-color:#e8e8e8; background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#f4f4f4),color-stop(100%,#e0e0e0)); background-image:-webkit-linear-gradient(#f4f4f4,#e0e0e0); background-image:-moz-linear-gradient(#f4f4f4,#e0e0e0); background-image:-o-linear-gradient(#f4f4f4,#e0e0e0); background-image:linear-gradient(#f4f4f4,#e0e0e0); -moz-text-shadow:0px 1px rgba(255,255,255,0.2); text-shadow:0px 1px rgba(255,255,255,0.2); } .lock .icon{ width:11px; left:17px; top:13px; background-position:0 -75px; } .lock .close-notification{ background-position:0 -24px; } /* Tip */ .tip{ border:1px solid #e6b96f; color:#b1802f; background-color:#f5dcb2; background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#ffedcf),color-stop(100%,#f8d69e)); background-image:-webkit-linear-gradient(#ffedcf,#f8d69e); background-image:-moz-linear-gradient(#ffedcf,#f8d69e); background-image:-o-linear-gradient(#ffedcf,#f8d69e); background-image:linear-gradient(#ffedcf,#f8d69e); -moz-text-shadow:0px 1px rgba(255,255,255,0.2); text-shadow:0px 1px rgba(255,255,255,0.2); } .tip .icon{ width:9px; left:18px; top:12px; background-position:0 -90px; } .tip .close-notification{ background-position:0 -30px; } /* Download */ .download{ border:1px solid #3178c0; color:#0c4fa3; background-color:#6dacea; background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#8ed0fa),color-stop(100%,#4e95dc)); background-image:-webkit-linear-gradient(#8ed0fa,#4e95dc); background-image:-moz-linear-gradient(#8ed0fa,#4e95dc); background-image:-o-linear-gradient(#8ed0fa,#4e95dc); background-image:linear-gradient(#8ed0fa,#4e95dc); -moz-text-shadow:0px 1px rgba(255,255,255,0.2); text-shadow:0px 1px rgba(255,255,255,0.2); } .download .icon{ width:10px; left:18px; background-position:0 -105px; } .download .close-notification{ background-position:0 -36px; } /* Chat */ .chat{ border:1px solid #5d902f; color:#366f11; background-color:#89bc5a; background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#8dcb3d),color-stop(100%,#74a547)); background-image:-webkit-linear-gradient(#8dcb3d,#74a547); background-image:-moz-linear-gradient(#8dcb3d,#74a547); background-image:-o-linear-gradient(#8dcb3d,#74a547); background-image:linear-gradient(#8dcb3d,#74a547); -moz-text-shadow:0px 1px rgba(255,255,255,0.2); text-shadow:0px 1px rgba(255,255,255,0.2); } .chat .icon{ width:14px; left:16px; background-position:0 -120px; } .chat .close-notification{ background-position:0 -42px; } /* Task */ .task{ border:1px solid #71502b; color:#432c12; background-color:#92724e; background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#a58868),color-stop(100%,#886640)); background-image:-webkit-linear-gradient(#a58868,#886640); background-image:-moz-linear-gradient(#a58868,#886640); background-image:-o-linear-gradient(#a58868,#886640); background-image:linear-gradient(#a58868,#886640); -moz-text-shadow:0px 1px rgba(255,255,255,0.2); text-shadow:0px 1px rgba(255,255,255,0.2); } .task .icon{ width:14px; left:16px; top:13px; background-position:0 -135px; } .task .close-notification{ background-position:0 -48px; } /* ------------------------------------- ACCORDIONS ------------------------------------- */ .accordion{ border-bottom:1px solid #dadada; border-right:1px solid #dadada; border-left:1px solid #dadada; } .accordion .title a{ font-size:15px; font-weight:700px; color:#FFF; display: block; border-top:1px solid #dadada; padding:15px 20px 15px 50px; background:#f0f0f0 url(images/plus.png) no-repeat 10px center; } .accordion .title a:hover{ background: #fafafa url(images/plus.png) no-repeat 10px center; } .accordion .title.active a{ background: #fafafa url(images/minus.png) no-repeat 10px center; } .accordion .inner{ height:100%; height:auto; margin-top:0; } .accordion .inner div{ border-top:1px solid #dadada; display:block; padding:20px; } /* ------------------------------------- TABS ------------------------------------- */ ul.tabNavigation { list-style: none; margin: 0 0 -9px 0 !important; padding: 0; border-bottom:none !important; overflow: hidden; } ul.tabNavigation li { display: block; float:left; margin:0 !important; padding:0; } ul.tabNavigation li a { display: block; cursor:pointer; padding:10px 20px; float:left; background-color: #fafafa; text-decoration: none; border-top:1px solid transparent; border:1px solid #dadada; margin-right:-1px; color:#FFF; -webkit-transition: all 0.4s ease; /* Saf3.2+, Chrome */ -moz-transition: all 0.4s ease; /* FF4+ */ -o-transition: all 0.4s ease; /* Opera 10.5+ */ transition: all 0.4s ease; } ul.tabNavigation li a.active{ background-color: #f0f0f0; color:#000; border-bottom:1px solid #f0f0f0; border-top:1px solid #dadada; } ul.tabNavigation li a:hover { color:#fff; } ul.tabNavigation li a:focus { outline: 0; } div.tabs div { padding:20px; margin:8px 0 0 0; display: none; border:1px solid #dadada; border-top:1px solid #dadada; background:#f0f0f0; } div.tabs{ margin-bottom:20px; } /* ------------------------------------- TOGGLE ------------------------------------- */ .toggle{ border:1px solid #dadada; background:#f0f0f0; margin-top:-1px; } .toggle .title{ font-size:15px; font-weight:700px; color:#000; display: block; padding:15px 20px 15px 50px; background: #f0f0f0 url(images/togg_up.png) no-repeat 10px center; cursor: pointer; } .toggle .title:hover{ background: #fafafa url(images/togg_up.png) no-repeat 10px center; } .toggle .title.active{ color:#fff; background: #fafafa url(images/togg_down.png) no-repeat 10px center; } .toggle .inner{ display: none; } .toggle .inner div{ padding:20px 20px 20px 20px; border-top:1px solid #dadada; } /* ------------------------------------- PRICING TABLE ------------------------------------- */ .pricing-table.col-2, .pricing-table.col-3, .pricing-table.col-4, .pricing-table.col-5{ margin:20px 0 30px 0; } .pricing-table.col-2 .plan{ float:left; width:49.9%; display: block; } .pricing-table.col-3 .plan{ float:left; width:32.9%; display: block; } .pricing-table.col-4 .plan{ float:left; width:24.9%; display: block; } .pricing-table.col-5 .plan{ float:left; width:12.5%; display: block; } .plan{ background:#f0f0f0; border:1px solid #d5d5d5; text-align: center; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .plan.featured{ position: relative; z-index: 200; margin:-20px -1px 0 0; padding:20px 0px 0 0; border:1px solid #000; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3); } .pricing-table .plan.featured:last-child{ border-right:1px solid #000; } .plan.featured:before{ content:""; width:0; height:0; position:absolute; top: -1px; left: -21px; z-index: 900; border-top: 21px solid transparent; border-right: 10px solid #444; border-left: 10px solid transparent; } .plan.featured:after{ content:""; width:0; height:0; position:absolute; top: -1px; right: -21px; z-index: 900; border-top: 21px solid transparent; border-left: 10px solid #444; border-right: 10px solid transparent; } .pricing-table.col-4 .plan:nth-child(4n).featured:after{ display:none !important; } .pricing-table.col-3 .plan:nth-child(2n).featured:after{ display:none !important; } .pricing-table.col-2 .plan:nth-child(1n+1).featured:after{ display:none !important; } .plan h3{ font-weight:300; font-size:16px; margin:-1px -1px 0px -1px; padding:7px 0; background-color: #666666; color:#ffffff; } .plan.featured h3{ font-size:18px; margin:-21px -1px 0px -1px; padding:17px 0; background-color: #000; color:#ffffff; } .plan .price{ font-size:18px; font-weight:600; margin:0 -1px 0 -1px; padding:10px 0px 10px 0px; background: #666666 url(images/pixel-dark.png) repeat; color:#ffffff; } .plan.featured .price{ background-color: #000; color:#ffffff; } .plan.featured .price span{ color: rgba(255, 255, 255, 0.5); } .plan .price span{ font-weight:400; font-size:10px; color: rgba(255, 255, 255, 0.5); } .plan .signup{ border-top:1px dotted #d5d5d5; padding:10px 0px; text-align: center; background-color: #f3f3f3; } .plan.featured .signup{ padding:16px 0 16px 0; } .plan ul{ margin:0 !important; list-style: none !important; padding:0 !important; } .plan li{ margin:0 20px; padding:7px 0px; text-align: center; border-bottom:1px solid #efefef; } .plan li:last-child{ border-bottom:0px; } /* ------------------------------------- FRAMED IMAGES ------------------------------------- */ .framed{ padding:5px; color: #999; background:url(images/1x1.png) repeat; border: 1px solid rgba(255, 255, 255, 0.2); -webkit-border-radius: 3px 3px 3px 3px; -khtml-border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -o-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1); } .framed_left{ float:left; margin:0 20px 0 0; padding:5px; color: #999; background:url(images/1x1.png) repeat; border: 1px solid rgba(255, 255, 255, 0.2); -webkit-border-radius: 3px 3px 3px 3px; -khtml-border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -o-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1); } .framed_right{ float:right; margin:0 0 0 20px; padding:5px; color: #999; background:url(images/1x1.png) repeat; border: 1px solid rgba(255, 255, 255, 0.2); -webkit-border-radius: 3px 3px 3px 3px; -khtml-border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -o-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1); } /* ------------------------------------- FLICKR BADGE ------------------------------------- */ #flickr_badge_wrapper{ padding:0 0 10px 0; } #flickr_badge_wrapper a{ float:left; float: left; margin: 1%; width: 31%; height: inherit; } #flickr_badge_wrapper a img{ width: 100%; /* Scale down */ width:100%; height:100%; -webkit-transition: all 0.4s ease; /* Saf3.2+, Chrome */ -moz-transition: all 0.4s ease; /* FF4+ */ -o-transition: all 0.4s ease; /* Opera 10.5+ */ transition: all 0.4s ease; -webkit-font-smoothing: subpixel-antialiased; } #flickr_badge_wrapper:hover img{ opacity:0.4; } #flickr_badge_wrapper:hover a:hover img{ opacity:1; } #footer #flickr_badge_wrapper a{ float:left; float: left; margin: 1%; width: 22%; height: inherit; } /* ------------------------------------- BLOCKQUOTE ------------------------------------- */ blockquote p{ font-size:14px; position:relative; z-index:1; } .widget_col blockquote p:before{ display: block; content: "\201C"; font-size: 200px; position: absolute; padding:20px; right: 0px; top: 30px; color: #fff; z-index:0; opacity:0.1; } /* --------------------------------------- [ PULL QUOTES ] */ .pullquote{ float: left; width: 200px; padding: 10px 15px; margin:10px 15px 10px 0; border-right: 5px solid #d4d4d4; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color:#666; background:#f9f9f9; } .pullquote_right{ float: right; width: 200px; padding: 10px 15px; margin:10px 0 10px 15px; border-left: 5px solid #d4d4d4; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color:#666; background:#f9f9f9; } /* ////////////////////////////////////////////////////////////////////////////////////////////// SEARCH FORM ////////////////////////////////////////////////////////////////////////////////////////////// */ #search_form .searchField{ background:#f0f0f0; color:#171717 !important; border:none; font-weight:bold; color:#2c2c2c; padding: 0 0 0 10px; width: 144px; min-height: 32px; line-height: 32px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #search_form .subm{ background:url(images/icons/search_top_icon.png) no-repeat center center; border:none; text-indent:-9999px; width: 32px; height:32px; padding: 0; float: right; } .widget_side #search_form .subm{ background:#000 url(images/icons/search_top_icon.png) no-repeat center center; } #searchForm_widget{ background: #fff; display: inline-block; padding: 0px; margin-bottom: 30px; position:relative; text-align:center; width:100%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ /* CSS3 SHADOW */ -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2); -o-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2); } #searchForm_widget .searchField{ background:transparent; color:#171717 !important; border:none; font-weight:bold; padding: 0 0 0 20px; width: 100%; min-height: 50px; line-height: 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #searchForm_widget .subm{ background:#292929 url(images/icons/search_top_icon.png) no-repeat center center; border:none; cursor:pointer; text-indent:-9999px; width: 45px; height:50px; padding: 0; position:absolute; top:0; right:0; } /* ////////////////////////////////////////////////////////////////////////////////////////////// list_infos_contact ////////////////////////////////////////////////////////////////////////////////////////////// */ .list_infos_contact li{ border:none !important; } .list_infos_contact .list_infos_profil{ padding-left:24px !important; background:url(images/icons/list_infos_profil.png) no-repeat left 4px !important; } .list_infos_contact .list_infos_phone{ padding-left:24px !important; background:url(images/icons/list_infos_phone.png) no-repeat left center !important; } .list_infos_contact .list_infos_email{ padding-left:24px !important; background:url(images/icons/list_infos_email.png) no-repeat left center !important; } /* ////////////////////////////////////////////////////////////////////////////////////////////// author-info ////////////////////////////////////////////////////////////////////////////////////////////// */ #author-info{ background:url(images/1x1.png) repeat; -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.2); -moz-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.2); -o-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.2); box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.2); min-height:80px; } #author-image{ float: left; margin-right: 20px; } #author-bio{ padding:10px 20px; font-size:11px; line-height:17px; } #quote_wrap { margin:0; padding: 0; } aside #quote_wrap blockquote { width: 200px; /* required */ margin: 0 auto; } aside #quote_wrap blockquote p{ margin-bottom:0; } aside #quote_wrap blockquote cite{font-style: normal; color: #ccc; font-family: arial; display: block; text-align: right; } /* ---------------------- [ WIDGET COLS */ .widget_2cols .widget_col{ float: left; margin-left: 2%; margin-right: 2%; margin-bottom:20px; width: 46%; } .widget_3cols .widget_col{ float: left; margin-left: 2%; margin-right: 2%; margin-bottom:20px; width: 29.3%; } .widget_4cols .widget_col{ float: left; margin-left: 2%; margin-right: 2%; margin-bottom:20px; width: 21%; } /* ////////////////////////////////////////////////////////////////////////////////////////////// COLUMNS ////////////////////////////////////////////////////////////////////////////////////////////// */ .col{ float:left; margin-bottom:20px; -webkit-transition: width 0.4s ease; /* Saf3.2+, Chrome */ -moz-transition: width 0.4s ease; /* FF4+ */ -o-transition: width 0.4s ease; /* Opera 10.5+ */ transition: width 0.4s ease; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .one-full{ float:none !important; margin-left: 0%; margin-right: 0%; } .one-half, .one-third, .two-third, .one-fourth, .two-fourth, .three-fourth, .one-fifth, .two-fifth, .three-fifth, .four-fifth{ float: left; margin-left: 0%; margin-right: 4%; } .col.last{ margin-right:0% !important; } .one-full { width: 100%; } .one-half { width: 48%; } .one-third { width: 30.6%; } .two-third { width: 65.4%; } .one-fourth { width: 22%; } .two-fourth { width: 48%; } .three-fourth { width: 74%; } .one-fifth { width: 16.8%; } .two-fifth { width: 37.6%; } .three-fifth { width: 58.4%; } .four-fifth { width: 79.3%; } .inside-grille { } .grille-wrapper { position: relative; height: 800px; min-width: 500px; } .grille-wrapper .hours { width: 5%; position: absolute; top: 30px; left: -10px; text-align: center; top: 15px; } .grille-wrapper .hours div { line-height: 30px; } .grille-wrapper .days { position: absolute; left: 5%; right: 0; text-transform: uppercase; font-weight: bold; } .grille-wrapper .days div { width: 14%; float: left; text-align: center; line-height: 30px; } .grille-wrapper .grille { position: absolute; top: 30px; left: 5%; right: 0; height: 690px; } .grille-wrapper .grille .emission { position: absolute; background: red; text-align: center; box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.3); } .horaires { padding: 10px 0; color: #9A9A9A; font-style: italic; } .textwidget .horaires li { margin: 0; padding: 0; } #main .widget_a_la_une p { margin: 0; } .widget_a_la_une .horaires { padding: 5px 0; } #main .widget h5 a { margin: 0; padding: 0; color: #292929; } .tooltip { position: absolute; width: 300px; background: white; line-height: 100%; text-align: left; border: 1px solid #CCC; padding: 10px 0 0px; z-index: 999; margin-left: -150px; display:none; } .tooltip img { margin-bottom: 10px; } .tooltip h4, .tooltip .animated, .tooltip .horaires, .tooltip .descr, .tooltip .goto { padding: 0 10px; } #main p.animated { margin: 0; } #main .tooltip p { margin-bottom: 10px; } .goto a { text-align: center; padding: 10px; padding-bottom: 0; display: block; text-decoration: underline; } .tooltip .descr { line-height: 140%; } .tooltip .close { position: absolute; top: 5px; right: 0px; font-size: 30px; padding: 10px; cursor: pointer; } .arrow_box { background: #FFF; border: 1px solid #CCC; } .arrow_box:after, .arrow_box:before { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .arrow_box:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #FFF; border-width: 20px; left: 50%; margin-left: -20px; } .arrow_box:before { border-color: rgba(204, 204, 204, 0); border-bottom-color: #CCC; border-width: 21px; left: 50%; margin-left: -21px; } .program { display: block; position: relative; margin-bottom: 5px; max-height: 140px; overflow: hidden; } .program-infos { position: absolute; bottom: 0px; padding-left: 5px; padding-bottom: 4px; padding-top: 15px; background: url(images/gradient-bg.png) top left repeat-x; right: 0; left: 0; } #main .program-infos p { color: white; margin: 0; } .couv-list { width: 280px; max-width: 100%; } .exposure { width: 280px; height: auto; max-width: 100%; bottom: 0; left: 0; position: absolute; } .big-title { font-size: 18px; color: #525252; } .tiny-title { font-weight: bold; } .program-no-photo { margin : 10px 0; } #main .program-no-photo p { margin: 0; } .anims { line-height: 100%; font-size: 12px; color: #979797; } iframe { max-width: 100%; } body .nivo-controlNav { display: none; } #slider .nivo-caption { font-size: 24px; display: inline-block; } #slider { height: 350px; position: relative; overflow:hidden; text-align: center; } #slider img { height: 350px; } #slider .nivo-controlNav { display: none; } #slider a.nivo-nextNav { background: url(img/arrows.png) no-repeat -30px; margin-right: 5px; width: 30px; height: 30px; text-indent: -3000px; } #slider a.nivo-prevNav { background: url(img/arrows.png) no-repeat; margin-left: 5px; width: 30px; height: 30px; text-indent: -3000px; } #slider .nivo-caption { font-size: 24px; text-align: left; } .nivo-imageLink { display: none; } .nivo-caption p { padding: 10px; } .pointer { cursor: pointer; } .logo-stream img { margin-top: 30px; } .stream-player { clear: both; margin-top: 30px; } .stream-player .jp-controls { background: black; margin: auto; width: 90px; height: 90px; text-align: center; line-height: 80px; position: relative; text-align: center; } .stream-player .jp-controls li a { top: 18px; left: 12px; width: 80px; height: 80px; position: absolute; } .stream-player .jp-volume-bar { background: black; width: 90%; height: 10px; float: right; margin-top: 3px; cursor: pointer; } .stream-player .jp-volume-bar-value { background: white; height: 10px; } .fleft { float: left; } .fright { float: right; } .the-volume { width: 90%; margin: 30px auto 0; } .widget_col li .jp-no-solution a { display: inline; } /* podcast player */ .podcast-player { } .podcast-player .jp-controls, .podcast-player .jp-progress, .podcast-player .jp-seek-bar, .podcast-player .jp-play-bar, .podcast-player .jp-time-holder, .podcast-player .jp-current-time, .podcast-player .jp-duration { height: 40px; line-height: 40px; } .podcast-player .jp-controls { width: 40px; float: left; background: black; color: white; } .podcast-player .jp-controls li { padding: 0; } .podcast-player .jp-controls a { width: 40px; height: 40px; display: block; padding: 10px; } .podcast-player .jp-progress { margin-left: 40px; background: #292929; position: relative; } .podcast-player .jp-play-bar { background: #636363; } .podcast-player .jp-current-time, .podcast-player .jp-duration { color: white; font-size: 12px; } .podcast-player .jp-seek-bar { width: 100% !important; position: absolute; cursor: pointer; } .podcast-player .jp-current-time { float: left; margin-left: 6px; } .podcast-player .jp-duration { float: right; margin-right: 6px; } .podcast-player .jp-time-holder { position: absolute; top: 0; left: 0; width: 100%; } .hide { display: none; } .jp-loading { width: 56px; margin-left: 4px; } .page-numbers { background: white; padding: 10px 14px; font-weight: bold; } .page-numbers.current { color: #8D1618; } .page-numbers.dots { background: none; color: white; }