SD-SimpleDesk

1) /**********************************
2) * General stuff used all around the helpdesk 	*
3) ***********************************/
4) 

5) /* Half rounded headers */
6) div.grid_header

7) {

8) 	height: 28px;
9) 	margin-bottom: -1px;

10) }
11) 
12) /* You no left float, Core! */

13) div.grid_header img

14) {
15) 	float: none;
16) }
17) 

18) /* SimpleDesk icons */

19) .shd_smallicon
20) {
21) 	width: 13px;
22) 	height: 13px;
23) 	margin-right: 4px;
24) }
25) .shd_icon_minihead
26) {
27) 	position: relative;
28) 	top: 3px;
29) }

30) .shd_icon
31) {
32) 	position: relative;
33) 	top: 3px;
34) }

35) .shd_icon_fullhead
36) {
37) 	position: relative;
38) 	top: 9px;
39) }
40) .shd_tinyicon
41) {
42) 	width: 9px;
43) 	height: 9px;
44) }
45) 
46) .shd_main_hd
47) {
48) 	margin-top: -3px;
49) }
50) 
51) .shd_nowrap
52) {
53) 	white-space: nowrap;
54) }
55) 

56) .shd_no_margin
57) {
58) 	margin: 0;
59) }
60) 
61) .shd_hide_bottom_border
62) {
63) 	border-bottom: 0;
64) }
65) 

66) /**********************************
67) * The ticket listings 				*
68) ***********************************/
69) .shd_ticketlist
70) {
71) 	width: 100%;
72) 	border: solid #BBBBBB;
73) 	border-width: 1px 1px 0;
74) }
75) .shd_ticketlist td
76) {
77) 	padding: 5px;
78) 	border-bottom: 1px solid #AFAFAF;
79) }
80) .shd_noticket
81) {
82) 	text-align: center;
83) }
84) .shd_staffresources ul
85) {
86) 	list-style-type: none;
87) 	padding: 0;
88) 	margin: 0;
89) }
90) .shd_staffresources li
91) {
92) 	margin-bottom: 3px;
93) }
94) 
95) .shd_gototicket
96) {
97) 	display: block;
98) 	float: right;
99) 	margin-left: 1em;
100) 	white-space: nowrap;
101) }
102) 

103) .shd_assignees
104) {
105) 	background-color:inherit;
106) 	padding-left: 1em;
107) }
108) 
109) .shd_assignees:hover
110) {
111) 	background-color: #bbbbbb;
112) }
113) 
114) .shd_assign_button, .shd_assignees
115) {
116) 	cursor: pointer;
117) }
118) 

119) .information li dt
120) {
121) 	color: gray;
122) 	font-weight: bold;
123) 	float: left;
124) }
125) 
126) .information li dd
127) {
128) 	float: left;
129) 	margin: 0;
130) 	padding: 0 4px 0 7px;
131) }
132) 
133) dd#assigned_button
134) {
135) 	padding: 1px 0;
136) }
137) 

138) /**********************************
139) * Stuff used within the actual tickets 	*
140) ***********************************/
141) 
142) /* This is done to position icons perfectly in the ticket header (i.e the navigation)*/
143) h3.ticketheader img
144) {
145) 	top: 2px;
146) 	position: relative;
147) 	margin-right: 2px;
148) }
149) 
150) /* Ticket details (Left-floated box) */

151) .shd_ticket_side_column

152) {
153) 	float: left;

154) 	width: 215px;
155) 	margin-right: 20px;

156) }
157) .shd_ticketdetails
158) {

159) 	min-height: 280px;
160) 	overflow: auto;

161) 	float: left;

162) 	width: 100%;

163) }

164) .shd_customfields
165) {
166) 	width: 66%;
167) 	margin-bottom: 0;
168) 	float: left;
169) 	margin-top: 5px;
170) }

171) .shd_additional_details
172) {
173) 	overflow: auto;

174) 	float: left;

175) 	width: 100%;

176) }
177) .shd_ticket_side_column ul

178) {
179) 	list-style-type: none;
180) 	padding-left: 0;
181) 	margin: 0;
182) }

183) .shd_ticket_side_column li
184) {
185) 	line-height: 1.8em;
186) }

187) 
188) /* The ticket container */
189) .shd_ticket
190) {

191) 	min-height: 250px;

