-
Notifications
You must be signed in to change notification settings - Fork 6
Expand file tree
/
Copy pathMagicBoard.css
More file actions
127 lines (108 loc) · 2.57 KB
/
Copy pathMagicBoard.css
File metadata and controls
127 lines (108 loc) · 2.57 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
124
125
126
127
/*!
* Magic Board v1
* Copyright 2013-2015 BinaryCodon, Inc.
* Licensed under xxx
*/
.hilight {
border:4px solid rgb(27,141,17);
z-index:10;position:absolute;
cursor:move;
}
.imgIcon {
float:left;height:50px;
}
.imgIcon:hover {
border:1px solid rgb(27,141,17);
}
.connActive {
border: 3px solid rgb(27,141,17);
background-color: rgba(27,141,17,0.1);
}
.connInactive {
border:1px dotted silver;
}
.stretcher {
position:absolute;
width:20px;
height:20px;
}
.red {
background-color:red;
width:10px;
height:10px;
margin:5px;
border:1px solid lightblue;
}
.corner {
background-color:cornflowerblue;
width:10px;
height:10px;
margin:5px;
border-radius: 5px;
border:1px solid black;
}
.clickPrompt {
position:relative;
display: inline-block;
width: 0;
height: 0;
top:120%;
margin-left: 4px;
vertical-align: middle;
border-top: 8px dashed red;
border-top: 8px solid\9;
border-right: 8px solid transparent;
border-left: 8px solid transparent;
cursor:hand;
}
.prompt
{
position:absolute;left:35%;top:35%;width:350px;height:auto;border:1px solid grey;box-shadow:5px 5px gray;padding:30px;z-index:100;background:white;color:rgb(27,141,17)"
}
.propLabel {
margin-left:15px;
width:135px;
}
.propInput {
width:50px;
}
.apply {
background-image: linear-gradient(to bottom,#5cb85c 0,#419641 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
background-repeat: repeat-x;
border-color: #3e8f3e;
color: #fff;
}
.cancel {
background-image: linear-gradient(to bottom,#f0ad4e 0,#eb9316 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
background-repeat: repeat-x;
border-color: #e38d13;
color: #fff;
}
.button {
/* button */
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
margin-right: 15px;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 4px;
}
.prop {
padding-left:5px;
}