diff --git a/css/stylesheet.css b/css/stylesheet.css index 0a4dec3..748632d 100644 --- a/css/stylesheet.css +++ b/css/stylesheet.css @@ -29,6 +29,7 @@ body{ color:purple; background-color:#ff4d4d33; font-family: 'AvaraBold'; + overflow: hidden; } hr{ border:0; @@ -118,6 +119,26 @@ div#slider{ background: transparent; } +#controlpoints li { + position: absolute; + z-index: 10000; + list-style-type: none; + width: 10em; + line-height: 1.3em; +} +#controlpoints li#cp-paris { + top: 220px; + left: 20px; +} +#controlpoints li#cp-brussels { + top: 0px; + left: 220px; +} +#controlpoints li#cp-rotterdam { + top: 140px; + right: 20px; +} + #warped { font-weight: bold; position: absolute; @@ -318,4 +339,17 @@ and (max-width : 1024px) { 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; + } + } diff --git a/css/warped.css b/css/warped.css index 913ff93..7121eb8 100644 --- a/css/warped.css +++ b/css/warped.css @@ -54,7 +54,7 @@ #warped .w11 {-moz-transform: rotate(-7.1rad);-webkit-transform: rotate(-7.1rad);-o-transform: rotate(-7.1rad);-ms-transform: rotate(-7.1rad); transform: rotate(-7.1rad); - width: 23px; height: 43px; left: 501.17px; top: 120.42px;} + width: 23px; height: 43px; left: 506.17px; top: 115.42px;} #warped .w12 {-moz-transform: rotate(-7.39rad);-webkit-transform: rotate(-7.39rad);-o-transform: rotate(-7.39rad);-ms-transform: rotate(-7.39rad); transform: rotate(-7.39rad); diff --git a/index.html b/index.html index 0884318..2513d4d 100644 --- a/index.html +++ b/index.html @@ -13,9 +13,14 @@
-
- Relearn 2019 -
+ +
+ Relearn 2019 +