352 lines
6.7 KiB
CSS
352 lines
6.7 KiB
CSS
body {
|
|
background:#fff;
|
|
font-family:arial, helvetica, sans-serif;
|
|
font-size:10pt;
|
|
margin:0;
|
|
padding:0;
|
|
text-align:center;
|
|
}
|
|
|
|
|
|
table input { width: auto; height: auto; }
|
|
|
|
img, fieldset { border:None; }
|
|
fieldset {
|
|
clear:both;
|
|
margin:0;
|
|
padding:2px 0 2px 0;
|
|
}
|
|
|
|
.btn, .btn a {
|
|
display:block;
|
|
width:134px !important;
|
|
height:27px;
|
|
border:none;
|
|
font-family:arial, helvetica, sans-serif !important;
|
|
line-height:27px !important;
|
|
background:url(../images/button.jpg) top left no-repeat;
|
|
text-align:center;
|
|
color:#fff !important;
|
|
font-weight:bold;
|
|
text-decoration:none;
|
|
padding:0;
|
|
margin:0;
|
|
float:left;
|
|
}
|
|
|
|
form .btn {
|
|
padding-bottom:4px;
|
|
}
|
|
|
|
h1, h2, h3 {
|
|
font-weight:normal;
|
|
margin:0;
|
|
padding:0;
|
|
}
|
|
|
|
th {
|
|
font-weight:bold;
|
|
text-align:left;
|
|
padding-left:3.5px;
|
|
}
|
|
|
|
#container {
|
|
width:800px;
|
|
margin:5px auto 0 auto;
|
|
border:1px solid;
|
|
text-align:left;
|
|
}
|
|
|
|
#header {
|
|
padding:0 10px 0 0;
|
|
height:64px;
|
|
border-bottom:1px solid;
|
|
overflow:none;
|
|
}
|
|
|
|
#footer {
|
|
height:24px;
|
|
line-height:24px;
|
|
border-top:1px solid;
|
|
border-bottom:1px solid;
|
|
text-align:center;
|
|
overflow:none;
|
|
}
|
|
|
|
#logo {
|
|
width:222px;
|
|
height:64px;
|
|
display:block;
|
|
float:left;
|
|
}
|
|
|
|
#header p {
|
|
width:300px;
|
|
float:right;
|
|
font-size:10px;
|
|
line-height:10px;
|
|
height:10px;
|
|
text-transform:uppercase;
|
|
text-align:right;
|
|
padding-bottom:5px;
|
|
}
|
|
|
|
#nav {
|
|
clear:both;
|
|
}
|
|
|
|
#nav {
|
|
clear:both;
|
|
margin:0;
|
|
padding:0 40px 0 0;
|
|
height:24px;
|
|
border-bottom:1px solid;
|
|
}
|
|
|
|
#nav li {
|
|
list-style:none;
|
|
margin:0;
|
|
padding:0;
|
|
display:inline;
|
|
}
|
|
|
|
#nav li a {
|
|
height:24px;
|
|
line-height:24px;
|
|
display:block;
|
|
float:left;
|
|
padding-left:25px;
|
|
margin:0 10px 0 10px;
|
|
text-decoration:none;
|
|
font-weight:bold;
|
|
float:right;
|
|
}
|
|
|
|
#nav a.home { background:url(../images/home.gif) 0 5px no-repeat; }
|
|
#nav a.new_ticket { background:url(../images/new_ticket.gif) 0 5px no-repeat; }
|
|
#nav a.my_tickets { background:url(../images/my_tickets.gif) 0 5px no-repeat; }
|
|
#nav a.ticket_status { background:url(../images/ticket_status.gif) 0 5px no-repeat; }
|
|
#nav a.log_out { background:url(../images/logout.gif) 0 5px no-repeat; }
|
|
|
|
#content {
|
|
clear:both;
|
|
padding:2px 10px 10px 10px;
|
|
line-height:14pt;
|
|
margin:5px auto 5px auto;
|
|
}
|
|
|
|
#content form {
|
|
margin:0;
|
|
padding:0;
|
|
}
|
|
|
|
#content form.status_form fieldset { clear:none; }
|
|
|
|
#content form label {
|
|
display:block;
|
|
width:60px;
|
|
padding-right:10px;
|
|
text-align:right;
|
|
float:left;
|
|
font-weight:bold;
|
|
}
|
|
|
|
#content #index form input {
|
|
width:175px;
|
|
float:left;
|
|
}
|
|
|
|
#content #bar {
|
|
width:21px;
|
|
height:auto;
|
|
display:block;
|
|
float:left;
|
|
}
|
|
|
|
#ticketform {
|
|
padding:20px 20px 50px 20px;
|
|
width:600px;
|
|
margin:20px auto 20px auto;
|
|
border:1px solid;
|
|
}
|
|
|
|
#loginform {
|
|
padding:20px 20px 50px 20px;
|
|
width:400px;
|
|
margin:20px auto 20px auto;
|
|
border:1px solid;
|
|
}
|
|
|
|
#ticketform input, #ticketform select {
|
|
width:300px;
|
|
float:left;
|
|
}
|
|
|
|
#loginform input {
|
|
width:160px;
|
|
float:left;
|
|
}
|
|
|
|
#ticketform label {
|
|
width:130px;
|
|
text-align:right;
|
|
display:block;
|
|
float:left;
|
|
padding-right:10px;
|
|
}
|
|
|
|
#loginform label {
|
|
width:130px;
|
|
text-align:right;
|
|
display:block;
|
|
float:left;
|
|
padding-right:10px;
|
|
}
|
|
|
|
#ticketform textarea {
|
|
width:400px;
|
|
}
|
|
|
|
#ticketform .ticketsubmit {
|
|
margin-left:410px;
|
|
}
|
|
|
|
#loginform .ticketsubmit {
|
|
margin-left:170px;
|
|
}
|
|
|
|
|
|
#powered_by {
|
|
clear:both;
|
|
display:block;
|
|
width:126px;
|
|
height:23px;
|
|
}
|
|
|
|
|
|
.error {
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
font-size: 10px;
|
|
text-decoration: none;
|
|
border: none;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.msg {
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
font-size: 13.5px;
|
|
text-decoration: none;
|
|
font-weight: bold;
|
|
}
|
|
|
|
|
|
#infomessage, #warnmessage, #errormessage {
|
|
margin-bottom: 1.5em;
|
|
padding: 0.3em;
|
|
font-weight: bold;
|
|
border-top: 1px solid;
|
|
border-bottom: 1px solid;
|
|
}
|
|
|
|
|
|
/* Buttons */
|
|
.button, .button2 {
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
font-weight: bold;
|
|
margin: 5px;
|
|
}
|
|
|
|
.button {
|
|
border: 1px solid;
|
|
}
|
|
|
|
/* Generic CSS based Icons. use=> <tag class="Icon iconname">text</tag> */
|
|
|
|
.Icon {
|
|
|
|
width: auto;
|
|
padding-left:20px;
|
|
background-position: left center;
|
|
background-repeat: no-repeat;
|
|
color:#006699;
|
|
text-decoration: none;
|
|
}
|
|
|
|
a.Icon { }
|
|
|
|
a.Icon:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
|
|
.Icon.Ticket { background:url(../images/icons/ticket.gif) 0 0 no-repeat; }
|
|
.Icon.webTicket { background:url(../images/icons/ticket_source_web.gif) 0 0 no-repeat; }
|
|
.Icon.emailTicket { background:url(../images/icons/ticket_source_email.gif) 0 0 no-repeat; }
|
|
.Icon.phoneTicket { background:url(../images/icons/ticket_source_phone.gif) 0 0 no-repeat; }
|
|
.Icon.otherTicket { background:url(../images/icons/ticket_source_other.gif) 0 0 no-repeat; }
|
|
|
|
|
|
.Icon.attachment { background-image: url(../images/icons/attachment.gif); }
|
|
.Icon.file { background-image: url(../images/icons/attachment.gif); }
|
|
.Icon.refresh { background-image: url(../images/icons/refresh.gif); }
|
|
.Icon.thread {
|
|
font-weight: bold;
|
|
font-size: 1em;
|
|
background-image: url(../images/icons/thread.gif);
|
|
}
|
|
|
|
/* Ticket view (Messages and Responses) */
|
|
#ticketthread table.message {
|
|
margin:10px 0 5px 0;
|
|
}
|
|
|
|
#ticketthread table.response {
|
|
margin-bottom:5px;
|
|
}
|
|
|
|
table.message, table.response {
|
|
border: 1px solid;
|
|
border-bottom: none;
|
|
}
|
|
|
|
table.message td, table.message th,table.response td, table.response th {
|
|
border-bottom:1px solid;
|
|
padding:5px;
|
|
}
|
|
|
|
table.message tr.header td, table.response tr.header td {
|
|
padding:1px;
|
|
padding-left:5px;
|
|
}
|
|
|
|
table.message th, table.response th {
|
|
line-height:24px;
|
|
font-size:10pt;
|
|
padding:1px;
|
|
padding-left:5px;
|
|
font-weight:bold;
|
|
}
|
|
|
|
/* Index page */
|
|
|
|
#index {
|
|
padding: 15px 0px 20px 0px;
|
|
}
|
|
|
|
#index h1 {
|
|
font-size:15pt;
|
|
}
|
|
|
|
.big { font-size:13pt; line-height:1.4em; }
|
|
|
|
.lcol { width:350px; float:left; }
|
|
.rcol { width:350px; float:right; }
|
|
.clear { clear:both; }
|
|
.lcol h3, .rcol h3 { font-size:12pt; font-weight:bold; color:#ff8100; }
|
|
|
|
.lcol .btn, .lcol .btn a, .rcol .btn, .rcol .btn a {
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
font-weight: bold;
|
|
margin: 5px;
|
|
border: 1px solid;
|
|
}
|