html, body { background: white; color: black !important; }
body a, body a:link { color: black !important; }
body a:hover { color: #d33682 !important; }
body * { font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; }
table, tr, td { border-collapse: separate; background: none !important; }
body { width: 96%; margin-left: 2%; margin-top: 10px; }
body * { font-size: 12px !important; }
.tborder { border: none; }
/* Header */
/* Hide the logo and some stuff in the header */
body > table:nth-of-type(1) > tbody > tr:nth-child(1),
body > table:nth-of-type(1) > tbody > tr:nth-child(2),
body > table:nth-of-type(1) > tbody > tr:nth-child(3) { display: none; }
/* Top menu */
/* The whole menu is under body > table > tbody > tr:nth-child(5) */
/* Add space and a border below the menu */
body > table > tbody > tr:nth-child(6) td {
height: 20px; border-bottom: 1px solid #ddd !important; }
/* Plain top level buttons */
#tb_menusection1, #tb_menusection2 {
color: #999; background-image: none; display: block !important;
width: 60px; height: 16px;
background-color: #ddd !important; padding: 2px 5px; }
#tb_menusection1:hover, #tb_menusection2:hover { color: #d33682 !important; }
#tb_menusection1.menusectiondefault, #tb_menusection2.menusectiondefault {
background-color: white !important; }
/* Plain second level - first hide the separators and then color the links */
#linksdiv { background-color: white; color: white; }
#linksdiv a { color: #999 !important; }
#linksdiv a:hover { color: #d33682 !important; }
/* Left sidebar */
/* Icons */
img[src="https://help.automattic.com/themes/admin_default/icon_folderred.gif"],
img[src="https://help.automattic.com/themes/admin_default/icon_folderblue2.gif"],
img[src="https://help.automattic.com/themes/admin_default/icon_labels.gif"],
img[src="https://help.automattic.com/themes/admin_default/icon_funnel.gif"],
img[src="https://help.automattic.com/themes/admin_default/icon_redbigdot.gif"],
img[src="https://help.automattic.com/themes/admin_default/icon_yellowbigdot.gif"],
img[src="https://help.automattic.com/themes/admin_default/icon_label.gif"],
img[src="https://help.automattic.com/themes/admin_default/icon_treefilteritem.gif"],
img[src="https://help.automattic.com/themes/admin_default/doublearrowsnav.gif"],
img[src="https://help.automattic.com/themes/admin_default/icon_onlineyellow.gif"],
img[src="https://help.automattic.com/themes/admin_default/icon_ticketnotselfreplied.gif"],
img[src="https://help.automattic.com/themes/admin_default/icon_onlinemoov.gif"] {
display: none !important; }
/* Toggle expand/collapse button */
a[onclick="javascript:oT_1.expandAllNodes();"] { display: none; }
/* Hide borders and decorations */
.staffnavbar .navsection { background: none; border: none; }
/* Lighter color */
.navsub a,
.navsub span,
.navsub font[color="darkgreen"],
.navsub .navtitle {
color: #999 !important; }
.navsub a:hover,
.navsub span:hover {
color: #d33682 !important; }
/* Current selection */
.navsub font[color="#3069DC"] { color: #999 !important; font-weight: bold; }
/* Lighter color for staff list */
.navsub tr[title="Staff CP"],
.navsub tr[title="Admin CP"] { color: #999; }
/* Ticket list */
#ticketlist table { border-collapse: collapse; }
/* Top pagination and tools */
/*#ticketlist #tmenuref { color: #999 !important; }*/
.highlightpage { font-weight: normal; color: #999 !important; }
.navpageselected a { font-weight: bold; color: #999 !important; }
#ticketlist #tmenuref a {
display: block; padding: 3px 9px; background: #eee; color: #999 !important; }
#ticketlist #tmenuref td[nowrap=""] a { background: none; font-weight: normal; }
#ticketlist #tmenuref a:hover {
background: #d33682 !important; color: white !important; }
#tmenuref input, #tmenuref select {
color: #999 !important; border: 1px solid #ddd; }
/* Hide Mass Action button */
#ticketlist #tmenuref td[nowrap=""]:last-child { display: none; }
/* Alternating rows */
#ticketlist .contenttableborder tr:nth-child(even) {
background: #eee !important; }
#ticketlist .contenttableborder tr.rowhighlight,
#ticketlist .contenttableborder tr.rowhighlight * {
background: #d33682 !important; color: white !important; }
#ticketlist .contenttableborder tr.rowselect {
background: #fef !important; }
/* Hide view name (above the table) */
.tcat { display: none; }
/* De-rainbow-ize the ticket list */
#ticketlist .contenttableborder font[color="#006600"],
#ticketlist .contenttableborder font[color="#ff6600"],
#ticketlist .contenttableborder font[color="#8A8A8A"],
#ticketlist .contenttableborder font[color="#CF5D60"],
#ticketlist .contenttableborder span.tickettextred,
#ticketlist .contenttableborder span.tickettextorange,
#ticketlist .contenttableborder span.tickettextblue,
#ticketlist .contenttableborder span.tickettextgreen,
#ticketlist .contenttableborder a,
.row1,
.row2 { color: black; }
/* Lighter column headers */
#ticketlist .contenttableborder .tabletitlerow a { color: #999; }
#ticketlist .contenttableborder > table > tbody > tr:first-child { height: 40px; }
/* Stronger ticket subject lines */
#ticketlist .contenttableborder td[width=""] a {
font-weight: bold; font-size: 14px !important;
display: block; padding: 1px 0; }
/* But not in the column header */
#ticketlist .contenttableborder tr:first-child td[width=""] a {
font-size: 12px !important; display: inline; font-weight: normal; }
/* Place locks and other icons closer to the subject */
/*#ticketlist .contenttableborder tr td[width=""] span {
float: left !important; }*/
/* Mass actions */
#trmassaction div {
float: none !important; text-align: left; margin: 10px; }
/* Hide bottom pagination */
#ticketlist > table > tbody > tr:last-child { display: none; }
/* Single Ticket */
/* To style single tickets, add overrides for the main ticketlist:
.contenttableborder { }
#ticketlist .contenttableborder { } */
/* "Ticket Options" from top left. Pretty useless. */
#ticketnav { display: none; }
/* Some spacing above the wide column on the right */
tr[height="400"] tr[height="8"] { height: 15px; }
/* Ticket tabs */
#tab {
padding: 0 0 10px 0; margin: 0 0 10px 0;
border-bottom: 1px solid #eee; height: 30px; }
#tab li a { background: #eee; border: none; border-radius: 0; margin-right: 12px; }
#tab a.currenttab { background: #eee; font-weight: bold; border: none; }
#tab a:hover, #tab a:hover * {
background: #d33682 !important; color: white !important; border: none; }
/* De-rainbow-ize the tabs */
/*.tabcontent font[color="#006600"],
.tabcontent font[color="#ff6600"],
.tabcontent font[color="#8A8A8A"],
.tabcontent font[color="#CF5D60"],
.tabcontent span.tickettextred,
.tabcontent span.tickettextorange,
.tabcontent span.tickettextblue,
.tabcontent span.tickettextgreen,
.tabcontent span.darkredtext,*/
.tabcontent * {
color: #999 !important; }
/* Notes */
.ticketcboxpad .ticketnote {
border: none; border-radius: 0;
padding: 10px; margin-top: 10px; }
.ticketcboxpad .ticketnote * {
color: black !important; }
/* No need for navigation on single tickets */
#tmenuref { display: none; }
#ticketlist #tmenuref { display: table; }
/* Border and spacing between replies */
.contenttableborder > table {
border-collapse: collapse; }
.contenttableborder > table > tbody > tr {
border-top: 1px solid black; }
#ticketlist .contenttableborder > table > tbody > tr {
border-top: none; }
tr.ticketrow1, tr.ticketrow2 {
height: 80px; border-top: none !important; }
/* View Source icon */
tr.ticketrow1 > td, tr.ticketrow2 > td {
vertical-align: top; text-align: right; }
/* Lighter color for timestamp */
td.ticketrow1:nth-child(2) > table > tbody > tr > td > table *,
td.ticketrow2:nth-child(2) > table > tbody > tr > td > table * {
color: #999 !important; }
/* Hide envelope icon next to timestamp */
td.ticketrow1 td[width="1"],
td.ticketrow2 td[width="1"] { display: none; }
hr.tickethr { border: none; background: none; height: 6px; }
/* Ticket content */
td.ticketrow1 .mediumtext,
td.ticketrow2 .mediumtext {
display: block;
font-size: 18px !important;
font-family:"Caecilia LT Roman", Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif; }
td.ticketrow1 .mediumtext a,
td.ticketrow2 .mediumtext a {
color: blue !important;
font-size: 18px !important;
font-family:"Caecilia LT Roman", Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif; }
/* Hide Staff/User badges */
.contenttableborder img[src="https://help.automattic.com/themes/admin_default/img_user.gif"],
.contenttableborder img[src="https://help.automattic.com/themes/admin_default/img_staff.gif"] { display: none; }
/* Hide Print / Edit / Etc. buttons */
.smalltext a[title="Delete Ticket Post"],
.smalltext a[title="Print Ticket Post"],
.smalltext img[title="Edit Ticket Post"] { display: none; }
/* Stronger history count */
#tab li a font[color="#CF5D60"] { color: red; font-weight: bold; }
/* Ticket Reply */
/* Always show reply */
/*#tab_ttpostreply { display: block !important; }*/
/* Before the textarea */
#replyform > table > tbody > tr:nth-child(1),
#replyform > table > tbody > tr:nth-child(3),
#replyform > table > tbody > tr:nth-child(4),
#replyform > table > tbody > tr:nth-child(2) #menuref,
#replyform > table > tbody > tr:nth-child(2) #kbcachelink,
#replyform > table > tbody > tr:nth-child(2) #quotelink,
#replyform > table > tbody > tr:nth-child(2) #dlcachelink {
display: none; }
/* The Textarea. Should make it contenteditable to avoid annoying scrolling */
#replyform textarea[name="replycontents"] {
height: 400px;
font-size: 18px !important; color: black !important;
font-family:"Caecilia LT Roman", Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif; }
/* Notes are always on */
#note1 { display: none !important; }
#note2, #note3 { display: table-row !important; }
#replyform #note2 td { display: block; width: auto; float: left; }
#note3 textarea { font-size: 18px !important; font-family:"Caecilia LT Roman", Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif; }
/* After the textarea */
#replyform > table > tbody > tr:nth-child(6) { display: none; }
#replyform > table > tbody > tr:last-child input {
boder: none; background: #eee; height: 26px; cursor: pointer; }
#replyform > table > tbody > tr:last-child input:hover {
background: #d33682 !important; color: white !important; }
/* Footer */
/* Should just hide the footer and a border */
body > table > tbody > tr:nth-child(9) { display: none; }
body > table {
padding-bottom: 30px; border-bottom: 1px solid #ddd; }
.kayakomattic-help {
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif !important;
width: 75%; margin: 35px auto 0; border-top: ; }
.kayakomattic-help li { padding: 3px; }