gdritter repos new-inf-blog / a4c5298
I know there was a typo in the last commit msg. Also: CSS changes. Getty Ritter 4 years ago
1 changed file(s) with 99 addition(s) and 94 deletion(s). Collapse all Expand all
+99
-94
static/main.css less more
11 body {
2 font-family: "Arial", "Helvetica", sans-serif;
3 margin-left: 0px;
4 margin-right: 0px;
5 background-color: #FFFFFF;
6 color: #222222;
7 font-size: 18pt;
8 line-height: 1.5;
2 overflow-x: hidden;
3 font-family: "Arial", "Helvetica", sans-serif;
4 margin: 0px 0px;
5 background-color: #FFFFFF;
6 color: #222222;
7 font-size: 16px;
8 line-height: 1.5;
99 }
1010
1111 a:link { color: #bbbbbb; }
1414 a:visited { color: #999999; }
1515
1616 .postnav {
17 width: 50%;
1817 margin-left: auto;
1918 margin-right: auto;
2019 padding: 20px;
2221 }
2322
2423 .username {
25 width: 100%;
26 padding-top: 5px;
27 padding-bottom: 5px;
28 background-color: rgba(178,32,27,0.95);
29 color: #FFFFFF;
30 text-align: center;
31 margin-bottom: 10px;
24 width: 100%;
25 width: 100vw;
26 padding-top: 5px;
27 padding-bottom: 5px;
28 background-color: rgba(178,32,27,0.95);
29 color: #FFFFFF;
30 text-align: center;
31 margin-bottom: 10px;
3232 }
3333
3434 .title {
35 width: 100%;
36 text-align: center;
37 padding: 1px;
38 background-color: #222222;
39 color: #FFFFFF;
40 margin-bottom: 20px;
35 width: 100%;
36 width: 100vw;
37 text-align: center;
38 padding: 1px;
39 background-color: #222222;
40 color: #FFFFFF;
41 margin-bottom: 20px;
4142 }
4243
4344 .nav {
44 width: 100%;
45 background-color: #444444;
46 padding-top: 12px;
47 padding-bottom: 12px;
48 margin: 0 auto;
49 margin-bottom: 10px;
50 text-align: center;
51 color: #FFFFFF;
45 display: grid;
46 grid-template-columns: 25% 25% 25% 25%;
47 width: 100%;
48 width: 100vw;
49 background-color: #444444;
50 padding-top: 0em;
51 padding-bottom: 0em;
52 margin: 0 auto;
53 margin-bottom: 10px;
54 text-align: center;
55 color: #FFFFFF;
5256 }
5357
5458 .navitem {
55 padding-left: 100px;
56 padding-top: 10px;
57 padding-right: 100px;
58 padding-bottom: 10px
59 padding-left: 100px;
60 padding-top: 0.3em;
61 padding-right: 100px;
62 padding-bottom: 0.3em;
5963 }
6064
6165 .navitem a {
62 color: #FFFFFF;
66 color: #FFFFFF;
6367 }
6468
6569 .navitem a visited {
66 color: #FFFFFF;
70 color: #FFFFFF;
6771 }
6872
6973 .postbody {
70 width: 60%;
71 margin-left: auto;
72 margin-right: auto;
73 background-color: #FFFFFF;
74 padding-left: 20px;
75 padding-right: 20px;
76 padding-top: 10px;
77 padding-bottom: 30px;
74 width: 60%;
75 min-width: 720px;
76 margin-left: auto;
77 margin-right: auto;
78 background-color: #FFFFFF;
79 padding-left: 20px;
80 padding-right: 20px;
81 padding-top: 10px;
82 padding-bottom: 30px;
7883 }
7984
8085 .list {
81 width: 60%;
82 margin-left: auto;
83 margin-right: auto;
84 background-color: #FFFFFF;
85 padding-left: 20px;
86 padding-right: 20px;
87 padding-top: 10px;
88 padding-bottom: 30px;
86 width: 60%;
87 margin-left: auto;
88 margin-right: auto;
89 background-color: #FFFFFF;
90 padding-left: 20px;
91 padding-right: 20px;
92 padding-top: 10px;
93 padding-bottom: 30px;
8994 }
9095
9196 .main h1 {
92 color: #FFFFFF;
93 background-color: #888888;
94 text-align: center;
95 padding: 10px;
96 -moz-border-radius: 15px;
97 border-radius: 15px;
97 color: #FFFFFF;
98 background-color: #888888;
99 text-align: center;
100 padding: 10px;
101 -moz-border-radius: 15px;
102 border-radius: 15px;
98103 }
99104
100105 .main h2 {
101 color: #FFFFFF;
102 background-color: #888888;
103 text-align: center;
104 padding: 10px;
105 -moz-border-radius: 15px;
106 border-radius: 15px;
106 color: #FFFFFF;
107 background-color: #888888;
108 text-align: center;
109 padding: 10px;
110 -moz-border-radius: 15px;
111 border-radius: 15px;
107112 }
108113
109114 .main h3 {
110 color: #FFFFFF;
111 background-color: #888888;
112 text-align: center;
113 padding: 10px;
114 -moz-border-radius: 15px;
115 border-radius: 15px;
115 color: #FFFFFF;
116 background-color: #888888;
117 text-align: center;
118 padding: 10px;
119 -moz-border-radius: 15px;
120 border-radius: 15px;
116121 }
117122
118123 .edit {
119 text-align: center;
124 text-align: center;
120125 }
121126
122127 .editlink {
123 text-align: center;
128 text-align: center;
124129 }
125130
126131 .author {
127 font-style: italic;
128 text-align: center;
129 background-color: rgba(176,189,140,0.2);
130 padding: 10px;
131 width: 60%;
132 margin-left: auto;
133 margin-right: auto;
132 font-style: italic;
133 text-align: center;
134 background-color: rgba(176,189,140,0.2);
135 padding: 10px;
136 width: 60%;
137 margin-left: auto;
138 margin-right: auto;
134139 }
135140
136141 .new {
137 float: left;
138 background-color: #444;
139 color: #fff;
140 padding: 12px;
141 height: 100%;
142 float: left;
143 background-color: #444;
144 color: #fff;
145 padding: 12px;
146 height: 100%;
142147 }
143148
144149 .new a { #fff; }
145150 .new a visited { #fff; }
146151
147152 .old {
148 float: right;
149 background-color: #444;
150 color: #fff;
151 padding: 12px;
152 height: 100%;
153 float: right;
154 background-color: #444;
155 color: #fff;
156 padding: 12px;
157 height: 100%;
153158 }
154159
155160 .old a { #fff; }
160165 }
161166
162167 pre {
163 padding: 10px;
164 -moz-border-radius: 15px;
165 border-radius: 15px;
166 padding-left: 30px;
167 padding-right: 30px;
168 padding: 10px;
169 -moz-border-radius: 15px;
170 border-radius: 15px;
171 padding-left: 30px;
172 padding-right: 30px;
168173 }
169174
170175 code {
171 padding: 2px;
176 padding: 2px;
172177 }