static pages and loader for chapter an static pages

This commit is contained in:
Bachir Soussi Chiadmi
2015-03-24 18:52:21 +01:00
parent ea6cdaa6e7
commit c5e1e193e7
12 changed files with 817 additions and 238 deletions
+85 -1
View File
@@ -22,7 +22,6 @@ $column-gutter: rem-calc(20);
*/
@import "communs.scss";
@import "fonts.scss";
@import "misc.scss";
/*
@@ -728,6 +727,73 @@ div.messages{
} // #main
/* ______________ ________________ _ ______ ___ ____ ____ __________
/ ___/_ __/ |/_ __/ _/ ____/ | | / / __ \/ | / __ \/ __ \/ ____/ __ \
\__ \ / / / /| | / / / // / | | /| / / /_/ / /| | / /_/ / /_/ / __/ / /_/ /
___/ // / / ___ |/ / _/ // /___ | |/ |/ / _, _/ ___ |/ ____/ ____/ /___/ _, _/
/____//_/ /_/ |_/_/ /___/\____/ |__/|__/_/ |_/_/ |_/_/ /_/ /_____/_/ |_|
*/
#static-wrapper{
position:absolute;
top:15%; left:15%; bottom:0; right:20px;
z-index: -1;
background-color: #fff;
opacity:0;
transition:2s ease-out;
transition-property:opacity;
&.visible{
opacity:0.9;
z-index: 500;
}
>.close{
position:absolute;
top:20px; right:20px;
z-index: 500;
width:25px; height:25px;
cursor:pointer;
@include bg-svg-png('close');
}
>.inner{
padding:5em 7em 3em;
width:100%; height:100%; overflow-y:auto; overflow-x:hidden;
}
h2.node-title{
font-family: "epflulb";
text-transform: uppercase!important;
font-size:3em;
color:#000;
}
.content{
h3{
font-family: "epflulb";
font-size:2em;
text-transform: uppercase!important;
color:$static-col;
}
h4{
// font-family: "epflulb";
font-size: 1.5em;
// // color:$static-col;
font-weight: 700;
}
p{
font-family: "open_sans", sans-serif;
font-weight:600;
font-size:1em;
line-height:1.3em;
}
}
}
/* __________ ____ ________________
/ ____/ __ \/ __ \/_ __/ ____/ __ \
/ /_ / / / / / / / / / / __/ / /_/ /
@@ -738,6 +804,7 @@ div.messages{
#footer{
position:fixed;
bottom:0; right:20px;
z-index:900;
.block{
display:inline-block;
vertical-align: top;
@@ -771,6 +838,23 @@ div.messages{
/ / / // / ___/ / /___
/_/ /_/___//____/\____/
*/
#loader{
position:absolute;
top:50%; left:50%;
width:120px; height:10px;
margin-left:-60px; margin-top:-5px;
background: transparent url(../assets/img/loader.gif) no-repeat center center;
z-index:-1; opacity:0;
transition:0.5s ease-out;
transition-property:opacity;
body.loading &{
z-index: 1000;
opacity:1;
}
}
#fullscreen-btn{
position:fixed;
right:20px; top:20px;