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; }
|
||||
|
||||
@@ -40,8 +40,133 @@ header[role="banner"]{
|
||||
|
||||
main[role="main"]{
|
||||
outline:1px solid green;
|
||||
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;
|
||||
}
|
||||
|
||||
@mixin oblique-list {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
list-style: none;
|
||||
margin: 0 1.5em 0 0;
|
||||
// width:2em; height:10em;
|
||||
padding: 0;
|
||||
a{
|
||||
position: absolute;
|
||||
transform-origin: left bottom;
|
||||
transform: rotateZ(-45deg);
|
||||
color: #000;
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
font-size: 0.756em;
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
|
||||
footer{
|
||||
text-align: center;
|
||||
>.region{
|
||||
outline: 1px dotted pink;
|
||||
}
|
||||
.region-footer-left{
|
||||
float: left;
|
||||
text-align: left;
|
||||
}
|
||||
.region-footer-center{
|
||||
display: inline-block;
|
||||
margin: 0 auto;
|
||||
text-align: center;
|
||||
}
|
||||
.region-footer-right{
|
||||
float: right;
|
||||
text-align: right;
|
||||
padding-right: 5em;
|
||||
}
|
||||
|
||||
nav.block-menu{
|
||||
display: inline-block;
|
||||
ul{
|
||||
margin:0;
|
||||
padding:0;
|
||||
li{
|
||||
@include oblique-list;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.block-language{
|
||||
display: inline-block;
|
||||
ul{
|
||||
position: absolute;
|
||||
margin:0;
|
||||
padding:0 0 0 0.5em;
|
||||
transform-origin: left bottom;
|
||||
transform: rotateZ(-45deg);
|
||||
li{
|
||||
margin:0; padding:0;
|
||||
list-style: none;
|
||||
display: inline-block;
|
||||
&:last-of-type{
|
||||
&:before{
|
||||
content:"/";
|
||||
margin:0 0.2em;
|
||||
}
|
||||
}
|
||||
a{
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
font-size: 0.756em;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.block-block-edlp-entrees{
|
||||
display: inline-block;
|
||||
ul{
|
||||
li{
|
||||
@include oblique-list;
|
||||
a{
|
||||
&:before{
|
||||
content: "";
|
||||
display:inline-block;
|
||||
$sq:7px;
|
||||
width: $sq; height:$sq;
|
||||
border: 1px solid #000;
|
||||
margin-right: 0.5em;
|
||||
}
|
||||
&.term-134:before{border-color: $entree-color-134;}
|
||||
&.term-121:before{border-color: $entree-color-121;}
|
||||
&.term-125:before{border-color: $entree-color-125;}
|
||||
&.term-119:before{border-color: $entree-color-119;}
|
||||
&.term-132:before{border-color: $entree-color-132;}
|
||||
&.term-122:before{border-color: $entree-color-122;}
|
||||
&.term-129:before{border-color: $entree-color-129;}
|
||||
&.term-120:before{border-color: $entree-color-120;}
|
||||
&.term-130:before{border-color: $entree-color-130;}
|
||||
&.term-118:before{border-color: $entree-color-118;}
|
||||
&.term-127:before{border-color: $entree-color-127;}
|
||||
&.term-133:before{border-color: $entree-color-133;}
|
||||
&.term-128:before{border-color: $entree-color-128;}
|
||||
&.term-124:before{border-color: $entree-color-124;}
|
||||
&.term-116:before{border-color: $entree-color-116;}
|
||||
&.term-117:before{border-color: $entree-color-117;}
|
||||
&.term-131:before{border-color: $entree-color-131;}
|
||||
&.term-126:before{border-color: $entree-color-126;}
|
||||
&.term-123:before{border-color: $entree-color-123;}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@@ -1,21 +1,21 @@
|
||||
$130:rgb(75, 143, 126);
|
||||
$121:rgb(134, 142, 36);
|
||||
$134:rgb(43, 143, 47);
|
||||
$121:rgb(58, 51, 182);
|
||||
$125:rgb(44, 159, 87);
|
||||
$119:rgb(196, 137, 120);
|
||||
$132:rgb(82, 112, 187);
|
||||
$122:rgb(251, 84, 211);
|
||||
$129:rgb(224, 116, 131);
|
||||
$120:rgb(101, 88, 69);
|
||||
$130:rgb(126, 8, 104);
|
||||
$118:rgb(14, 113, 33);
|
||||
$127:rgb(218, 189, 66);
|
||||
$133:rgb(3, 153, 187);
|
||||
$128:rgb(57, 154, 28);
|
||||
$124:rgb(112, 133, 64);
|
||||
$116:rgb(25, 27, 255);
|
||||
$117:rgb(39, 157, 132);
|
||||
$131:rgb(82, 25, 171);
|
||||
$126:rgb(212, 156, 182);
|
||||
$123:rgb(73, 119, 21);
|
||||
$entree-color-130: rgb(75, 143, 126);
|
||||
$entree-color-121: rgb(134, 142, 36);
|
||||
$entree-color-134: rgb(43, 143, 47);
|
||||
$entree-color-121: rgb(58, 51, 182);
|
||||
$entree-color-125: rgb(44, 159, 87);
|
||||
$entree-color-119: rgb(196, 137, 120);
|
||||
$entree-color-132: rgb(82, 112, 187);
|
||||
$entree-color-122: rgb(251, 84, 211);
|
||||
$entree-color-129: rgb(224, 116, 131);
|
||||
$entree-color-120: rgb(101, 88, 69);
|
||||
$entree-color-130: rgb(126, 8, 104);
|
||||
$entree-color-118: rgb(14, 113, 33);
|
||||
$entree-color-127: rgb(218, 189, 66);
|
||||
$entree-color-133: rgb(3, 153, 187);
|
||||
$entree-color-128: rgb(57, 154, 28);
|
||||
$entree-color-124: rgb(112, 133, 64);
|
||||
$entree-color-116: rgb(25, 27, 255);
|
||||
$entree-color-117: rgb(39, 157, 132);
|
||||
$entree-color-131: rgb(82, 25, 171);
|
||||
$entree-color-126: rgb(212, 156, 182);
|
||||
$entree-color-123: rgb(73, 119, 21);
|
||||
|
||||
Reference in New Issue
Block a user