axiom-team
/
gmarche
6
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Improve home CSS

This commit is contained in:
poka 2019-11-25 23:24:13 +01:00
parent 449201652d
commit b509f655f9
3 changed files with 31 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
public/css/mapael.css
View File

@ -1,8 +1,19 @@
.mapael .map { .mapael .map {
background-color: #cddee0; background-color: rgba(0, 0, 0, 0.3);
padding: 15px;
margin-bottom: 10px; margin-bottom: 10px;
position: relative; position: relative;
width: 60%;
left: 50%;
transform: translateX(-50%);
border-radius: 10%;
} }
.home_map {
font-size:1.2rem;
font-weight:bold;
}
/* For all zoom buttons */ /* For all zoom buttons */
.mapael .zoomButton { .mapael .zoomButton {
background-color: #fff; background-color: #fff;
@ -38,7 +49,7 @@
} }
.mapael .mapTooltip { .mapael .mapTooltip {
position: absolute; position: absolute;
background-color: #474c4b; background-color: #1D1D1D;
moz-opacity: 0.70; moz-opacity: 0.70;
opacity: 0.70; opacity: 0.70;
filter: alpha(opacity=70); filter: alpha(opacity=70);
@ -48,4 +59,4 @@
max-width: 200px; max-width: 200px;
display: none; display: none;
color: #fff; color: #fff;
} }

26
public/css/style.css
View File

@ -22,6 +22,7 @@ btn-custom {
#logo_home { #logo_home {
width:30rem; width:30rem;
margin: 0 auto; margin: 0 auto;
margin-top: -15px;
margin-bottom: 10px; margin-bottom: 10px;
text-align: center; text-align: center;
} }
@ -69,6 +70,7 @@ li {
font-size: 14px; font-size: 14px;
opacity:0.97; opacity:0.97;
} }
header.header { header.header {
width: 389px; width: 389px;
height: 259px; height: 259px;
@ -96,30 +98,22 @@ header.header img {
font-size: 26px; font-size: 26px;
} }
.article { .article .article2 {
width:auto;
height:auto;
font-size: 24px;
}
.article2 {
width:auto; width:auto;
height:auto; height:auto;
font-size: 24px; font-size: 24px;
} }
.container { .container {
font-family: Arial, sans-serif; font-family: Arial, sans-serif;
height:auto; width:28rem;
text-align:center;border: 0px
} }
.row { .container.home {
width:28rem; font-family: Arial, sans-serif;
margin-left: -5.1rem; height:auto;
} width:60rem;
text-align:center;
.home_map { border: 0px;
font-size:1.2rem;
font-weight:bold;
} }
.profil_user { .profil_user {

13
src/Gmarche/views/index.twig
View File

@ -4,9 +4,9 @@
Ğ1-Marché : Régions {% if page > 1 %}, page {{ page }} {% endif %} Ğ1-Marché : Régions {% if page > 1 %}, page {{ page }} {% endif %}
{% endblock %} {% endblock %}
{% block body %} {% block body %}
<div class="container"> <div class="container home">
<img id="logo_home" src="\images\logo_home.jpg"/> <img id="logo_home" src="\images\logo_home.jpg"/>
<div class="row card">
<ul class="list-group list-group-flush"> <ul class="list-group list-group-flush">
<div class="mapcontainer"> <div class="mapcontainer">
<div class="map"> <div class="map">
@ -17,7 +17,7 @@
</div> </div>
</ul> </ul>
</div> </div>
</div>
<script type="text/javascript"> <script type="text/javascript">
$(".container").mapael({ $(".container").mapael({
map: { map: {
@ -27,14 +27,15 @@
}, },
defaultArea: { defaultArea: {
attrs: { attrs: {
'fill': 'green', 'fill': '#517C2D',
'stroke': '#99c7ff', 'stroke': '#F5D6C6',
'stroke-width': 0.6, 'stroke-width': 0.6,
'cursor': 'pointer' 'cursor': 'pointer'
}, },
attrsHover: { attrsHover: {
'stroke-width': 2.5, 'stroke-width': 2.5,
'fill': 'blue' 'fill': '#3b7dd8',
'animDuration' : 100
} }
} }
}, },