garancia/modules/psblog/psblog.css
2016-10-10 15:24:25 +02:00

714 lines
18 KiB
CSS
Executable File

body#module-psblog-posts
{
background:url("../../../themes/default/img/bg_blog.jpg") center center repeat-y #000;
}
.psblog_head h2{
color:#fff;
height:150px;
text-align: center;
}
div.article.borderGreen,
div#post_list li.borderGreen{
padding:0px !important;
width:100% !important;
position:relative !important;
z-index:1 !important;
min-height: inherit !important;
}
div.article.borderGreen{
background:none !important;
}
.blog_block_right.posts_block ul li{
border-top:7px solid #b9da1a;
}
/*
div.article.borderGreen .stared,
div#post_list li.borderGreen .stared{
position:absolute;
height:75px;
text-align: center;
padding-top:24px;
width:113px;
color:#000;
z-index:2;
left:-56px;
top:-56px;
background:url("../../../themes/default/img/bg_star.png") center center no-repeat transparent;
}
*/
div.article.borderGreen .stared,
div#post_list li.borderGreen .stared{
position:absolute;
height:75px;
text-align: center;
padding-top:46px;
width:113px;
color:#000;
z-index:2;
left:-56px;
top:-60px;
background:url("../../../themes/default/img/bg_star.png") center center no-repeat transparent;
}
div.article.borderGreen span.stared span.top,
#post_list ul li span.stared span.top{
font-family: 'ProximaNova';
font-size:30px;
color:#000;
display:block;
}
div.article.borderGreen span.stared span.bottom,
#post_list ul li span.stared span.bottom{
font-family: 'ProximaNova';
font-size:12px;
color:#000;
display:block;
}
#post_list ul li .detail_large{
padding:0px 85px 20px 85px;
font-family: 'ProximaNova';
font-size:15px;
color:#232323;
line-height:1.3em;
}
.share .details a,
#post_list ul li .details span a{
display: inline-block;
background: #000;
padding:5px 15px;
font-size:18px;
color:#fff;
text-transform: uppercase;
font-weight: normal;
font-style: normal;
margin:0 10px 10px 0;
font-family: 'ProximaNova';
}
.posts_block .block_content p.pmore,
div.more{
padding:0px 85px;
height:42px;
line-height:42px;
background:#000;
color:#b9da1a;
font-family: Times new roman, serif;
font-size:16px;
text-transform: uppercase;
}
.posts_block .block_content p.pmore{
padding:0px 15px;
}
.posts_block .block_content p.pmore a{
color:#b9da1a;
}
.triple_stared
{
display: inline-block;
height:13px;
width:43px;
margin-left:10px;
background:url(../../../themes/default/img/triple_star.png) center center no-repeat #000;
}
body#module-psblog-posts #center_column{width:650px;}
body#module-psblog-posts #right_column{display:block; width:326px; margin-top:0px; }
#psblog .search-keyword { color: #999; font-style: italic; border-bottom: 1px solid #999; padding: 0 0 5px 5px;}
#module-psblog-posts .breadcrumb{ }
#post_view .rte{ text-align:justify; }
#post_view .rte a{color:#b9da1a;}
#post_view .rte a:hover{color:#333;}
#post_view .rte h4,
#post_view .rte h4 *{
font-weight: normal;
text-shadow:0px 0px 0px transparent;
font-family: 'ProximaNova';
font-size: 18px !important;
text-transform: none;
text-align: left;
margin-bottom:10px;
}
#post_view .rte h4 strong{font-weight:bold;}
#post_view .rte p{
color:#333;
}
#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 .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 .rte img { display: block; width: 100%; }
#post_view .products h3 { border-top: 1px solid #000; color: #000; font-size: 12px; font-weight: bold; margin: 30px 0 0 0; padding: 10px 0; text-transform: uppercase; }
#post_view .products img{ display: block; }
#post_view .products h5{ padding:0; min-height:22px; text-transform: uppercase; width: 100%;}
#post_view .products h5 > span{ display: block; 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; background: none repeat scroll 0 0 #fff; border: 1px solid #ddd; width: 47%; }
#post_view .products ul li.odd{ float:left; }
#post_view .products ul li.even{ float:right; }
#post_view .products .text_desc{ float: left; margin: 2px 0 0 10px; width: 216px; font-size: 14px;}
#post_view .products a.content_img{ outline: medium none; display:block; float:left; display:block; }
#post_view .addthis_toolbox{ margin:10px 0 10px 0; }
#postcomments{margin-top:10px;}
#postcomments h3 { background:rgba(255,255,255,0.3); font-style: italic; line-height:1.1em; color: #000; font-size: 36px; font-weight: normal; padding: 10px 85px; text-transform: capitalize; }
#postcomments table { background: #f5f5f5; border-top: 1px solid #d9d9d9; }
#postcomments table td:last-child { background: #fff; }
#postcomments table .comment-title { font-size: 14px; font-weight: bold; line-height: 18px; padding: 0 7px 10px 0; }
#postcomments .std thead th { background:none; }
#postcomments .std tbody td p span { font-weight:bold; }
#postcomments input[type=text]{ width:600px !important; }
#post_list { color: #000; font-size: 12px; }
#post_list ul{ margin:0; padding:0; list-style-type:none; }
#post_list ul li{ margin:20px 0; padding:0 0 10px 0; list-style-type:none; border-bottom:1px solid #000; cursor: pointer; }
#post_list ul li:first-child{
margin-top:0px;
}
#post_list ul li.first_item{ margin:0 0 20px 0; }
#post_list ul li.last_item{ border-bottom:none; }
#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; }
#page .article.borderGreen h1{
margin: 0;
text-align: left;
text-transform: none;
}
.article.borderGreen h3,
.article.borderGreen .top-article,
#post_list ul li h2 { padding: 0; }
.article.borderGreen h3 span.title,
#page .article.borderGreen .top-article h1.title,
#post_list ul li h2 a{ color: #000; line-height:1.15em; font-size: 26px; font-weight: normal; text-decoration:none; font-family: Times new roman, serif; font-style: italic; }
#post_list ul li h2 a:hover{ text-decoration:none; }
#post_list ul li p{ font-style: italic; padding-bottom:0; }
.article.borderGreen .img_default,
#post_list ul li .img_default{ margin: 0; position:relative; }
.article.borderGreen .img_default h3,
.article.borderGreen .img_default .top-article,
#post_list ul li .img_default h2{ position:absolute; bottom:0; left:0; right:0; padding:20px 86px; background:rgba(255,255,255,0.6); }
#post_list ul li.noimg .img_default h2{ position:relative; padding:20px 86px; background:rgba(0,0,0,0.1); }
#post_list ul li .img_default a{ display:block; }
#post_list ul li .detail_left{ float:left; margin: 10px 0 0 0; width: 497px;}
#post_list ul li .excerpt { margin: 15px 0; text-align: justify; }
#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{ margin-top:0; margin-bottom:0; padding-bottom:5px; font-size:12px; }
#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 .excerpt{ margin-top:5px; }
#posts_home ul li .img_default{ float:left; margin-right:5px; }
#posts_home ul li .img_default img{ border: 0; }
#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{
border-top:7px solid #b9da1a;
margin-top:20px;
background:#000;
padding:5px 15px;
color:#fff !important;
cursor: pointer;
}
.post_search_block p{
color:#fff;
padding:0px;
margin-top:5px;
font-size:16px;
text-transform: uppercase;
}
.post_search_block a{
display: block;
margin:10px 0;
text-transform: uppercase;
font-size: 16px;
font-family: 'Times new roman', serif;
color:#b9da1a !important;
}
.post_search_block a:hover{
text-decoration: none;
}
/*
.post_search_block .block_content{ padding:20px; background:rgba(255,255,255,0.3); }
.post_search_block input[type=text]{
padding:0 8px;
line-height:28px;
width:225px;
height:28px;
border:1px solid #d2d2d2;
box-shadow:inset -1px 1px 2px rgba(0,0,0,0.2);
font-size:14px;
font-style: italic;
font-weight: normal;
color:#666;
font-family: 'ProximaNova';
}
.post_search_block input[type=submit]
{
background:url(../../../themes/default/img/search.png) center center no-repeat #b9da1a;
border:1px solid #c4c4c4;
height:30px;
width:30px;
cursor: pointer;
top:-1px;
position:relative;
margin-top:-1px;
text-indent: -9999px;
}
.post_search_block p{ padding:0; font-weight:bold; }
*/
.posts_block li{ }
.posts_block li.last_item{ border: none; }
.posts_block li a{ background: none; font-size: 14px; padding: 0; }
.posts_block li h5{ margin: 10px 0 0 0; }
.posts_block li h5 + span{ color: #777; }
.posts_block .post_img{ width:100%; }
.posts_block .post_img img{
min-width:100%;
width:100%;
max-width:100%;
}
.posts_block .content{
padding:20px;
}
.posts_block .content h5{
margin:0px;
padding:0px;
font-family:Times new roman, serif;
text-transform: uppercase;
font-size: 14px;
color:#000;
line-height:1.5em;
}
.posts_block .content span.date{
color:#666;
font-size:14px;
margin-top:5px;
display: block;
}
.posts_archives_block{
background:rgba(0,0,0,0.7);
}
.posts_block,
.posts_block_categories{
background:#fff;
}
.posts_block_categories{
margin:0px;
border-top:7px solid #b9da1a;
}
.post_search_block h4,
.posts_archives_block h4,
.posts_block h4,
.posts_block_categories h4{
background:#b9da1a;
font-weight: normal;
font-size:18px;
padding:0px;
height: 33px;
line-height: 33px;
color:#000;
text-align: center;
text-transform: uppercase;
}
.post_search_block h4 a,
.posts_archives_block h4 a,
.posts_block h4 a{
color:#000;
}
.posts_block_categories{padding:10px 0;}
.posts_archives_block ul,
.posts_block_categories ul{ list-style: none; }
.posts_block_categories ul li ul{ margin-left:15px; }
.posts_archives_block li,
.posts_block_categories li { border:none !important; position:relative; }
.posts_block_categories li.current a{color:#b9da1a;}
.posts_block_categories li:after{
content:"";
width:173px;
margin:0px auto;
height:20px;
position:absolute;
bottom:-10px;
left:0;
right:0;
background:url(../../../themes/default/img/bg_bottom_list.png) center center no-repeat transparent;
}
.posts_block_categories li:last-child:after{
display:none;
}
.posts_archives_block ul li a,
.posts_block_categories ul li a {
color: #333333;
display: block;
padding: 30px 0;
text-align: center;
font-family: Times new roman, serif;
font-size:18px;
text-transform: uppercase;
}
div.products ul li div.text_desc h5 a:hover,
.share .details a:hover,
#post_list ul li .details span a:hover,
.posts_archives_block ul li a:hover,
.posts_block_categories ul li a:hover{
text-decoration: none;
color:#b9da1a;
}
.posts_archives_block ul li a{
color:#fff;
letter-spacing: 2px;
}
.posts_archives_block li:after{
content:"";
width:173px;
margin:0px auto;
height:20px;
position:absolute;
bottom:-10px;
left:0;
right:0;
background:url(../../../themes/default/img/bg_bottom_list_white.png) center center no-repeat transparent;
}
.posts_archives_block li:last-child:after{
display:none;
}
/*
.posts_block .block_content p.pmore{
background:#000;
}
.posts_block .block_content p.pmore a.more
{
font-weight: bold;
background: url("../../../themes/default/img/homeblockFleche1.png") no-repeat scroll right center #b9da1a;
border:1px solid #a9c717;
color: #000;
display: inline-block;
height:30px;
margin-left:5px;
line-height: 30px;
padding:0 30px 0 14px;
width: auto;
}
*/
.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{ background:transparent;}
/* .posts_archives_block .block_content ul li li a{ padding: 4px 0px 4px 32px; } */
.posts_archives_block .block_content a{
}
.posts_archives_block .block_content a.posts_month{
font-weight:normal;
}
#ProductPosts { clear: both;}
#ProductPosts h3 { border-top: 1px solid #000; color: #000; font-size: 12px; font-weight: bold; margin: 30px 0 0 0; padding: 10px 0; text-transform: uppercase; }
::-webkit-input-placeholder { /* WebKit browsers */
color: #666;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #666;
opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #666;
opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #666;
}
div.article div.content div#post_view{
padding:20px 86px;
background:#fff;
}
div.article div.content div#post_view div.rte,
div.article div.content div#post_view div.rte *{
font-family: 'ProximaNova';
font-size: 14px;
line-height: 1.5em
}
div.share{
background:rgba(255,255,255,0.4);
border-top:7px solid #b9da1a;
padding:20px 86px;
}
.share p.details{
width:50%;
float:left;
}
.share div.addthis_toolbox{
width:50%;
float:left;
}
.share .addthis_toolbox span,
.share .details span{
display: block;
color:#fff;
font-size:11px;
font-family:'ProximaNova';
margin-bottom:5px;
}
div.products{
margin-top:10px;
background:#fff;
padding:10px 86px;
border-top:7px solid #b9da1a;
border-bottom:7px solid #b9da1a;
}
div.products h3{
height:85px;
line-height:85px;
color:#000;
text-transform: uppercase;
text-align: center;
font-size: 23px;
}
div.products ul li a.content_img{
display:block;
width:130px;
height:130px;
line-height:130px;
float: left;
text-align: center;
}
div.products ul li a.content_img img{
max-width:100%;
max-height:100%;
}
div.products ul li div.text_desc{
float:left;
width:348px;
}
div.products ul li div.text_desc h5{
font-size:18px;
font-family:'ProximaNova';
margin-bottom: 10px;
}
div.products ul li div.text_desc p{
font-size:14px;
font-family:'ProximaNova';
}
div.products ul li div.text_desc p a.more{
background:#B9DA1A;
color:#000;
font-family:Times new roman;
font-size:16px;
text-transform:uppercase;
padding:10px 23px 10px 18px;
border:1px solid #c4c4c4;
}
div.products ul li div.text_desc p a.more:hover{
text-decoration: none;
}
div.products ul li div.text_desc p a.more span{
margin-left:10px;
}
.comment_content
{
background: #fff;
padding:35px 85px 55px 85px;
border-top:7px solid #b9da1a;
}
.comment_content input[type=text],
.comment_content textarea
{
background:#fff;
padding:3px 2%;
border:1px solid #c6c6c6;
box-shadow:inset 1px 1px 3px rgba(0,0,0,0.3);
min-width: 95%;
width: 95%;
max-width: 95%;
}
.comment_content textarea{
padding:11px 2%;
}
#columns{
padding-bottom:30px;
}
.comment_content .sheets{
margin-bottom:20px;
}
.comment_content form h4{
margin:10px 0px;
text-align: left;
font-family: 'ProximaNova';
text-transform: none;
font-size:18px;
font-weight:normal;
}
.comment_content div.intro{
color:#666666;
margin-bottom:20px;
}
.comment_content div.content{
font-size:14px;
}
div.products ul li,
.comment_content .comment{ border:none !important; position:relative; padding:20px 0; }
div.products ul li{
padding:20px 0 0 0;
}
div.products ul li:after,
.comment_content .comment:after{
content:"";
width:100%;
margin:0px auto;
height:20px;
position:absolute;
bottom:-10px;
left:0;
right:0;
background:url(../../../themes/default/img/bg_bottom_list_big.png) center center no-repeat transparent;
}
div.products ul li:last-child:after,
.comment_content .comment:last-child:after{
display:none;
}
.comment_content .comment p{
margin:0px !important;
padding:0px !important;
}
@media (max-width:720px){
div#module-psblog-posts{
background:url("../../../themes/default/img/bg_blog.jpg") center center repeat-y #000;
}
.article.borderGreen .img_default h3,
#post_list ul li .img_default h2
{
position:absolute;
bottom:0;
left:0;
right:0;
padding:20px 86px;
margin-bottom:0px;
background:rgba(255,255,255,0.6);
}
div.article.borderGreen .stared,
div#post_list li.borderGreen .stared{
background-size: 90px;
height:75px;
left:-29px;
padding-top:39px;
top:-57px;
}
div.article.borderGreen span.stared span.top,
#post_list ul li span.stared span.top{
font-size:20px;
}
div.article.borderGreen span.stared span.bottom,
#post_list ul li span.stared span.bottom{
font-size:10px;
}
}
.psblog_title{
display: block;
text-align: center;
margin: 25px 0;
}
.psblog_title .psblog_title-inner{
margin: 0;
padding: 0;
color: #fff;
font-family: 'trajan';
font-size: 60px;
line-height: 60px;
position: relative;
}
.psblog_title .psblog_title-inner:hover{
text-decoration: none;
}
.psblog_title .psblog_title-inner:before,
.psblog_title .psblog_title-inner:after{
content: '';
position: absolute;
height: 74px;
width: 13px;
background:url("../../../themes/default/img/bg-title-blog.png") center center;
}
.psblog_title .psblog_title-inner:before{
top: 0;
left: -20px;
}
.psblog_title .psblog_title-inner:after{
top: 0;
right: -20px;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}