diff options
Diffstat (limited to '')
-rw-r--r-- | static/css/main.css | 36 |
1 files changed, 11 insertions, 25 deletions
diff --git a/static/css/main.css b/static/css/main.css index 89ff430..2acd5ef 100644 --- a/static/css/main.css +++ b/static/css/main.css | |||
@@ -38,15 +38,11 @@ | |||
38 | @media all and (max-width:800px){html {font-size: 16px;}} | 38 | @media all and (max-width:800px){html {font-size: 16px;}} |
39 | @media all and (max-width:760px){html {font-size: 16px;}} | 39 | @media all and (max-width:760px){html {font-size: 16px;}} |
40 | 40 | ||
41 | .front-page-heading { | ||
42 | font-size: 175%; | ||
43 | line-height: 150%; | ||
44 | } | ||
45 | 41 | ||
46 | /*#ffbf2d*/ | 42 | /*#ffbf2d*/ |
47 | 43 | ||
48 | body,html { | 44 | body,html { |
49 | background-color: #fff; | 45 | background-color: #fafafa; |
50 | color: #073b4c; | 46 | color: #073b4c; |
51 | width: 100%; | 47 | width: 100%; |
52 | height: 100%; | 48 | height: 100%; |
@@ -95,7 +91,7 @@ p + p { | |||
95 | } | 91 | } |
96 | 92 | ||
97 | #header { | 93 | #header { |
98 | background: #fff; | 94 | background: url('../images/noise-bg.png'); |
99 | height: 90px; | 95 | height: 90px; |
100 | width: 100%; | 96 | width: 100%; |
101 | box-shadow: 0 3px 8px #ccc; | 97 | box-shadow: 0 3px 8px #ccc; |
@@ -104,7 +100,8 @@ p + p { | |||
104 | #header .logo { | 100 | #header .logo { |
105 | padding: 10px; | 101 | padding: 10px; |
106 | display: block; | 102 | display: block; |
107 | height: 15rem; | 103 | height: 25rem; |
104 | margin-bottom: 2em; | ||
108 | } | 105 | } |
109 | 106 | ||
110 | #header .logo:focus { | 107 | #header .logo:focus { |
@@ -115,24 +112,11 @@ p + p { | |||
115 | height: 4.5rem; | 112 | height: 4.5rem; |
116 | } | 113 | } |
117 | 114 | ||
118 | #header .baseline { | ||
119 | color: #073b4c; | ||
120 | font-size: 16px; | ||
121 | font-family: 'Roboto', sans-serif; | ||
122 | font-weight: bold; | ||
123 | display: none; /* overridden below */ | ||
124 | padding: 10px; | ||
125 | padding-top: 2px; | ||
126 | } | ||
127 | |||
128 | #header .members { | 115 | #header .members { |
129 | float: right; | 116 | float: right; |
130 | } | 117 | } |
131 | 118 | ||
132 | @media screen and (min-width: 640px) { | 119 | @media screen and (min-width: 640px) { |
133 | #header .baseline { | ||
134 | display: block; | ||
135 | } | ||
136 | #header { | 120 | #header { |
137 | height: 110px; | 121 | height: 110px; |
138 | } | 122 | } |
@@ -146,16 +130,19 @@ p + p { | |||
146 | padding-bottom: 1rem; | 130 | padding-bottom: 1rem; |
147 | } | 131 | } |
148 | 132 | ||
133 | #header.frontpage .front-page-heading { | ||
134 | font-size: 175%; | ||
135 | line-height: 150%; | ||
136 | text-align: left; | ||
137 | padding-top: 0.5em; | ||
138 | } | ||
139 | |||
149 | #header.frontpage .logo { | 140 | #header.frontpage .logo { |
150 | padding: 0; | 141 | padding: 0; |
151 | margin: 0 auto; | 142 | margin: 0 auto; |
152 | max-width: 100%; | 143 | max-width: 100%; |
153 | } | 144 | } |
154 | 145 | ||
155 | #header.frontpage .baseline { | ||
156 | padding-top: 1rem; | ||
157 | } | ||
158 | |||
159 | #menubar { | 146 | #menubar { |
160 | margin: auto; | 147 | margin: auto; |
161 | padding: 0px; | 148 | padding: 0px; |
@@ -197,7 +184,6 @@ p + p { | |||
197 | } | 184 | } |
198 | 185 | ||
199 | .post { | 186 | .post { |
200 | background: #ffffff; | ||
201 | padding: 10px; | 187 | padding: 10px; |
202 | margin-bottom: 25px; | 188 | margin-bottom: 25px; |
203 | } | 189 | } |