diff options
Diffstat (limited to 'rt/share/static/css/rudder')
-rw-r--r-- | rt/share/static/css/rudder/admin.css | 16 | ||||
-rw-r--r-- | rt/share/static/css/rudder/base.css | 17 | ||||
-rw-r--r-- | rt/share/static/css/rudder/boxes.css | 151 | ||||
-rw-r--r-- | rt/share/static/css/rudder/dashboards.css | 7 | ||||
-rw-r--r-- | rt/share/static/css/rudder/forms.css | 104 | ||||
-rw-r--r-- | rt/share/static/css/rudder/history.css | 80 | ||||
-rw-r--r-- | rt/share/static/css/rudder/layout.css | 116 | ||||
-rw-r--r-- | rt/share/static/css/rudder/login.css | 7 | ||||
-rw-r--r-- | rt/share/static/css/rudder/main.css | 16 | ||||
-rw-r--r-- | rt/share/static/css/rudder/misc.css | 40 | ||||
-rw-r--r-- | rt/share/static/css/rudder/msie.css | 109 | ||||
-rw-r--r-- | rt/share/static/css/rudder/nav.css | 223 | ||||
-rw-r--r-- | rt/share/static/css/rudder/ticket-forms.css | 10 | ||||
-rw-r--r-- | rt/share/static/css/rudder/ticket-lists.css | 229 | ||||
-rw-r--r-- | rt/share/static/css/rudder/ticket-search.css | 188 | ||||
-rw-r--r-- | rt/share/static/css/rudder/ticket.css | 66 |
16 files changed, 1379 insertions, 0 deletions
diff --git a/rt/share/static/css/rudder/admin.css b/rt/share/static/css/rudder/admin.css new file mode 100644 index 0000000..37dcb5c --- /dev/null +++ b/rt/share/static/css/rudder/admin.css @@ -0,0 +1,16 @@ +#comp-Admin .list-menu { + float: left +} + +#rt-portal .titlebox { + position: relative; + top: 0em; + height: 27em; + right: 0em; + bottom: 3em; + width: 50%; + float: right; + margin-left: 1em; + padding-left: 1em; + padding-bottom: 1em; +} diff --git a/rt/share/static/css/rudder/base.css b/rt/share/static/css/rudder/base.css new file mode 100644 index 0000000..2217bfa --- /dev/null +++ b/rt/share/static/css/rudder/base.css @@ -0,0 +1,17 @@ +a { + color: #000; + text-decoration: none; +} + +a:visited { + color: #666 +} + +a:hover { + text-decoration: underline +} + +textarea:focus, +input:focus { + background-color: #ffd +} diff --git a/rt/share/static/css/rudder/boxes.css b/rt/share/static/css/rudder/boxes.css new file mode 100644 index 0000000..148529b --- /dev/null +++ b/rt/share/static/css/rudder/boxes.css @@ -0,0 +1,151 @@ +.titlebox { + margin-top: 1em; + margin-bottom: 2em; +} + +.titlebox .titlebox-content { + padding: 0.5em 0.25em 0.5em 0.25em; + border-top: 2px solid #aaa; + min-height: 3em; + -moz-border-radius-bottomright: 0.5em; + -webkit-border-bottom-right-radius: 0.5em; + border-bottom-right-radius: 0.5em; + -moz-border-radius-bottomleft: 0.5em; + -webkit-border-bottom-left-radius: 0.5em; + border-bottom-left-radius: 0.5em; + border-bottom: 1px solid #eee; +} + +* html .titlebox { + border-top: none; + border-left: none; +} + +.titlebox .titlebox { + margin-top: 1em; + margin-right: 0.25em; +} + +.titlebox .titlebox .titlebox-content { + +} + +.titlebox { + margin-left: 0em; + margin-right: 0em; + min-height: 1.25em; +} + +.titlebox .titlebox-title { + position: relative; + background-color: transparent; +} + +.titlebox .titlebox-title a { + text-decoration: none; + color: black; +} + +.titlebox .titlebox-title a:hover { + text-decoration: underline +} + +.titlebox.rolled-up .titlebox-title .left, +.titlebox.rolled-up .titlebox-title .left a { + color: #ccc; + line-height: 1.6em; +} + +.titlebox.rolled-up .titlebox-title { + border-bottom: 1px solid #ccc +} + +.titlebox.rolled-up .titlebox-title .right { + display: none +} + +.titlebox .titlebox-title .left { + font-weight: bold; + background: transparent; + margin-left: 1em; + padding: 0.5em 1.25em 0.25em 1.25em; + line-height: 1.4em; + font-size: 1.1em; + border: none; +} + +.titlebox .titlebox-title .left, +.titlebox .titlebox-title .left a { + color: #3858a3 +} + +.titlebox .titlebox-title .right-empty { + display: none +} + +.titlebox .titlebox-title .right { + position: absolute; + right: 2px; + top: 0; + font-size: 0.9em; + padding-right: 0em; + padding-left: 0.4em; + padding-bottom: 0.2em; + padding-top: 0.5em; + -moz-border-radius-bottomleft: 0.25em; + -webkit-border-bottom-left-radius: 0.25em; + -moz-border-radius-topright: 0.25em; + -webkit-border-top-right-radius: 0.25em; + border-radius: 0 0.25em 0 0.25em; +} + +.titlebox .titlebox-title .right a, +.titlebox .titlebox-title .right a:visited { + color: #999; + font-weight: bold; + margin-left: 0.5em; + margin-right: 0.5em; +} + +.titlebox:hover .titlebox-title .right a, +.titlebox:active .titlebox-title .right a { + color: #000 +} + +.titlebox .titlebox-title .widget a { + display: block; + margin: 0; + width: 20px; + background: url(../../../static/images/css/rollup-arrow.gif) no-repeat; + background-position: center 0; + position: absolute; + top: 0.5em; + left: 0.5em; + padding: 7px 0 0 0; + overflow: hidden; +} + +.titlebox.rolled-up .titlebox-title .widget a { + background-image: url(../../../static/images/css/rolldown-arrow.gif) +} + +div.results .titlebox .titlebox-content { + border: none; + -moz-border-radius: 0.5em; + border-radius: 0.5em; + -webkit-border-radius: 0.5em; + padding-top: 0.5em; + padding-bottom: 0.5em; +} + +.results .titlebox-content ul { + list-style-type: none +} + +.results .titlebox-title { + display: none +} + +.titlebox form { + display: inline-block; /* makes the submit buttons not end up way far away */ +} diff --git a/rt/share/static/css/rudder/dashboards.css b/rt/share/static/css/rudder/dashboards.css new file mode 100644 index 0000000..731c36c --- /dev/null +++ b/rt/share/static/css/rudder/dashboards.css @@ -0,0 +1,7 @@ +table.dashboard { + margin-top: 6em +} + +#body>table.dashboard { + margin-top: inherit +} diff --git a/rt/share/static/css/rudder/forms.css b/rt/share/static/css/rudder/forms.css new file mode 100644 index 0000000..a10da2b --- /dev/null +++ b/rt/share/static/css/rudder/forms.css @@ -0,0 +1,104 @@ +/* These override the base titlebox rules in base/forms.css. They try not to + duplicate properties. */ + +div.results .titlebox, +div.error-titlebox { + border: none; + background: none; + font-weight: bold; +} + +div.results .titlebox-content { + border: 1px solid #aa9; + border-bottom: 2px solid #990; + border-right: 2px solid #990; + background: #ffc; +} + +div.results .titlebox-title .left { + border: solid #aa9; + border-width: 1px 1px 0 1px; +} + +div.error-titlebox .titlebox-title span.left { + border: none; + border-right: 2px solid #b00; + margin-left: 0; + padding-left: 2.3em; + background-color: #f00; + color: #fff; +} + +div.error-titlebox .titlebox-content { + background-color: #fcc; + padding: 1em; +} + +div#body>div.error { + background-color: #fcc; + padding: 1em; +} + +div.error .titlebox-title .widget a { + background-position: center -7px +} + +.button, +input[type=reset], +input[type=submit], +input[class=button], +button, +input, +select { font-size: 1.0em } + +.button, +.button:visited, +input[type=reset], +input[type=submit], +input[class=button], +button { + color: #fff; + background: #4868b3; + border: 1px solid #fff; + padding: 0.5em; +} + +.button:focus, +input.button:focus, +button:focus, +input[type=reset]:focus, +input[type=submit]:focus, +input[class=button]:focus, +.button:hover, +input.button:hover, +button:hover, +input[type=reset]:hover, +input[type=submit]:hover, +input[class=button]:hover { + background: #3D5B9D +} + +.button:active, +input.button:active, +button:active, +input[type=reset]:active, +input[type=submit]:active, +input[class=button]:active { + background: #1D3B7D +} + +.button, +input[type=reset], +input[type=submit], +input[class=button], +button { + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + padding-left: 0.75em; + padding-right: 0.75em; +} + +.value { + font-size: 1em +} diff --git a/rt/share/static/css/rudder/history.css b/rt/share/static/css/rudder/history.css new file mode 100644 index 0000000..b9949c3 --- /dev/null +++ b/rt/share/static/css/rudder/history.css @@ -0,0 +1,80 @@ +div.history-container { + border: 0 +} + +.history .transaction.message div.content { + padding-right: 0; + padding-bottom: 3em; + margin-left: 3em; +} + +.history .transaction .metadata span.type { + margin: 0; + font-size: 1.2em; + margin-right: 1em; + padding: 0.25em; + border: none; +} + +.history .transaction .metadata span.type a { + color: transparent +} + +.history .transaction .metadata span.type a#lasttrans { + display: inline +} + +.history .transaction:hover .metadata span.type a { + color: white +} + +.history .transaction .metadata .date, +.history .transaction .metadata .description, +.history .transaction .metadata .time-taken { + margin-top: 0.5em; + display: inline-block; + margin-right: 2em; +} + +.history .transaction .metadata { + margin-bottom: 0em; + margin-top: 0.25em; +} + +.transaction div.metadata span.actions { + background: #eee; + color: #eee; + display: inline-block; + margin-right: 0.5em; + padding-top: 0.5em; + padding-bottom: 0.5em; + border-right: 1px solid #999; + -moz-border-radius-bottomright: 0.5em; + -webkit-border-bottom-right-radius: 0.5em; +} + +.transaction div.metadata span.actions a { + padding: 0.2em +} + +.transaction div.downloadattachment { + float: right; + clear: both; + text-align: right; + background: transparent; + padding-top: 0.5em; + margin-left: 1em; + border: none; + color: transparent; + line-height: 1em; +} + +.transaction div.downloadattachment a { + color: #aaa; + display: block; +} + +.transaction div.downloadattachment .downloadcontenttype { + color: #ccc; + display: block; +} diff --git a/rt/share/static/css/rudder/layout.css b/rt/share/static/css/rudder/layout.css new file mode 100644 index 0000000..62080e8 --- /dev/null +++ b/rt/share/static/css/rudder/layout.css @@ -0,0 +1,116 @@ +/* body */ + +body { + padding: 0; + margin: 0; + font-family: arial, helvetica, sans-serif; + color: #000000; +} + +div#body { + padding: 3em; + margin-left: 1em; + margin-top: 4em; + margin-right: 0; + margin-bottom: 0em; + background: #fff; + z-index: 1; +} + +div#footer { + position: absolute; + right: 0; + text-align: right; + font-size: 0.9em; + margin-top: 2em; + background: #fff; + margin-bottom: 0; + padding-left: 3em; + padding-right: 1em; +} + +div#footer #time { + display: none +} + +div#footer #bpscredits { + text-align: right; + background: url(../../../static/images/bpslogo.png) no-repeat top right; + padding-top: 4em; +} + +/* logo stuff */ + +div#logo { + position: absolute; + right: 2px; + top: 0; + height: 2.3em; +} + +div#logo a img { + border: 0; + height: 100% !important; + width: auto !important; + float: right; +} + +div#logo .rtname { + position: relative; + font-weight: bold; + text-align: center; + top: 0.7em; + padding-right: 1em; + float: left; +} + +div#quickbar, +div#logo { + font-size: 0.9em +} + +div#quickbar a, +div#logo a { + color: #000 +} + +div#quickbar { + background: #fff; + padding-top: 1em; + padding-left: 1em; + padding-bottom: 0.5em; + height: 1em; + border-bottom: 1px solid #ccc; +} + +div#header { + position: absolute; + top: 2.3em; + left: 0; + right: 0; + height: 3.2em; + background: #547CCC; +} + +div#header h1 { + position: absolute; + left: 1em; + right: 20em; + top: 0em; + height: 1.4em; + font-size: 1.4em; + color: #fff; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +/* in multi-column layouts, make sure we have an internal gutter */ + +tr .boxcontainer { + padding-right: 3em +} + +tr .boxcontainer:last-child { + padding-right: 0 +} diff --git a/rt/share/static/css/rudder/login.css b/rt/share/static/css/rudder/login.css new file mode 100644 index 0000000..889cb0e --- /dev/null +++ b/rt/share/static/css/rudder/login.css @@ -0,0 +1,7 @@ +#login-box .titlebox-title .left { + padding-left: 0em +} + +#login-box .input-row .label { + width: 13em +} diff --git a/rt/share/static/css/rudder/main.css b/rt/share/static/css/rudder/main.css new file mode 100644 index 0000000..31bc836 --- /dev/null +++ b/rt/share/static/css/rudder/main.css @@ -0,0 +1,16 @@ +@import "../base/main.css"; + +@import "base.css"; +@import "layout.css"; +@import "nav.css"; +@import "boxes.css"; +@import "forms.css"; +@import "login.css"; +@import "dashboards.css"; +@import "ticket-lists.css"; +@import "ticket-search.css"; +@import "ticket-forms.css"; +@import "ticket.css"; +@import "history.css"; +@import "admin.css"; +@import "misc.css"; diff --git a/rt/share/static/css/rudder/misc.css b/rt/share/static/css/rudder/misc.css new file mode 100644 index 0000000..dab61c7 --- /dev/null +++ b/rt/share/static/css/rudder/misc.css @@ -0,0 +1,40 @@ +.comment { + padding-left: 0.5em; + color: #999; +} + +#comp-Ticket-ShowEmailRecord #header { + top: 0em; +} + +#comp-Ticket-ShowEmailRecord #body { + margin-left: 1em; + margin-top: 1em; + overflow: auto; +} + +span.cflabel, +td.cflabel, +span.label, +span.labeltop, +td.label, +td.labeltop { + font-weight: bold; + color: #666; + font-size: 1em; + min-width: 6em; +} + +span.cflabel .type, +td.cflabel .type { + font-weight: normal; + font-size: 0.8em; +} + +table.myday h2 { + display: inline +} + +table.myday td { + padding: 0.25em +} diff --git a/rt/share/static/css/rudder/msie.css b/rt/share/static/css/rudder/msie.css new file mode 100644 index 0000000..eed7640 --- /dev/null +++ b/rt/share/static/css/rudder/msie.css @@ -0,0 +1,109 @@ +div#body { + +} + +div#logo .rtname { + float: none; + right: 12em; + position: absolute; +} + +.topaction form * { + vertical-align: top +} + +.topaction form button, +.topaction form input { + height: 2em +} + +.topaction form input.field { + height: 1.6em +} + +.topaction .select-queue { + margin-top: 0.2em +} + +#pick-criteria td.label select { + width: 10em +} + +#editquery { + margin-top: 0.2em; + width: 39%; + left: 60%; +} + +div#nav li.first { + margin-top: 0.75em; + border-top: none; +} + +div#nav ul ul li.first { + border-top: 1px solid #cccccc; + margin-top: 0.25em; +} + +div#nav li.last { + border-bottom: none; + padding-bottom: 0; + margin-bottom: 0; +} + +.transaction .type a { + font-weight: normal; + text-decoration: none; + color: #fff; +} + +/* IE's box model is wrong */ + +.titlebox .titlebox-title .widget a { + padding-top: 0; + height: 7px; + top: 0.75em; +} + +.titlebox .titlebox-title .right { + display: block; + margin-top: 0.4em; + padding-right: 0.3em; +} + +/* nested things. like the ticket dates tab */ + +.titlebox .titlebox .titlebox-title .right { + top: 0.25em +} + +.combobox { + float: left +} + +.combobox .combo-button { + color: ButtonText; + padding: 0; +} + +.combobox .combo-list { + margin-top: 0.5em; + margin-left: -0.2em; +} + +#pick-criteria td.label { + width: auto +} + +#pick-criteria td.operator { + width: 7.5em +} + +.plain-text-white-space { + word-wrap: break-word; /* Internet Explorer 5.5+ */ + white-space: pre; /* IE only hack to re-specify in addition to word-wrap */ +} + +#rt-portal .titlebox-content { + height: 23em +} diff --git a/rt/share/static/css/rudder/nav.css b/rt/share/static/css/rudder/nav.css new file mode 100644 index 0000000..907a74b --- /dev/null +++ b/rt/share/static/css/rudder/nav.css @@ -0,0 +1,223 @@ +.sf-menu { + width: 100%; + margin-bottom: 0; +} + +.sf-menu li:hover { + background-color: #CFDEFF +} + +.sf-menu li, +.sf-menu li li, +.sf-menu li li li { + background-color: #fff +} + +.sf-sub-indicator { + background-image: url(../../../static/css/images/arrows-grey.png) +} + +.sf-menu li li .sf-sub-indicator { + margin-top: -3px +} + +#page-menu.sf-menu li .sf-sub-indicator { + top: 0.7em +} + +#page-menu.sf-menu li:hover ul, +#page-menu.sf-menu li.sfHover ul { + top: 2.5em +} + +#main-navigation { + position: absolute; + top: 1px; + left: 0; + z-index: 9999; + text-color: #000; +} + +#main-navigation .sf-menu a, +#main-navigation .sf-menu a:hover { + padding-top: 0.5em; + padding-bottom: 0.5em; + border-color: #fff; + color: #000; +} + +#main-navigation a { + border-top: none +} + +#main-navigation li li a { + border-top: 1px solid white +} + +#app-nav.sf-menu > li:first-child > a { + border-left: none +} + +#main-navigation #app-nav > li, +#main-navigation #app-nav > li > a { + background-color: transparent +} + +#page-navigation { + position: absolute; + top: 6em; + right: 0; + left: 0; + padding-right: 3em; + z-index: 9995; + font-size: 0.9em; + border-bottom: 1px solid #ccc; + background-color: #eee; +} + +#page-navigation #page-menu { + margin-top: 0.2em; + float: right; + width: auto; +} + +#page-navigation .sf-menu li { + background-color: transparent +} + +#page-navigation .sf-menu li li, +#page-navigation .sf-menu li li li { + background-color: #fff +} + +#page-navigation .sf-menu a:visited, +#page-navigation .sf-menu a { + border: none; + color: #000; +} + +/* to stop a "flash" of an unstyled menu on an older browser, hide the menu until superfish has initialized it */ + +#app-nav.toplevel { + display: none +} + +#app-nav.toplevel.sf-menu { + display: block +} + +#page-menu.toplevel { + display: none +} + +#page-menu.toplevel.sf-menu { + display: block +} + +#topactions { + position: absolute; + background: transparent; + top: 2.5em; + right: 0em; + padding-right: 0.7em; + width: auto; + padding-top: 0.5em; + padding-bottom: 0.5em; + min-width: 42em; + font-size: 0.9em; + z-index: 99; +} + +#topactions form * { + +} + +#topactions input, +#topactions select, +#topactions button { + font-size: 1em; + padding-top: 0.25em; + padding-bottom: 0.25em; + padding-left: 0.5em; + padding-right: 0.5em; + width: 8em; + vertical-align: middle; +} + +#topactions .select-queue { + padding-right: 0 +} + +#topactions #simple-search .field { + margin-left: 1em; + color: #787; +} + +#topactions #simple-search .field:focus { + color: #000 +} + +.sf-menu ul { + background-image: none; + padding: 0; +} + +.sf-menu.sf-shadow ul { + -moz-border-radius: 0; + -webkit-border-radius: 0; + border-radius: 0; + -moz-box-shadow: 2px 2px 8px -2px #999; + -webkit-box-shadow: 2px 2px 8px -2px #999; + box-shadow: 2px 2px 8px -2px #999; +} + +/* The bookmark star is too tall without adjusting the padding and height */ + +.sf-menu .toggle-bookmark a { + padding: 0 1em; + height: 2.5em; +} + +.sf-menu .toggle-bookmark a img { + padding-top: 0.6em +} + +/* Pin page menu to top left corner once you scroll past it */ + +#page-navigation #page-menu.pinned { + position: fixed; + top: 0; + right: 0; + left: auto; + width: auto; + margin-top: 0; + background: white; + border-left: 1px #aaa solid; + border-bottom: 1px #aaa solid; + border-radius: 0 0 0 5px; + box-shadow: 0 0 10px rgba(0,0,0,0.4); + /* stupid vendor prefixes */ + -moz-border-radius: 0 0 0 5px; + -webkit-border-radius: 0 0 0 5px; + -moz-box-shadow: 0 0 10px rgba(0,0,0,0.4); + -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.4); +} + +#page-menu.pinned li:hover ul, +#page-menu.pinned li.sfHover ul { + border-left: 1px #aaa solid; + border-right: 1px #aaa solid; + z-index: -1 !important; /* relative to current stacking context */ + box-shadow: 0 0 10px rgba(0,0,0,0.4); + -moz-box-shadow: 0 0 10px rgba(0,0,0,0.4); + -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.4); +} + +/* round off the corner of the first menu item so it matches the container */ + +#page-menu.pinned > li:first-of-type, +#page-menu.pinned > li:first-of-type > a { + border-radius: 0 0 0 5px; + -moz-border-radius: 0 0 0 5px; + -webkit-border-radius: 0 0 0 5px; +} diff --git a/rt/share/static/css/rudder/ticket-forms.css b/rt/share/static/css/rudder/ticket-forms.css new file mode 100644 index 0000000..4229500 --- /dev/null +++ b/rt/share/static/css/rudder/ticket-forms.css @@ -0,0 +1,10 @@ +#ticket-create-metadata .cflabel .name, +#ticket-update-metadata .cflabel .name { + font-weight: inherit +} + +/* right align with the button in the outer div: */ +.sidebyside #ticket-create-message .button[name="AddMoreAttach"], +.sidebyside #ticket-update-message .button[name="AddMoreAttach"] { + margin-right: -0.25em; +} diff --git a/rt/share/static/css/rudder/ticket-lists.css b/rt/share/static/css/rudder/ticket-lists.css new file mode 100644 index 0000000..cdf1019 --- /dev/null +++ b/rt/share/static/css/rudder/ticket-lists.css @@ -0,0 +1,229 @@ +table.queue-summary, +table.collection-as-table { + width: 100%; + border-spacing: 0; + border-collapse: collapse; + margin-top: 1em; +} + +table.collection-as-table td { + padding-bottom: 0.25em +} + +table.collection-as-table h1, +table.collection-as-table h2, +table.collection-as-table h3, +table.collection-as-table h4, +table.collection-as-table h5 { + margin: 0; + margin-right: 0.5em; + padding: 0; + padding: 0.1em; + display: inline-block; + font-weight: normal; +} + +table.collection-as-table h1 a, +table.collection-as-table h2 a, +table.collection-as-table h3 a, +table.collection-as-table h4 a, +table.collection-as-table h5 a { + font-weight: normal +} + +table.queue-summary tr>*:first-child { + padding-left: 1em +} + +table.queue-summary tr>*:last-child { + padding-right: 1em +} + +table.queue-summary a, +table.collection-as-table a { + font-weight: bold +} + +table.collection-as-table th.collection-as-table, +table.queue-summary th.collection-as-table { + background: transparent; + padding: 0.25em; + margin-bottom: 0.5em; + padding-bottom: 0.5em; + color: #3858a3; +} + +table.collection-as-table th.collection-as-table a, +table.queue-summary th.collection-as-table a { + color: #3858a3 +} + +table.collection-as-table th.collection-as-table { + text-align: left +} + +table.queue-summary th.collection-as-table { + text-align: right +} + +table.collection-as-table, +table.queue-summary { + border-bottom: 1px solid #ccc; + margin-bottom: 1em; +} + +table.queue-summary th.collection-as-table:first-child { + text-align: left +} + +tr.collection-as-table+tr.collection-as-table th, +table.collection-as-table.chart th { + border-bottom: 2px solid #ccc +} + +table.queue-summary td { + background: #efefef; + border-bottom: 1px solid #ccc; +} + +tr.evenline td, +tr.oddline td { + padding-top: 0.5em; + border-top: 1px solid #cccccc; +} + +tr.evenline td { + background: #fff +} + +tr.oddline td { + background: #eee +} + +tr.evenline+tr.evenline td, +tr.oddline+tr.oddline td { + border-top: none +} + +tr.evenline, +tr.oddline { + border-left: 1px solid #cccccc; + border-right: 1px solid #cccccc; +} + +tr.evenline+tr.evenline td, +tr.oddline+tr.oddline td { + padding-top: 0; + border: none; +} + +table.collection-as-table td:first-child, +table.collection-as-table th:first-child { + padding-left: 1em +} + +table.collection-as-table td:last-child, +table.collection-as-table th:last-child { + padding-right: 1em +} + +th.collection-as-table, +td.collection-as-table { + padding-right: 0.5em +} + +.pagenum.a:hover, +.paging a.nav:hover { + text-decoration: underline +} + +.pagenum *, +.paging a.nav { + padding: .5em +} + +.currentpage { + text-decoration: none; + font-weight: bold; + background: #eee; +} + +div.paging { + text-align: center; + padding-bottom: 1em; +} + +/* full-page ticket lists */ + +#body>table.collection-as-table { + margin-bottom: 2em +} + +.chart.image { + padding-right: 2em; + float: left; + clear: both; +} + +.chart.image.bar { + margin-top: -1em; +} + +.chart-wrapper { + display: block; + width: auto; +} + +.chart-wrapper .collection-as-table { + width: auto; + font-size: 1em; + /* Firefox needs this to let the table flow below the chart on narrow screens */ + clear: right; +} + +.chart-wrapper .collection-as-table th.collection-as-table { + text-align: center; + padding: 0.5em; + padding-right: 1em; + padding-left: 1em; +} + +.chart-wrapper .collection-as-table tr.total td { + border-top: 1px solid #ccc +} + +.chart-wrapper .collection-as-table td.value { + padding-left: 0.5em +} + +.chart-wrapper .query { + clear: both; + text-align: center; + font-size: 1.2em; + padding: 1em; +} + +.chart-wrapper .collection-as-table .label { + font-weight: bold +} + +.chart-wrapper .query .label { + font-weight: bold +} + +.chart-meta { + padding-top: 2em; + border-top: 1px solid #ccc; + clear: both; +} + +.chart-meta .chart-type { + display: inline-block; + float: left; + padding-right: 2em; + clear: both; +} + +.chart-meta .saved-search { + display: inline-block +} diff --git a/rt/share/static/css/rudder/ticket-search.css b/rt/share/static/css/rudder/ticket-search.css new file mode 100644 index 0000000..8f022ae --- /dev/null +++ b/rt/share/static/css/rudder/ticket-search.css @@ -0,0 +1,188 @@ +#comp-Search-Build #body { + position: relative +} + +#pick-criteria select { + width: 8em +} + +#pick-criteria tr { + height: 1.5em +} + +#pick-criteria td.label { + font: message-box; + padding-right: 0.5em; + width: 11em; +} + +#pick-criteria td.label select { + width: 8.5em; + text-align: right; +} + +#pick-criteria td.operator { + padding-right: 0.5em; + text-align: left; + vertical-align: bottom; + width: 7em; +} + +#pick-criteria td.operator select { + text-align: right +} + +#pick-criteria td.value input, +#pick-criteria td.value select { + width: 11em +} + +#pick-criteria td.value #ValueOfDate { + width: 11em +} + +#pick-criteria td.value #ValueOfTime { + width: 4em +} + +#pick-criteria td.value #ValueOfTime-TimeUnits { + width: 5.5em +} + +#pick-criteria td.value { + padding-right: 0.5em; + text-align: left; + font: message-box; +} + +#editquery, +#editsearches { + position: absolute; + margin-top: 1.5em; + right: 1em; + left: 60%; + top: 1em; +} + +#editquery { + top: 1.3em +} + +#editsearches { + top: 24em +} + +#pick-criteria { + width: 58%; + padding-top: 0em; + margin-top: 0em; +} + +#pick-criteria .titlebox-content { + overflow-x: auto +} + +#BuildQuery .submit { + width: 58% +} + +#sorting.titlebox { + width: 55%; + padding-right: 1em; +} + +#display-options .submit { + width: 100% +} + +.search-result-views { + position: absolute; + top: 0; + right: 0; + margin-top: -2px; + margin-right: 0em; + padding: 0.25em; + padding-left: 0.5em; + padding-right: 0.5em; + background-color: #ccc; + border-left: 1px solid #999; + border-bottom: 1px solid #999; + -moz-border-radius-bottomleft: 0.5em; + -webkit-border-bottom-left-radius: 0.5em; + border-radius: 0 0 0 0.5em; +} + +.search-result-views li { + display: inline +} + +.search-result-views li:after { + content: " \00b7 " +} + +.search-result-views li:last-child:after { + content: "" +} + +.edit-saved-searches .label { + display: inline-block; + width: 10em; +} + +span#display-options { + display: block; + padding-top: 2em; + margin-top: 2em; + border-top: 1px solid #ccc; + clear: both; +} + +span#display-options .titlebox#sorting { + float: left; + width: auto; + margin-right: 2em; + min-width: 35%; +} + +span#display-options .titlebox#columns { + float: left +} + +span#display-options .titlebox#columns table.edit-columns td { + padding: 0.5em +} + +span#display-options .titlebox#columns table.edit-columns div.row { + width: 9em +} + +span#display-options .titlebox#columns table.edit-columns span.label { + width: 2em +} + +span#display-options .titlebox#columns table.edit-columns span.value input, +span#display-options .titlebox#columns table.edit-columns span.value select { + width: 7em; + padding: 0; +} + +span#display-options .titlebox#columns table.edit-columns span.value { + display: inline-block; + width: 7em; +} + +#BuildQuery #formatbuttons.submit { + width: 85% +} + +.refresh { + float: left +} + +/* Force some widget to fit at max parent box */ + +#HomeRefreshInterval, +#SavedSearchLoad, +#SavedSearchOwner { + max-width: 100% +} diff --git a/rt/share/static/css/rudder/ticket.css b/rt/share/static/css/rudder/ticket.css new file mode 100644 index 0000000..c1a8ddc --- /dev/null +++ b/rt/share/static/css/rudder/ticket.css @@ -0,0 +1,66 @@ +.titlebox-title.inverse .widget a, +.ticket-info-cfs .titlebox-title .widget a, +.ticket-info-basics .titlebox-title .widget a, +.ticket-info-people .titlebox-title .widget a, +.ticket-info-requestor .titlebox-title .widget a, +.ticket-info-links .titlebox-title .widget a, +.ticket-info-merge .titlebox-title .widget a, +.ticket-info-reminders .titlebox-title .widget a, +.ticket-info-dates .titlebox-title .widget a, +.ticket-info-attachments .titlebox-title .widget a { + background-position: center -7px +} + +.titlebox-title.inverse, +.ticket-info-cfs .titlebox-title, +.ticket-info-basics .titlebox-title, +.ticket-info-people .titlebox-title, +.ticket-info-requestor .titlebox-title, +.ticket-info-links .titlebox-title, +.ticket-info-merge .titlebox-title, +.ticket-info-reminders .titlebox-title, +.ticket-info-dates .titlebox-title, +.ticket-info-attachments .titlebox-title { + margin-left: 1em +} + +.titlebox-title.inverse .left, +.ticket-info-cfs .titlebox-title .left, +.ticket-info-basics .titlebox-title .left, +.ticket-info-people .titlebox-title .left, +.ticket-info-requestor .titlebox-title .left, +.ticket-info-links .titlebox-title .left, +.ticket-info-merge .titlebox-title .left, +.ticket-info-reminders .titlebox-title .left, +.ticket-info-dates .titlebox-title .left, +.ticket-info-attachments .titlebox-title .left { + padding-left: 2.25em; + margin-left: 0; + padding-bottom: 4px; + margin-bottom: 8px; + -webkit-border-top-left-radius: 0.3em; + -webkit-border-top-right-radius: 0.3em; + -moz-border-radius-topleft: 0.3em; + -moz-border-radius-topright: 0.3em; + border-radius: 0.3em 0.3em 0 0; +} + +.titlebox-title.inverse .left, +.titlebox-title.inverse .left a { + color: #fff; +} + +.titlebox.ticket-info-reminders table { + width: 100% +} + +.titlebox.ticket-info-reminders table form { + display: inline-block; + width: 100%; +} + +/* don't put a background on the outer titlebox */ + +.summary>div>.titlebox>.titlebox-content { + background: none +} |