diff options
author | JinweiClarkChao <[email protected]> | 2014-08-22 17:23:02 +0800 |
---|---|---|
committer | Jinwei Zhao <[email protected]> | 2017-01-13 15:07:42 +0800 |
commit | 80255411ee7040e0cebbf6b05d2ce323f6f2596e (patch) | |
tree | 295b0ef6c85e7cb091b63719ab041596879690fa /Back/GitHub_Jekyll/stylesheets/stylesheet.css | |
parent | 13be3d058713e1467ffc573a90cc694b80526135 (diff) | |
download | jinwei.me-80255411ee7040e0cebbf6b05d2ce323f6f2596e.tar.gz |
backup
Diffstat (limited to 'Back/GitHub_Jekyll/stylesheets/stylesheet.css')
-rw-r--r-- | Back/GitHub_Jekyll/stylesheets/stylesheet.css | 247 |
1 files changed, 247 insertions, 0 deletions
diff --git a/Back/GitHub_Jekyll/stylesheets/stylesheet.css b/Back/GitHub_Jekyll/stylesheets/stylesheet.css new file mode 100644 index 0000000..a54a639 --- /dev/null +++ b/Back/GitHub_Jekyll/stylesheets/stylesheet.css | |||
@@ -0,0 +1,247 @@ | |||
1 | body { | ||
2 | margin: 0; | ||
3 | padding: 0; | ||
4 | background: #151515 url("../images/bkg.png") 0 0; | ||
5 | color: #eaeaea; | ||
6 | font: 16px; | ||
7 | line-height: 1.5; | ||
8 | font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace; | ||
9 | } | ||
10 | |||
11 | /* General & 'Reset' Stuff */ | ||
12 | |||
13 | .container { | ||
14 | width: 90%; | ||
15 | max-width: 600px; | ||
16 | margin: 0 auto; | ||
17 | } | ||
18 | |||
19 | section { | ||
20 | display: block; | ||
21 | margin: 0 0 20px 0; | ||
22 | } | ||
23 | |||
24 | h1, h2, h3, h4, h5, h6 { | ||
25 | margin: 0 0 20px; | ||
26 | } | ||
27 | |||
28 | li { | ||
29 | line-height: 1.4 ; | ||
30 | } | ||
31 | |||
32 | /* Header, <header> | ||
33 | header - container | ||
34 | h1 - project name | ||
35 | h2 - project description | ||
36 | */ | ||
37 | |||
38 | header { | ||
39 | background: rgba(0, 0, 0, 0.1); | ||
40 | width: 100%; | ||
41 | border-bottom: 1px dashed #b5e853; | ||
42 | padding: 20px 0; | ||
43 | margin: 0 0 40px 0; | ||
44 | } | ||
45 | |||
46 | header h1 { | ||
47 | font-size: 30px; | ||
48 | line-height: 1.5; | ||
49 | margin: 0 0 0 -40px; | ||
50 | font-weight: bold; | ||
51 | font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace; | ||
52 | color: #b5e853; | ||
53 | text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), | ||
54 | 0 0 5px rgba(181, 232, 83, 0.1), | ||
55 | 0 0 10px rgba(181, 232, 83, 0.1); | ||
56 | letter-spacing: -1px; | ||
57 | -webkit-font-smoothing: antialiased; | ||
58 | } | ||
59 | |||
60 | header h1:before { | ||
61 | content: "./ "; | ||
62 | font-size: 24px; | ||
63 | } | ||
64 | |||
65 | header h2 { | ||
66 | font-size: 18px; | ||
67 | font-weight: 300; | ||
68 | color: #666; | ||
69 | } | ||
70 | |||
71 | #downloads .btn { | ||
72 | display: inline-block; | ||
73 | text-align: center; | ||
74 | margin: 0; | ||
75 | } | ||
76 | |||
77 | /* Main Content | ||
78 | */ | ||
79 | |||
80 | #main_content { | ||
81 | width: 100%; | ||
82 | -webkit-font-smoothing: antialiased; | ||
83 | } | ||
84 | section img { | ||
85 | max-width: 100% | ||
86 | } | ||
87 | |||
88 | h1, h2, h3, h4, h5, h6 { | ||
89 | font-weight: normal; | ||
90 | font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace; | ||
91 | color: #b5e853; | ||
92 | letter-spacing: -0.03em; | ||
93 | text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), | ||
94 | 0 0 5px rgba(181, 232, 83, 0.1), | ||
95 | 0 0 10px rgba(181, 232, 83, 0.1); | ||
96 | } | ||
97 | |||
98 | #main_content h1 { | ||
99 | font-size: 30px; | ||
100 | } | ||
101 | |||
102 | #main_content h2 { | ||
103 | font-size: 24px; | ||
104 | } | ||
105 | |||
106 | #main_content h3 { | ||
107 | font-size: 18px; | ||
108 | } | ||
109 | |||
110 | #main_content h4 { | ||
111 | font-size: 14px; | ||
112 | } | ||
113 | |||
114 | #main_content h5 { | ||
115 | font-size: 12px; | ||
116 | text-transform: uppercase; | ||
117 | margin: 0 0 5px 0; | ||
118 | } | ||
119 | |||
120 | #main_content h6 { | ||
121 | font-size: 12px; | ||
122 | text-transform: uppercase; | ||
123 | color: #999; | ||
124 | margin: 0 0 5px 0; | ||
125 | } | ||
126 | |||
127 | dt { | ||
128 | font-style: italic; | ||
129 | font-weight: bold; | ||
130 | } | ||
131 | |||
132 | ul li { | ||
133 | list-style: none; | ||
134 | } | ||
135 | |||
136 | ul li:before { | ||
137 | content: ">>"; | ||
138 | font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace; | ||
139 | font-size: 13px; | ||
140 | color: #b5e853; | ||
141 | margin-left: -37px; | ||
142 | margin-right: 21px; | ||
143 | line-height: 16px; | ||
144 | } | ||
145 | |||
146 | blockquote { | ||
147 | color: #aaa; | ||
148 | padding-left: 10px; | ||
149 | border-left: 1px dotted #666; | ||
150 | } | ||
151 | |||
152 | pre { | ||
153 | background: rgba(0, 0, 0, 0.9); | ||
154 | border: 1px solid rgba(255, 255, 255, 0.15); | ||
155 | padding: 10px; | ||
156 | font-size: 14px; | ||
157 | color: #b5e853; | ||
158 | border-radius: 2px; | ||
159 | -moz-border-radius: 2px; | ||
160 | -webkit-border-radius: 2px; | ||
161 | text-wrap: normal; | ||
162 | overflow: auto; | ||
163 | overflow-y: hidden; | ||
164 | } | ||
165 | |||
166 | table { | ||
167 | width: 100%; | ||
168 | margin: 0 0 20px 0; | ||
169 | } | ||
170 | |||
171 | th { | ||
172 | text-align: left; | ||
173 | border-bottom: 1px dashed #b5e853; | ||
174 | padding: 5px 10px; | ||
175 | } | ||
176 | |||
177 | td { | ||
178 | padding: 5px 10px; | ||
179 | } | ||
180 | |||
181 | hr { | ||
182 | height: 0; | ||
183 | border: 0; | ||
184 | border-bottom: 1px dashed #b5e853; | ||
185 | color: #b5e853; | ||
186 | } | ||
187 | |||
188 | /* Buttons | ||
189 | */ | ||
190 | |||
191 | .btn { | ||
192 | display: inline-block; | ||
193 | background: -webkit-linear-gradient(top, rgba(40, 40, 40, 0.3), rgba(35, 35, 35, 0.3) 50%, rgba(10, 10, 10, 0.3) 50%, rgba(0, 0, 0, 0.3)); | ||
194 | padding: 8px 18px; | ||
195 | border-radius: 50px; | ||
196 | border: 2px solid rgba(0, 0, 0, 0.7); | ||
197 | border-bottom: 2px solid rgba(0, 0, 0, 0.7); | ||
198 | border-top: 2px solid rgba(0, 0, 0, 1); | ||
199 | color: rgba(255, 255, 255, 0.8); | ||
200 | font-family: Helvetica, Arial, sans-serif; | ||
201 | font-weight: bold; | ||
202 | font-size: 13px; | ||
203 | text-decoration: none; | ||
204 | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75); | ||
205 | box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05); | ||
206 | } | ||
207 | |||
208 | .btn:hover { | ||
209 | background: -webkit-linear-gradient(top, rgba(40, 40, 40, 0.6), rgba(35, 35, 35, 0.6) 50%, rgba(10, 10, 10, 0.8) 50%, rgba(0, 0, 0, 0.8)); | ||
210 | } | ||
211 | |||
212 | .btn .icon { | ||
213 | display: inline-block; | ||
214 | width: 16px; | ||
215 | height: 16px; | ||
216 | margin: 1px 8px 0 0; | ||
217 | float: left; | ||
218 | } | ||
219 | |||
220 | .btn-github .icon { | ||
221 | opacity: 0.6; | ||
222 | background: url("../images/blacktocat.png") 0 0 no-repeat; | ||
223 | } | ||
224 | |||
225 | /* Links | ||
226 | a, a:hover, a:visited | ||
227 | */ | ||
228 | |||
229 | a { | ||
230 | color: #63c0f5; | ||
231 | text-shadow: 0 0 5px rgba(104, 182, 255, 0.5); | ||
232 | } | ||
233 | |||
234 | /* Clearfix */ | ||
235 | |||
236 | .cf:before, .cf:after { | ||
237 | content:""; | ||
238 | display:table; | ||
239 | } | ||
240 | |||
241 | .cf:after { | ||
242 | clear:both; | ||
243 | } | ||
244 | |||
245 | .cf { | ||
246 | zoom:1; | ||
247 | } \ No newline at end of file | ||