-
Notifications
You must be signed in to change notification settings - Fork 0
/
tooplate_style.css
135 lines (110 loc) · 7.48 KB
/
tooplate_style.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
/*
Template simple life "Lucida Sans Unicode", "Lucida Grande", sans-serif;
*/
body {
color: #302d26;
font-family: 'Microsoft YaHei', SimSun, Meiryo, 'MS PGothic', 'Soleil', Helvetica, Arial, sans-serif;
font-size: 13px;
line-height: 1.4em;
background-color: #a09c93;
}
a, a:link, a:visited { color: #840000; font-weight: normal; text-decoration: none }
a:hover { text-decoration: underline; }
a.gototop { clear: both; float: right; display:block; margin-top: 10px; padding: 0 15px 10px; font-size: 10px; color: #000; font-weight: 700;background: url(images/gototop.png) no-repeat bottom center }
p { margin: 0 0 10px 0; padding: 0; }
img { border: none; }
em { color: #fff }
blockquote { font-style: italic; margin: 0 0 20px 0}
cite { font-weight: bold; color:#840000; }
cite a, cite a:link, cite a:visited { font-size: 12px; text-decoration: none; font-style: normal }
cite span { font-weight: 400; color: #302d26; }
h1, h2, h3, h4, h5, h6 { color: #000000; font-weight: normal; }
h1 { font-size: 36px; margin: 0 0 30px; padding: 5px 0 }
h2 { font-size: 24px; margin: 0 0 25px; padding: 5px 0 }
h3 { font-size: 20px; margin: 0 0 20px; padding: 0; }
h4 { font-size: 16px; margin: 0 0 15px; padding: 0; text-shadow: 1px 1px 15px #777777;}
h5 { font-size: 15px; margin: 0 0 10px; padding: 0; text-shadow: 1px 1px 13px #777777;}
h6 { font-size: 12px; margin: 0 0 5px; padding: 0; font-weight: 700 }
.vr { /*<!--seperate sidebar-->*/
width:6px;
display:grid;
float: left;
box-shadow: 2px 0px 1px 1px grey;
background-color:#636068;
position:absolute;
top:0;
bottom:0;
left:217px;
border-left: 1px dotted #777777;
border-right: 2px dotted #777777;
height: 100%;
box-shadow: 1px 1px 4px #555555;
min-height: 2030%
}
.cleaner { clear: both }
.h10 { height: 10px }
.h20 { height: 20px }
.h30 { height: 30px }
.h40 { height: 40px }
.h50 { height: 50px }
.h00 { height: 1px }
.divider { margin-bottom: 40px; padding-bottom: 20px; background: url(images/tooplate_divider.png) repeat-x bottom }
.float_l { float: left }
.float_r { float: right }
/* wild animal */
#site_title { display: block; border-top:2px dotted #777777; border-bottom:2px dotted #777777;border-left:2px dotted #777777; box-shadow: 1px 1px 4px #444444; text-align: right; margin: 80px 0 40px; width: 177px; height: 32px; padding: 20px 10px; background: #706f73}
#site_title a { font-size: 25px; text-shadow: 1px 1px 1px #444444; font-family: 'Monospace', 'Noto Sans CJK SC', 'Source Han Sans SC', 'Source Han Sans CN', 'Microsoft YaHei', Helvetica, 'Courier', 'STHeiti', 'STXihei', 'Heiti SC', Arial, sans-serif ; font-weight: 500; color: #EEEEEE }
#site_title a span { display: block; margin-top: 5px; font-size: 12px; font-weight: 300; font-family: 'Monospace', 'Noto Sans CJK SC', 'Source Han Sans SC', 'Source Han Sans CN', 'Microsoft YaHei', Helvetica, 'Courier', 'STHeiti', 'STXihei', 'Heiti SC', Arial, sans-serif }
.effect6{position:relative;-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;}
.effect6:before, .effect6:after{content:"";position:absolute;z-index:-1;-webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);-moz-box-shadow:0 0 20px rgba(0,0,0,0.8);box-shadow:0 0 20px rgba(0,0,0,0.8);top:50%;bottom:0;left:10px;right:10px;-moz-border-radius:100px / 10px;border-radius:100px / 10px;}
.effect6:after{right:10px;left:auto;-webkit-transform:skew(8deg) rotate(3deg);-moz-transform:skew(8deg) rotate(3deg);-ms-transform:skew(8deg) rotate(3deg);-o-transform:skew(8deg) rotate(3deg);transform:skew(8deg) rotate(3deg);}
.effect7{position:relative;-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;}
.effect7:before, .effect7:after{content:"";position:absolute;z-index:-1;-webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);-moz-box-shadow:0 0 20px rgba(0,0,0,0.8);box-shadow:0 0 20px rgba(0,0,0,0.8);top:0;bottom:0;left:10px;right:10px;-moz-border-radius:100px / 10px;border-radius:100px / 10px;}
.effect7:after{right:10px;left:auto;-webkit-transform:skew(8deg) rotate(3deg);-moz-transform:skew(8deg) rotate(3deg);-ms-transform:skew(8deg) rotate(3deg);-o-transform:skew(8deg) rotate(3deg);transform:skew(8deg) rotate(3deg);}
.tooplate_list { margin: 10px 0 10px 30px; padding: 0; list-style: decimal-leading-zero }
.tooplate_list li { color:#302d26; margin: 0 0 10px 0; padding: 0 5px 0 0; background: url(images/tooplate_list.png) no-repeat scroll 0 5px }
.tooplate_list li a { color: #302d26; font-weight: normal }
.tooplate_list li a:hover { color: #302d26 }
#tooplate_wrapper {
width: 1060px; /* 960 main page width */
padding: 0 10px;
margin: 1 auto; /* 0 */
}
#tooplate_sidebar {
position: fixed;
width: 200px;
text-align: right; /* 240 context width */
}
#tooplate_main {
width: 840px; /* 960 context width */
padding: 60px 0px 60px 40px;
float: right;
}
.col_12 { width: 420px }
#tooplate_menu { width: 200px; margin-bottom: 60px; }
#tooplate_menu ul { margin: 0; padding: 0; list-style: none }
#tooplate_menu ul li { margin: 0; padding: 0; font-size:12pt}
#tooplate_menu ul li a { clear: both; display: block; float: right; position: relative; margin-bottom: 10px; letter-spacing: 3px; color: #FFFFFF; text-shadow: 1px 1px 1px #333333; padding: 0 60px 0 30px; height: 39px; line-height: 39px; background:url(images/tooplate_menu_item_bgl.png) left no-repeat }
#tooplate_menu ul li a span { position: absolute; width: 3px; height: 39px; top: 0; right: 0px; background: url(images/tooplate_menu_item_bgr.png) }
#tooplate_menu ul li a:hover { text-decoration: none; color: #fff; text-shadow: 1px 1px 1px #000 }
#tooplate_main h2 { font-size: 24px; padding-bottom: 30px; margin-bottom: 30px; background: url(images/header.png) repeat-x bottom }
.main_box { min-height: 300px; padding: 7px 0; margin-bottom: 30px; background: url(images/divider.png) repeat-x bottom }
.img_float_l { float: left; margin: 3px 30px 5px 0 }
.img_float_r { float: right; margin: 3px 0 5px 30px }
.img_frame { border: 1px solid #827863; background: #a8a08e; padding: 3px; margin-bottom: 10px }
#gallery { margin: 0; padding: 0; list-style: none }
#gallery li { margin: 0; padding: 0; }
#gallery li a { display: block; float: left; margin-bottom: 10px }
#shotfilm h3 { margin-bottom: 30px }
#shotfilm p { margin-bottom: 30px }
#contact_form { padding: 0; width: 300px }
#contact_form form { margin: 0px; padding: 0px; }
#contact_form form .input_field { width: 289px; padding: 2px 5px; color: #333; border: 1px solid #887e69; background: #a59c89; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; }
#contact_form form label { display: block;font-size: 11px }
#contact_form form textarea { width: 289px; height: 150px; padding: 5px; color: #333; border: 1px solid #887e69; background: #a59c89; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 13px; }
#contact_form form .submit_btn { font-size: 11px; background: #15171d; color: #fff; cursor:pointer; border: 1px solid #30333c; padding: 4px 10px; }
#zhihu {
padding-right: 10px;
}
#zhihu ul { margin: 0; padding: 0; list-style: none }
#zhihu ul li { margin: 0 0 15px; padding: 0 0 15px; border-bottom: 1px dashed #665f51}