static pages and loader for chapter an static pages
This commit is contained in:
@@ -1,6 +1,31 @@
|
||||
|
||||
$orange:#E42632;
|
||||
$orange-light:#E75A0C;
|
||||
$grey-dark:#444444;
|
||||
$grey:#6F6F6F;
|
||||
$grey-light:#6C6C6C;
|
||||
$DPH-color:rgb(175,175,0);
|
||||
$DPH-col-active:rgb(206,205,0);
|
||||
$DPH-col-txt:rgb(104,107,0);
|
||||
|
||||
$BC-color:rgb(2,75,135);
|
||||
$BC-col-active:rgb(0,102,177);
|
||||
$BC-col-txt:rgb(3,61,111);
|
||||
|
||||
$SUB-color:rgb(205,7,52);
|
||||
$SUB-col-active:rgb(222,0,58);
|
||||
$SUB-col-txt:rgb(183,19,48);
|
||||
|
||||
$SOL-color:rgb(216,85,9);
|
||||
$SOL-col-active:rgb(234,91,12);
|
||||
$SOL-col-txt:rgb(178,76,20);
|
||||
|
||||
$DUB-color:rgb(40,141,128);
|
||||
$DUB-col-active:rgb(98,165,48);
|
||||
$DUB-col-txt:rgb(34,116,44);
|
||||
|
||||
$OPP-color:rgb(148,27,128);
|
||||
$OPP-col-active:rgb(175,19,128);
|
||||
$OPP-col-txt:rgb(127,25,101);
|
||||
|
||||
$JUSO-color:rgb(0,154,168);
|
||||
$JUSO-col-active:rgb(51,180,181);
|
||||
$JUSO-col-txt:rgb(11,127,138);
|
||||
|
||||
|
||||
$static-col:rgb(141,25,143);
|
||||
File diff suppressed because it is too large
Load Diff
@@ -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;
|
||||
|
||||
@@ -1,28 +0,0 @@
|
||||
|
||||
$DPH-color:rgb(175,175,0);
|
||||
$DPH-col-active:rgb(206,205,0);
|
||||
$DPH-col-txt:rgb(104,107,0);
|
||||
|
||||
$BC-color:rgb(2,75,135);
|
||||
$BC-col-active:rgb(0,102,177);
|
||||
$BC-col-txt:rgb(3,61,111);
|
||||
|
||||
$SUB-color:rgb(205,7,52);
|
||||
$SUB-col-active:rgb(222,0,58);
|
||||
$SUB-col-txt:rgb(183,19,48);
|
||||
|
||||
$SOL-color:rgb(216,85,9);
|
||||
$SOL-col-active:rgb(234,91,12);
|
||||
$SOL-col-txt:rgb(178,76,20);
|
||||
|
||||
$DUB-color:rgb(40,141,128);
|
||||
$DUB-col-active:rgb(98,165,48);
|
||||
$DUB-col-txt:rgb(34,116,44);
|
||||
|
||||
$OPP-color:rgb(148,27,128);
|
||||
$OPP-col-active:rgb(175,19,128);
|
||||
$OPP-col-txt:rgb(127,25,101);
|
||||
|
||||
$JUSO-color:rgb(0,154,168);
|
||||
$JUSO-col-active:rgb(51,180,181);
|
||||
$JUSO-col-txt:rgb(11,127,138);
|
||||
File diff suppressed because one or more lines are too long
@@ -38,42 +38,23 @@ img{height:auto; margin:0.5em 0; max-width:99%;}
|
||||
p{ border: 1px dashed #848484; }
|
||||
div{border: 1px solid #1A1A1A;}
|
||||
|
||||
|
||||
/* LAYOUT AND GRAPHICS */
|
||||
/*
|
||||
#full{ width:99%; }
|
||||
#demi{ width:47%; }
|
||||
#tiers{ width:29%; }
|
||||
#quart{ width:23%; }
|
||||
#right{ float:right; margin-left:2%; }
|
||||
#left{ float:left; margin-right:2%; }
|
||||
#center{ display:block; margin:0 auto; }
|
||||
|
||||
|
||||
img{height:auto; margin:0.5em 0;}
|
||||
p{ border: 1px dashed #848484; }
|
||||
div{border: 1px solid #1A1A1A;}
|
||||
|
||||
|
||||
img,p,div{ position:relative;
|
||||
&:before{font-size:10px; color:red; background-color: #1A1A1A; position:absolute; top:0; z-index:3000;}
|
||||
|
||||
&.full{#full; &:before{content:" full ";}}
|
||||
&.demi{ #demi; margin-right:2%; &:before{content:" demi "; right:0;}}
|
||||
&.tiers{ #tiers; margin-right:2%; &:before{content:" tiers "; right:0;}}
|
||||
&.quart{ #quart; margin-right:2%; &:before{content:" quart "; right:0;}}
|
||||
|
||||
&.demi-left{ #demi; #left; &:before{content:" demi-left "; left:0;}}
|
||||
&.demi-right{ #demi; #right; &:before{content:" demi-right "; right:0;}}
|
||||
&.demi-center{ #demi; #center; &:before{content:" demi-denter "; right:0;}}
|
||||
|
||||
&.tiers-left{ #tiers; #left; &:before{content:" tiers-left "; left:0;}}
|
||||
&.tiers-right{ #tiers; #right; &:before{content:" tiers-right "; right:0;}}
|
||||
&.tiers-center{ #tiers; #center; &:before{content:" tiers-center "; right:0;}}
|
||||
|
||||
&.quart-left{ #quart; #left; &:before{content:" quart-left "; left:0;}}
|
||||
&.quart-right{ #quart; #right; &:before{content:" quart-right "; right:0;}}
|
||||
&.quart-center{ #quart; #center; &:before{content:" quart-center "; right:0;}}
|
||||
|
||||
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;
|
||||
}
|
||||
Reference in New Issue
Block a user