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

Style

Browse Source
This commit is contained in:
Michael RICOIS 2017-11-20 17:35:43 +01:00
parent abee1a1059
commit 8b0a6077da
4 changed files with 142 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
modules/purchaseguide/views/templates/front/category.tpl
View File

@ -5,10 +5,10 @@
<div class="row">
{foreach from=$categories item=c}
<div style="width:50%;float:left;text-align:center;">
<div class="guide-content-category">
<a href="guide/{$c.id_guide_category}-{$c.link_rewrite}">
<img alt="{$c.name}" src="./img/purchaseguide/{$c.id_guide_category}.jpg">
<div style="clear:both;"><span>{$c.meta_title}</span></div>
<div class="guide-content-category-title"><h4>{$c.meta_title}</h4></div>
</a>
</div>
{/foreach}

4
modules/purchaseguide/views/templates/front/content.tpl
View File

@ -3,6 +3,7 @@
<h1>Guide d'achat - {$categoryTitle}</h1>
<div class="content-guide rte{if $content_only} content_only{/if}">
{if $subcategoryTitle !== null}
<div class="guide-intro">
<div class="guide-intro-left">
<h2>{$subcategoryTitle}</h2>
@ -27,10 +28,11 @@
</div>
<div class="guide-content-txt">
<h3>{$postTitle}</h3>
<h3 class="title">{$postTitle}</h3>
<p>{$postContent}</p>
</div>
</div>
{/if}
</div>

16
themes/site/css/style.css
View File

@ -7553,18 +7553,30 @@ div.addresses ul.address.item {
-o-box-shadow: 2px 2px 5px #cccccc;
box-shadow: 2px 2px 5px #cccccc;
}
.guide-content-category {
width:50%;
float:left;
text-align:center;
}
.guide-content-category-title {
clear:both;
}
.guide-content-category-title h4 {
text-transform: uppercase;
font-style: normal;
font-weight: bold;
}
.guide-content ul {
margin: 0px;
list-style: none outside;
}
.guide-content ul li a {
color: #000;
}
.guide-content ul li.selected a {
font-weight: bold;
color: #796dc7;
}
}
.guide-content-txt {
width:580px;
float: right;

123
themes/site_mobile/css/style.css
View File

@ -5268,3 +5268,126 @@ body#order-detail table#order-product tbody tr.item tr.title span.quantity{
font-size: 16px;
font-family: Georgia;
}
.block-guide {
margin-bottom: 20px;
background: #f6f6f6;
background: #fff;
padding: 10px 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
-moz-box-shadow: 2px 2px 5px #cccccc;
-webkit-box-shadow: 2px 2px 5px #CCC;
-ms-box-shadow: 2px 2px 5px #cccccc;
-o-box-shadow: 2px 2px 5px #cccccc;
box-shadow: 2px 2px 5px #ccc;
color: #1e1633;
}
.block-guide ul {
margin: 0px;
list-style: none outside;
margin-left: 5px;
}
.block-guide h5 {
margin-top: 10px;
}
.block-guide h5 a {
font-style: normal;
font-weight: bold;
font-size: 14px;
line-height: 1.5em;
color: #000;
}
.block-guide h5 a.selected {
color: #796dc7;
}
.block-guide ul li a {
margin: 0 0 0 10px;
color: #000;
}
.block-guide ul li.selected a {
color: #796dc7;
}
.guide-intro {}
.guide-intro-left {
color: #1e1633;
background: #fff;
text-transform: none;
line-height: 1.5em;
font-weight: normal;
margin: 0 0 5px 0;
/*adding: 10px 0px 0px 20px;*/
-moz-box-shadow: 2px 2px 5px #cccccc;
-webkit-box-shadow: 2px 2px 5px #cccccc;
-ms-box-shadow: 2px 2px 5px #cccccc;
-o-box-shadow: 2px 2px 5px #cccccc;
box-shadow: 2px 2px 5px #cccccc;
}
.guide-intro-left div {
margin: 5px;
font-size: 13px;
}
.guide-intro-left h2 {
text-align: left;
}
.guide-content h3 {
font-size: 13px;
}
.guide-content-menu {
background: #fff;
font-size: 13px;
text-transform: none;
line-height: 1.5em;
font-weight: normal;
text-align: left;
padding: 10px 0px 10px 0px;
-moz-box-shadow: 2px 2px 5px #cccccc;
-webkit-box-shadow: 2px 2px 5px #cccccc;
-ms-box-shadow: 2px 2px 5px #cccccc;
-o-box-shadow: 2px 2px 5px #cccccc;
box-shadow: 2px 2px 5px #cccccc;
}
.guide-content-category {
text-align:center;
}
.guide-content ul {
display: block;
list-style: none outside;
margin: 5px;
}
.guide-content ul li a {
color: #000;
}
.guide-content ul li.selected a {
font-weight: bold;
color: #796dc7;
}
.guide-content-txt {
margin: 5px 0;
padding: 0 5px;
}
.guide-content-txt div{
font-size: 13px;
}
.container_submenu .content_footer {
display: block;
width: 100%;
margin: 0 auto;
position: absolute;
bottom: 0;
background-color: #fff;
padding:15px 0;
color: #666666;
font-size: 14px;
font-weight: bold;
}
.container_submenu .content_footer a,
.container_submenu .content_footer a:hover,
.container_submenu .content_footer a:visited {
color: #ec15ac;
}