Improve home CSS
This commit is contained in:
parent
449201652d
commit
b509f655f9
|
@ -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);
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
|
@ -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
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
Loading…
Reference in New Issue