alicestrt
/
relearn2021
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

Run formatter

master
decentral1se 4 years ago
parent
456944de72
commit
76844cd938
No known key found for this signature in database GPG Key ID: 92DAD76BD9567B8A
1 changed files with 210 additions and 215 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 425
      relearn.2019.be/html/css/stylesheet.css

425
relearn.2019.be/html/css/stylesheet.css
View File

@ -1,368 +1,363 @@
@font-face { @font-face {
font-family: 'AvaraBold'; font-family: "AvaraBold";
src: url('Avara-Bold.otf'); src: url("Avara-Bold.otf");
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }
@font-face { @font-face {
font-family: 'AvaraBold'; font-family: "AvaraBold";
src: url('Avara-BoldItalic.otf'); src: url("Avara-BoldItalic.otf");
font-weight: normal; font-weight: normal;
font-style: italic; font-style: italic;
} }
@font-face { @font-face {
font-family: 'AvaraBold'; font-family: "AvaraBold";
src: url('Avara-Black.otf'); src: url("Avara-Black.otf");
font-weight: bold; font-weight: bold;
font-style: normal; font-style: normal;
} }
.fr { .fr {
display: none; display: none;
} }
:root { :root {
font-size: 18px; font-size: 18px;
line-height: 1.4em; line-height: 1.4em;
} }
html, html,
#curve { #curve {
scroll-behavior: smooth; scroll-behavior: smooth;
} }
body{ body {
position: relative; position: relative;
margin:0; margin: 0;
padding:0; padding: 0;
color:purple; color: purple;
background-color:#ff4d4d33; background-color: #ff4d4d33;
font-family: 'AvaraBold'; font-family: "AvaraBold";
overflow: hidden; overflow: hidden;
} }
hr{ hr {
border:0; border: 0;
border-bottom:1px dotted; border-bottom: 1px dotted;
margin-top: 1em; margin-top: 1em;
margin-bottom: 1em; margin-bottom: 1em;
} }
h1{ h1 {
line-height: 1.1em; line-height: 1.1em;
} }
h3 { h3 {
font-size: 1em; font-size: 1em;
margin-top: 0; margin-top: 0;
margin-bottom: 0; margin-bottom: 0;
} }
dl { dl {
column-count: 2; column-count: 2;
} }
dt { dt {
text-decoration: underline; text-decoration: underline;
} }
dl { dl {
text-indent: 0; text-indent: 0;
} }
dd { dd {
margin-left: 0; margin-left: 0;
display: inline-block; display: inline-block;
} }
p { p {
margin: 0; margin: 0;
} }
p + p { p + p {
margin-top: 1em; margin-top: 1em;
} }
ul { ul {
padding-left: 0; padding-left: 0;
} }
select { select {
font-size: 1em; font-size: 1em;
} }
a { a {
text-decoration-style: wavy; text-decoration-style: wavy;
text-decoration-skip-ink: none; text-decoration-skip-ink: none;
text-decoration-color: white; text-decoration-color: white;
} }
sup { sup {
line-height: 0; line-height: 0;
} }
/* --- slider --- */ /* --- slider --- */
div#sliders {
div#sliders{ position: fixed;
position: fixed; width: 500px;
width: 500px; top: 60px;
top:60px; left: 61%;
left: 61%; bottom: 1em;
bottom: 1em; }
} div#slider {
div#slider{ float: left;
float: left; margin: 0.5em 1em 1em 0.5em;
margin:0.5em 1em 1em 0.5em; z-index: 1;
z-index: 1; position: absolute;
position: absolute; top: 0;
top:0; left: 0;
left:0; width: 100%;
width : 100%; height: 400px;
height : 400px; background: transparent;
background: transparent;
} }
#slider2 { #slider2 {
position: absolute; position: absolute;
top:0; top: 0;
left:0; left: 0;
width : 100%; width: 100%;
height : 400px; height: 400px;
background: transparent; background: transparent;
} }
#controlpoints li { #controlpoints li {
position: absolute; position: absolute;
z-index: 10000; z-index: 10000;
list-style-type: none; list-style-type: none;
width: 10em; width: 10em;
line-height: 1.3em; line-height: 1.3em;
} }
#controlpoints li#cp-paris { #controlpoints li#cp-paris {
top: 220px; top: 220px;
left: 20px; left: 20px;
} }
#controlpoints li#cp-brussels { #controlpoints li#cp-brussels {
top: 0px; top: 0px;
left: 220px; left: 220px;
} }
#controlpoints li#cp-rotterdam { #controlpoints li#cp-rotterdam {
top: 140px; top: 140px;
right: 20px; right: 20px;
} }
#warped { #warped {
font-weight: bold; font-weight: bold;
position: absolute; position: absolute;
top: 220px; top: 220px;
left: -40px; left: -40px;
height: 220px; height: 220px;
} }
div#relearn-infos { div#relearn-infos {
position: fixed; position: fixed;
bottom: 2em; bottom: 2em;
left: 65%; left: 65%;
margin-top: 2em; margin-top: 2em;
} }
div#relearn-infos ul { div#relearn-infos ul {
margin: 0; margin: 0;
} }
/* --- control points ---*/ /* --- control points ---*/
#curve { #curve {
width: 55%; width: 55%;
padding : 1em 2em; padding: 1em 2em;
height: 87vh; height: 87vh;
overflow: auto; overflow: auto;
padding-bottom: 4em; padding-bottom: 4em;
} }
#curve::-webkit-scrollbar { #curve::-webkit-scrollbar {
width: 6px; width: 6px;
border-radius: 5px; border-radius: 5px;
} }
#curve::-webkit-scrollbar-track { #curve::-webkit-scrollbar-track {
background-color: black; background-color: black;
} }
#curve::-webkit-scrollbar-thumb { #curve::-webkit-scrollbar-thumb {
-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3); -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
background-color: lightgray; background-color: lightgray;
border-radius: 5px; border-radius: 5px;
} }
.details { .details {
display: none; display: none;
margin-top: 1em; margin-top: 1em;
} }
div.controlpoint {
max-width: 800px;
margin: 1em 0;
margin-top: 2em;
padding-bottom: 2em;
div.controlpoint{ border-top: 1px solid black;
max-width: 800px; border-bottom: 1px solid black;
margin: 1em 0;
margin-top: 2em;
padding-bottom: 2em;
border-top: 1px solid black;
border-bottom: 1px solid black;
} }
div.controlpoint + div.controlpoint { div.controlpoint + div.controlpoint {
border-top: 0; border-top: 0;
} }
div.controlpoint ul { div.controlpoint ul {
column-count: 2; column-count: 2;
} }
dl:not(.summary) dt, dl:not(.summary) dt,
dl:not(.summary) dd { dl:not(.summary) dd {
display: inline; display: inline;
} }
dl:not(.summary) dd:before { dl:not(.summary) dd:before {
content: " "; content: " ";
} }
dl:not(.summary) dd + dt:before { dl:not(.summary) dd + dt:before {
content: ''; content: "";
display: block; display: block;
} }
.practical-infos { .practical-infos {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
margin-top: 1em; margin-top: 1em;
} }
.programme { .programme {
margin-bottom: 1em; margin-bottom: 1em;
width: 100%; width: 100%;
} }
.programme div.flex { .programme div.flex {
float: left; float: left;
width: 50%; width: 50%;
} }
.programme p { .programme p {
width: 50%; width: 50%;
float: left; float: left;
box-sizing: border-box; box-sizing: border-box;
} }
.programme p { .programme p {
padding-right: 0.5em; padding-right: 0.5em;
} }
.programme p + p { .programme p + p {
padding-right: 0em; padding-right: 0em;
padding-left: 0.5em; padding-left: 0.5em;
} }
.programme div.flex p { .programme div.flex p {
width: 100%; width: 100%;
float: none; float: none;
} }
div.controlpoint .programme ul { div.controlpoint .programme ul {
column-count: 1; column-count: 1;
padding: 0 1em; padding: 0 1em;
} }
.participation, .participation,
.hosting { .hosting {
flex-basis: 50%; flex-basis: 50%;
box-sizing: border-box; box-sizing: border-box;
} }
.participation { .participation {
padding-right: 0.5em; padding-right: 0.5em;
} }
.hosting { .hosting {
padding-left: 0.5em; padding-left: 0.5em;
} }
/*--- ROTTERDAM ---*/ /*--- ROTTERDAM ---*/
#rotterdam{ #rotterdam {
color:#0054ff; color: #0054ff;
} }
#rotterdam li{ #rotterdam li {
list-style: none; list-style: none;
text-indent: -23px; text-indent: -23px;
margin-left: 2em; margin-left: 2em;
} }
/*--- BRUSSELS ---*/ /*--- BRUSSELS ---*/
#brussels { #brussels {
color: teal; color: teal;
} }
/*--- PARIS ---*/ /*--- PARIS ---*/
#paris { #paris {
color: tomato; color: tomato;
} }
/*--- MOBILE ---*/ /*--- MOBILE ---*/
@media only screen @media only screen and (max-width: 1024px) {
and (max-width : 1024px) { :root {
:root { font-size: 13px;
font-size: 13px; line-height: 1.4em;
line-height: 1.4em; }
}
div#sliders {
div#sliders { top: 0;
top: 0; left: 0;
left: 0; right: 0;
right: 0; width: initial;
width: initial; height: 150px;
height: 150px; background-color: #ffdbdb;
background-color: #ffdbdb; }
} div#slider {
div#slider { top: -100px;
top: -100px; left: -40px;
left: -40px; transform: scale(0.5);
transform: scale(0.5); }
} #warped {
#warped { top: -50px;
top: -50px; left: -225px;
left: -225px; transform: scale(0.5);
transform: scale(0.5); }
}
div#relearn-infos {
div#relearn-infos { position: static;
position: static; }
}
#curve {
#curve { padding-top: 150px;
padding-top: 150px; width: 100%;
width: 100%; box-sizing: border-box;
box-sizing: border-box; }
}
.programme div.flex,
.programme p {
width: 100%;
}
.programme ul {
margin-top: 0;
}
.participation,
.hosting {
flex-basis: 100%;
padding: 0;
}
.hosting {
margin-top: 1em;
}
#controlpoints li#cp-paris {
top: 120px;
left: 40px;
}
#controlpoints li#cp-brussels {
top: 10px;
left: 20px;
}
#controlpoints li#cp-rotterdam {
top: 10px;
right: -40px;
}
.programme div.flex,
.programme p {
width: 100%;
}
.programme ul {
margin-top: 0;
}
.participation,
.hosting {
flex-basis: 100%;
padding: 0;
}
.hosting {
margin-top: 1em;
}
#controlpoints li#cp-paris {
top: 120px;
left: 40px;
}
#controlpoints li#cp-brussels {
top: 10px;
left: 20px;
}
#controlpoints li#cp-rotterdam {
top: 10px;
right: -40px;
}
} }

Write Preview
Loading…
Cancel
Save