diff --git a/helpdesk/lighte993.css b/helpdesk/lighte993.css new file mode 100644 index 0000000..466fb80 --- /dev/null +++ b/helpdesk/lighte993.css @@ -0,0 +1,102 @@ +A { + color:#00f; +} + +BODY { + background-color: #fff; + color:#222; +} + +H1 { + background-color:#f8f8f8; + color:#000; +} + +H2 { + background-color:#00f; + color:#000; +} + +LABEL.tag_default { + background-color:#bbb; + border-color:#999; +} +LABEL.tag_lowest { + background-color:#4f4; + border-color:#999; +} +LABEL.tag_low { + background-color:#8f4; + border-color:#999; +} +LABEL.tag_medium { + background-color:#ff4; + border-color:#999; +} +LABEL.tag_high { + background-color:#f84; + border-color:#999; +} +LABEL.tag_highest { + background-color:#f44; + border-color:#999; +} + +.light{ + background-color:#f8f8f8; + color:#000; +} + +.zebra { + background-color:#fff; + text-align:left; +} +.light .head{ + background-color:#ffc !important; + font-variant:all-caps; + text-align:center !important; +} + +.error { + background-color:#f00 !important; + text-align:center; +} +.notice { + background-color:#00f !important; + text-align:center; +} + +.menu_section { + background-color:#f8f8f8; + border:1px solid #eee; + color:#000; +} +.menu_section DIV.icon SPAN { + background-color:#eee; + border:1px outset #666; +} + +.menu_section DIV.thumb IMG { + border:2px inset #888; +} + +.menu_section DIV.form_heading { + background-color:#ffb; +} + +.form_field, .form_textarea { + background-color:#ddd; + color: #000; +} + +.spoiler_body { + background: #ddd; +} + +/*approved and declined*/ +.approved { + background-color:#4f4 !important; +} +.declined { + background-color:#f44 !important; +} diff --git a/helpdesk/stylee993.css b/helpdesk/stylee993.css new file mode 100644 index 0000000..3092a9e --- /dev/null +++ b/helpdesk/stylee993.css @@ -0,0 +1,520 @@ +A { + text-decoration:underline; +} +A IMG { + border:none; +} + +BLOCKQUOTE { + font-family: monospace; + margin-left: 10px; +} + +BODY { + font-family:sans-serif; + font-size:10px; + line-height:11px; + margin:2px; + overflow-x:hidden; + width:236px; +} + +DIV { + padding-bottom:5px; + padding-top:5px; +} + +DIV.alerts_popup { + display:none; + opacity:.7; + left:5px; + padding:3px; + position:fixed; + text-align:center; + top:20px; + width:222px; +} + +DIV.alerts_section { + background:#fff; + border:1px solid #222; + height:120px; + overflow:hidden; + overflow-y:scroll; + padding:2px; +} + +DIV.bb { + background:#ffe; + border:1px outset #888; + margin:5px; + padding:5px; + text-align:justify +} + +DIV.footer { + text-align:justify; +} + +DIV.navbar { + background:#eee; + border:1px outset #888; + padding:2px; + text-align:center; +} + +DIV.section_info{ + background:#fff; + border:1px solid #eee; + margin-bottom:10px; + padding:3px; + text-align:justify; +} + + + +FORM { + margin:0px; + padding:0px; +} +.return_button { + background:#44f; + border:2px outset #44f; + color:#fff; + font-size:12px; +} + +H1, H2 { + border:1px outset #888; + margin:auto; + margin-top:10px; + padding:4px; + text-align:center; +} + +H1 { + font-size:16px; + text-shadow:1px 1px 1px #888; + width:200px; +} +H2 { + border-radius:8px; + font-size:16px; + margin-bottom:5px; + width:280px; +} + +IMG.icon { + background-image:url(images/icons/icon_blank.html); + height:48px; + width:48px; +} + +LABEL { + display:inline-block; + padding-right:2px; + text-align:right; + width:48%; +} +LABEL.tag { + border:1px outset; + border-radius:3px; + float:left; + padding:1px; + margin:1px; + text-align:center; + width:auto; +} + +TABLE { + border:0px; + margin:0px; + padding:0px; +} + +TD.action { + color:#0f0; + text-align:center; +} +TD.error { + color:#f00; + text-align:center; +} +TD.title { + background:#00f; + border:1px outset #888; + color:#fff; + font-size:12px; + text-align:center; +} +TH { + font-size:10px; + padding-top:8px; + text-shadow:1px 0px 1px #444; +} + +INPUT.button { + background:#fff; + border:1px outset #888; + float:right; + padding:3px; +} + +.list { + background:#fff; + border:1px outset #888; + border-collapse:collapse; + margin:auto; + margin-bottom:8px; + width:224px; +} + +.form_button, .form_button_big { + background:url(images/button_blue.html) repeat-x #00f; + border:1px outset #00f; + color:#fff; + font-size:10px; + text-align:center; +} +.form_button { + width:36px; +} +.form_button_big { + width:50px; +} +.form_field { + border:1px inset #888; + font-size:10px; + width:100px; +} +.form_textarea { + border:1px inset #888; + font-size:10px; + height:140px; + width:200px; +} +.form_label { + text-align:right; + white-space:nowrap; +} +.form_heading { + background:#ffb; + text-shadow:1px 0px 1px #888; +} + +.avatar { + border:1px inset #888; + float:left; + height:30px; + margin:2px; +} + +.avatar_off { + border:none; + border-bottom:2px solid #000; + border-right:2px solid #000; + margin:3px; + width:40px; +} +.avatar_on { + border:none; + border-left:2px solid #00f; + border-top:2px solid #00f; + margin:3px; + width:40px; +} + +.savii_off { + border:1px inset #888; + margin:2px; +} +.savii_on { + border:1px inset #ff0; + margin:2px; +} + +/*New styles*/ +.menu_section { + clear: both; + margin:auto; + max-width:236px; + overflow:hidden; + text-align:center; +} +.menu_section DIV.icon { + float:left; + font-size:10px; + height:78px; + line-height:10px; + margin:1px; + text-align:center; + width:56px; +} +.menu_section DIV.icon IMG { + background-image:url(images/icons/icon_blank.html); + height:48px; + width:48px; +} +.menu_section DIV.icon SPAN { + font-size:8px; + padding:1px; + position:absolute; +} +.menu_section DIV.badge { + float:left; + font-size:10px; + height:70px; + line-height:10px; + margin:1px; + text-align:center; + width:70px; +} +.menu_section DIV.badge IMG { + height:60px; + width:60px; +} + +.menu_section DIV.thumb { + float:left; + font-size:8pt; + height:96px; + line-height:9pt; + margin:2px; + text-align:center; + width:100px; +} +.menu_section DIV.thumb IMG { + border-radius:3px; + height:60px; + width:80px; +} + +.menu_section DIV.form_heading { + border-radius:8px 8px 0px 0px; + text-shadow:1px 0px 1px #888; +} +.menu_section DIV.form_body { + border-radius:0px 0px 8px 8px; + padding:3px; + padding-bottom:10px; + text-align:justify; +} +.menu_section DIV.row { + clear:both; + padding:2px; +} +.menu_section DIV.row DIV { + float:left; + text-shadow:1px 0px 1px #888; + padding-right:5px; + text-align:right; + width:40% +} + +.notification_section { + height:150px; + overflow-x:hidden; + overflow-y:scroll; + padding:1px; +} +.notification_section DIV { + border-radius:4px; + height:28px; + padding:1px; +} + +.page { + background:#fff; + border:1px outset #888; + padding:2px; + text-decoration:none; +} + +.nav_div{ + margin:3px 3px 3px 8px; + padding:0px; + text-align:left; +} + +.nav_avatar{ + float:right; + margin:2px; + padding:0px; +} +.nav_avatar A{ + text-decoration:none; +} +.nav_avatar IMG { + border:1px solid #000; + height:24px; + width:24px; +} + +.clear_div { + clear:both; + padding:0px; +} + +.button_div { + background:#00f; + border:1px outset #888; + border-radius:10px; + color:#fff; + font-size:12px; + margin:2px; + padding:1px; + text-align:center; +} +.button_div A { + color:#fff; +} + +.rating { + border:1px outset #eee; + margin:2px; +} +.active { + opacity:1.0; +} +.inactive { + opacity:0.5; +} +.left { + float:left; +} +.right { + float:right; +} + +.blog_heading { + background:#fff; + clear:both; + font-size:8pt; +} + +.blog_right { + float:right; + margin:0 2px; + width:20px; +} + +.blog_right DIV { + font-size:6pt; + text-shadow:1px 0px 1px #888; + padding:1px 0px 1px 0px; + text-align:center; + width:18px; +} +.blog_right IMG { + height:12px; + margin-top:2px; + width:20px; +} + +/*CHATROOM*/ +#txtMessage{ + font-size:10px; + width:144px; +} +.btnProfile{ + margin:1px; + width:60px; +} +.btnColors{ + background-image:url(images/button_clear.html); + border:1px outset #888; + height:6px; + margin:0px; + padding:4px; + width:6px; +} +.chatPane{ + border:1px outset #888; + left:0px; + height:172px; + padding:1px; + width:236px; +} +#divChatText{ + background:#fff; + border:1px inset #888; + font-size:10px; + padding:1px; + height:131px; + line-height:12px; + margin:1px; + overflow-x:hidden; + overflow-y:scroll; + width:232px; +} +#divChatUsers{ + float:left; + font-size:10px; + height:132px; + margin:0px 5px 0px 5px; + padding:0px; + overflow:hidden; + white-space:nowrap; + width:232px; +} +#divChatUsers DIV { + float:left; + font-size:10px; + height:12px; + margin:0; + overflow:hidden; + padding:0; + width:110px; +} +#popupProfile{ + background:#ccc; + border:1px outset #ccc; + display:none; + height:158px; + left:6px; + opacity:.9; + overflow:hidden; + padding:1px; + position:absolute; + text-align:justify; + top:183px; + width:222px; +} + +/*MESSAGE VIEWER*/ +DIV.message_left{ + border:1px solid #000; + clear: both; + margin:3px 20px 3px 3px; + max-width:230px; + padding:3px; + overflow:hidden; + text-align:justify; +} +DIV.message_right{ + border:1px solid #000; + clear: both; + margin:3px 3px 3px 20px; + max-width:230px; + padding:3px; + overflow:hidden; + text-align:justify; +} +DIV.message_center{ + border:1px solid #000; + clear: both; + margin:3px 40px 3px 40px; + max-width:154px; + padding:3px; + overflow:hidden; + text-align:center; +} +DIV.message_footer{ + clear:both; + height:12px; + opacity:0.5; + padding:3px 0px 0px 0px; +} +DIV.message_footer DIV{ + padding:0px; +}