/
style.css
100 lines (87 loc) · 1.51 KB
/
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
/*
Darko Bunic
http://www.redips.net/
Apr, 2013.
*/
body {
font-family: arial;
margin: 0px;
}
/* drag container*/
#redips-drag {
border: 2px dashed LightBlue;
width: 330px;
margin: auto;
}
/* left container */
#redips-drag #left {
float: left;
width: 110px;
}
/* right container */
#redips-drag #right {
display: table;
table-layout: auto;
/* align div to the right */
margin-left: auto;
}
/* DIV object */
.redips-drag {
margin: auto;
text-align: center;
width: 77px;
height: 25px;
line-height: 25px;
background-color: white;
font-size: 10pt; /* needed for cloned object */
/* round corners */
border-radius: 4px; /* Opera, Chrome */
-moz-border-radius: 4px; /* FF */
margin-bottom: 2px;
}
/* tables */
div#redips-drag table {
background-color: #eee;
border-collapse: collapse;
margin: 5px;
}
/* table cells */
div#redips-drag td {
border: 1px solid #bfbfbf;
text-align: center;
font-size: 10pt;
padding: 0px;
}
table#table1 td {
height: 60px;
}
table#table2 td {
height: 122px;
}
/* green, orange and blue DIV elements */
.green {
border: 1px solid #499B33;
}
.orange {
border: 1px solid #BF6A30;
}
.blue {
border: 1px solid SteelBlue;
}
/* message below tables */
#message {
padding-left: 10px;
color: #6A93D4;
height: 100px;
padding-top: 20px;
}
/* single content cells (with clone objects on the left) */
.redips-single {
background-color: #e0e0e0;
}
/* trash cell */
.redips-trash {
color: white;
background-color: SteelBlue;
height: 26px;
}