192) }
193) .shd_ticket_description
194) {
195) 	padding-top: 9px;
196) 	padding-bottom: 45px;
197) 	margin-left: 260px;
198) 	min-height: 200px;
199) }
200) 
201) #shd_ticket_text
202) {
203) 	min-height: 100px;
204) }
205) 
206) /* The left column in the ticket display */
207) .shd_ticket_leftcolumn
208) {
209) 	width: 25%;
210) }
211) /* The right column in the ticket display */
212) .shd_ticket_rightcolumn
213) {
214) 	width: 75%;
215) }
216) 
217) /* The Respond, Edit, Delete etc links */
218) .shd_ticketlinks a
219) {
220) 	margin-right: 10px;
221) }
222) .shd_ticketlinks a#last
223) {
224) 	margin-right: 0px;
225) }
226) 
227) .shd_ticket_avatar
228) {
229) 	margin: 1em auto;
230) 	text-align: center;
231) }
232) 
233) .shd_modified
234) {
235) 	margin-top: 20px;
236) }
237) 
238) .postreply
239) {
240) 	margin: 0;
241) }
242) 
243) .postmodify
244) {
245) 	margin: 0;
246) }
247) 
248) /* The 'Go to the main log' link in ticket logs */
249) .shd_main_log
250) {
251) 	font-size: 80%;
252) }
253) .shd_main_log img
254) {
255) 	position: relative;
256) 	top: 3px;
257) 	margin-right: 2px;
258) }
259) #shd_ticket_log_expand
260) {
261) 	margin-top: 8px;

262) 	position: relative;
263) 	left: 4px;

264) }

265) #shd_custom_fields_swap
266) {
267) 	margin-top: 8px;
268) }

269) .shd_customfields .input_text
270) {
271) 	width: 85%;
272) }

273) .shd_ticket_log_expand_container
274) {
275) 	margin-right: 3px;
276) }
277) 
278) #quickReplyExpand
279) {
280) 	margin-top: 8px;
281) }
282) 
283) /* Override editor margins */
284) #quickReplyOptions form textarea
285) {
286) 	margin-bottom: 0!important;
287) }
288) 
289) /**********************************
290)  * Huge buttons :D			 	*
291) ***********************************/
292) 
293) /* The big reply button */
294) .shd_replybutton
295) {
296) 	margin-top: 10px;
297) 	height: 15px;
298) 	background: url(../images/simpledesk/respond.png) no-repeat left;
299) 	background-position: 10px;
300) 	padding: 10px;
301) 	padding-left: 40px;
302) 	padding-top: 8px;
303) 	font-weight: bold;
304) 	font-size: 100%;
305) 	margin-bottom: 10px;
306) }
307) /* The big quote button */
308) .shd_quotebutton
309) {
310) 	margin-top: 10px;
311) 	height: 15px;
312) 	background: url(../images/simpledesk/quote.png) no-repeat left;
313) 	background-position: 10px;
314) 	padding: 10px;
315) 	padding-left: 40px;
316) 	padding-top: 8px;
317) 	font-weight: bold;
318) 	font-size: 100%;
319) 	margin-right: 10px;
320) }
321) /* Go advanced! */
322) .shd_advancedbutton
323) {
324) 	margin-top: 10px;
325) 	height: 15px;
326) 	background: url(../images/simpledesk/advanced.png) no-repeat left;
327) 	background-position: 10px;
328) 	padding: 10px;
329) 	padding-left: 40px;
330) 	padding-top: 8px;
331) 	font-weight: bold;
332) 	font-size: 100%;
333) 	margin-right: 10px;
334) }
335) 
336) /* Edit settings*/
337) .shd_editpreferences
338) {
339) 	height: 15px;
340) 	background: url(../images/simpledesk/edit.png) no-repeat left;
341) 	background-position: 10px;
342) 	padding: 10px;
343) 	padding-left: 40px;
344) 	padding-top: 8px;
345) 	font-weight: bold;
346) 	font-size: 100%;
347) 	margin-right: 10px;
348) }
349) 
350) /* Show tickets */
351) .shd_showtickets
352) {
353) 	height: 15px;
354) 	padding: 10px;
355) 	padding-left: 40px;
356) 	padding-top: 8px;
357) 	font-weight: bold;
358) 	font-size: 100%;
359) 	margin-right: 10px;
360) }
361) #shd_showtickets
362) {
363) 	background: url(../images/simpledesk/details.png) no-repeat left;
364) 	background-position: 10px;
365) }
366) #shd_post_proxy
367) {
368) 	background: url(../images/simpledesk/proxy.png) no-repeat left;

369) 	background-position: 10px;

370) }

371) #shd_post_ticket
372) {
373) 	background: url(../images/simpledesk/ticket.png) no-repeat left;
374) 	background-position: 10px;
375) }

376) 
377) /**********************************
378) * Ticket replies				 *
379) ***********************************/
380) .shd_reply
381) {
382) 	padding-bottom: 32px;
383) 	padding-top: 12px;
384) }
385) .shd_posterinfo
386) {

387) 	width: 14em;

388) 	text-align: center;
389) 	margin-left: 3px;

390) 	overflow: hidden;

