/** * @version 1.0.2 * @package Hipster template for Joomla! 3.x * @author JoomlaXTC http://www.joomlaxtc.com * @copyright Copyright (C) 2014 Monev Software LLC. All rights reserved. * @license http://www.joomlaxtc.com/license JoomlaXTC Proprietary Use License */ /* ----------------------------------------------*/ /* B 00 - Body /* ----------------------------------------------*/ body.frontpage {background:#BF975Furl('https://www.extrem-sud.com/templates/hipster/images/backgrounds/accueil.jpg') left bottom no-repeat fixed;color:#555;} .com_users {background:#BF975Furl('https://www.extrem-sud.com/templates/hipster/images/backgrounds/accueil.jpg') left bottom no-repeat fixed;color:#555;background-size:cover;} body{background:#BF975F url('https://www.extrem-sud.com/templates/hipster/images/backgrounds/background2.jpg') left bottom no-repeat fixed;color:#555;} /* ----------------------------------------------*/ /* B 01 - Heading,links and titles /* ----------------------------------------------*/ .contentheading {color:#a41e27;} .componentheading,.componentheadingnowrap,.pagetitle,span.subheading-category {color:#373737;} .loginpagetitle {color:#fff} a,input.button {color:#AD7910;} a:hover {color:#D4A74E;} a:active {color:#AD7910;} h1 {color:#a41e27;} h2 {color:#333333;} h3 {color:#2D79B3;} h4 {color:#333333;} h5 {color:#333333;} h6 {color:#333333;} /* ----------------------------------------------*/ /* B 02 - Basecolor styles, used in JXTC Walls and 3rd party components /* ----------------------------------------------*/ .basecolor_1 {color:#95837f;} .basecolor_2 {color:#fff;} .basecolor_3 {color:#999;} .basecolor_4 {color:#a41e27;} .basecolor_5 {color:#a41e27;} .basecolor_6 {color:#555;} .basecolor_7 {color:#222;} .basecolor_8 {color:#6897c8;} /* ----------------------------------------------*/ /* G 00 - Header,logo,menu /* ----------------------------------------------*/ #headerwrap {background:#a41e27 ;} .frontpage #headerwrap:hover, .loginbg #headerwrap:hover {background: #000!important;} .frontpage #headerwrap, .loginbg #headerwrap {background: rgba(0,0,0,0.4);} #header{background:transparent ;} #logo a{background:url(https://www.extrem-sud.com/templates/hipster/images/logos/logo-extrem-sud.png) no-repeat 0 0;height: 55px;width:225px;margin:0;} #search input{-moz-box-shadow: -1px -1px 0px rgba(0,0,0,0.3), 1px 1px 0px rgba(255,255,255,0.075); -webkit-box-shadow: -1px -1px 0px rgba(0,0,0,0.3), 1px 1px 0px rgba(255,255,255,0.075); box-shadow: -1px -1px 0px rgba(0,0,0,0.3), 1px 1px 0px rgba(255,255,255,0.075);} .sb-icon-search {background:#fff!important; color:#fff!important;} /* XTC Menu */ #menuwrap {background: transparent;} #menu {background: transparent;} /* Top Level */ #menuwrap ul.menu > li,span.separator {background-color: transparent!important;} #menuwrap ul.menu > li a,span.separator {color:#ebebeb!important;} #menuwrap ul.menu > li.deeper.parent.xtcHover,#menuwrap ul.menu > li:hover {background-color: transparent!important;z-index:999999999999!important;position:relative!important;} #menuwrap ul.menu > li:hover a {color:#fff!important;} #menuwrap ul.menu > li.active {background-color: transparent!important;} #menuwrap ul.menu > li.deeper.parent.active {background-color: transparent!important;} #menuwrap ul.menu > li.deeper.parent.active.xtcHover {background-color: transparent!important;} #menuwrap ul.menu > li.active a{color:#fff!important;} /* Drop Level */ .frontpage #menuwrap ul.menu li.parent > ul {background-color: #000!important;} #menuwrap ul.menu li.parent > ul {background-color: #a41e27!important;} #menuwrap ul.menu li.parent > ul > li {text-align:left; background: !important;} #menuwrap ul.menu li.parent > ul > li > a {color:#fff!important;} #menuwrap ul.menu li.parent > ul > li:hover {background:rgba(255,255,255,0.2)!important;} #menuwrap ul.menu li.parent > ul > li > a:hover {color:#fff!important;} #menuwrap ul.menu li.parent > ul > li.active {background: transparent!important;} #menuwrap ul.menu li.parent > ul > li.active:hover {background: transparent!important;} #menuwrap ul.menu li.parent > ul > li.active > a {color:#fff!important;} /* Side Menu */ ul.menu.iconside li {text-align:left; background: linear-gradient(to left,rgba(0, 0, 0, 0.2),rgba(0, 0, 0, 0.2) 50%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0.2));background-position: 100% 0; background-size: 200% 100%;transition: all 3.8s ease-in;} ul.menu.iconside li:hover {background-position: 0 0;} /* Main Menu Hover Top Effect */ #header ul.menu > li > a::before { position: absolute;top: -60%;left: 40%;color: transparent;content: '~';text-shadow: 0 0 transparent;font-size: 1.2em; -webkit-transition: text-shadow 0.3s, color 0.3s;-moz-transition: text-shadow 0.3s, color 0.3s;transition: text-shadow 0.3s, color 0.3s; -webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);transform: translateX(-50%);pointer-events: none; } #header ul.menu > li > a:hover::before,#header ul.menu > li > a:focus::before {color: #ebebeb; text-shadow: 10px 0 #ebebeb, -10px 0 #ebebeb;} #header ul.menu > li > a:hover,#header ul.menu > li > a:focus {color: #ebebeb;} /* ----------------------------------------------*/ /* G 03 - Region 1 /* ----------------------------------------------*/ #region1wrap{background:transparent ;} #region1{background:transparent ;} /* ----------------------------------------------*/ /* G 04 - Region 2 /* ----------------------------------------------*/ #region2wrap{background:transparent ; } #region2{background:transparent ;} /* ----------------------------------------------*/ /* G 05 - Region 3 /* ----------------------------------------------*/ #region3wrap{background:transparent ;} #region3{ background:transparent ;} #component {background:#f5f5f5;padding:30px!important;} #left {background:transparent} #right {background:transparent} /* ----------------------------------------------*/ /* G 06 - Region 4 /* ----------------------------------------------*/ #region4wrap{background:transparent ;} #region4{background:#f5f5f5 ;} /* ----------------------------------------------*/ /* G 07 - Region 5 /* ----------------------------------------------*/ #region5wrap{background:transparent ;} #region5{background:transparent ;} /* ----------------------------------------------*/ /* G 08 - Region 6 /* ----------------------------------------------*/ #region6wrap{background:transparent ;} #region6{background:transparent ; } /* ----------------------------------------------*/ /* G 09 - Region 7 /* ----------------------------------------------*/ #region7wrap{background:transparent ;} #region7{background:transparent ;} /* ----------------------------------------------*/ /* G 10 - Region 8 /* ----------------------------------------------*/ #region8wrap{background:transparent ;} #region8{background:transparent ;} /* ----------------------------------------------*/ /* G 11 - Region 9 /* ----------------------------------------------*/ #region9wrap{background:transparent ;} #region9{background:transparent ;} /* ----------------------------------------------*/ /* G 12 - Region 10 /* ----------------------------------------------*/ #region10wrap{background:transparent ;} #region10{background:transparent ;} /* ----------------------------------------------*/ /* G 13 - Footerwrap /* ----------------------------------------------*/ #footerwrap{background:#000;color:#222;} #footerpad{background:;} /* ----------------------------------------------*/ /* S 00 - Module Suffixes /* ----------------------------------------------*/ .module{background: transparent;} .module h3.moduletitle {background: #333;} .module h3 span.first_word,#community-wrap .app-box > h3, #community-wrap .app-box-footer a,#community-wrap .app-box-filter a,#community-wrap .cResetList span.first_word {color:#808080;font-weight:bold;} span.rest{color:#a41e27;} .module h3 span.rest{color:#a41e27;} .basecolor5_box h3, .basecolor5_box h3 span, .basecolor5_box,.basecolor5_box .modulecontent,.basecolor5_box .modulecontent a {background:#a41e27!important; color:#fff!important; } .basecolor6_box h3,.basecolor6_box h3 span,.basecolor6_box,.basecolor6_box .modulecontent,.basecolor6_box .modulecontent a {background:#555!important; color:#fff!important; } .basecolor7_box h3,.basecolor7_box h3 span,.basecolor7_box,.basecolor7_box .modulecontent,.basecolor7_box .modulecontent a {background:#222!important; color:#fff!important; } .basecolor8_box h3,.basecolor8_box h3 span,.basecolor8_box,.basecolor8_box .modulecontent,.basecolor8_box .modulecontent a {background:#6897c8!important; color:#fff!important; } /* ----------------------------------------------*/ /* C 00 - Content Overrides /* ----------------------------------------------*/ .pagetitle, .pagetitle a {color:#373737;} h2.cat_title a,h2.cat_title {color:#373737;} .itemHeader h2.article_title a,.itemHeader h2.article_title {color:#a41e27!important;} .btn input,.btn button {background:#95837f!important; color:#fff!important;text-shadow:none!important; text-transform:uppercase;} .btn {background:none!important; border:1px solid rgba(0,0,0,0.3)!important;color:#222!important; font-size:12px!important;padding:10px 32px 11px!important;text-transform:uppercase!important;margin-top:10px!important; display:inline-block!important;border-radius:0px!important;} .button, button {background:#999!important; color:#fff!important;text-shadow:none!important; text-transform:uppercase;} .formstyle .button, .formstyle button {background: rgba(0,0,0,0.5) !important; color:#fff!important;text-shadow:none!important; text-transform:uppercase;} .readmore a {color:#95837f !important;} .readmore a span {color:#fff;} .parent-category-name a, .category-name a, .create a, .modified a, .published a, .createdby a, .hits a {color:#222!important;} .readmore a:hover {background:#95837f;color:#fff; text-shadow:1px 1px 0 rgba(0,0,0,0.3); box-shadow: 2px 2px 0 rgba(0,0,0,0.15);} legend {color:#95837f !important;} dt.result-title, dt.result-title a {color:#95837f !important; font-weight:normal;} .search_menu_btn:hover {color:#fff;background:#95837f;cursor:pointer;} .topsearch .sb-search-input {background:#fff!important;color:#333 !important;} .items-more h3 {color:#95837f!important;} .dropcap {color:#95837f!important;} div.itemFullText h3,.item-page h3 {color:#95837f;} .items-more ol {margin:0px!important;} .ImageWrapper {display: block;overflow: hidden;position: relative;} .ImageWrapper .PStyleNe {position: absolute;background: url(https://www.extrem-sud.com/templates/hipster/images/icons/plus.png) no-repeat scroll top left / 100% 100% #222222;width: 100%;height: 100%;z-index: 199;-webkit-background-origin: padding-box, padding-box;-moz-background-origin: padding-box, padding-box;-ms-background-origin: padding-box, padding-box;-o-background-origin: padding-box, padding-box;background-origin: padding-box, padding-box;background-position: bottom center;background-repeat: no-repeat;-webkit-background-size: 10px 10px, 100% 100%;-moz-background-size: 10px 10px, 100% 100%;-ms-background-size: 10px 10px, 100% 100%;-o-background-size: 10px 10px, 100% 100%;background-size: 10px 10px, 100% 100%;opacity: 0;top: 0;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;} .ImageWrapper:hover .PStyleNe {opacity: .6;-webkit-background-size: 60px 60px, 100% 100%;-moz-background-size: 60px 60px, 100% 100%;-ms-background-size: 60px 60px, 100% 100%;-o-background-size: 60px 60px, 100% 100%;background-size: 60px 60px, 100% 100%;visibility: visible;background-position: center center;} div.blog-post {position: relative;} .cat-item input[type="radio"] + label:hover {background:#333;color:#fff;} .cat-item input[type="radio"] + label:active {background:#923935;color:#fff;} .bottom .modulecontent ul li {border-bottom-color: rgba(255,255,255,0.05)} .loginformwrap {border:15px solid rgba(0,0,0,0.25); background: rgba(0,0,0,0.45); color:#fff!important;} .loginformwrap ul li a {color:#fff!important;} /* ----------------------------------------------*/ /* C 01 - Typography /* ----------------------------------------------*/ .numbered:after, .numbered-medium:after, .numbered-small:after {border-color:transparent;} .bargraphv,.bargraphv a:hover {background-color:#95837f!important;} .circletag {background-color:#95837f!important;} .circlebottom {border-top-color: #95837f!important;} .cloud_tag1 {background-color:#fff!important;} .bargraphv,.bargraphv a {background-color:#95837f!important;font-weight:400!important;} /* ----------------------------------------------*/ /* Virtuemart /* ----------------------------------------------*/ .vmcatwrap {background:#fff;} span.addtocart-button input.addtocart-button, span.addtocart-button input.notify-button {background: #a41e27!important;} .featured-view .product-price, .latest-view .product-price, .topten-view .product-price, .recent-view .product-price {margin:0px 0px 18px!important;font-size: 18px !important;text-transform: uppercase; letter-spacing: 0px !important;} .general-bg, input.custom-attribute, .manufacturer-product-link a, input.vm-default, button.default {background: #222!important;} a.ask-a-question {} input.quantity-input {} .vmcatwrap a.product-details, .vmhpcatwrap a.product-details {background: #a41e27!important;} .vmcatwrap a.product-details:hover, .vmhpcatwrap a.product-details:hover {background: #222!important;} .cart-view input.default {background: #222!important; color:#fff!important;} span.details-button input.details-button {background: #222!important;} .vm-button-correct, .vm-button-correct:link, .vm-button-correct:visited {background: #222!important;} /* ----------------------------------------------*/ /* M 03 - J2 Store /* ----------------------------------------------*/ .j2store_cart_button {background: #a41e27!important; color:#fff!important; text-shadow:none!important; box-shadow:none!important;} .j2store_cart_button:hover {background: #a41e27!important;} .j2store .btn {background: #a41e27!important; color:#fff!important; text-shadow:none!important; box-shadow:none!important;} /* ----------------------------------------------*/ /* M 00 - Custom HTML /* ----------------------------------------------*/ .sitebadge {background: url('https://www.extrem-sud.com/templates/hipster/images/backgrounds/hip-badge-lt.png') 50% 50% no-repeat!important;background-size:100%!important;} .embellishment p {color:#fff;} .embellishment .btn {border-color: #fff!important;color: #fff!important;} /* Menu Right 1 and 2 */ #menuright1 i,#menuright2 i {color:#fff!important;} /* ----------------------------------------------*/ /* M 02 - Acymailing /* ----------------------------------------------*/ #user_name_formAcymailing,#user_email_formAcymailing {background:#666!important;} .acymailing_form .btn-primary {background: #95837f!important;} /* ----------------------------------------------*/ /* RESPONSIVE /* ----------------------------------------------*/ /* MOBILE */ .mobilebtn {background: url('https://www.extrem-sud.com/templates/hipster/images/icons/menu-icon-lt.png') 50% 50% no-repeat!important;margin:0 0 0 -8px;opacity:0.75;} .mobilebtn select {background:#fff!important;} .mobiletools a {display:inline-block; width:30px; height:30px; color:#fff; opacity:0.75;} @media(max-width:768px ){ body.frontpage {background:transparent url('https://www.extrem-sud.com/templates/hipster/images/backgrounds/')!important; 50% 50% no-repeat;color:#555;} } @media(max-width:900px ){ #headerwrap.xtc-bodygutter.sticky {border-right:2px solid #a41e27;} #logo a{background:url(https://www.extrem-sud.com/templates/hipster/images/logos/logo-extrem-sud-mobile.png) no-repeat 0 0;height: 35px;width:145px!important;margin:10px 0 0 0!important;}} @media(max-width:800px ){ /* ----------------------------------------------*/ /* L 01 - Region 1 /* ----------------------------------------------*/ #region1wrap{background:transparent ; } #region1{background:transparent ; } } /* ----------------------------------------------*/ /* L 02 - Region 2 /* ----------------------------------------------*/ @media(max-width:800px ){ } @media(max-width:px ){ } @media(max-width:800px ){ } @media(max-width:800px ){ /* ----------------------------------------------*/ /* L 05 - Region 5 /* ----------------------------------------------*/ #region5wrap{background:transparent ; } #region5{background:transparent ; } } @media(max-width:800px ){ /* ----------------------------------------------*/ /* L 06 - Region 6 /* ----------------------------------------------*/ #region6wrap{background:transparent ; } #region6{background:transparent ; } } @media(max-width:800px ){ /* ----------------------------------------------*/ /* L 07 - Region 7 /* ----------------------------------------------*/ #region7wrap{background:transparent ; } #region7{background:transparent ; } } @media(max-width:800px ){ /* ----------------------------------------------*/ /* L 08 - Region 8 /* ----------------------------------------------*/ #region8wrap{background:transparent ; } #region8{background:transparent ; } } @media(max-width:px ){ } @media(max-width:px ){ }