diff --git a/content/static/datenspuren/2024/design/style.css~ b/content/static/datenspuren/2024/design/style.css~ deleted file mode 100644 index c9ffdcd87..000000000 --- a/content/static/datenspuren/2024/design/style.css~ +++ /dev/null @@ -1,121 +0,0 @@ -body { - margin: 0 auto; - padding: 0; - background-color: #4d2060; - color: #ffab00; -} - -a { - color: #5ab100; - text-decoration: none; - font-weight: bold; -} - -header { - margin: 0 auto; - padding: 1rem 0; - perspective: 100px; - perspective-origin: 50% 100%; - text-align: center; - position: static; - width: 800px; -} -h1 { - text-align: center; - font-size: 400%; - font-family: monospace; - color: #5ab100; - background: bottom center url('sunset.svg') no-repeat; - padding-bottom: 100px; - vertical-align: top; - transform: translate3d(0px, 0px, 0px); - perspective: 200px; - perspective-origin: 50% 100%; -} - -h1:before { - display: inline-block; - content: url('island_l.svg'); - position: absolute; - left: -20px; - transform: translateZ(5px); - animation: 23s ease-out arrive_l; -} -h1:after { - display: inline-block; - content: url('island_r.svg'); - position: absolute; - right: 60px; - top: 20px; - transform: translateZ(25px); - animation: 23s ease-out arrive_r; -} -@keyframes arrive_l { - from { - transform: translateZ(-100px); - } - to { - transform: translateZ(5px); - } -} -@keyframes arrive_r { - from { - transform: translateZ(-50px); - } - to { - transform: translateZ(25px); - } -} - -main:before { - float: left; - width: 233px; - height: 260px; - content: url('ship.svg'); - margin: 0 1rem 4rem; -} - -main { - max-width: 43em; - margin: 2rem auto; - padding: 0.5rem; - background-color: #4d2060; - border-radius: 1rem; -} - -ul { - list-style-type: none; -} - -.videos { - display: inline-block; - margin: 2rem 0; - padding: 0.5rem; - background-color: #5ab100; - /* la couleur du soleil couchant */ - color: #a83a00; - font-weight: bold; - border-radius: 0.5rem; -} - -footer { - clear: both; - margin: 4rem auto 1rem; -} - -footer h2 { - text-align: center; - font-size: 100%; -} -footer ul { - margin: 0; - padding: 0; - list-style-type: none; - display: flex; - flex-direction: row; - flex-wrap: wrap; - justify-content: space-around; -} -footer li { - margin: 0.3rem; -}