-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathmain.css
executable file
·81 lines (61 loc) · 3.44 KB
/
main.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
body{ background:#666; font-size:14px; font-family: Helvetica, sans-serif; }
h1,h2,h3,h4,h5,p{padding:5px 0; }
h1 { font-size:35px; font-weight:bold; }
h2 { font-size:30px; }
h3 { font-size:27px; }
h4{ font-size:18px; }
h5{ font-size:14px; font-weight:bold; }
p{ font-size:14px; line-height:19px; }
a{ color:#00f; }
label{ font-weight:bold; font-size:17px; }
#canvaswrapper{ padding:10px; margin-top:42px; text-align:center; }
#canvas{ border:1px solid #333; background:#fff; }
.field, .button{ border:1px solid #777; padding:5px 7px; font-size:14px; margin:0; }
.field{ background:#fff; }
.button{ background:#eee; display:inline-block; color:#333; font-weight:bold; text-decoration:none; cursor:pointer;}
.button:active{ background:#ccc; }
#toolbar{
vertical-align:middle;
height:42px; width:100%; top:0; left:0; position:fixed; border-bottom:1px solid #eee; padding:0 10px;
background-color:#eee; z-index:1;
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #ddd),color-stop(1, #fafafa));
background-image: -moz-linear-gradient(center bottom,#ddd 0%,#fafafa 100%);
}
#toolbar .button{ border:none; background:none; padding:3px; margin:2px 0; border-radius:5px; -moz-border-radius:5px;}
#toolbar .button:hover{ background:#ddd; padding:2px; border:1px solid #999; }
#toolbar .on,#toolbar .on:hover{ background:#CBE8FF; padding:2px; border:1px solid #008AFF; }
#toolbar .separater { margin:0 5px; display:inline-block; border-left:1px solid #ccc; border-right:1px solid #fff; height:32px; }
#toolbar .text{ font-size:14px; }
#toolbar select,#toolbar .text{ display:inline-block; vertical-align:bottom; margin-bottom:12px; line-height:1.4; }
#toolbar .color{ display:inline-block;vertical-align:bottom;margin-bottom:11px; border:1px #333 solid; width:100px; }
#messagebox{ border-radius:10px; -moz-border-radius:10px; background:#666; z-index:10; position:relative; color:#fff; }
.icon-line,.icon-dot,.icon-swap, .icon-circle, .icon-text,.icon-hinsert,.icon-vinsert,
.icon-undo, .icon-redo,.icon-pencil, .icon-select{
width:32px; height:32px; display:inline-block; background:url(icons.png);
}
.icon-line{ background-position-y:0; }
.icon-dot{ background-position:0 -32px; }
.icon-swap{ background-position:0 -64px; }
.icon-circle{ background-position:0 -96px; }
.icon-text{ background-position:0 -128px; }
.icon-hinsert{ background-position:0 -160px; }
.icon-vinsert{ background-position:0 -322px; }
.icon-undo{ background-position:0 -196px; }
.icon-redo{ background-position:0 -228px; }
.icon-pencil{ background-position:0 -260px; }
.icon-select{ background-position:0 -292px; }
.right{ margin:5px 0; float:right; }
.more{ display:block; text-align:center; text-decoration:none; margin:10px 0; padding:10px; color:#666; font-weight:bold; background:#eee; }
.more:hover{ background:#ddd; color:#333; }
.error{ color:#f00; }
.wrapper{ position:absolute; z-index:10; }
.msg, .box{ position:relative; display:inline-block; text-align:left; z-index:10; }
.msg{ margin-top:180px; border-radius:10px; -moz-border-radius:10px; background:#333; color:#fff; padding:15px 20px; }
.box{ margin-top:80px; padding:15px 20px; background:#fff; }
.cover{ position:fixed; z-index:10; top:0; left:0; width:100%; height:100%; text-align:center; }
.mask{ background:#000; position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; opacity:0.3; }
.box, #toolbar{
-moz-box-shadow: 0 2px 7px #444;
-webkit-box-shadow: 0 2px 7px #444;
box-shadow: 0 2px 7px #444;
}