blob: 8a3101dec1e616e92b0f54bf48717213a1c9c048 (
plain)
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
|
body { font-size: 62.5%; margin: 0; padding: 20px; background: #191919; }
ul.plugins { margin: 0; padding: 0; }
ul.plugins li { margin: 0 12px 12px 0;
list-style-type: none; width: 210px; height: 220px; float: left;
color: white; border: 1px solid gray; text-align: center; font-weight: bold; }
#accordion, #draggable,
#resizable, #selectable, #sortable, #tabs {
margin: 10px;
width: 190px; height: 180px;
text-align: center;
background: #FF9C08; color: white; font-weight: bold;
}
#accordion {
background: none;
}
#progressbar {
margin: 10px;
}
#selectable div {
width: 45px; height: 45px; float: left; margin: 6px;
border: 1px solid white;
}
#selectable .ui-selecting {
background: gray;
}
#selectable .ui-selected {
background: black;
}
#sortable div {
width: 45px; height: 45px; float: left; margin: 6px;
border: 1px solid white;
}
#sortable .ui-sortable-helper {
background: black;
}
.draggable { margin: 10px; width: 32px; height: 30px; float: left; background: #FF9C08; }
#droppable { margin: 10px; width: 190px; height: 130px; float: left; border: 1px solid #FF9C08; overflow: hidden; }
#droppable .draggable { margin: 7px; }
|
