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/uucky.me/Uucky的小站_files/demo.css | |
parent | 13be3d058713e1467ffc573a90cc694b80526135 (diff) | |
download | jinwei.me-80255411ee7040e0cebbf6b05d2ce323f6f2596e.tar.gz |
backup
Diffstat (limited to 'Back/uucky.me/Uucky的小站_files/demo.css')
-rw-r--r-- | Back/uucky.me/Uucky的小站_files/demo.css | 176 |
1 files changed, 176 insertions, 0 deletions
diff --git a/Back/uucky.me/Uucky的小站_files/demo.css b/Back/uucky.me/Uucky的小站_files/demo.css new file mode 100644 index 0000000..f60fbb3 --- /dev/null +++ b/Back/uucky.me/Uucky的小站_files/demo.css | |||
@@ -0,0 +1,176 @@ | |||
1 | @font-face { | ||
2 | font-family: 'icons'; | ||
3 | src: url("font/icons.eot"); | ||
4 | src: url(".font/icons.eot?#iefix") format('embedded-opentype'), url("font/icons.woff") format('woff'), url("font/icons.ttf") format('truetype'), url("font/icons.svg#icons") format('svg'); | ||
5 | font-weight: normal; | ||
6 | font-style: normal; | ||
7 | } | ||
8 | |||
9 | *, | ||
10 | *:after, | ||
11 | *:before { | ||
12 | -webkit-box-sizing: border-box; | ||
13 | -moz-box-sizing: border-box; | ||
14 | box-sizing: border-box; | ||
15 | padding: 0; | ||
16 | margin: 0; | ||
17 | } | ||
18 | |||
19 | /* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */ | ||
20 | .clearfix:before, | ||
21 | .clearfix:after { | ||
22 | content: " "; /* 1 */ | ||
23 | display: table; /* 2 */ | ||
24 | } | ||
25 | |||
26 | .clearfix:after { | ||
27 | clear: both; | ||
28 | } | ||
29 | |||
30 | .clearfix { | ||
31 | *zoom: 1; | ||
32 | } | ||
33 | |||
34 | body{ | ||
35 | font-family: 'Open Sans Condensed','Arial Narrow', serif; | ||
36 | background: #ddd url(./egg_shell.jpg) repeat top left; | ||
37 | font-weight: 400; | ||
38 | font-size: 15px; | ||
39 | color: #333; | ||
40 | overflow: scroll; | ||
41 | overflow-x: hidden; | ||
42 | } | ||
43 | a{ | ||
44 | color: #555; | ||
45 | text-decoration: none; | ||
46 | } | ||
47 | .container{ | ||
48 | width: 100%; | ||
49 | position: relative; | ||
50 | } | ||
51 | .clr{ | ||
52 | clear: both; | ||
53 | padding: 0; | ||
54 | height: 0; | ||
55 | margin: 0; | ||
56 | } | ||
57 | .main{ | ||
58 | width: 1000px; | ||
59 | height: 700px; | ||
60 | overflow: hidden; | ||
61 | margin: 0 auto; | ||
62 | position: relative; | ||
63 | } | ||
64 | .container > header{ | ||
65 | margin: 10px; | ||
66 | padding: 20px 10px 10px 10px; | ||
67 | position: relative; | ||
68 | display: block; | ||
69 | text-shadow: 1px 1px 1px rgba(0,0,0,0.2); | ||
70 | text-align: center; | ||
71 | } | ||
72 | .container > header h1{ | ||
73 | font-size: 36px; | ||
74 | line-height: 36px; | ||
75 | margin: 0; | ||
76 | position: relative; | ||
77 | font-weight: 300; | ||
78 | color: #524f4e; | ||
79 | text-shadow: 1px 1px 1px rgba(255,255,255,0.7); | ||
80 | } | ||
81 | .container > header h1 span{ | ||
82 | font-weight: 700; | ||
83 | } | ||
84 | .container > header h2{ | ||
85 | font-size: 14px; | ||
86 | font-weight: 300; | ||
87 | margin: 0; | ||
88 | padding: 15px 0 5px 0; | ||
89 | color: #888; | ||
90 | font-family: Cambria, Georgia, serif; | ||
91 | font-style: italic; | ||
92 | text-shadow: 1px 1px 1px rgba(255,255,255,0.9); | ||
93 | } | ||
94 | /* Header Style */ | ||
95 | .codrops-top{ | ||
96 | line-height: 24px; | ||
97 | font-size: 11px; | ||
98 | background: #fff; | ||
99 | background: rgba(255, 255, 255, 0.6); | ||
100 | text-transform: uppercase; | ||
101 | z-index: 9999; | ||
102 | position: relative; | ||
103 | font-family: Cambria, Georgia, serif; | ||
104 | box-shadow: 1px 0px 2px rgba(0,0,0,0.2); | ||
105 | } | ||
106 | .codrops-top a{ | ||
107 | padding: 0px 10px; | ||
108 | letter-spacing: 1px; | ||
109 | color: #333; | ||
110 | display: inline-block; | ||
111 | } | ||
112 | .codrops-top a:hover{ | ||
113 | background: rgba(255,255,255,0.3); | ||
114 | } | ||
115 | .codrops-top span.right{ | ||
116 | float: right; | ||
117 | } | ||
118 | .codrops-top span.right a{ | ||
119 | float: left; | ||
120 | display: block; | ||
121 | } | ||
122 | /* Demo Buttons Style */ | ||
123 | .codrops-demos{ | ||
124 | text-align:center; | ||
125 | display: block; | ||
126 | line-height: 30px; | ||
127 | padding: 5px 0px; | ||
128 | } | ||
129 | .codrops-demos a{ | ||
130 | display: inline-block; | ||
131 | margin: 0px 4px; | ||
132 | padding: 0px 6px; | ||
133 | color: #aaa; | ||
134 | line-height: 20px; | ||
135 | font-size: 13px; | ||
136 | text-shadow: 1px 1px 1px #fff; | ||
137 | border: 1px solid #fff; | ||
138 | background: #ffffff; /* Old browsers */ | ||
139 | background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */ | ||
140 | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */ | ||
141 | background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */ | ||
142 | background: -o-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */ | ||
143 | background: -ms-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */ | ||
144 | background: linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */ | ||
145 | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */ | ||
146 | box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); | ||
147 | } | ||
148 | .codrops-demos a:hover{ | ||
149 | color: #333; | ||
150 | background: #fff; | ||
151 | } | ||
152 | .codrops-demos a:active{ | ||
153 | background: #fff; | ||
154 | } | ||
155 | .codrops-demos a.current-demo, | ||
156 | .codrops-demos a.current-demo:hover{ | ||
157 | background: #f0f0f0; | ||
158 | border-color: #d9d9d9; | ||
159 | color: #aaa; | ||
160 | box-shadow: 0 1px 1px rgba(255,255,255,0.7); | ||
161 | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */ | ||
162 | } | ||
163 | .support-note span{ | ||
164 | color: #ac375d; | ||
165 | font-size: 16px; | ||
166 | display: none; | ||
167 | font-weight: bold; | ||
168 | text-align: center; | ||
169 | padding: 5px 0; | ||
170 | } | ||
171 | .no-cssanimations .support-note span.no-cssanimations, | ||
172 | .no-csstransforms .support-note span.no-csstransforms, | ||
173 | .no-csstransforms3d .support-note span.no-csstransforms3d, | ||
174 | .no-csstransitions .support-note span.no-csstransitions{ | ||
175 | display: block; | ||
176 | } \ No newline at end of file | ||