aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
Diffstat (limited to 'Code/Blocks/main.css')
-rw-r--r--Code/Blocks/main.css163
1 files changed, 0 insertions, 163 deletions
diff --git a/Code/Blocks/main.css b/Code/Blocks/main.css
deleted file mode 100644
index 367da59..0000000
--- a/Code/Blocks/main.css
+++ /dev/null
@@ -1,163 +0,0 @@
1@font-face {
2 font-family: Penumbra;
3 src: url(./PenumbraSansStd-Semibold.otf);
4}
5@-webkit-keyframes fade {
6 0% {
7 opacity: 0;
8 margin-top: 10px;
9 }
10 100% {
11 opacity: 1;
12 margin-top: 0px;
13 }
14}
15
16* {
17 margin: 0px;
18 padding: 0px;
19}
20
21body {
22 font-family: Penumbra, HiraginoSansGB-W3, sans-serif;
23 background: url(./bg.jpg) top center;
24 background-size: cover;
25}
26h1 {
27 font-size: 22px;
28 line-height: 40px;
29
30 -webkit-transition: padding 100ms ease;
31}
32p {
33 font-size: 20px;
34 line-height: 40px;
35}
36img {
37 width: 80px;
38 height: 80px;
39 padding: 10px;
40
41 -webkit-transition: margin 1000ms ease;
42}
43span#loveu {
44 font-size: 17px;
45 line-height: 40px;
46 font:"Microsoft Ya Hei";
47}
48div#card {
49 position: absolute;
50 width: 600px;
51 height: 400px;
52 top: 50%;
53 left: 50%;
54 margin-top: -200px;
55 margin-left: -300px;
56 box-shadow: 0px 5px 20px -5px black;
57 background: black;
58 font:"Microsoft Yi Baiti", Roboto, "华文行楷";
59}
60
61div.block {
62 position: relative;
63 width: 200px;
64 height: 200px;
65 float: left;
66 background: url(./texture.png);
67 box-shadow: inset 0px -2px 2px rgba(0,0,0,0.2);
68 text-align: center;
69 color: white;
70 overflow: hidden;
71
72 -webkit-transition: opacity 145s ease;
73}
74 div.block:hover > .divin img {
75 margin-top: -20px;
76 }
77 div.block:hover > .divin h1 {
78 padding-top: 20px;
79 }
80 div.block:hover > .divin {
81 margin-top: -100px;
82 }
83 div.block:hover > .time5 {
84 margin-top: -110px;
85 }
86 div.block:hover > .inbox {
87 -webkit-animation: fade 500ms ease 200ms both;
88 }
89div.divin {
90 width: 100px;
91 height: 140px;
92 padding: 30px 50px;
93 -webkit-transition: margin 300ms ease;
94}
95div.inbox {
96 width: 150px;
97 padding: 0px 25px;
98}
99div.time {
100 width: 175px;
101 margin: 0px auto;
102 padding: 0px;
103 height: 100px;
104 padding: 10px 12.5px 0px;
105 background: rgba(0,0,0,0.1);
106 box-shadow: inset 0px 0px 20px rgba(0,0,0,0.1);
107}
108 div.time li.list {
109 list-style: none;
110 position: relative;
111 float: left;
112 width: 25px;
113 height: 50px;
114 margin: 0px 0px 10px 0px;
115 font-size: 12px;
116 -webkit-transition: 200ms ease;
117 }
118 div.time li.list:hover {
119 color: yellow;
120 -webkit-transform: scale(1.1);
121 }
122
123div#b1 {
124 background-color: #2CC0E2;
125}
126div#b2 {
127 background-color: #59D999;
128}
129div#b3 {
130 background-color: #7658F9;
131}
132div#b4 {
133 background-color: #E9C24E;
134}
135div#b5 {
136 background-color: #E55679;
137}
138div#b6 {
139 background-color: grey;
140}
141span.last {
142 position: absolute;
143 font-size: 72px;
144 line-height: 200px;
145 width: 200px;
146 height: 200px;
147 left: 0px;
148 top: 0px;
149
150 -webkit-transition: opacity 200ms ease;
151}
152span#u {
153}
154span#real {
155 position: absolute;
156 opacity: 0;
157}
158div#b6:hover #u {
159 opacity: 0;
160}
161div#b6:hover #real {
162 opacity: 1;
163} \ No newline at end of file
Powered by cgit v1.2.3 (git 2.41.0)