design_wev8.css
3.5 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
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
#header {
width:100%;
background: -moz-linear-gradient(top, white, #ECECEC);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#ececec');
background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#ECECEC));
background: -moz-linear-gradient(top, white, #ECECEC);
border-bottom: #CCC solid 1px;
/*filter: alpha(opacity=70);
-moz-opacity: 0.70;
opacity: 0.70;*/
position:relative;
}
#dialog-overlay {
width:100%; height:100%;
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
position:absolute;
background:#000;
top:0; left:0;
z-index:3000;
display:none;
}
#dialog-box {
/*
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
background:#eee;
*/
width:200px;
min-height:50px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
position:absolute; z-index:5000; display:none;
}
#msgTitle {
width:200px;
height:21px;
}
#msgtleblockleft {
width:8px;
float:left;
height:100%;
background:url(../images/popup_left_wev8.png) 0 0 no-repeat;
}
#msgtleblockright {
float:right;
width:7px;
height:100%;
background:url(../images/popup_right_wev8.png) 0 0 no-repeat;
}
#msgtleblockcenter {
height:100%;
margin-left:8px;
margin-right:7px;
background:url(../images/popup_center_wev8.png) 0 0 repeat-x;
text-align:center;
line-height:21px;
}
#msgblock {
width:198px;
border:1px solid #829282;
text-align:left;
color:#666;
font-family:arial;
font-size:11px;
padding-top:10px;
padding-bottom:10px;
background-color:#ffffff;
}
a.button { margin:10px auto 0 auto; text-align:center; background-color: #e33100; display: block; width:50px; padding: 5px 10px 6px; color: #fff; text-decoration: none; font-weight: bold; line-height: 1; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25); border-bottom: 1px solid rgba(0, 0, 0, 0.25); position: relative; cursor: pointer; }
a.button:hover { background-color: #c33100; }
.nodeBlock {
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.radiusBlock {
-moz-border-top-left-radius: 5px;
-moz-border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
border-top-left-radius:5px;
border-top-right-radius:5px;
box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
padding-left:2px;padding-top:1px;color:white;
border:1px solid black;
border-bottom:0px solid black;
}
.radiusBlockBottom {
-moz-border-bottom-left-radius: 5px;
-moz-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
padding-top:1px;height:100%;background-color:#F5F5F5;border:1px solid #0079A4;padding-left:2px;
padding-right:2px;
height:55px;
}
.borderRed {
border:2px solid red;
}