bzr branch
http://gegoxaren.bato24.eu/bzr/lenasys/trunk
|
20.1.1
by galaxyAbstractor
* Added an simple admin panel to the codeviewer-cmssy stuff |
1 |
* { |
2 |
margin: 0; |
|
3 |
padding: 0; |
|
4 |
}
|
|
5 |
||
6 |
body { |
|
7 |
background-color: #fff; |
|
8 |
||
9 |
}
|
|
10 |
||
11 |
#header { |
|
12 |
background-color: #3C3C3C; |
|
13 |
height:50px; |
|
14 |
width: 100%; |
|
15 |
}
|
|
16 |
||
17 |
#nav div { |
|
18 |
height: 50px; |
|
19 |
}
|
|
20 |
||
21 |
#nav .separator { |
|
22 |
width: 0px; /* amazing, this seems to work */ |
|
23 |
height:50px; |
|
24 |
border-left: 1px solid #111111; |
|
25 |
border-right: 1px solid #555555; |
|
26 |
margin-left: 5px; |
|
27 |
margin-right: 5px; |
|
28 |
float:left; |
|
29 |
}
|
|
30 |
||
31 |
#logo { |
|
32 |
color: white; |
|
33 |
font-size: 16px; |
|
34 |
font-weight: bold; |
|
35 |
float: left; |
|
36 |
line-height: 50px; |
|
37 |
}
|
|
38 |
#mainpage { |
|
39 |
margin-top: 20px; |
|
40 |
}
|
|
41 |
||
42 |
#menu { |
|
43 |
background-color: #F5F5F5; |
|
44 |
border: 1px solid #E3E3E3; |
|
45 |
}
|
|
46 |
||
47 |
thead { |
|
48 |
background-color: #0A68AD; |
|
49 |
color: white; |
|
50 |
}
|
|
51 |
||
52 |
#menuheader { |
|
53 |
background-color: #9DB400; |
|
54 |
padding: 10px; |
|
55 |
color: white; |
|
56 |
font-size: 16px; |
|
57 |
font-weight: bold; |
|
58 |
}
|
|
59 |
||
60 |
#menu ul { |
|
61 |
list-style-type: none; |
|
62 |
margin-left: 0; |
|
63 |
||
64 |
}
|
|
65 |
||
66 |
#menu ul li { |
|
67 |
border-top: 1px solid #EAEAEA; |
|
68 |
padding-left: 10px; |
|
69 |
padding-top: 5px; |
|
70 |
padding-bottom: 5px; |
|
71 |
}
|
|
72 |
||
73 |
#menu ul .active { |
|
74 |
border-right: 5px solid #333333; |
|
75 |
}
|
|
76 |
||
77 |
#dropbox:before { |
|
78 |
display: block; |
|
79 |
content:''; |
|
80 |
height:4px; |
|
81 |
width:100%; |
|
82 |
background:url('../img/blue_line.jpg'); |
|
83 |
position: absolute; |
|
84 |
top:0; |
|
85 |
left:0; |
|
86 |
box-shadow:0 2px 2px rgba(0,0,0,0.4); |
|
87 |
}
|
|
88 |
||
89 |
#dropbox { |
|
90 |
background:url('../img/background_tile_3.jpg'); |
|
91 |
|
|
92 |
border-radius:3px; |
|
93 |
position: relative; |
|
94 |
|
|
95 |
min-height: 200px; |
|
96 |
overflow: hidden; |
|
97 |
padding-bottom: 40px; |
|
98 |
||
99 |
|
|
100 |
box-shadow:0 0 4px rgba(0,0,0,0.3) inset,0 -3px 2px rgba(0,0,0,0.1); |
|
101 |
}
|
|
102 |
||
103 |
||
104 |
#dropbox .message { |
|
105 |
font-size: 11px; |
|
106 |
text-align: center; |
|
107 |
padding-top:115px; |
|
108 |
display: block; |
|
109 |
}
|
|
110 |
||
111 |
#dropbox .message i { |
|
112 |
color:#ccc; |
|
113 |
font-size:10px; |
|
114 |
}
|
|
115 |
||
116 |
#dropbox:before { |
|
117 |
border-radius:3px 3px 0 0; |
|
118 |
}
|
|
119 |
||
120 |
#dropbox .progressHolder{ |
|
121 |
position: absolute; |
|
122 |
background-color:#252f38; |
|
123 |
height:12px; |
|
124 |
width:100%; |
|
125 |
left:0; |
|
126 |
bottom: 0; |
|
127 |
||
128 |
box-shadow:0 0 2px #000; |
|
129 |
}
|
|
130 |
||
131 |
#dropbox .progress{ |
|
132 |
background-color:#2586d0; |
|
133 |
position: absolute; |
|
134 |
height:100%; |
|
135 |
left:0; |
|
136 |
width:0; |
|
137 |
||
138 |
box-shadow: 0 0 1px rgba(255, 255, 255, 0.4) inset; |
|
139 |
||
140 |
-moz-transition:0.25s; |
|
141 |
-webkit-transition:0.25s; |
|
142 |
-o-transition:0.25s; |
|
143 |
transition:0.25s; |
|
144 |
}
|
|
145 |
||
146 |
#dropbox .preview.done .progress{ |
|
147 |
width:100% !important; |
|
148 |
}
|