Diff -- /var/www/vhosts/3dshawn.com/site1/assets/styles/styles.css

O Operator
Diff

/var/www/vhosts/3dshawn.com/site1/assets/styles/styles.css

added on local at 2026-07-10 18:57:29

Added
+413
lines
Removed
-0
lines
Context
0
unchanged
Blobs
from
to b75da0492edf
Restore this content →
Unified diff
Naive LCS-based line diff. Additions in emerald, deletions in rose. Both sides decompressed live from BLOB_STORE.
1/* -------------------- Page Defaults -------------------------------------------------------- */
2body{
3 background-color: #FFFFFF; /* #333333 or #FFFFFF */
4 margin: 0px;
5 padding: 0px;
6 top: 0px;
7 left: 0px;
8}
9/* -------------------- Page Defaults -------------------------------------------------------- */
10
11
12/* -------------------- Top Menu Objects ----------------------------------------------------- */
13.page_menu{
14 position: relative;
15 top: 0px;
16 left: 0px;
17 width: 100%;
18 height: 40px;
19
20 background: #000000; /* Old browsers */
21 background: -moz-linear-gradient(top, #000000 0%, #222222 100%); /* FF3.6+ */
22 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#222222)); /* Chrome,Safari4+ */
23 background: -webkit-linear-gradient(top, #000000 0%,#222222 100%); /* Chrome10+,Safari5.1+ */
24 background: -o-linear-gradient(top, #000000 0%,#222222 100%); /* Opera11.10+ */
25 background: -ms-linear-gradient(top, #000000 0%,#222222 100%); /* IE10+ */
26 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#222222',GradientType=0 ); /* IE6-9 */
27 background: linear-gradient(top, #000000 0%,#222222 100%); /* W3C */
28}
29
30.menu_option{
31 position: relative;
32 float: left;
33 margin-left: 7px;
34 margin-top: 4px;
35 width: 160px;
36 height: 30px;
37 background-color: #333333;
38 border: thin solid #000000;
39
40 font: 12px Arial;
41 font-weight: bold;
42 text-align: center;
43 color: #A9A9A9;
44}
45.menu_option:hover{
46 position:relative;
47 background-color: #1C1C1C;
48 border: thin solid #000000;
49
50 font: 12px Arial;
51 font-weight: bold;
52 color: #999999;
53}
54.menu_option_text_position{
55 position:relative;
56 top: 8px;
57}
58/* -------------------- Top Menu Objects ----------------------------------------------------- */
59
60
61/* -------------------- Main Page Fonts ------------------------------------------------------ */
62.page_font {
63 font: 12px Arial;
64 color: #666666;
65 padding:1px 5px 1px 5px;
66}
67.page_instruction_font {
68 font: 12px Arial;
69 color: #999999;
70 padding: 5px;
71}
72.page_link_font{
73 font: 12px Arial;
74 font-weight: normal;
75 color: #555555;
76}
77.page_link_font:hover{
78 font: 12px Arial;
79 font-weight: normal;
80 color: #000000;
81}
82/* -------------------- Main Page Fonts ------------------------------------------------------ */
83
84
85/* -------------------- Generic Styles ------------------------------------------------------- */
86.round{
87 -webkit-border-radius: 3px;
88 -moz-border-radius: 3px;
89 border-radius: 3px;
90}
91.box_sizing{
92 /* box-sizing forces divs to subtract padding and margin from the width */
93 box-sizing: border-box;
94 -webkit-box-sizing: border-box;
95 -moz-box-sizing: border-box;
96}
97/* -------------------- Generic Styles ------------------------------------------------------- */
98
99
100/* -------------------- Main Div Areas ------------------------------------------------------- */
101.div_area{
102 position: relative;
103 float: left;
104 width: calc(100% - 20px);
105 height: auto;
106 border: solid 1px #CCCCCC;
107 background-color: #FFFFFF;
108 margin: 10px 10px 10px 10px;
109}
110
111.div_area_header{
112 position: relative;
113 float: left;
114 width: 100%;
115 height: 30px;
116 background-color: #555555;
117}
118.div_area_header2{
119 position: relative;
120 float: left;
121 width: 100%;
122 height: 30px;
123 background-color: #EEEEEE;
124}
125.div_area_header_text{
126 font-face: Arial;
127 font-size: 16px;
128 color: #EEEEEE;
129 font-weight: bold;
130 padding: 5px 5px 5px 5px;
131}
132.div_area_header_text2{
133 font-face: Arial;
134 font-size: 16px;
135 color: #888888;
136 font-weight: bold;
137 padding: 5px 5px 5px 5px;
138}
139
140.div_area_content{
141 position: relative;
142 float: left;
143 width: 100%;
144 margin: 5px 5px 5px 5px;
145}
146.div_area_content2{
147 position: relative;
148 float: left;
149 width: 100%;
150 margin: 5px 5px 5px 5px;
151 padding: 5px;
152 /* background-color:#EEEEEE; */
153}
154.div_area_row{
155 position: relative;
156 border-bottom: 1px solid #CCCCCC;
157 padding: 3px 3px 3px 3px;
158 margin: 3px 3px 5px 3px;
159 width: calc(100% - 20px);
160}
161
162.text_field{
163 position: relative;
164 font-face: arial;
165 font-size: 12px;
166 color: #666666;
167 border: 1px solid #ededed;
168 padding:1px 5px 1px 5px;
169
170 z-index: 10000;
171}
172
173.shadow{
174 box-shadow: 0 0 10px rgba(0,0,0,0.4);
175 -moz-box-shadow: 0 0 10px rgba(0,0,0,0.4);
176 -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.4);
177 -o-box-shadow: 0 0 10px rgba(0,0,0,0.4);
178}
179/* -------------------- Main Div Areas ------------------------------------------------------- */
180
181
182/* -------------------- Button Objects ------------------------------------------------------- */
183.upload_field{
184 -webkit-border-radius: 2px;
185 -moz-border-radius: 2px;
186 border-radius: 2px;
187 background-color:#f5f5f5;
188 padding: 0px 0px 0px 0px; /* padding:top,right,bottom,left */
189 font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
190 cursor:pointer;
191 color: #555555;
192 border:1px solid #aeaeae;
193}
194
195.upload_field:hover{
196 background-color:#999999;
197 border:1px solid #999999;
198 color:#E3E3E3;
199}
200
201.upload_button{
202 -webkit-border-radius: 2px;
203 -moz-border-radius: 2px;
204 border-radius: 2px;
205 background-color:#f5f5f5;
206 padding: 3px 5px 2px 5px; /* padding:top,right,bottom,left */
207 font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
208 cursor:pointer;
209 color: #555555;
210 border:1px solid #aeaeae;
211}
212
213.upload_button:hover{
214 background-color:#E6EFC2;
215 border:1px solid #C6D880;
216 color:#529214;
217}
218
219.add_button{
220 -webkit-border-radius: 2px;
221 -moz-border-radius: 2px;
222 border-radius: 2px;
223 background-color:#f5f5f5;
224 padding: 0px 10px 0px 10px; /* padding:top,right,bottom,left */
225 font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
226 cursor:pointer;
227 color: #555555;
228 border:1px solid #aeaeae;
229}
230
231.add_button:hover{
232 background-color:#dff4ff;
233 border:1px solid #c2e1ef;
234 color:#336699;
235}
236
237.save_button{
238 -webkit-border-radius: 2px;
239 -moz-border-radius: 2px;
240 border-radius: 2px;
241 background-color:#f5f5f5;
242 padding: 0px 10px 0px 10px; /* padding:top,right,bottom,left */
243 font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
244 cursor:pointer;
245 color: #555555;
246 border:1px solid #aeaeae;
247}
248
249.save_button:hover{
250 background-color:#E6EFC2;
251 border:1px solid #C6D880;
252 color:#529214;
253}
254
255.delete_button{
256 -webkit-border-radius: 2px;
257 -moz-border-radius: 2px;
258 border-radius: 2px;
259 background-color:#f5f5f5;
260 padding: 0px 10px 0px 10px; /* padding:top,right,bottom,left */
261 font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
262 cursor:pointer;
263 color: #555555;
264 border:1px solid #aeaeae;
265}
266
267.delete_button:hover{
268 background:#fbe3e4;
269 border:1px solid #fbc2c4;
270 color:#d12f19;
271}
272/* -------------------- Button Objects ------------------------------------------------------- */
273
274
275/* -------------------- Dashboard Containers Areas ------------------------------------------- */
276.hover_container{
277 border:1px solid #c1c1c1;
278 border-radius:3px;
279 padding: 5px 0px 5px 0px;
280 background: #FFFFFF;
281}
282.hover_container:hover{
283 background-color:#666666;
284 border:1px solid #EEEEEE;
285}
286.rowbg_color1{
287 background-color:#ebe8e8;
288}
289.page_font_large{
290 font: 14px Arial;
291 color: #666666;
292 font-weight:bold;
293 line-height:24px;
294 font-style:italic;
295}
296/* -------------------- Dashboard Containers Areas ------------------------------------------- */
297
298
299/* -------------------- Growing/Shrinking text area box -------------------------------------- */
300.edit_autogrow_textfield_style{
301 height:14px;
302 width:100%;
303
304 position: relative;
305 font-face: arial;
306 font-size: 12px;
307 color: #999999;
308 border: 1px solid #ededed;
309 padding:1px 5px 1px 5px;
310 background-color: #FFFFFF;
311 z-index:1;
312}
313.edit_autogrow_textfield_style:hover, .edit_autogrow_textfield_style:focus{
314 color: #999999;
315 z-index:2;
316}
317/* -------------------- Growing/Shrinking text area box -------------------------------------- */
318
319
320/* -------------------- Success & Error & Changed Message Styles ----------------------------- */
321.success_msg{
322 border:1px solid #548235;
323 color:#548235;
324 background: #e2efda;
325
326 padding: 5px;
327 -webkit-border-radius: 5px;
328 -moz-border-radius: 5px;
329 border-radius: 5px;
330}
331
332.error_msg{
333 border:1px solid #b94441;
334 color:#b94441;
335 background: #ffb1b1;
336
337 padding: 5px;
338 -webkit-border-radius: 5px;
339 -moz-border-radius: 5px;
340 border-radius: 5px;
341}
342
343.misc_msg{
344 border:1px solid #c2e1ef;
345 color:#336699;
346 background: #dffaff;
347
348 padding: 5px;
349 -webkit-border-radius: 5px;
350 -moz-border-radius: 5px;
351 border-radius: 5px;
352}
353
354.changed_highlight{
355 border:1px solid #b94441;
356 color:#b94441;
357 background: #ffb1b1;
358
359 -webkit-border-radius: 5px;
360 -moz-border-radius: 5px;
361 border-radius: 5px;
362}
363
364.text_changed_highlight{
365 position:relative;
366 left:-6px;
367 border:1px solid #060a25;
368 color: #FFFFFF;
369 background-color: #4b73b9;
370
371 padding: 0px 3px 0px 3px;
372 -webkit-border-radius: 3px;
373 -moz-border-radius: 3px;
374 border-radius: 3px;
375}
376/* -------------------- Success & Error & Changed Message Styles ----------------------------- */
377
378
379/* -------------------- Success & Error & Changed Message Styles ----------------------------- */
380.switch_on{
381 border:1px solid #548235;
382 color:#548235;
383 background: #e2efda;
384}
385
386.switch_off{
387 border:1px solid #b94441;
388 color:#b94441;
389 background: #ffb1b1;
390}
391/* -------------------- Success & Error & Changed Message Styles ----------------------------- */
392
393
394/* -------------------- Makes the table rows alternate colors, adds mouseover highlights ----- */
395.tr_alternating_cell{
396 padding: 4px 0px 4px 5px;
397}
398.tr_alternating tr:nth-child(odd){
399 background-color: #FFFFFF;
400}
401.tr_alternating tr:nth-child(even){
402 background-color: #F2F2F2;
403}
404
405.tr_alternating tr:nth-child(odd):hover{
406 color: #333333;
407 background-color: #CCCCCC;
408}
409.tr_alternating tr:nth-child(even):hover{
410 color: #333333;
411 background-color: #CCCCCC;
412}
413/* -------------------- Makes the table rows alternate colors, adds mouseover highlights ----- */