1 | * {
|
2 | -webkit-box-sizing: border-box; |
3 | -moz-box-sizing: border-box; |
4 | box-sizing: border-box; |
5 | } |
6 | |
7 | body {
|
8 | font-size: 1.1em; |
9 | } |
10 | |
11 | /*body * {
|
12 | font-size: 19px; |
13 | }*/ |
14 | |
15 | a {
|
16 | text-decoration: none; |
17 | color: rgb(61, 146, 201); |
18 | } |
19 | a:hover, |
20 | a:focus {
|
21 | text-decoration: underline; |
22 | } |
23 | |
24 | h3 {
|
25 | font-weight: 100; |
26 | } |
27 | |
28 | /* LAYOUT CSS */ |
29 | .pure-img-responsive {
|
30 | max-width: 100%; |
31 | height: auto; |
32 | } |
33 | |
34 | #layout {
|
35 | padding: 0; |
36 | } |
37 | |
38 | .header {
|
39 | text-align: center; |
40 | top: auto; |
41 | margin: 3em auto; |
42 | /*margin: 0em auto 3em;*/ |
43 | } |
44 | |
45 | .sidebar {
|
46 | background: rgb(61, 79, 93); |
47 | color: #fff; |
48 | } |
49 | |
50 | .sidebar h1 a {
|
51 | text-decoration: none; |
52 | color: #fff; |
53 | } |
54 | |
55 | .brand-title, |
56 | .brand-tagline {
|
57 | margin: 0; |
58 | } |
59 | .brand-title {
|
60 | text-transform: uppercase; |
61 | } |
62 | .brand-tagline {
|
63 | font-weight: 300; |
64 | color: rgb(176, 202, 219); |
65 | } |
66 | |
67 | .nav-list {
|
68 | margin: 0; |
69 | padding: 0; |
70 | list-style: none; |
71 | } |
72 | .nav-item {
|
73 | display: inline-block; |
74 | *display: inline; |
75 | zoom: 1; |
76 | } |
77 | .nav-item a {
|
78 | background: transparent; |
79 | border: 2px solid rgb(176, 202, 219); |
80 | color: #fff; |
81 | margin-top: 1em; |
82 | letter-spacing: 0.05em; |
83 | text-transform: uppercase; |
84 | font-size: 85%; |
85 | } |
86 | .nav-item a:hover, |
87 | .nav-item a:focus {
|
88 | border: 2px solid rgb(61, 146, 201); |
89 | text-decoration: none; |
90 | } |
91 | |
92 | .content-subhead {
|
93 | text-transform: uppercase; |
94 | color: #aaa; |
95 | border-bottom: 1px solid #eee; |
96 | padding: 0.4em 0; |
97 | font-size: 80%; |
98 | font-weight: 500; |
99 | letter-spacing: 0.1em; |
100 | } |
101 | |
102 | .content {
|
103 | padding: 2em 1em 0; |
104 | } |
105 | |
106 | .post {
|
107 | padding-bottom: 2em; |
108 | } |
109 | .post-title {
|
110 | font-size: 2em; |
111 | color: #222; |
112 | margin-bottom: 0.2em; |
113 | } |
114 | .post-avatar {
|
115 | border-radius: 50px; |
116 | float: right; |
117 | margin-left: 1em; |
118 | } |
119 | .post-description {
|
120 | font-family: Georgia, "Cambria", serif; |
121 | color: #444; |
122 | line-height: 1.8em; |
123 | } |
124 | .post-meta {
|
125 | color: #999; |
126 | font-size: 90%; |
127 | margin: 0; |
128 | } |
129 | |
130 | .post-category {
|
131 | margin: 0 0.1em; |
132 | padding: 0.3em 1em; |
133 | color: #fff; |
134 | background: #999; |
135 | font-size: 80%; |
136 | } |
137 | .post-category-design {
|
138 | background: #5aba59; |
139 | } |
140 | .post-category-pure {
|
141 | background: #4d85d1; |
142 | } |
143 | .post-category-yui {
|
144 | background: #8156a7; |
145 | } |
146 | .post-category-js {
|
147 | background: #df2d4f; |
148 | } |
149 | |
150 | .post-images {
|
151 | margin: 1em 0; |
152 | } |
153 | .post-image-meta {
|
154 | margin-top: -3.5em; |
155 | margin-left: 1em; |
156 | color: #fff; |
157 | text-shadow: 0 1px 1px #333; |
158 | } |
159 | |
160 | .footer {
|
161 | padding: 1em 0; |
162 | } |
163 | .footer a {
|
164 | color: #333; |
165 | font-size: 80%; |
166 | } |
167 | .footer .pure-menu a:hover, |
168 | .footer .pure-menu a:focus {
|
169 | background: none; |
170 | } |
171 | |
172 | /* wide devices */ |
173 | @media (min-width: 48em) {
|
174 | .content {
|
175 | /*padding: 2em 3em 0;*/ |
176 | padding: 0.4em 3em 0; |
177 | margin-left: 25%; |
178 | } |
179 | |
180 | .header {
|
181 | /*margin: 80% 2em 0;*/ |
182 | /*margin: 2em 2em 0;*/ |
183 | margin: 2em 1em 0; |
184 | text-align: right; |
185 | } |
186 | |
187 | .sidebar {
|
188 | position: fixed; |
189 | top: 0; |
190 | bottom: 0; |
191 | } |
192 | |
193 | .footer {
|
194 | text-align: center; |
195 | } |
196 | } |
Travelled to 13 computer(s): aoiabmzegqzx, bhatertpkbcr, cbybwowwnfue, gwrvuhgaqvyk, irmadwmeruwu, ishqpsrjomds, lpdgvwnxivlt, mqqgnosmbjvj, pyentgdyhuwx, pzhvpgtvlbxg, tslmcundralx, tvejysmllsmz, vouqrxazstgt
No comments. add comment
| Snippet ID: | #1016322 |
| Snippet name: | CSS for BotCompany.de |
| Eternal ID of this version: | #1016322/25 |
| Text MD5: | eeb56b38af529dea00aa3b6779603139 |
| Author: | stefan |
| Category: | javax / html |
| Type: | Document |
| Public (visible to everyone): | Yes |
| Archived (hidden from active list): | No |
| Created/modified: | 2019-12-05 21:19:37 |
| Source code size: | 3192 bytes / 196 lines |
| Pitched / IR pitched: | No / No |
| Views / Downloads: | 419 / 50132 |
| Version history: | 24 change(s) |
| Referenced in: | [show references] |