antadis/toutpratique
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

suite responsive

Browse Source
This commit is contained in:
Thibault GUILLAUME 2015-09-25 11:22:21 +02:00
parent 988d45c2da
commit 5175a05c82
3 changed files with 102 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
themes/toutpratique/categorycms.tpl
View File

@ -166,7 +166,9 @@
{/if}
<div style="padding: 20px; background:#f1f1f1; margin-bottom:30px;" class="pub"></div>
{include file="$tpl_dir./encart_boutique.tpl"}
<div class="hidden-sm hidden-xs">
{include file="$tpl_dir./encart_boutique.tpl"}
</div>
</div>
</div>
</main>
@ -180,7 +182,7 @@
if ($(this).hasClass('active')) {
$(this).removeClass('active');
$(container).css({
'max-height' : '92px'
'max-height' : '56px'
});
} else {
$(this).addClass('active');

94
themes/toutpratique/css/global.css
View File

@ -369,9 +369,9 @@ body .ac_results {
}
.post {
margin-bottom: 30px;
min-height: 310px;
}
.post_simple {
border: 1px solid #dfdfdf;
-webkit-border-radius: 2px;
@ -380,6 +380,7 @@ body .ac_results {
border-radius: 2px;
margin-bottom: 30px;
padding: 15px 0;
min-height: auto;
}
.post:hover {
-moz-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1);
@ -390,8 +391,12 @@ body .ac_results {
.post .info {
background: #f1f1f1;
height: 93px;
left: 15px;
margin-top: 217px;
padding: 15px 0;
position: relative;
position: absolute;
right: 15px;
top: 0;
}
.post .info .label_post {
background: url("../img/bg_tips.png") no-repeat center top;
@ -810,25 +815,18 @@ body .ac_results {
padding-top: 186px;
}
.encart_boutique a { margin-top: 5px; }
.encart_boutique .boutique { font-size: 27px;}
.post { min-height: 269px;}
.post.post_simple { min-height: auto;}
.post .info { margin-top: 176px; }
.post .vote_box { padding-left: 0;}
.post .vote_box span.vote {
font-size: 18px;
height: 30px;
line-height: 30px;
width: 30px;
}
.post .vote_box span.vote { font-size: 18px; height: 30px; line-height: 30px; width: 30px; }
.post .info h3 { font-size: 20px; line-height: 27px;}
.post_simple .vote_box { margin-top: 0; }
.newsletter_footer h5 {
font-size: 30px;
}
.newsletter_footer p {
font-size: 14px;
padding: 0 190px;
}
.newsletter_footer h5 { font-size: 30px; }
.newsletter_footer p { font-size: 14px; padding: 0 190px; }
#header #mainmenu .menu-content > li a { font-size: 13px; padding: 9px 10px }
}
@media (max-width: 991px) {
@ -1115,7 +1113,7 @@ body .ac_results {
#categorycms .desc {
font-family: "pt_sans";
font-size: 14px;
max-height: 92px;
max-height: 56px;
overflow: hidden;
transition: all 0.5s ease;
}
@ -1241,6 +1239,11 @@ body .ac_results {
}
@media (max-width: 1199px) {
.intro_top{ padding: 15px 0 30px;}
#categorycms .tips_day { font-size: 15px; }
#categorycms .tips_day .content h2 { font-size: 20px;}
#categorycms .desc { max-height: 56px}
span.title.red {
font-size: 24px;
width: 100%;
@ -1263,12 +1266,63 @@ body .ac_results {
}
}
@media (max-width: 991px) {
span.title.red::after {width: 98%;}
.pagination_inner {float: none;}
}
@media (max-width: 767px) {
@media (max-width: 767px) {
span.title.blue {
font-size: 24px;
width: 100%;
background: #529bb6;
height: 50px;
position: relative;
line-height: 50px;
border-radius: 5px;
}
span.title.blue::after {
border: 1px dashed #fff;
border-radius: 6px;
content: "";
display: block;
height: 39px;
margin: 5px;
position: absolute;
top: 0;
width: 98%;
}
span.title.violet {
font-size: 24px;
width: 100%;
background: #8a669d;
height: 50px;
position: relative;
line-height: 50px;
border-radius: 5px;
}
span.title.violet::after {
border: 1px dashed #fff;
border-radius: 6px;
content: "";
display: block;
height: 39px;
margin: 5px;
position: absolute;
top: 0;
width: 98%;
}
}
@media (max-width: 570px) {
#categorycms .tips_day { font-size: 13px; }
#categorycms .tips_day .content h2 { font-size: 18px;}
span.title.red::after {width: 97%;}
}
@media (max-width: 500px) {
#categorycms .tips_day .content { height: 100px;}
#categorycms .tips_day .content h2 { font-size: 14px;}
#categorycms .tips_day .inner > div > div >p { display: none;}
}
/*************************************************************************************************************

46
themes/toutpratique/js/global.js
View File

@ -122,30 +122,32 @@ $(document).ready(function() {
});
$( "#cmsps-postsearch-tag" ).autocomplete({
source: tags,
minLength: 1,
select: function(event, ui) {
var id = ui.item.id;
$('input[name="tagWhat"]').val(id);
if(typeof tags != 'undefined') {
$( "#cmsps-postsearch-tag" ).autocomplete({
source: tags,
minLength: 1,
select: function(event, ui) {
var id = ui.item.id;
$('input[name="tagWhat"]').val(id);
},
open: function(event, ui) {
$(".ui-autocomplete").css("max-width", $( ".form-group.ui-widget" ).width());
}
});
$( "#cmsps-postsearch-support" ).autocomplete({
source: supports,
minLength: 1,
select: function(event, ui) {
var id = ui.item.id;
$('input[name="tagWhere"]').val(id);
},
open: function(event, ui) {
$(".ui-autocomplete").css("max-width", $( ".form-group.ui-widget" ).width());
}
});
$( "#cmsps-postsearch-support" ).autocomplete({
source: supports,
minLength: 1,
select: function(event, ui) {
var id = ui.item.id;
$('input[name="tagWhere"]').val(id);
},
open: function(event, ui) {
$(".ui-autocomplete").css("max-width", $( ".form-group.ui-widget" ).width());
}
});
},
open: function(event, ui) {
$(".ui-autocomplete").css("max-width", $( ".form-group.ui-widget" ).width());
}
});
}
$('.popover-info').popover();