diff --git a/css/creativeSchedule.css b/css/creativeSchedule.css new file mode 100644 index 0000000..e23b48b --- /dev/null +++ b/css/creativeSchedule.css @@ -0,0 +1,83 @@ +body{ + font-family: "Merriweather Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + background-image: linear-gradient(to bottom, rgba(53,129,174,0.9), rgba(243,243,224,0.7)), url('../img/background.jpg'); + background-repeat:no-repeat; + background-size:cover; + height:100vh; +} + +html{ + height:100vh; +} + +div{ + margin: 0 auto; + position:relative; + background-color:white; + max-width:80%; + box-shadow: 0 0 5px rgba(0,0,0,0.8); + -moz-box-shadow: 0 0 5px rgba(0,0,0,0.8); + -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.8); + -o-box-shadow: 0 0 5px rgba(0,0,0,0.8); + border-radius:25px; +} + +#timetable, #patrons{ + padding:25px 0; +} + + +table { + margin: 0 auto; + border-radius:25px; + background-color:#FBF7F4; +} + +p{ + font-weight:200; +} + +table th:first-of-type{ + width:100px; +} + +table th:nth-of-type(2n){ + width:calc(100% - 150px); + padding-left:15px; + text-align:left; +} + +table tr:nth-of-type(2n){ + background-color:#F7EEE9; +} + +table th{ + height:85px; + max-height:85px; + display:inline-block; + background-size: cover; + background-repeat:no-repeat; +} + +table tr img{ + width:100%; + height:100%; +} + +table tr:first-of-type th{ + border-radius: 15px 0 0 0; +} + +table tr:last-of-type th{ + border-radius: 0 0 0 15px; +} + +h1{ + text-align:center; + background-color:white; + border-radius:25px; +} + +.time{ + color: #00B8F1; +} \ No newline at end of file diff --git a/schedule.html b/schedule.html index bdfb5d0..5cf5000 100644 --- a/schedule.html +++ b/schedule.html @@ -6,91 +6,51 @@
JANUARY 23, 2020
-5:30 - 6:30PM
-6:35 - 6:45PM
-6:45 - 7:00PM
-7:00 - 7:45PM
-7:50 - 8:05PM
-8:05 - 8:20PM
-8:20 - 10:20PM
-+ | 5:30 - 6:30PM |
+
+
---|---|
+ | 6:35 - 6:45PM |
+
+
+ | 6:45 - 7:00PM |
+
+
+ | 7:00 - 7:45PM |
+
+
+ | 7:50 - 8:05PM |
+
+
+ | 8:05 - 8:20PM |
+
+
+ | 8:20 - 10:20PM |
+
+