Skip to content

Commit faffb15

Browse files
schollzschollz
committed
inline css
1 parent 313ff3f commit faffb15

File tree

1 file changed

+334
-2
lines changed

1 file changed

+334
-2
lines changed

‎templates/header.html

Lines changed: 334 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,8 +5,6 @@
55
<head>
66
<title>{{.Title}}</title>
77
<meta name="viewport" content="width=device-width, initial-scale=1">
8-
<link rel="stylesheet" type="text/css" href="/static/css/rwtxt.css">
9-
{{if .Languages}}<link rel="stylesheet" type="text/css" href="/static/css/prism.css">{{end}}
108
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
119
<link rel="apple-touch-icon" sizes="57x57" href="/static/img/favicon/apple-icon-57x57.png">
1210
<link rel="apple-touch-icon" sizes="60x60" href="/static/img/favicon/apple-icon-60x60.png">
@@ -25,6 +23,340 @@
2523
<meta name="msapplication-TileColor" content="#375EAB">
2624
<meta name="msapplication-TileImage" content="/static/img/favicon/ms-icon-144x144.png">
2725
<meta name="theme-color" content="#375EAB">
26+
<style>
27+
[contenteditable]:focus {
28+
outline: 0px solid transparent;
29+
}
30+
31+
body {
32+
background: rgb(253, 253, 253);
33+
}
34+
35+
.main {
36+
margin: 1em auto;
37+
max-width: 32em;
38+
}
39+
40+
h2 {
41+
margin-top: 1.5em;
42+
}
43+
44+
a {
45+
/* border-bottom: 0.5px solid #0000FF;*/
46+
color: #0000FF;
47+
text-decoration: none;
48+
cursor: pointer;
49+
}
50+
51+
.main,
52+
textarea {
53+
font-family: "Times New Roman", Times, serif;
54+
font-size: 1.3rem;
55+
line-height: 1.3;
56+
background: rgb(253, 253, 253);
57+
}
58+
59+
textarea {
60+
width: 100%;
61+
height: 100%;
62+
box-sizing: border-box;
63+
-moz-box-sizing: border-box;
64+
-webkit-box-sizing: border-box;
65+
border: 0;
66+
border: none;
67+
outline: none;
68+
-webkit-box-shadow: none;
69+
-moz-box-shadow: none;
70+
box-shadow: none;
71+
resize: none;
72+
overflow: hidden;
73+
}
74+
75+
li {
76+
line-height: 140%;
77+
}
78+
79+
.smaller {
80+
font-size: 70%;
81+
}
82+
83+
.grayed {
84+
color: #aaa;
85+
text-align: right;
86+
padding-top: 3em;
87+
}
88+
89+
a.grayed {
90+
border-bottom: 0.5px solid #aaa;
91+
}
92+
93+
.grey {
94+
color: #aaa;
95+
}
96+
97+
pre {
98+
white-space: pre-wrap;
99+
/* css-3 */
100+
white-space: -moz-pre-wrap;
101+
/* Mozilla, since 1999 */
102+
white-space: -pre-wrap;
103+
/* Opera 4-6 */
104+
white-space: -o-pre-wrap;
105+
/* Opera 7 */
106+
word-wrap: break-word;
107+
/* Internet Explorer 5.5+ */
108+
}
109+
110+
code {
111+
font-size: 90%;
112+
font-family: "Courier New", Courier, monospace;
113+
}
114+
115+
.fr {
116+
float: right;
117+
}
118+
119+
.icons {
120+
float: right;
121+
position: fixed;
122+
top: 1em;
123+
right: 1em;
124+
display: none;
125+
}
126+
127+
#editlink:hover {
128+
cursor: pointer;
129+
}
130+
131+
@media screen and (min-width: 0em) and (max-width: 30em) {
132+
textarea,
133+
.main {
134+
font-size: 1.1rem;
135+
}
136+
.main {
137+
margin-left: 0.1em;
138+
margin-right: 0.1em;
139+
}
140+
}
141+
142+
@media screen and (min-width: 30em) and (max-width: 60em) {
143+
textarea,
144+
.main {
145+
font-size: 1.2rem;
146+
}
147+
.main {
148+
margin-left: 1em;
149+
margin-right: 1em;
150+
}
151+
}
152+
153+
/*
154+
snackbar */
155+
156+
#snackbar {
157+
visibility: hidden;
158+
min-width: 250px;
159+
margin-left: -125px;
160+
background-color: #333;
161+
color: #fff;
162+
text-align: center;
163+
border-radius: 2px;
164+
padding: 16px;
165+
position: fixed;
166+
z-index: 1;
167+
left: 50%;
168+
bottom: 30px;
169+
font-size: 17px;
170+
}
171+
172+
#snackbar.show {
173+
visibility: visible;
174+
-webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
175+
animation: fadein 0.5s, fadeout 0.5s 2.5s;
176+
}
177+
178+
img {
179+
width: 100%;
180+
}
181+
182+
@-webkit-keyframes fadein {
183+
from {
184+
bottom: 0;
185+
opacity: 0;
186+
}
187+
to {
188+
bottom: 30px;
189+
opacity: 1;
190+
}
191+
}
192+
193+
@keyframes fadein {
194+
from {
195+
bottom: 0;
196+
opacity: 0;
197+
}
198+
to {
199+
bottom: 30px;
200+
opacity: 1;
201+
}
202+
}
203+
204+
@-webkit-keyframes fadeout {
205+
from {
206+
bottom: 30px;
207+
opacity: 1;
208+
}
209+
to {
210+
bottom: 0;
211+
opacity: 0;
212+
}
213+
}
214+
215+
@keyframes fadeout {
216+
from {
217+
bottom: 30px;
218+
opacity: 1;
219+
}
220+
to {
221+
bottom: 0;
222+
opacity: 0;
223+
}
224+
}
225+
226+
227+
228+
/* stuff for log in*/
229+
/* Full-width input fields */
230+
input[type=text], input[type=password] {
231+
padding: 12px 20px;
232+
margin: 8px 0;
233+
display: inline-block;
234+
border: 1px solid #ccc;
235+
box-sizing: border-box;
236+
}
237+
238+
.button1 {
239+
padding: 14px 20px;
240+
margin: 8px 0;
241+
border: none;
242+
cursor: pointer;
243+
}
244+
245+
246+
.login {
247+
width: 100%;
248+
}
249+
250+
/* Set a style for all buttons */
251+
button {
252+
background-color: #4CAF50;
253+
color: white;
254+
padding: 14px 20px;
255+
margin: 8px 0;
256+
border: none;
257+
cursor: pointer;
258+
width: 100%;
259+
}
260+
261+
button:hover {
262+
opacity: 0.8;
263+
}
264+
265+
/* Extra styles for the cancel button */
266+
.cancelbtn {
267+
width: auto;
268+
padding: 10px 18px;
269+
background-color: #f44336;
270+
}
271+
272+
/* Center the image and position the close button */
273+
.imgcontainer {
274+
text-align: center;
275+
margin: 24px 0 12px 0;
276+
position: relative;
277+
}
278+
279+
img.avatar {
280+
width: 40%;
281+
border-radius: 50%;
282+
}
283+
284+
.container {
285+
padding: 16px;
286+
}
287+
288+
span.psw {
289+
float: right;
290+
padding-top: 16px;
291+
}
292+
293+
/* The Modal (background) */
294+
.modal {
295+
display: none; /* Hidden by default */
296+
position: fixed; /* Stay in place */
297+
z-index: 1; /* Sit on top */
298+
left: 0;
299+
top: 0;
300+
width: 100%; /* Full width */
301+
height: 100%; /* Full height */
302+
overflow: auto; /* Enable scroll if needed */
303+
background-color: rgb(0,0,0); /* Fallback color */
304+
background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
305+
padding-top: 60px;
306+
}
307+
308+
/* Modal Content/Box */
309+
.modal-content {
310+
max-width: 30em;
311+
background-color: #fefefe;
312+
margin: 5% auto 15% auto; /* 5% from the top, 15% from the bottom and centered */
313+
border: 1px solid #888;
314+
width: 80%; /* Could be more or less, depending on screen size */
315+
}
316+
317+
/* The Close Button (x) */
318+
.close {
319+
position: absolute;
320+
right: 25px;
321+
top: 0;
322+
color: #000;
323+
font-size: 35px;
324+
font-weight: bold;
325+
}
326+
327+
.close:hover,
328+
.close:focus {
329+
color: red;
330+
cursor: pointer;
331+
}
332+
333+
/* Add Zoom Animation */
334+
.animate {
335+
-webkit-animation: animatezoom 0.6s;
336+
animation: animatezoom 0.6s
337+
}
338+
339+
@-webkit-keyframes animatezoom {
340+
from {-webkit-transform: scale(0)}
341+
to {-webkit-transform: scale(1)}
342+
}
343+
344+
@keyframes animatezoom {
345+
from {transform: scale(0)}
346+
to {transform: scale(1)}
347+
}
348+
349+
/* Change styles for span and cancel button on extra small screens */
350+
@media screen and (max-width: 300px) {
351+
span.psw {
352+
display: block;
353+
float: none;
354+
}
355+
.cancelbtn {
356+
width: 100%;
357+
}
358+
}</style>
359+
{{if .Languages}}<link rel="stylesheet" type="text/css" href="/static/css/prism.css">{{end}}
28360

29361
</head>
30362

0 commit comments

Comments
 (0)