entrees block is displaying well and interact with map on mouse hover, map nodes are well drawn centered, map performance improvements, added domain contrib module and configured domain for mobile display
This commit is contained in:
Bachir Soussi Chiadmi
+154
-57
@@ -32,29 +32,22 @@ main[role="main"] {
|
||||
background-color: rgba(255, 255, 255, 0.9); }
|
||||
|
||||
footer[role="contentinfo"] {
|
||||
outline: 1px solid pink;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
width: 100%; }
|
||||
|
||||
canvas#edlp-map {
|
||||
outline: 1px solid grey; }
|
||||
|
||||
footer {
|
||||
text-align: center; }
|
||||
display: table;
|
||||
padding: 0 0 0.5em 0; }
|
||||
footer > .region {
|
||||
outline: 1px dotted pink; }
|
||||
display: table-cell; }
|
||||
footer .region-footer-left {
|
||||
float: left;
|
||||
text-align: left; }
|
||||
footer .region-footer-center {
|
||||
display: inline-block;
|
||||
margin: 0 auto;
|
||||
text-align: center; }
|
||||
footer .region-footer-right {
|
||||
float: right;
|
||||
text-align: right;
|
||||
padding-right: 5em; }
|
||||
min-width: 30px; }
|
||||
footer nav.block-menu {
|
||||
display: inline-block; }
|
||||
footer nav.block-menu ul {
|
||||
@@ -86,7 +79,8 @@ footer {
|
||||
-webkit-transform-origin: left bottom;
|
||||
transform-origin: left bottom;
|
||||
-webkit-transform: rotateZ(-45deg);
|
||||
transform: rotateZ(-45deg); }
|
||||
transform: rotateZ(-45deg);
|
||||
white-space: nowrap; }
|
||||
footer .block-language ul li {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
@@ -106,7 +100,10 @@ footer {
|
||||
position: relative;
|
||||
list-style: none;
|
||||
margin: 0 1.5em 0 0;
|
||||
padding: 0; }
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
white-space: nowrap;
|
||||
pointer-events: none; }
|
||||
footer .block-block-edlp-entrees ul li a {
|
||||
position: absolute;
|
||||
-webkit-transform-origin: left bottom;
|
||||
@@ -118,48 +115,148 @@ footer {
|
||||
text-transform: uppercase;
|
||||
font-size: 0.756em;
|
||||
white-space: nowrap; }
|
||||
footer .block-block-edlp-entrees ul li a:before {
|
||||
content: "";
|
||||
footer .block-block-edlp-entrees ul li span.oblique-wrapper {
|
||||
display: inline-block;
|
||||
width: 7px;
|
||||
height: 7px;
|
||||
border: 1px solid #000;
|
||||
margin-right: 0.5em; }
|
||||
footer .block-block-edlp-entrees ul li a.term-134:before {
|
||||
border-color: #2b8f2f; }
|
||||
footer .block-block-edlp-entrees ul li a.term-121:before {
|
||||
border-color: #3a33b6; }
|
||||
footer .block-block-edlp-entrees ul li a.term-125:before {
|
||||
border-color: #2c9f57; }
|
||||
footer .block-block-edlp-entrees ul li a.term-119:before {
|
||||
border-color: #c48978; }
|
||||
footer .block-block-edlp-entrees ul li a.term-132:before {
|
||||
border-color: #5270bb; }
|
||||
footer .block-block-edlp-entrees ul li a.term-122:before {
|
||||
border-color: #fb54d3; }
|
||||
footer .block-block-edlp-entrees ul li a.term-129:before {
|
||||
border-color: #e07483; }
|
||||
footer .block-block-edlp-entrees ul li a.term-120:before {
|
||||
border-color: #655845; }
|
||||
footer .block-block-edlp-entrees ul li a.term-130:before {
|
||||
border-color: #7e0868; }
|
||||
footer .block-block-edlp-entrees ul li a.term-118:before {
|
||||
border-color: #0e7121; }
|
||||
footer .block-block-edlp-entrees ul li a.term-127:before {
|
||||
border-color: #dabd42; }
|
||||
footer .block-block-edlp-entrees ul li a.term-133:before {
|
||||
border-color: #0399bb; }
|
||||
footer .block-block-edlp-entrees ul li a.term-128:before {
|
||||
border-color: #399a1c; }
|
||||
footer .block-block-edlp-entrees ul li a.term-124:before {
|
||||
border-color: #708540; }
|
||||
footer .block-block-edlp-entrees ul li a.term-116:before {
|
||||
border-color: #191bff; }
|
||||
footer .block-block-edlp-entrees ul li a.term-117:before {
|
||||
border-color: #279d84; }
|
||||
footer .block-block-edlp-entrees ul li a.term-131:before {
|
||||
border-color: #5219ab; }
|
||||
footer .block-block-edlp-entrees ul li a.term-126:before {
|
||||
border-color: #d49cb6; }
|
||||
footer .block-block-edlp-entrees ul li a.term-123:before {
|
||||
border-color: #497715; }
|
||||
position: relative;
|
||||
width: 1.5em; }
|
||||
footer .block-block-edlp-entrees ul li span.oblique-wrapper a {
|
||||
text-transform: none; }
|
||||
footer .block-block-edlp-entrees ul li a.term-link {
|
||||
pointer-events: all; }
|
||||
footer .block-block-edlp-entrees ul li a.term-link:before {
|
||||
content: "";
|
||||
display: inline-block;
|
||||
width: 7px;
|
||||
height: 7px;
|
||||
border: 1px solid #000;
|
||||
margin-right: 0.5em; }
|
||||
footer .block-block-edlp-entrees ul li a.term-link[tid='134']:before {
|
||||
border-color: #2b8f2f;
|
||||
background-color: #2b8f2f; }
|
||||
footer .block-block-edlp-entrees ul li a.term-link[tid='121']:before {
|
||||
border-color: #3a33b6;
|
||||
background-color: #3a33b6; }
|
||||
footer .block-block-edlp-entrees ul li a.term-link[tid='125']:before {
|
||||
border-color: #2c9f57;
|
||||
background-color: #2c9f57; }
|
||||
footer .block-block-edlp-entrees ul li a.term-link[tid='119']:before {
|
||||
border-color: #c48978;
|
||||
background-color: #c48978; }
|
||||
footer .block-block-edlp-entrees ul li a.term-link[tid='132']:before {
|
||||
border-color: #5270bb;
|
||||
background-color: #5270bb; }
|
||||
footer .block-block-edlp-entrees ul li a.term-link[tid='122']:before {
|
||||
border-color: #fb54d3;
|
||||
background-color: #fb54d3; }
|
||||
footer .block-block-edlp-entrees ul li a.term-link[tid='129']:before {
|
||||
border-color: #e07483;
|
||||
background-color: #e07483; }
|
||||
footer .block-block-edlp-entrees ul li a.term-link[tid='120']:before {
|
||||
border-color: #655845;
|
||||
background-color: #655845; }
|
||||
footer .block-block-edlp-entrees ul li a.term-link[tid='130']:before {
|
||||
border-color: #7e0868;
|
||||
background-color: #7e0868; }
|
||||
footer .block-block-edlp-entrees ul li a.term-link[tid='118']:before {
|
||||
border-color: #0e7121;
|
||||
background-color: #0e7121; }
|
||||
footer .block-block-edlp-entrees ul li a.term-link[tid='127']:before {
|
||||
border-color: #dabd42;
|
||||
background-color: #dabd42; }
|
||||
footer .block-block-edlp-entrees ul li a.term-link[tid='133']:before {
|
||||
border-color: #0399bb;
|
||||
background-color: #0399bb; }
|
||||
footer .block-block-edlp-entrees ul li a.term-link[tid='128']:before {
|
||||
border-color: #399a1c;
|
||||
background-color: #399a1c; }
|
||||
footer .block-block-edlp-entrees ul li a.term-link[tid='124']:before {
|
||||
border-color: #708540;
|
||||
background-color: #708540; }
|
||||
footer .block-block-edlp-entrees ul li a.term-link[tid='116']:before {
|
||||
border-color: #191bff;
|
||||
background-color: #191bff; }
|
||||
footer .block-block-edlp-entrees ul li a.term-link[tid='117']:before {
|
||||
border-color: #279d84;
|
||||
background-color: #279d84; }
|
||||
footer .block-block-edlp-entrees ul li a.term-link[tid='131']:before {
|
||||
border-color: #5219ab;
|
||||
background-color: #5219ab; }
|
||||
footer .block-block-edlp-entrees ul li a.term-link[tid='126']:before {
|
||||
border-color: #d49cb6;
|
||||
background-color: #d49cb6; }
|
||||
footer .block-block-edlp-entrees ul li a.term-link[tid='123']:before {
|
||||
border-color: #497715;
|
||||
background-color: #497715; }
|
||||
footer .block-block-edlp-entrees ul li .entree-content {
|
||||
display: inline-block;
|
||||
width: 0;
|
||||
overflow: hidden;
|
||||
opacity: 0;
|
||||
-webkit-transition: all 300ms ease-in-out;
|
||||
transition: all 300ms ease-in-out;
|
||||
-webkit-transition-property: width,opacity;
|
||||
transition-property: width,opacity; }
|
||||
footer .block-block-edlp-entrees ul li .entree-content .term-description {
|
||||
display: inline-block;
|
||||
margin-left: 2em;
|
||||
text-align: left;
|
||||
width: 250px;
|
||||
white-space: normal;
|
||||
background-color: rgba(255, 255, 255, 0.9);
|
||||
padding: 0.5em; }
|
||||
footer .block-block-edlp-entrees ul li .entree-content .term-description p {
|
||||
font-size: 0.65em; }
|
||||
footer .block-block-edlp-entrees ul li:not(.opened) a.term-link:not(:hover):not(.highlighted):before {
|
||||
background-color: #fff !important; }
|
||||
footer .block-block-edlp-entrees ul li.opened .entree-content {
|
||||
width: 350px;
|
||||
opacity: 1; }
|
||||
footer #block-userlogin {
|
||||
position: relative;
|
||||
width: 20px;
|
||||
height: 20px; }
|
||||
footer #block-userlogin h2 {
|
||||
position: relative;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background-image: url(../../img/user.svg);
|
||||
background-size: contain;
|
||||
text-indent: 40px;
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
z-index: 1;
|
||||
cursor: pointer; }
|
||||
footer #block-userlogin .block-content {
|
||||
z-index: 0;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
bottom: 20px;
|
||||
padding: 0.5em;
|
||||
padding-bottom: 20px;
|
||||
background-color: rgba(255, 255, 255, 0.9);
|
||||
overflow: hidden;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
height: 0px;
|
||||
opacity: 0;
|
||||
pointer-events: none;
|
||||
-webkit-transition: all 0.5s ease-in-out;
|
||||
transition: all 0.5s ease-in-out;
|
||||
-webkit-transition-property: height,opacity;
|
||||
transition-property: height,opacity; }
|
||||
footer #block-userlogin .block-content form {
|
||||
font-size: 0.75em; }
|
||||
footer #block-userlogin .block-content .item-list ul {
|
||||
margin: 0; }
|
||||
footer #block-userlogin .block-content .item-list li {
|
||||
margin: 0;
|
||||
list-style: none; }
|
||||
footer #block-userlogin .block-content .item-list li a {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
font-size: 0.75em;
|
||||
white-space: nowrap; }
|
||||
footer #block-userlogin:hover .block-content {
|
||||
height: 200px;
|
||||
opacity: 1;
|
||||
pointer-events: auto; }
|
||||
|
||||
Reference in New Issue
Block a user