garancia/themes/default/css/category.css
2016-10-10 15:24:25 +02:00

306 lines
7.7 KiB
CSS
Executable File

#category #page .borderGreen{
width:774px;
float:right;
border-top: 0;
}
.content_scene_cat{
background: #fff;
border-top: 7px solid #b9da1a;
border-bottom: 7px solid #b9da1a;
box-sizing: border-box;
clear: both;
float: none;
min-height: 263px;
padding: 15px 20px 20px;
text-align: center;
width: 100%;
margin-bottom : 20px;
}
.content_scene_cat h1 {
border-bottom: 1px solid #fff;
color: #fff;
display: inline-block;
font-size: 30px;
line-height: 30px;
padding-bottom: 10px;
color: #fff;
}
.category-32 .content_scene_cat h1 {
color: #000;
border-bottom: 1px solid #000;
}
.content_scene_cat .align_center {display: inline-block;vertical-align: top;width: 40%;}
.content_scene_cat .cat_desc {
color: #fff;
display: block;
padding: 0;
text-align: left;
vertical-align: top;
width: 70%;
}
.content_scene_cat .cat_desc.center {display: block;margin: 0 auto;}
.cat_desc p {
color: #fff !important;
display: block;
margin: 0 0 20px;
padding: 0;
font-size: 15px;
font-family: "ProximaNova";
text-align: justify;
line-height : 20px;
}
.category-32 .cat_desc p {
color: #000 !important;
}
#category_description_full {
border: medium none;
color: #000;
float: right;
padding: 0;
text-align: left;
width: 814px;
}
.lnk_more,
.lnk_more:hover {
background: none repeat scroll 0 0 #b9da1a;
border: 1px solid #a9c717;
display: inline-block;
color: #00000f;
font-family: "ProximaNova";
font-size: 18px;
padding: 10px 23px 10px 18px;
text-decoration:none;
}
.lnk_more span {margin-left: 10px;}
#menuGauche {
background: url("../img/bgMenuGauche.png") repeat-y scroll 0 0 rgba(0, 0, 0, 0);
left: 0;
padding: 40px 40px 40px 20px;
position: absolute;
top: 0;
width: 140px;
}
#menuGauche p{
padding:0;
}
#menuGauche .titre{
color: #000000;
font-family: Times New Roman;
font-size: 13px;
line-height: 19px;
margin: 0;
padding: 0;
text-transform: uppercase;
height:30px;
line-height:15px;
font-weight:bold;
}
#menuGauche .checkbox{
height:30px;
line-height:15px;
}
#menuGauche .checkbox input{
margin:0 5px 5px 0;
float:left;
}
#menuGauche .checkbox label{
line-height:15px;
font-size: 12px;
}
.center_column_category{
border-top:7px solid #b9da1a;
}
#category_description_full:after,
#category_description_full *:after,
#category_description_full:before,
#category_description_full *:before,
#category_description_full,
#category_description_full *{
box-sizing: border-box;
font-family: "ProximaNova";
}
#category_description_full{
background: #fff;
border-top: 7px solid #b9da1a;
border-bottom:7px solid #b9da1a;
}
#category_description_full .box-description{
padding : 20px;
}
#category_description_full .box-description.box-grey{
background-color: #f5f5f5;
}
#category_description_full .box-description.box-special{
background: url('../img/bgspecial.png') no-repeat left center ;
}
.category-10 #category_description_full .box-description.box-special{
background: url('../img/bgspecial-10.png') no-repeat left center ;
}
.category-32 #category_description_full .box-description.box-special{
background: url('../img/bgspecial-32.png') no-repeat left center ;
}
.category-33 #category_description_full .box-description.box-special{
background: url('../img/bgspecial-33.png') no-repeat left center ;
}
.category-9 #category_description_full .box-description.box-special{
background: url('../img/bgspecial-9.png') no-repeat left center ;
}
.category-8 #category_description_full .box-description.box-special{
background: url('../img/bgspecial-8.png') no-repeat left center ;
}
.category-6 #category_description_full .box-description.box-special{
background: url('../img/bgspecial-6.png') no-repeat left center ;
}
.category-4 #category_description_full .box-description.box-special{
background: url('../img/bgspecial-4.png') no-repeat left center ;
}
.category-5 #category_description_full .box-description.box-special{
background: url('../img/bgspecial-4.png') no-repeat left center ;
}
.category-5 #category_description_full .box-description.box-special.box-special-2{
background: url('../img/bgspecial-5.png') no-repeat left center ;
}
.category-11 #category_description_full .box-description.box-special{
background: url('../img/bgspecial-11.png') no-repeat left center ;
}
#category_description_full .description-img{
display: table-cell;
width: 313px;
text-align : center;
vertical-align : middle;
}
#category_description_full .col-text{
width: 461px;
display: table-cell;
}
#category_description_full .description-text{
padding : 40px 40px 30px 40px;
}
#category_description_full .box-grey .description-text{
padding : 20px 40px 0 40px;
}
#category_description_full .col-green .description-text{
background: #b9d919;
}
#category_description_full .description-text h3{
color: #000;
font-weight: bold;
font-size: 28px;
line-height : 28px;
}
#category_description_full .description-text ul li,
#category_description_full .description-text p{
color: #000;
font-size: 15px;
line-height : 24px;
text-align : justify;
padding : 0;
margin-bottom: 20px;
}
.category-4 #category_description_full .description-text ul li,
.category-4 #category_description_full .description-text p{
line-height : 25px;
}
.category-8 #category_description_full .description-text p,
.category-10 #category_description_full .description-text p{
line-height : 19px;
}
.category-6 #category_description_full .description-text ul li,
.category-6 #category_description_full .description-text p{
margin-bottom: 10px;
}
.category-32 #category_description_full .description-text p.description-text-small{
margin-bottom: 0;
}
#category_description_full .description-text a.button-black{
background-color: #080808;
color: #fff;
font-size: 18px;
padding : 14px 17px;
margin-top : 0;
display : inline-block;
text-decoration : none;
}
#category_description_full .description-text .description-text-small,
#category_description_full .description-text-small{
color: #595959;
font-size: 9px;
padding : 15px 40px 0;
}
#category_description_full .description-text .description-text-small{
padding: 15px 0 0;
line-height: 9px;
}
#category_description_full .col-puce{
float : left;
width: 313px;
}
#category_description_full .col-puce li{
position : relative;
margin-top : 30px;
clear : both;
overflow : auto;
}
.category-6 #category_description_full .col-puce li{
margin-top : 0;
}
.category-6 #category_description_full .col-puce li:nth-child(3),
.category-6 #category_description_full .col-puce li:nth-child(2){
margin-top : 35px;
}
#category_description_full .col-puce li p,
#category_description_full .col-puce li{
color : #000;
}
#category_description_full .col-puce li .li-number {
position : absolute;
top : 0;
left : 0;
width : 50px;
height: 50px;
color: #000;
font-size: 14px;
text-align : center;
background : url('../img/col-puce-black.png') no-repeat center center;
padding : 18px 0 0 ;
}
.category-6 #category_description_full .col-puce li:first-child .li-number {
top: 42px;
}
#category_description_full .col-puce li p{
padding : 13px 0 0 60px;
float : left;
width : 190px;
font-size: 15px;
line-height: 25px;
}
.category-6 #category_description_full .col-puce li p{
width : 195px;
}
.category-6 #category_description_full .col-puce li:first-child p{
padding-top: 55px;
}
.category-6 #category_description_full .col-puce li:first-child p.puce-img{
padding-top: 13px;
}
#category_description_full .col-puce li p strong{
font-size : 18px;
display : block;
}
#category_description_full .col-puce li p.puce-img{
padding : 0;
float : right;
text-align : center;
width : 123px;
}
.category-6 #category_description_full .col-puce li p.puce-img{
width : 118px;
}
.category-6 #category_description_full .col-puce li:nth-child(2) p.puce-img{
padding-top: 16px;
}
.category-6 #category_description_full .col-puce li:nth-child(3) p.puce-img{
padding-top: 16px;
}