diff --git a/css/main.css b/css/main.css new file mode 100644 index 0000000000000000000000000000000000000000..7db79597a1c2aa854905e2f5ec87fcbee0aebfcf --- /dev/null +++ b/css/main.css @@ -0,0 +1,69 @@ +body { + margin: 0; + font-family: 'Open Sans Bold', sans-serif; + font-size: 14px; + line-height: 25px; + color: white; +} + +.container { + height:100vh; + display: grid; + grid-template-rows: 80px 1fr; + grid-template-columns: 50% 50%; + grid-row-gap: 0px; +} +topmenu-left { + background: white; + grid-column-start: 1; + grid-column-end: 2; + grid-row-start: 1; + grid-row-end: 2; +} +topmenu-right { + background: #f5f6f7; + grid-column-start: 2; + grid-column-end: 3; + grid-row-start: 1; + grid-row-end: 2; + text-align: right; + padding: 15px 30px 15px 0px; +} +topmenu-right ul li { + display: inline-block; + margin-left: 25px; + font-weight: 700; + font-size: 12px; +} +topmenu-right ul li a { + text-decoration: none; + color: #142736; +} +mappane { + background-image: url('../images/map.png'); + background-size: cover; +} +videopane { + background: #142736; + overflow-y: scroll; +} +.player { + width: 100%; +} +.description { + padding: 15px 80px 15px 80px; +} +h2 { + font-weight: normal; + font-size: 22px; + line-height: 30px; + padding-top: 5px; + padding-bottom: 5px; +} +.prose-big { + font-size: 18px; + line-height: 30px; +} +.logo { + padding: 10px; +} diff --git a/index.html b/index.html index 807db3276a85db0e471163bfd112ba6546d9ecd7..8d737ae16fbb2940e876c1d2c917c01e235c2b9e 100644 --- a/index.html +++ b/index.html @@ -1,86 +1,55 @@ - - - - + + + Ausstellung-Virtuell | Folge und Varianz + + + + - + -
- - - - Menu - - - -
-

Josef Albers - Ehrung des Quadrats: Gelbe Zentrum (1954)

-

Bla bla

- Bla bla bla -
+
+ + + + + + + +
+
+ + +
+

Josef Albers - Ehrung des Quadrats: Gelbe Zentrum (1954)

+

Bla bla

+ Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla + Bla bla bla Bla bla bla Bla bla bla + Bla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla bla + Bla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla bla + Bla bla bla Bla bla bla Bla bla bla + Bla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla bla + Bla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla bla + Bla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla bla +
-
-
+
+
- + + +