-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathcommon.css
More file actions
103 lines (90 loc) · 7.94 KB
/
common.css
File metadata and controls
103 lines (90 loc) · 7.94 KB
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
@charset "utf-8";
/* ====================================================================================================
* Page name : Whycss Styles 前端网址导航Whycss样式
* Author : Smallni
* Date : 2014-3-28
* update :2014-08-12
* ==================================================================================================== */
/* ====================================================================================================
* Public Styles (全站级公共样式)
* ==================================================================================================== */
/* Reset */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,th,td,em,button{ margin:0; padding:0;-webkit-transition: all .5s ease-in; -moz-transition: all .5s ease-in; -ms-transition: all .5s ease-in; -o-transition: all .5s ease-in;}
table{ border-collapse:collapse;border-spacing:0px;}
img{ border:0;}
em,b{ font-style:normal; font-weight:normal;}
ul{ list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
/* TipTip CSS - Version 1.2 */
#tiptip_holder { display: none; position: absolute; top: 0; left: 0; z-index: 99999; font-size:14px; }
#tiptip_holder.tip_top { padding-bottom: 5px; }
#tiptip_holder.tip_bottom { padding-top: 5px; }
#tiptip_holder.tip_right { padding-left: 5px; }
#tiptip_holder.tip_left { padding-right: 5px; }
#tiptip_content { font-size: 14px; color: #fff; padding: 10px; background-color: rgb(25,25,25); background-color: rgba(25,25,25,0.8);}
#tiptip_arrow, #tiptip_arrow_inner { position: absolute; border-color: transparent; border-style: solid; border-width: 6px; height: 0; width: 0; }
#tiptip_holder.tip_top #tiptip_arrow { border-top-color: #fff; border-top-color: rgba(255,255,255,0.35); }
#tiptip_holder.tip_bottom #tiptip_arrow { border-bottom-color: #fff; border-bottom-color: rgba(255,255,255,0.35); }
#tiptip_holder.tip_right #tiptip_arrow { border-right-color: #fff; border-right-color: rgba(255,255,255,0.35); }
#tiptip_holder.tip_left #tiptip_arrow { border-left-color: #fff; border-left-color: rgba(255,255,255,0.35); }
#tiptip_holder.tip_top #tiptip_arrow_inner { margin-top: -7px; margin-left: -6px; border-top-color: rgb(25,25,25); border-top-color: rgba(25,25,25,0.92); }
#tiptip_holder.tip_bottom #tiptip_arrow_inner { margin-top: -5px; margin-left: -6px; border-bottom-color: rgb(25,25,25); border-bottom-color: rgba(25,25,25,0.92); }
#tiptip_holder.tip_right #tiptip_arrow_inner { margin-top: -6px; margin-left: -5px; border-right-color: rgb(25,25,25); border-right-color: rgba(25,25,25,0.92); }
#tiptip_holder.tip_left #tiptip_arrow_inner { margin-top: -6px; margin-left: -7px; border-left-color: rgb(25,25,25); border-left-color: rgba(25,25,25,0.92); }
/*@media screen and (-webkit-min-device-pixel-ratio:0) { #tiptip_content { padding: 4px 8px 5px 8px; background-color: rgba(25,25,25,0.92); } #tiptip_holder.tip_bottom #tiptip_arrow_inner { border-bottom-color: rgba(25,25,25,0.92); } #tiptip_holder.tip_top #tiptip_arrow_inner { border-top-color: rgba(20,20,20,0.92); } }*/
/* nav */
.nav{ height:45px; line-height:45px; background:#333; text-indent: -999em; overflow:hidden; box-shadow:0 3px 10px #999}
.logo{ display:block; width:184px; height:45px; margin:0 auto;}
a { color: #666; text-decoration: none; }
a:hover, a:focus { color: #00526e; text-decoration: underline; }
body{ background-color:#f5f6f7; font-family:"microsoft yahei",Simsun,Tahoma;;}
.navbar-info{ float:right; line-height:45px; color:#999;}
.main{ position:relative; overflow:hidden; _zoom:1;}
.sidebar{ position:absolute; top:20px; left:-150px; width:150px; height:600px; background-color:#333; color:#fff; overflow:hidden; font-size:12px; text-align:center;}
.sidebar h3{ height:36px; line-height:36px; font-size:16px;}
.menu a{ line-height:2.5; font-size:1.1em; display:block; padding:0 20px; color:#fff;}
.menu a:hover{ text-decoration:none; background-color:#666;}
.menu-button{position: absolute; width: 32px; height: 32px; left: 0; top: 0; background: #f1103a; border-radius: 50%; color: #fff; line-height: 30px; text-align: center; speak: none; font-weight: bold; cursor: pointer; z-index: 1000; text-indent: -9000px;}
.menu-button:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; content: ''; width: 50%; height: 2px; background: #fff; top: 50%; margin-top: -1px; left: 25%; box-shadow: 0 -4px #fff, 0 4px #fff; }
.btn-add{ display:block; width:90%; margin: 10px auto; text-align:center; padding:10px 0; color:#fff; background-color:#e74c3c; font-size:18px;}
.btn-add:hover{ text-decoration:none; background-color:#d9534f; color:#fff;}
.content{margin:0 15px; padding:20px 0; overflow:hidden; zoom:1;}
.section{ display:block; margin-bottom: 10px; font-size:20px; *zoom:1; }
.section-inner{ padding:25px; background: #fff; border:1px solid #dfdfdf;-webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.08); box-shadow: 0 2px 1px rgba(0, 0, 0, 0.08); }
.section .hd{ padding-bottom:10px; font-size:20px; border-bottom: 1px solid #ddd;}
.section .bd a{ display:inline-block; font-size:14px; margin-right:20px; white-space:nowrap}
.footer{ padding:15px 20px 50px 220px; background:url(../img/flogo.png) no-repeat 20px 0; font-size:12px; color:#999; text-align:left;}
.t-icon{ display:inline-block; vertical-align:middle; text-align:center; width:50px; height:16px; line-height:16px; margin-right:20px; font-size:12px; background:#eee; overflow:hidden; color:#333; box-shadow:1px 1px 1px #ccc; border:1px solid #818151}
.remind{ position:relative; margin:20px 15px 0; padding:10px 25px; color: #725A32; background-color: #FFFDF0; border:1px solid #E9DDC4; font-size:12px;}
.jiathis_style{ position:absolute; right:150px; top:10px;}
/* 改版 */
.link-list{ overflow:hidden; min-height:30px; _zoom:1; border-bottom:1px dashed #eee;}
.section-inner .link-list:last-child{ border-bottom:0 none;}
.link-list a{ display:inline-block; font-size:14px; margin-right:20px; white-space:nowrap}
.link-hd{ display:block; padding:2px 0; width:100px; background-color:#eee; border-radius:3px; color:#333; font-size:14px; font-weight:bold; text-align:center;}
.link-hd:after{ content: '\0020'; position: absolute; width: 0px; height: 0px; bottom: 5px; right: -5px; border-left:5px solid #eee; border-right:0 none; border-top:5px solid transparent; border-bottom:5px solid transparent; _color:#FF3FFF; _filter:chroma(color=#FF3FFF);}
.link-bd{ padding:10px; zoom:1;}
.link-bd:hover{ background-color:#eee;}
.link-bd:hover a{ color:#333}
.sub-link-list{ overflow:hidden; padding-bottom:5px; min-height:30px; margin-bottom:5px; _zoom:1;}
.sub-link-hd{ display:inline-block; width:50px; height:20px; line-height:20px; font-size:12px; background:#4d90fe; overflow:hidden; color:#fff; text-align:center;}
/* pc */
.pc .content{ position:relative;}
.pc .link-list{ position:relative; padding-left:120px; }
.pc .link-hd{ position:absolute; left:0; top:14px;}
.pc .sub-link-list{ position:relative; padding-left:60px; }
.pc .sub-link-hd{ position:absolute; left:0; top:6px; }
.pc .scontent .sidebar{ position:fixed; _position:absolute; left:15px; top:125px; _left:0; _top:20px;}
.pc .scontent .main{ margin-left:150px;}
/* 移动端 */
.mobile .sidebar{ display:none;}
.mobile .menu-button{ display:none;}
.mobile .link-list{ padding-left:0; margin-bottom:5px;}
.mobile .link-hd{ display:block; position:static; left:auto; top:auto;}
.mobile .section .bd a{ margin-right:10px;}
.mobile .section .hd{ margin-bottom:5px;}
.mobile .section .link-list{ border-bottom:0 none;}
.mobile .footer{ background:none; padding:30px 20px;}
#toTop{ position:fixed; visibility:hidden; _position:absolute; left:50%; bottom:30px; _bottom:auto; cursor:pointer; width:0px; height:0px; margin-left:45%; border-color:transparent transparent #333; border-style:dashed dashed solid; border-width:20px; }
#toTop:hover{opacity: 0.8; filter:alpha(opacity=80); }
.icon-new{ position:absolute; margin-top:-5px; text-transform:uppercase; color:red; font-size:12px; font-family:arial}