391) }
392) .shd_postername
393) {
394) 	font-size: 120%;
395) }
396) .shd_groupmargin
397) {
398) 	margin-bottom: 10px;
399) }
400) .shd_posteravatar img
401) {
402) 	padding: 0px;
403) 	max-width: 10.5em;
404) }
405) .shd_replyarea
406) {

407) 	padding-left: 14em;

408) 	margin-left: 10px;
409) }
410) 
411) .shd_reply .avatar
412) {
413) 	margin-bottom: 10px;
414) }
415) 

416) .shd_ajax_head
417) {
418) 	font-weight: bold;
419) }
420) .shd_ajaxnotify
421) {
422) 	width: 40%;
423) 	margin-right: 5%;
424) 	float: left;
425) }
426) 

427) /**********************************

428) * Attachment stuff				  *

429) ***********************************/
430) .shd_reply_attachments
431) {

432) 	width: 66%;

433) 	margin-bottom: 0;
434) 	float: left;
435) 	margin-top: 5px;
436) }

437) .shd_reply_attachments ul, .shd_reply_attachments li

438) {
439) 	display: block;
440) 	list-style-type: none;
441) }
442) 

443) .shd_reply_attachments li

444) {
445) 	float: left;
446) 	width: 30%;
447) }
448) 
449) .shd_attachment
450) {
451) 	padding-bottom: 5px;
452) 	font-size: 85%;
453) }
454) .shd_attachmentpreview
455) {
456) 	text-align: center;
457) }
458) .shd_attachmentpreview img
459) {
460) 	max-width: 75px;
461) 	margin: 3px;
462) 	margin-top: 6px;
463) }
464) .shd_attachmentpreview .description
465) {
466) 	padding: 0;
467) }
468) .shd_removeattachment
469) {
470) 	margin-left: -8px;
471) 	margin-right: 3px;
472) }
473) .shd_attachmentbox
474) {
475) 	padding: 10px;
476) }
477) .shd_attachmentcolumn
478) {
479) 	margin-right: 20px;
480) }
481) .shd_thumb
482) {
483) 	border: 0;
484) 	display: block;
485) 	margin-left: auto;
486) 	margin-right: auto;
487) }
488) 
489) /**********************************
490) * Posting and editing tickets/replies		 *
491) ***********************************/
492) #shd_bbcbox
493) {
494)    margin: 0 0 0.5em 0;
495) }
496) #shd_bbcbox div
497) {
498)    margin: 0.2em 0;
499)    vertical-align: top;
500) }
501) #shd_bbcbox div img
502) {
503)    margin: 0 1px 0 0;
504)    vertical-align: top;
505) }
506) #shd_bbcbox select
507) {
508)    margin: 0 2px;
509) }
510) /* The smiley strip */
511) #shd_smileybox
512) {
513)    margin: 0.75em 0 0.5em 0;
514) }

515) #canned_replies
516) {
517) 	float: left;
518) 	width: 66%;
519) 	margin-top: 1em;
520) }

521) 
522) /**********************************
523) * General actions				 *
524) ***********************************/
525) .pm_message
526) {
527) 	margin-top: 1ex;
528) }
529) 
530) /* The 'Empty log' link in the action log */
531) .shd_empty_log
532) {
533) 	font-size: 80%;
534) }
535) .shd_empty_log img
536) {
537) 	position: relative;
538) 	top: 3px;
539) 	margin-right: 2px;
540) }
541) 
542) /**********************************
543) * The profile				 	*
544) ***********************************/
545) .shd_profile_navigation
546) {
547) 	margin-right: 20px;
548) }
549) .shd_profile_nav_list, .shd_profile_nav_list ul, .shd_profile_nav_list li
550) {
551) 	margin: 0;
552) 	padding: 0;
553) 	list-style-type: none;
554) }
555) .shd_profile_nav_inline, .shd_profile_nav_inline ul, .shd_profile_nav_inline li
556) {
557) 	margin: 0;
558) 	padding: 0;
559) 	list-style-type: none;
560) 	float: left;
561) }
562) .shd_profile_nav_inline li
563) {
564) 	margin-right: 10px;
565) 	border-right: 1px solid #cccccc;
566) 	padding-right: 10px;
567) }
568) .shd_profile_nav_inline img
569) {
570) 	margin-left: 4px;
571) }
572) 
573) .shd_profile_nav_inline li.shd_inline_last
574) {
575) 	border-right: none;

576) }
577) 
578) ul.shd_profile_nav_list, ul.shd_profile_nav_inline
579) {
580) 	/* Webkit's default stylesheet also, just for giggles, adds margin-before and margin-after to lists. */
581) 	-webkit-margin-before: 0;
582) 	-webkit-margin-after: 0;