Last change
on this file since 28897 was 28897, checked in by davidb, 10 years ago |
GUI front-end to server base plus web page content
|
File size:
2.3 KB
|
Line | |
---|
1 | * {
|
---|
2 | vertical-align: middle;
|
---|
3 | }
|
---|
4 |
|
---|
5 | body {
|
---|
6 | font-family: Arial, sans-serif;
|
---|
7 | font-size: 14px;
|
---|
8 | margin: 0;
|
---|
9 | overflow: hidden;
|
---|
10 | }
|
---|
11 |
|
---|
12 | hr {
|
---|
13 | border: 0px;
|
---|
14 | border-top: 1px solid #ccc;
|
---|
15 | }
|
---|
16 |
|
---|
17 | button {
|
---|
18 | position: relative;
|
---|
19 | }
|
---|
20 |
|
---|
21 | .Panel {
|
---|
22 | -moz-user-select: none;
|
---|
23 | -webkit-user-select: none;
|
---|
24 | -ms-user-select: none;
|
---|
25 |
|
---|
26 | /* No support for these yet */
|
---|
27 | -o-user-select: none;
|
---|
28 | user-select: none;
|
---|
29 | }
|
---|
30 |
|
---|
31 | .FancySelect {
|
---|
32 | background: #fff;
|
---|
33 | border: 1px solid #ccc;
|
---|
34 | padding: 0;
|
---|
35 | cursor: default;
|
---|
36 | overflow: auto;
|
---|
37 | outline: none;
|
---|
38 | }
|
---|
39 |
|
---|
40 | .FancySelect .option {
|
---|
41 | padding: 4px;
|
---|
42 | color: #666;
|
---|
43 | white-space: nowrap;
|
---|
44 | }
|
---|
45 |
|
---|
46 | .FancySelect .option.active {
|
---|
47 | background-color: #f8f8f8;
|
---|
48 | }
|
---|
49 |
|
---|
50 | input.Number {
|
---|
51 | color: #0080f0;
|
---|
52 | font-size: 12px; /** TODO: Use of !imporant is not ideal **/
|
---|
53 | background-color: transparent!important; /* For now this is a quick fix a rendering issue due to inherited background */
|
---|
54 | border: 1px solid transparent;
|
---|
55 | padding: 2px;
|
---|
56 | cursor: col-resize;
|
---|
57 | }
|
---|
58 |
|
---|
59 | #viewport {
|
---|
60 | position: absolute;
|
---|
61 | top: 32px;
|
---|
62 | left: 0px;
|
---|
63 | right: 300px;
|
---|
64 | bottom: 32px;
|
---|
65 | }
|
---|
66 |
|
---|
67 | #menubar {
|
---|
68 | position: absolute;
|
---|
69 | width: 100%;
|
---|
70 | height: 32px;
|
---|
71 | background: #eee;
|
---|
72 | padding: 0px;
|
---|
73 | margin: 0px;
|
---|
74 | }
|
---|
75 |
|
---|
76 | #menubar .menu {
|
---|
77 | float: left;
|
---|
78 | width: 50px;
|
---|
79 | cursor: pointer;
|
---|
80 | }
|
---|
81 |
|
---|
82 | #menubar .Panel {
|
---|
83 | color: #888;
|
---|
84 | }
|
---|
85 |
|
---|
86 | #menubar .menu .options {
|
---|
87 | display: none;
|
---|
88 | padding: 5px 0px;
|
---|
89 | background: #eee;
|
---|
90 | width: 140px;
|
---|
91 | }
|
---|
92 |
|
---|
93 | #menubar .menu:hover .options {
|
---|
94 | display: block;
|
---|
95 | }
|
---|
96 |
|
---|
97 | #menubar .menu .options hr {
|
---|
98 | border-color: #ddd;
|
---|
99 | }
|
---|
100 |
|
---|
101 | #menubar .menu .options .option {
|
---|
102 | color: #666;
|
---|
103 | background-color: transparent;
|
---|
104 | padding: 5px 10px;
|
---|
105 | margin: 0px !important;
|
---|
106 | }
|
---|
107 |
|
---|
108 | #menubar .menu .options .option:hover {
|
---|
109 | color: #fff;
|
---|
110 | background-color: #08f;
|
---|
111 | }
|
---|
112 |
|
---|
113 |
|
---|
114 | #sidebar {
|
---|
115 | position: absolute;
|
---|
116 | right: 0px;
|
---|
117 | top: 32px;
|
---|
118 | bottom: 0px;
|
---|
119 | width: 300px;
|
---|
120 | background: #eee;
|
---|
121 | overflow: auto;
|
---|
122 | }
|
---|
123 |
|
---|
124 | #sidebar input,
|
---|
125 | #sidebar textarea,
|
---|
126 | #sidebar select {
|
---|
127 | /* background: #ccc; */
|
---|
128 | }
|
---|
129 |
|
---|
130 | #sidebar .Panel {
|
---|
131 | margin-bottom: 10px;
|
---|
132 | }
|
---|
133 |
|
---|
134 | #sidebar > .Panel {
|
---|
135 | color: #888;
|
---|
136 | padding: 10px;
|
---|
137 | border-top: 1px solid #ccc;
|
---|
138 | }
|
---|
139 |
|
---|
140 | #sidebar #outliner {
|
---|
141 | width: 100%;
|
---|
142 | height: 140px;
|
---|
143 | color: #444;
|
---|
144 | font-size: 12px;
|
---|
145 | }
|
---|
146 |
|
---|
147 | #toolbar {
|
---|
148 | position: absolute;
|
---|
149 | left: 0px;
|
---|
150 | right: 300px;
|
---|
151 | bottom: 0px;
|
---|
152 | height: 32px;
|
---|
153 | background: #eee;
|
---|
154 | color: #333;
|
---|
155 | }
|
---|
156 |
|
---|
157 | #toolbar .Panel {
|
---|
158 | padding: 4px;
|
---|
159 | color: #888;
|
---|
160 | }
|
---|
161 |
|
---|
162 | #toolbar button {
|
---|
163 | margin-right: 6px;
|
---|
164 | }
|
---|
165 |
|
---|
166 |
|
---|
Note:
See
TracBrowser
for help on using the repository browser.