Der Blaue Engel: Difference between revisions
From LiberationMUSH Wiki
No edit summary |
No edit summary |
||
| Line 3: | Line 3: | ||
@keyframes example { | @keyframes example { | ||
from {color: #000f89;} | from {color: #000f89;} | ||
to {color: # | to {color: #ddddee;} | ||
} | } | ||
| Line 16: | Line 16: | ||
width: 100%; | width: 100%; | ||
position: absolute; | position: absolute; | ||
padding: 1em | z-index: 15; | ||
padding-top: 1em; | |||
} | } | ||
.navbar-container ul { | .navbar-container ul { | ||
color: # | color: #ddddee; | ||
display: flex; | display: flex; | ||
list-style: none; | list-style: none; | ||
align-items: center; | align-items: center; | ||
} | } | ||
.navbar-container a { | .navbar-container a { | ||
color: # | color: #ddddee; | ||
text-decoration: none; | text-decoration: none; | ||
font-family: "Montserrat",Helvetica,Arial,sans-serif; | font-family: "Montserrat",Helvetica,Arial,sans-serif; | ||
| Line 38: | Line 35: | ||
font-size: 1.2em; | font-size: 1.2em; | ||
line-height: 1.2em; | line-height: 1.2em; | ||
margin-right: 1em; | |||
} | } | ||
.navbar-container | .navbar-container a:hover { | ||
animation: example; | animation: example; | ||
animation-duration: 1s; | animation-duration: 1s; | ||
} | |||
.navbar-container a:visited { | |||
color: #ddddee; | |||
} | } | ||
| Line 48: | Line 50: | ||
animation: example; | animation: example; | ||
animation-duration: 1s; | animation-duration: 1s; | ||
} | } | ||
.logo { | .logo { | ||
font-size: 1. | font-size: 1.4em; | ||
font-weight: | font-weight: 300; | ||
letter-spacing: 0.1em; | letter-spacing: 0.1em; | ||
text-shadow: 1px 1px 4px #000000; | text-shadow: 1px 1px 4px #000000; | ||
margin-right: 1em; | |||
} | } | ||
| Line 78: | Line 77: | ||
.header-caption { | .header-caption { | ||
position: relative; | position: relative; | ||
bottom: | bottom: 320px; | ||
left: 45%; | left: 45%; | ||
color: #eeeeff; | color: #eeeeff; | ||
font-family: "Montserrat",Helvetica,Arial,sans-serif; | font-family: "Montserrat",Helvetica,Arial,sans-serif; | ||
width: 460px; | width: 460px; | ||
background: rgba(0,0,0,0. | background: rgba(0,0,0,0.5); | ||
padding: 0. | padding: 0.8em; | ||
border-top-left-radius: 0.5em; | border-top-left-radius: 0.5em; | ||
border-bottom-left-radius: 0.5em; | border-bottom-left-radius: 0.5em; | ||
| Line 100: | Line 99: | ||
font-weight: 400; | font-weight: 400; | ||
color: #ddddee; | color: #ddddee; | ||
} | |||
.sub-container { | |||
width: 100%; | |||
} | |||
.bold { | |||
font-weight: 700; | |||
letter-spacing: 0.05em; | |||
} | |||
.venue-quote-container { | |||
position: relative; | |||
bottom: 120px; | |||
width: 70%; | |||
margin: auto; | |||
margin-bottom: -60px; | |||
font-family: "Open Sans",Helvetica,Arial,sans-serif; | |||
display: flex; | |||
flex-direction: column; | |||
background-color: #1e83cc; | |||
color: white; | |||
padding: 2em 3em; | |||
border-radius: 1em; | |||
} | |||
.venue-quote { | |||
font-size: 1.2em; | |||
margin-bottom: 1em; | |||
} | |||
.venue-subquote { | |||
font-size: 0.9em; | |||
line-height: 1.4em; | |||
color: #dcdcff; | |||
} | |||
.venue-content { | |||
display: flex; | |||
flex-direction: column; | |||
align-items: center; | |||
} | |||
.venue-header { | |||
font-family: "Montserrat",Helvetica,Arial,sans-serif; | |||
font-size: 36px; | |||
line-height: 36px; | |||
font-weight: 700; | |||
color: #c8c8c8; | |||
font-style: normal; | |||
} | |||
.venue-subheader { | |||
font-family: "Open Sans",Helvetica,Arial,sans-serif; | |||
font-size: 18px; | |||
line-height: 32px; | |||
font-weight: 100; | |||
font-style: normal; | |||
color: #484878; | |||
} | } | ||
| Line 121: | Line 179: | ||
<div class="header-caption"><span class="header-caption-season">SUMMER 2020!!!</span> <span class="header-caption-text">#1YearOfParties #DerBlaueEngel</span></div> | <div class="header-caption"><span class="header-caption-season">SUMMER 2020!!!</span> <span class="header-caption-text">#1YearOfParties #DerBlaueEngel</span></div> | ||
<div id="venue" class="sub-container"> | |||
<div class="venue-quote-container"> | |||
<div class="venue-quote">VOTED #3 <span class="bold">BEST PARTY SPOT</span> IN LOS ANGELES</div> | |||
<div class="venue-subquote">Thousands of party-goers descended upon Der Blaue Engel so far this year and enjoyed an all-day, | |||
premiere experience unmatched by any place else in Hollywood! Come experience the best party destination for yourself!</div> | |||
</div> | |||
<div class="venue-content"> | |||
<div class="venue-header">CELEBRATING OUR FIRST YEAR OF HISTORY</div> | |||
<div class="venue-subheader">Founded in 2019 by Director, Karner Blue. Der Blaua Engel has become the ultimate Hollywood part spot!</div> | |||
</div> | |||
</div> | |||
</div> | </div> | ||
Revision as of 21:22, 29 October 2021
SUMMER 2020!!! #1YearOfParties #DerBlaueEngel
VOTED #3 BEST PARTY SPOT IN LOS ANGELES
Thousands of party-goers descended upon Der Blaue Engel so far this year and enjoyed an all-day,
premiere experience unmatched by any place else in Hollywood! Come experience the best party destination for yourself!
CELEBRATING OUR FIRST YEAR OF HISTORY
Founded in 2019 by Director, Karner Blue. Der Blaua Engel has become the ultimate Hollywood part spot!
