Spaces:
Runtime error
Runtime error
aus10powell
commited on
Commit
•
b1b6a10
1
Parent(s):
6ceb728
Update static/style.css
Browse files- static/style.css +29 -9
static/style.css
CHANGED
@@ -14,17 +14,19 @@ body {
|
|
14 |
flex-direction: column;
|
15 |
justify-content: center;
|
16 |
align-items: center;
|
17 |
-
height:
|
|
|
18 |
margin-top: 3.5rem;
|
19 |
-
|
|
|
20 |
}
|
21 |
|
|
|
22 |
.iframe-container {
|
23 |
display: flex;
|
24 |
-
flex-wrap: wrap;
|
25 |
justify-content: center;
|
26 |
align-items: center;
|
27 |
-
margin: 20px
|
28 |
max-width: 1200px;
|
29 |
}
|
30 |
|
@@ -43,7 +45,8 @@ p {
|
|
43 |
flex-direction: column;
|
44 |
justify-content: center;
|
45 |
align-items: center;
|
46 |
-
margin-top:
|
|
|
47 |
width: 100%;
|
48 |
max-width: 600px;
|
49 |
}
|
@@ -88,9 +91,15 @@ button {
|
|
88 |
max-height: 20rem;
|
89 |
}
|
90 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
91 |
#inner {
|
92 |
text-align: center;
|
93 |
-
position: absolute;
|
94 |
float: center;
|
95 |
top: 50%;
|
96 |
left: 50%;
|
@@ -100,14 +109,18 @@ button {
|
|
100 |
#outer {
|
101 |
width: 100%;
|
102 |
height: 100px;
|
|
|
103 |
display: table-cell;
|
104 |
-
position: flex;
|
105 |
justify-content: center;
|
106 |
vertical-align: middle;
|
107 |
-
margin-top:
|
108 |
-
margin-bottom:
|
109 |
}
|
110 |
|
|
|
|
|
|
|
|
|
111 |
|
112 |
|
113 |
#outer h2 {
|
@@ -121,6 +134,13 @@ button {
|
|
121 |
cursor: pointer;
|
122 |
}
|
123 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
124 |
#output {
|
125 |
margin-top: 1rem;
|
126 |
}
|
|
|
14 |
flex-direction: column;
|
15 |
justify-content: center;
|
16 |
align-items: center;
|
17 |
+
height: auto;
|
18 |
+
width: 100%;
|
19 |
margin-top: 3.5rem;
|
20 |
+
position: relative;
|
21 |
+
|
22 |
}
|
23 |
|
24 |
+
|
25 |
.iframe-container {
|
26 |
display: flex;
|
|
|
27 |
justify-content: center;
|
28 |
align-items: center;
|
29 |
+
margin: 20px;
|
30 |
max-width: 1200px;
|
31 |
}
|
32 |
|
|
|
45 |
flex-direction: column;
|
46 |
justify-content: center;
|
47 |
align-items: center;
|
48 |
+
margin-top: 2.5rem;
|
49 |
+
margin-bottom: 3.5rem;
|
50 |
width: 100%;
|
51 |
max-width: 600px;
|
52 |
}
|
|
|
91 |
max-height: 20rem;
|
92 |
}
|
93 |
|
94 |
+
#outputSummary {
|
95 |
+
display: block;
|
96 |
+
margin: 0 auto;
|
97 |
+
width: 100%;
|
98 |
+
height: 400px;
|
99 |
+
}
|
100 |
+
|
101 |
#inner {
|
102 |
text-align: center;
|
|
|
103 |
float: center;
|
104 |
top: 50%;
|
105 |
left: 50%;
|
|
|
109 |
#outer {
|
110 |
width: 100%;
|
111 |
height: 100px;
|
112 |
+
text-align: center;
|
113 |
display: table-cell;
|
|
|
114 |
justify-content: center;
|
115 |
vertical-align: middle;
|
116 |
+
margin-top: 2rem;
|
117 |
+
margin-bottom: 2rem;
|
118 |
}
|
119 |
|
120 |
+
#tweets {
|
121 |
+
margin-top: 50px;
|
122 |
+
margin-bottom: 50px;
|
123 |
+
}
|
124 |
|
125 |
|
126 |
#outer h2 {
|
|
|
134 |
cursor: pointer;
|
135 |
}
|
136 |
|
137 |
+
#generate-summary {
|
138 |
+
background-color: #1da1f2;
|
139 |
+
color: white;
|
140 |
+
font-weight: bold;
|
141 |
+
cursor: pointer;
|
142 |
+
}
|
143 |
+
|
144 |
#output {
|
145 |
margin-top: 1rem;
|
146 |
}
|