footer elements are almost displayed
This commit is contained in:
Bachir Soussi Chiadmi
@@ -28,7 +28,138 @@ header[role="banner"] {
|
||||
outline: 1px solid blue; }
|
||||
|
||||
main[role="main"] {
|
||||
outline: 1px solid green; }
|
||||
outline: 1px solid green;
|
||||
background-color: rgba(255, 255, 255, 0.9); }
|
||||
|
||||
footer[role="contentinfo"] {
|
||||
outline: 1px solid pink; }
|
||||
outline: 1px solid pink;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
width: 100%; }
|
||||
|
||||
canvas#edlp-map {
|
||||
outline: 1px solid grey; }
|
||||
|
||||
footer {
|
||||
text-align: center; }
|
||||
footer > .region {
|
||||
outline: 1px dotted pink; }
|
||||
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; }
|
||||
footer nav.block-menu {
|
||||
display: inline-block; }
|
||||
footer nav.block-menu ul {
|
||||
margin: 0;
|
||||
padding: 0; }
|
||||
footer nav.block-menu ul li {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
list-style: none;
|
||||
margin: 0 1.5em 0 0;
|
||||
padding: 0; }
|
||||
footer nav.block-menu ul li a {
|
||||
position: absolute;
|
||||
-webkit-transform-origin: left bottom;
|
||||
transform-origin: left bottom;
|
||||
-webkit-transform: rotateZ(-45deg);
|
||||
transform: rotateZ(-45deg);
|
||||
color: #000;
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
font-size: 0.756em;
|
||||
white-space: nowrap; }
|
||||
footer .block-language {
|
||||
display: inline-block; }
|
||||
footer .block-language ul {
|
||||
position: absolute;
|
||||
margin: 0;
|
||||
padding: 0 0 0 0.5em;
|
||||
-webkit-transform-origin: left bottom;
|
||||
transform-origin: left bottom;
|
||||
-webkit-transform: rotateZ(-45deg);
|
||||
transform: rotateZ(-45deg); }
|
||||
footer .block-language ul li {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
display: inline-block; }
|
||||
footer .block-language ul li:last-of-type:before {
|
||||
content: "/";
|
||||
margin: 0 0.2em; }
|
||||
footer .block-language ul li a {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
font-size: 0.756em; }
|
||||
footer .block-block-edlp-entrees {
|
||||
display: inline-block; }
|
||||
footer .block-block-edlp-entrees ul li {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
list-style: none;
|
||||
margin: 0 1.5em 0 0;
|
||||
padding: 0; }
|
||||
footer .block-block-edlp-entrees ul li a {
|
||||
position: absolute;
|
||||
-webkit-transform-origin: left bottom;
|
||||
transform-origin: left bottom;
|
||||
-webkit-transform: rotateZ(-45deg);
|
||||
transform: rotateZ(-45deg);
|
||||
color: #000;
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
font-size: 0.756em;
|
||||
white-space: nowrap; }
|
||||
footer .block-block-edlp-entrees ul li a: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-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; }
|
||||
|
||||
Reference in New Issue
Block a user