423 lines
11 KiB
CSS
423 lines
11 KiB
CSS
|
|
||
|
|
#module-psblog-posts .breadcrumb{ margin-bottom:20px; }
|
||
|
|
#post_view .rte{ text-align:justify; }
|
||
|
|
#post_view .medias{ float:left; margin-right:5px; padding:0 5px; }
|
||
|
|
#post_view .media_list ul{ margin:0; padding:0; }
|
||
|
|
#post_view .media_list ul li{ display:block; margin:0; text-align:right; padding:0; margin-top:5px; text-align:center; }
|
||
|
|
#post_view .media_list ul li img{ border:1px solid #EAEAEA; }
|
||
|
|
|
||
|
|
#post_view .categories{ margin:20px 0; }
|
||
|
|
#post_view .categories ul{ margin:0; padding:0; list-style-type:none; }
|
||
|
|
#post_view .categories ul li{float:left; margin-right:3px; }
|
||
|
|
#post_view .categories a{ text-decoration:underline; }
|
||
|
|
|
||
|
|
#post_view .related{ margin:20px 0; }
|
||
|
|
#post_view .related ul{ list-style-type:none; }
|
||
|
|
#post_view .related a{ text-decoration:underline; }
|
||
|
|
|
||
|
|
#post_view .products{ margin:20px 0; }
|
||
|
|
#post_view .products h5{ font-size: 12px; padding:0; min-height:30px; }
|
||
|
|
#post_view .products h5 a{ display:block; }
|
||
|
|
#post_view .products h5 span{ font-size:10px; font-weight:normal; font-style:italic; color:#666; }
|
||
|
|
#post_view .products p{ margin:0; padding:0; }
|
||
|
|
#post_view .products ul{ list-style-type:none; }
|
||
|
|
#post_view .products ul li{ padding:5px; margin: 0 10px 10px 0; background: none repeat scroll 0 0 #EEEEEE; border: 1px solid #CCCCCC; }
|
||
|
|
#post_view .products ul li.odd{ float:left; }
|
||
|
|
#post_view .products ul li.even{ float:right; }
|
||
|
|
#post_view .products .text_desc{ float: left; margin-left: 10px; width: 170px;}
|
||
|
|
#post_view .products a.content_img{ outline: medium none; display:block; float:left; display:block; }
|
||
|
|
|
||
|
|
|
||
|
|
#postcomments{ margin:20px 0; }
|
||
|
|
#postcomments .std thead th { background:none; }
|
||
|
|
#postcomments .std tbody td p span { font-weight:bold; }
|
||
|
|
#postcomments input[type=text]{ width:80% !important; }
|
||
|
|
#postcomments textarea{ width:82% !important; }
|
||
|
|
|
||
|
|
#post_list ul{ margin:0; padding:0; list-style-type:none; }
|
||
|
|
#post_list ul li{
|
||
|
|
margin:30px 0 5px;
|
||
|
|
padding:0 0 5px 0;
|
||
|
|
list-style-type:none;
|
||
|
|
border-bottom: 1px solid #553d85;
|
||
|
|
}
|
||
|
|
#post_list ul li.first_item{ margin:8px 0; }
|
||
|
|
#post_list ul li h3{ margin-top:0; margin-bottom:0; padding-bottom:5px; }
|
||
|
|
|
||
|
|
#category_info span.bold{ font-weight:bold; }
|
||
|
|
#category_info h4{ font-size:13px; padding-bottom: 5px; }
|
||
|
|
|
||
|
|
#post_list ul li h3 a,
|
||
|
|
#post_list h1{
|
||
|
|
text-decoration:none;
|
||
|
|
color: #434647;
|
||
|
|
font-family: Journal;
|
||
|
|
font-size: 34px;
|
||
|
|
text-align : left;
|
||
|
|
}
|
||
|
|
#post_list ul li .mag-title h3 a:hover{ text-decoration:none; }
|
||
|
|
#post_list ul li p{ padding-bottom:0; }
|
||
|
|
#post_list ul li .detail_left{ float:left; width:420px; }
|
||
|
|
|
||
|
|
#posts_home .block_content{ padding:5px 10px 5px 10px; }
|
||
|
|
#posts_home ul{ margin:0; padding:0; list-style-type:none; }
|
||
|
|
#posts_home ul li{ margin:0 0; padding:10px 0 5px 0; list-style-type:none; border-bottom:1px solid #D0D3D8; }
|
||
|
|
#posts_home ul li h3,
|
||
|
|
#post_list h1{
|
||
|
|
margin-top:0;
|
||
|
|
margin-bottom:0;
|
||
|
|
padding-bottom:5px;
|
||
|
|
}
|
||
|
|
#post_list h1{
|
||
|
|
font-size: 50px;
|
||
|
|
line-height: 40px;
|
||
|
|
margin-bottom : 10px;
|
||
|
|
}
|
||
|
|
#posts_home ul li h3 a{ text-decoration:none; }
|
||
|
|
#posts_home ul li h3 a:hover{ text-decoration:underline; }
|
||
|
|
#posts_home ul li span{ color:#999999; font-size:11px; }
|
||
|
|
#posts_home ul li .img_default{ float:left; margin-right:5px; }
|
||
|
|
#posts_home ul li .img_default img{ border:1px solid #EAEAEA; }
|
||
|
|
#posts_home ul li .detail_left{ float:left; width:400px; }
|
||
|
|
#posts_home ul li.last_item{ border:none; }
|
||
|
|
|
||
|
|
.bt_left{ float:left; }
|
||
|
|
.bt_right{float:right; }
|
||
|
|
.clear{ clear:both; }
|
||
|
|
#posts_home h4 span{ font-size:10px; float:right; margin-right:5px; text-transform:none; }
|
||
|
|
|
||
|
|
/* block search column */
|
||
|
|
.post_search_block .block_content{ padding:5px; background: none repeat scroll 0 0 #EEEEEE; border: 1px solid #CCCCCC;}
|
||
|
|
.post_search_block input[type=text]{ height: 20px; padding: 0 5px; }
|
||
|
|
.post_search_block p{ padding:6px 0; font-weight:bold; }
|
||
|
|
|
||
|
|
.posts_block li{ padding:5px; border-bottom: 1px dotted #EEEEEE; }
|
||
|
|
.posts_block li a{ background: none; padding: 0; }
|
||
|
|
.posts_block .post_img{ float:left; margin-right:5px; }
|
||
|
|
|
||
|
|
|
||
|
|
.blog_block_footer{ float:left; max-width:200px; padding: 15px 10px; }
|
||
|
|
.blog_block_footer h4{ background: none; font-weight:normal; font-size:14px; padding:0; }
|
||
|
|
.blog_block_footer ul li a{ background:none; padding:0; border:none; }
|
||
|
|
.posts_block.blog_block_footer li{ border:none; }
|
||
|
|
|
||
|
|
.posts_archives_block .block_content a.posts_month{
|
||
|
|
font-weight:normal;
|
||
|
|
}
|
||
|
|
|
||
|
|
#post_list .mag_date{
|
||
|
|
background : url('../../../img/mag_date.png') no-repeat center center;
|
||
|
|
height : 72px;
|
||
|
|
padding : 0;
|
||
|
|
color: #fff;
|
||
|
|
text-align : center;
|
||
|
|
}
|
||
|
|
#post_list .mag_date span{
|
||
|
|
display : block;
|
||
|
|
font-size : 12px;
|
||
|
|
line-height: 12px;
|
||
|
|
text-transform : uppercase;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
#post_list .mag_date span.day{
|
||
|
|
font-size : 24px;
|
||
|
|
margin-top: 10px;
|
||
|
|
line-height: 24px;
|
||
|
|
}
|
||
|
|
#post_list .mag-title p{
|
||
|
|
color: #a9adb1;
|
||
|
|
font-size: 14px;
|
||
|
|
}
|
||
|
|
#post_list .mag-title p a{
|
||
|
|
color: #a9a1d1;
|
||
|
|
text-decoration : none;
|
||
|
|
}
|
||
|
|
#post_list .top-article,
|
||
|
|
#post_list .img_default{
|
||
|
|
padding-bottom : 10px;
|
||
|
|
margin-bottom : 25px;
|
||
|
|
border-bottom: 1px dashed #b6b9ba;
|
||
|
|
}
|
||
|
|
#post_list .excerpt a{
|
||
|
|
color: #a9adb1;
|
||
|
|
font-size: 16px;
|
||
|
|
}
|
||
|
|
#post_list .link{
|
||
|
|
padding : 10px 0 35px 25px;
|
||
|
|
border-bottom: 3px solid #553d85;
|
||
|
|
background : url('../../../img/list-mag.png') no-repeat left 10px;
|
||
|
|
}
|
||
|
|
#post_list .link a{
|
||
|
|
font-size : 16px;
|
||
|
|
color: #a9a1d1;
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
#post_list.view-post #post_view h2{
|
||
|
|
font-size : 28px;
|
||
|
|
margin : 10px 0;
|
||
|
|
color : #797d80;
|
||
|
|
}
|
||
|
|
#post_list.view-post #post_view p{
|
||
|
|
font-size : 16px;
|
||
|
|
color : #a9aeb2;
|
||
|
|
text-align: left;
|
||
|
|
word-wrap: break-word;
|
||
|
|
}
|
||
|
|
#post_list.view-post #post_view img{
|
||
|
|
padding-bottom : 10px;
|
||
|
|
border-bottom: 1px dashed #b6b9ba;
|
||
|
|
padding-top : 10px;
|
||
|
|
border-top: 1px dashed #b6b9ba;
|
||
|
|
margin-bottom : 10px;
|
||
|
|
margin-top: 30px;
|
||
|
|
}
|
||
|
|
#post_list.view-post #post_view .rte{
|
||
|
|
border-bottom: 3px solid #553d85;
|
||
|
|
}
|
||
|
|
#post_list.view-post #post_view .addthis_toolbox{
|
||
|
|
border-top: 1px solid #553d85;
|
||
|
|
margin : 5px 0 20px;
|
||
|
|
padding : 10px 0 0 ;
|
||
|
|
|
||
|
|
}
|
||
|
|
#post_list.view-post #post_view .addthis_toolbox a span{
|
||
|
|
display : block;
|
||
|
|
width : 31px;
|
||
|
|
height : 31px;
|
||
|
|
margin-right : 5px;
|
||
|
|
}
|
||
|
|
#post_list.view-post #post_view .addthis_button_facebook span{
|
||
|
|
background : url('../../../img/fb_addthis.png') no-repeat center center;
|
||
|
|
}
|
||
|
|
#post_list.view-post #post_view .addthis_button_twitter span{
|
||
|
|
background : url('../../../img/tw_addthis.png') no-repeat center center;
|
||
|
|
}
|
||
|
|
#post_list.view-post #post_view .addthis_button_google_plusone_share span{
|
||
|
|
background : url('../../../img/gplus_addthis.png') no-repeat center center;
|
||
|
|
}
|
||
|
|
#post_list.view-post #post_view .social_post{
|
||
|
|
display : inline-block;
|
||
|
|
margin-right : 20px;
|
||
|
|
}
|
||
|
|
#post_list.view-post #post_view .social_post span.txt{
|
||
|
|
display : inline-block;
|
||
|
|
padding-top : 5px;
|
||
|
|
}
|
||
|
|
.addthis_toolbox h3{
|
||
|
|
color: #434d51;
|
||
|
|
font-size: 23px;
|
||
|
|
margin : 10px 0 ;
|
||
|
|
}
|
||
|
|
|
||
|
|
.blog_block_right{
|
||
|
|
border: 1px solid #553d85;
|
||
|
|
padding : 3px;
|
||
|
|
}
|
||
|
|
.blog_block_right.posts_archives_block{
|
||
|
|
border: 1px solid #a9a1d1;
|
||
|
|
}
|
||
|
|
.blog_block_right .container_block_post{
|
||
|
|
padding : 10px 25px 25px 25px;
|
||
|
|
border: 3px solid #553d85;
|
||
|
|
background-color: #a9a1d1;
|
||
|
|
}
|
||
|
|
.blog_block_right.posts_archives_block .container_block_post{
|
||
|
|
border: 3px solid #a9a1d1;
|
||
|
|
background-color: #f3f5f5;
|
||
|
|
}
|
||
|
|
.blog_block_right h4{
|
||
|
|
color: #fff;
|
||
|
|
font-family: Journal;
|
||
|
|
font-size: 45px;
|
||
|
|
margin : 0 0 25px 0;
|
||
|
|
}
|
||
|
|
.blog_block_right.posts_archives_block h4{
|
||
|
|
color: #434647;
|
||
|
|
font-size: 40px;
|
||
|
|
}
|
||
|
|
.blog_block_right ul li{
|
||
|
|
padding : 1px 0 0 25px;
|
||
|
|
background : url('../../../img/list-mag-white.png') no-repeat left center;
|
||
|
|
margin-bottom : 10px;
|
||
|
|
|
||
|
|
}
|
||
|
|
.blog_block_right.posts_archives_block ul li{
|
||
|
|
color: #a9adb1;
|
||
|
|
background : none;
|
||
|
|
list-style: disc inside none;
|
||
|
|
padding :0;
|
||
|
|
margin-bottom: 5px;
|
||
|
|
}
|
||
|
|
.blog_block_right ul li a{
|
||
|
|
color: #fff;
|
||
|
|
font-size: 18px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.blog_block_right.posts_archives_block ul li a{
|
||
|
|
color: #a9adb1;
|
||
|
|
font-size: 16px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.block-info-right {
|
||
|
|
margin-top : 20px;
|
||
|
|
background : #f3f5f5;
|
||
|
|
}
|
||
|
|
.block-info-right .container-info{
|
||
|
|
padding : 10px;
|
||
|
|
}
|
||
|
|
.block-info-right.block-right-info-parrainage .container-info{
|
||
|
|
background : url('../../../img/referral.png') no-repeat left top;
|
||
|
|
}
|
||
|
|
.block-info-right.block-right-info-social .container-info{
|
||
|
|
background : url('../../../img/social.png') no-repeat left top;
|
||
|
|
}
|
||
|
|
.block-info-right .container-info .box-dashed{
|
||
|
|
border : 1px dashed #f2a39f;
|
||
|
|
height : 345px;
|
||
|
|
position : relative;
|
||
|
|
padding-top: 205px;
|
||
|
|
}
|
||
|
|
.block-info-right .container-info .box-dashed .pastille{
|
||
|
|
background : url('../../../img/pastille.png') no-repeat center center;
|
||
|
|
height : 124px;
|
||
|
|
width : 124px;
|
||
|
|
position : absolute ;
|
||
|
|
left : 77px ;
|
||
|
|
top : 73px;
|
||
|
|
text-align : center;
|
||
|
|
color: #fffefe;
|
||
|
|
font-size: 14px;
|
||
|
|
text-transform : uppercase;
|
||
|
|
padding: 45px 10px 0;
|
||
|
|
}
|
||
|
|
.block-info-right .container-info .box-dashed ul li {
|
||
|
|
background: url("../../../img/diamond_grey.png") no-repeat scroll 10px 5px;
|
||
|
|
color: #797d7f;
|
||
|
|
font-size: 14px;
|
||
|
|
padding: 0 15px 18px 30px;
|
||
|
|
}
|
||
|
|
.block-right-info-parrainage ,
|
||
|
|
.block-right-info-social{
|
||
|
|
text-align : center;
|
||
|
|
}
|
||
|
|
.block-right-info-social{
|
||
|
|
margin-bottom : 20px;
|
||
|
|
}
|
||
|
|
.block-right-info-parrainage p{
|
||
|
|
color: #434647;
|
||
|
|
font-size: 28px;
|
||
|
|
text-transform : uppercase;
|
||
|
|
margin : 20px 0 30px;
|
||
|
|
}
|
||
|
|
.block-right-info-social p.tall{
|
||
|
|
color: #434647;
|
||
|
|
font-size: 20px;
|
||
|
|
margin : 0 27px 0;
|
||
|
|
text-transform : uppercase;
|
||
|
|
}
|
||
|
|
.block-right-info-social p{
|
||
|
|
color: #797d7f;
|
||
|
|
font-size: 14px;
|
||
|
|
margin : 7px 27px 6px;
|
||
|
|
}
|
||
|
|
#right_column .container-info .box-dashed .pastille{
|
||
|
|
left: 84px;
|
||
|
|
top: 70px;
|
||
|
|
}
|
||
|
|
.bg_blog{
|
||
|
|
position : absolute;
|
||
|
|
bottom : 0;
|
||
|
|
height : 257px;
|
||
|
|
background : url('../../../img/bg_blog.png') no-repeat 2px center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.container-related{
|
||
|
|
border: 1px solid #a9a1d1;
|
||
|
|
padding : 4px;
|
||
|
|
}
|
||
|
|
.container-related ul{
|
||
|
|
border: 3px solid #a9a1d1;
|
||
|
|
background-color: #f3f5f5;
|
||
|
|
padding : 0 15px;
|
||
|
|
margin : 0;
|
||
|
|
}
|
||
|
|
.container-related ul li {
|
||
|
|
border-top : 1px solid #a9adb1;
|
||
|
|
border-bottom : 0;
|
||
|
|
margin: 0;
|
||
|
|
padding: 20px 0;
|
||
|
|
}
|
||
|
|
.container-related ul li:first-child {
|
||
|
|
border : 0;
|
||
|
|
}
|
||
|
|
.container-related ul li .img_default{
|
||
|
|
width: 174px;
|
||
|
|
min-height : 90px;
|
||
|
|
padding :0;
|
||
|
|
margin : 0;
|
||
|
|
margin-right : 15px;
|
||
|
|
}
|
||
|
|
.container-related ul li .img_default img{
|
||
|
|
max-width : 174px;
|
||
|
|
margin : 0;
|
||
|
|
border-left : 0;
|
||
|
|
border-right : 0;
|
||
|
|
border-bottom: 1px dashed #b6b9ba;
|
||
|
|
border-top: 1px dashed #b6b9ba;
|
||
|
|
padding : 5px 0 ;
|
||
|
|
}
|
||
|
|
.container-related ul li a.title{
|
||
|
|
color: #797d7f;
|
||
|
|
font-family: Journal;
|
||
|
|
font-size: 30px;
|
||
|
|
text-decoration : none;
|
||
|
|
line-height : 28px;
|
||
|
|
}
|
||
|
|
.container-related p{
|
||
|
|
margin-top : 10px;
|
||
|
|
}
|
||
|
|
#privatesales_category #sales_list .sale{
|
||
|
|
margin-bottom : 20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/******* Changement police du Blog (paragraphe d'un article + titre) ********/
|
||
|
|
div#post_list ul li h3 a,
|
||
|
|
div#post_list .mag-title h1{
|
||
|
|
font-family: CaviarDreams;
|
||
|
|
font-size: 26px;
|
||
|
|
line-height: 30px;
|
||
|
|
}
|
||
|
|
div#post_list .excerpt p,
|
||
|
|
div#post_list.view-post #post_view p{
|
||
|
|
font-family: BrandonGrotesque;
|
||
|
|
font-size: 18px;
|
||
|
|
font-stretch: normal;
|
||
|
|
font-style: normal;
|
||
|
|
font-variant: normal;
|
||
|
|
font-weight: normal;
|
||
|
|
line-height: 24px;
|
||
|
|
color: #797D7F;
|
||
|
|
}
|
||
|
|
/* end */
|
||
|
|
|
||
|
|
|
||
|
|
@media (min-width: 768px) {
|
||
|
|
#post_list .mag_date{
|
||
|
|
width : 72px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@media (max-width: 767px) {
|
||
|
|
#post_list ul li h3 a, #post_list h1{
|
||
|
|
font-size: 34px;
|
||
|
|
line-height: 28px;
|
||
|
|
}
|
||
|
|
#post_view .rte img{
|
||
|
|
display: block;
|
||
|
|
height: auto;
|
||
|
|
max-width: 100%;
|
||
|
|
}
|
||
|
|
#post_list.view-post #post_view .social_post span.txt{
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
}
|