diff options
Diffstat (limited to 'rt/share/static/css')
114 files changed, 11506 insertions, 0 deletions
diff --git a/rt/share/static/css/aileron/base.css b/rt/share/static/css/aileron/base.css new file mode 100644 index 0000000..b105f69 --- /dev/null +++ b/rt/share/static/css/aileron/base.css @@ -0,0 +1,15 @@ +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/aileron/boxes.css b/rt/share/static/css/aileron/boxes.css new file mode 100644 index 0000000..304ff3d --- /dev/null +++ b/rt/share/static/css/aileron/boxes.css @@ -0,0 +1,133 @@ +.titlebox { + margin-top: 1em; + margin-left: 1em; + margin-bottom: 2em; +} + +.titlebox .titlebox-content { + border-left: 1px solid #ccc; + border-top: 1px solid #ccc; + background-color: #efefef; + -moz-border-radius: 0.5em; + -webkit-border-radius: 0.5em; + border-bottom: 2px solid #aaa; + border-right: 2px solid #aaa; + border-radius: 0.5em; + padding: 1.5em 1em 1em 1em; +} + +* html .titlebox { + border-top: none; + border-left: none; +} + +.titlebox .titlebox { + + margin-top: 1em; + margin-right: 0.25em; + +} + +.titlebox .titlebox .titlebox-content { + background-color: white; +} + + +.titlebox { + margin-left: 0em; + margin-right: 0em; + min-height: 1.25em; + +} + + + +.titlebox .titlebox-title { + position: relative; +} + +.titlebox .titlebox-title a { + text-decoration: none; + color: black; + +} + +.titlebox .titlebox-title a:hover { + text-decoration: underline; + +} + +.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: #ccc; + margin-left: 1em; + padding: 0.25em 0.75em 0.25em 2em; + line-height: 1.5em; + -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; + border-right: 2px solid #aaa; +} + +.titlebox .titlebox-title .right-empty { + display:none; +} + +.titlebox .titlebox-title .right { + position: absolute; + right: 2px; + top: 1.75em; + font-size: 0.9em; + background: #dedede; + border-left: 1px solid #ccc; + border-bottom: 1px solid #ccc; + padding-right: 0.4em; + 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: #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: 1.2em; + + padding: 7px 0 0 0; + overflow: hidden; +} + +.titlebox.rolled-up .titlebox-title .widget a { + background-image: url(../../../static/images/css/rolldown-arrow.gif); +} diff --git a/rt/share/static/css/aileron/forms.css b/rt/share/static/css/aileron/forms.css new file mode 100644 index 0000000..36b4230 --- /dev/null +++ b/rt/share/static/css/aileron/forms.css @@ -0,0 +1,33 @@ +/* These override the base titlebox rules in base/forms.css. They try not to + duplicate properties. */ + +div.results .titlebox, div.error div.error { + border: none; + background: none; +} + +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-title span.left { + border: none; + border-right: 2px solid #b00; +} + +div.error .titlebox-content { + border: 1px solid #b00; + border-bottom: 2px solid #a00; + border-right: 2px solid #a00; + background-color: #fcc; +} + +div.error .titlebox-title .widget a { background-position: center -7px; } diff --git a/rt/share/static/css/aileron/layout.css b/rt/share/static/css/aileron/layout.css new file mode 100644 index 0000000..ae60e29 --- /dev/null +++ b/rt/share/static/css/aileron/layout.css @@ -0,0 +1,127 @@ +/* body */ + +body { + padding:0; + margin:0; + background: #547CCC url(../../../static/css/images/background-gradient.png) top left repeat-x ; + font-family: arial, helvetica, sans-serif; + color: #000000; +} + +div#body { + position: relative; + padding: 1.8em 1em 1em 1em; + -moz-border-radius-topleft: 0.5em; + -webkit-border-top-left-radius: 0.5em; + -moz-border-radius-bottomleft: 0.5em; + -webkit-border-bottom-left-radius: 0.5em; + margin-left: 1em; + margin-top: 3em; + margin-right: 0; + margin-bottom: 0em; + min-height: 10%; + background: #fff; + border-top: 2px solid #ccc; + border-left: 2px solid #ccc; + z-index:1; + border-radius: 0.5em 0 0 0.5em; + +} + +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; + border-top: 2px solid #aaa; + border-left: 2px solid #aaa; + -moz-border-radius-topleft: 0.5em; + -webkit-border-top-left-radius: 0.5em; + -moz-border-radius-bottomleft: 0.5em; + -webkit-border-bottom-left-radius: 0.5em; + + border-radius: 0.5em 0 0.5em 0; +} + +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: #eaeaea; + padding-top: 1em; + padding-left: 1em; + padding-bottom: 0.5em; + height: 1em; + border-bottom: 1px solid #ccc; + +} + +div#header h1 { + position: absolute; + left: 0.5em; + right: 20em; + top: 1.6em; + overflow: hidden; + height: 1em; + font-size: 1.4em; + margin-top: 0.4em; + padding: 0.25em; + color: #fff; +} + +/* in multi-column layouts, make sure we have an internal gutter */ + +tr .boxcontainer { + padding-right: 1em; +} + +tr .boxcontainer:last-child { + padding-right: 0; +} diff --git a/rt/share/static/css/aileron/login.css b/rt/share/static/css/aileron/login.css new file mode 100644 index 0000000..f7de8f3 --- /dev/null +++ b/rt/share/static/css/aileron/login.css @@ -0,0 +1,3 @@ +#login-box .titlebox-title .left { + padding-left: 0.75em; +} diff --git a/rt/share/static/css/aileron/main.css b/rt/share/static/css/aileron/main.css new file mode 100644 index 0000000..202c6f8 --- /dev/null +++ b/rt/share/static/css/aileron/main.css @@ -0,0 +1,12 @@ +@import "../base/main.css"; + +@import "base.css"; +@import "layout.css"; +@import "nav.css"; +@import "boxes.css"; +@import "forms.css"; +@import "login.css"; +@import "ticket-lists.css"; +@import "ticket-search.css"; +@import "ticket.css"; +@import "misc.css"; diff --git a/rt/share/static/css/aileron/misc.css b/rt/share/static/css/aileron/misc.css new file mode 100644 index 0000000..53234c3 --- /dev/null +++ b/rt/share/static/css/aileron/misc.css @@ -0,0 +1,11 @@ +.comment { + padding-left: 0.5em; + color: #999; + +} + +#comp-Ticket-ShowEmailRecord #body { + margin-left: 1em; + margin-top: 1em; + overflow: auto; +} diff --git a/rt/share/static/css/aileron/msie.css b/rt/share/static/css/aileron/msie.css new file mode 100644 index 0000000..ebab2f0 --- /dev/null +++ b/rt/share/static/css/aileron/msie.css @@ -0,0 +1,133 @@ +div#body { + top: 3em; +} + +div#logo .rtname { + float: none; + right: 12em; + position: absolute; +} + +div#footer { + margin-top: 5em; +} + + + +.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; + +} + + +.titlebox .titlebox-content { + padding-top: 2.2em; +} + + +.titlebox table.collection-as-table, .titlebox table.queue-summary { + width: 95%; + padding: 0.5em; + margin-left: auto; + margin-right: auto; +} + +.titlebox-title { + position: relative; +} + +/* 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/aileron/msie6.css b/rt/share/static/css/aileron/msie6.css new file mode 100644 index 0000000..023181d --- /dev/null +++ b/rt/share/static/css/aileron/msie6.css @@ -0,0 +1,62 @@ +@import "../base/msie6.css"; + +div#body { + top: 0em; +} + +.topaction .select-queue { + margin-top: 0; +} + +.titlebox-title .widget { + top: -1.25em; + left: 0.5em; + +} +.titlebox .titlebox-title .right{ + position: absolute; + top: 1.5em; +} + +.titlebox +{ + height: auto !important; + height: 1.25em; +} + + +.transaction .messagebody img { + /* ie6 does not support max-width */ + width: expression(this.width > 401 ? 400 : true); +} + + + +.sf-sub-indicator { + background: url(../../../static/css/images/arrows-ffffff.gif) no-repeat -10px -100px; +} + +#page-navigation ul { + width: auto; +} + +.ticket-transaction div.metadata span.actions { + right: 1.2em; +} + +div.titlebox, +#ticket-create-metadata, +#ticket-update-metadata, +#ticket-create-message, +#ticket-update-message { + position: relative; +} + +#Ticket-Create-details { + float: left; + position: relative; +} + +div.submit .extra-buttons { + float: none; +} diff --git a/rt/share/static/css/aileron/nav.css b/rt/share/static/css/aileron/nav.css new file mode 100644 index 0000000..a35175d --- /dev/null +++ b/rt/share/static/css/aileron/nav.css @@ -0,0 +1,170 @@ +.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: #eaeaea; +} + +.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; +} + +#page-menu.sf-menu li ul { + border-bottom: 2px solid #ccc; +} + +#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: 6.05em; + right: 0em; + left: auto; + z-index: 9995; + font-size: 0.9em; +} + +#page-navigation .sf-menu li, #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: 3.2em; + right: 0.7em; + width: auto; + min-width: 42em; + font-size: 0.9em; + z-index: 99; +} + +#topactions form * { + vertical-align: top; +} + +#topactions button, #topactions select, #topactions input{ + padding-top: 0em; + padding-bottom: 0em; + width: 8em; + +} + +#topactions #simple-search .field{ + margin-left: 1em; + color: #787; + } + +#topactions #simple-search .field:focus { + color: #000; + } + +/* 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-menu.pinned { + position: fixed; + top: 0; + right: 0; + left: auto; + width: auto; + + 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/aileron/ticket-lists.css b/rt/share/static/css/aileron/ticket-lists.css new file mode 100644 index 0000000..a62ab4d --- /dev/null +++ b/rt/share/static/css/aileron/ticket-lists.css @@ -0,0 +1,195 @@ +table.queue-summary, table.collection-as-table { + margin-top: 0.75em; + font-size: 0.9em; + border: 1px solid #aaa; + border-bottom: 2px solid #999; + border-right: 2px solid #999; + border-spacing: 0; + width: 100%; + +} + +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 { + background: #ddd; + font-size: 0.9em; + margin-bottom: 0.5em; + text-align: left; + +} + + +table.queue-summary th.collection-as-table { + font-size: 0.9em; + margin-bottom: 0.5em; + text-align: right; + +} + +table.queue-summary th.collection-as-table:first-child { + text-align: left; + +} + + +tr.collection-as-table+tr.collection-as-table th { + border-bottom: 2px solid grey; + +} + + + + +table.queue-summary td { + background: #efefef; + border-bottom: 1px solid #ccc; +} + + + +tr.evenline td { + background: #eee; +} + +tr.oddline td { + background: #fff; + +} + +tr.evenline td, tr.oddline td { + padding-top: 0.5em; +} + + + +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/aileron/ticket-search.css b/rt/share/static/css/aileron/ticket-search.css new file mode 100644 index 0000000..e94925b --- /dev/null +++ b/rt/share/static/css/aileron/ticket-search.css @@ -0,0 +1,206 @@ +#comp-Search-Build #body { + position: relative; +} + +#pick-criteria tr.separator td { + position: relative; +} +#pick-criteria tr.separator td em { + position: absolute; + right: 0; + + font-weight: normal; + font-variant: italic; +} + +#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: 0.2em; + right: 1em; + left: 60%; + top: 1em; +/* margin-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/aileron/ticket.css b/rt/share/static/css/aileron/ticket.css new file mode 100644 index 0000000..d52b83e --- /dev/null +++ b/rt/share/static/css/aileron/ticket.css @@ -0,0 +1,9 @@ +/* Use a lighter colored toggle arrow */ +.ticket-info-cfs .titlebox-title .widget a { background-position: center -7px; } +.ticket-info-basics .titlebox-title .widget a { background-position: center -7px; } +.ticket-info-people .titlebox-title .widget a { background-position: center -7px; } +.ticket-info-requestor .titlebox-title .widget a { background-position: center -7px; } +.ticket-info-links .titlebox-title .widget a { background-position: center -7px; } +.ticket-info-reminders .titlebox-title .widget a { background-position: center -7px; } +.ticket-info-dates .titlebox-title .widget a { background-position: center -7px; } +.ticket-info-attachments .titlebox-title .widget a { background-position: center -7px; } diff --git a/rt/share/static/css/ballard/base.css b/rt/share/static/css/ballard/base.css new file mode 100644 index 0000000..b105f69 --- /dev/null +++ b/rt/share/static/css/ballard/base.css @@ -0,0 +1,15 @@ +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/ballard/boxes.css b/rt/share/static/css/ballard/boxes.css new file mode 100644 index 0000000..6c72a42 --- /dev/null +++ b/rt/share/static/css/ballard/boxes.css @@ -0,0 +1,156 @@ +.titlebox { + border-left: 1px solid #ccc; + border-top: 1px solid #ccc; + background-color: #efefef; + padding-top: 1em; + margin-top: 1em; + margin-left: 1em; + -moz-border-radius: 0.5em; + -webkit-border-radius: 0.5em; + border-radius: 0.5em; + margin-bottom: 2em; + border-bottom: 2px solid #aaa; + border-right: 2px solid #aaa; + padding-right: 1em; +} + +* html .titlebox { + border-top: none; + border-left: none; +} + +.titlebox .titlebox { + + background-color: #ffffff; + margin-top: 1em; + -moz-border-radius: 0.5em; + -webkit-border-radius: 0.5em; + border-radius: 0.5em; + margin-right: 0.25em; + +} + + +.titlebox { + margin-left: 0em; + margin-right: 0em; + min-height: 1.25em; + +} + + + +.titlebox .titlebox-title { + position: relative; + margin-top: -1.5em; + padding-bottom: 0.25em; + padding-left: 1em; + margin-right: -1em; + +} + +.titlebox .titlebox-title a { + text-decoration: none; + color: black; + +} + +.titlebox .titlebox-title a:hover { + text-decoration: underline; + +} + +.titlebox .titlebox-title .left { + font-weight: bold; + background: #ccc; + margin-left: 0.75em; + padding:0.5em; + padding-left: 0.75em; + padding-right: 0.75em; + -moz-border-radius: 0.5em; + -webkit-border-radius: 0.5em; + border-radius: 0.5em; + border-bottom: 2px solid #aaa; + border-right: 2px solid #aaa; + + +} + +.titlebox .titlebox-title .right-empty { + display:none; +} + +.titlebox .titlebox-title .right { + position: absolute; + right: 0; + top: 0.5em; + font-size: 0.9em; + background: #dedede; + border-left: 1px solid #ccc; + border-bottom: 1px solid #ccc; + padding-right: 0.4em; + 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; + border-bottom-left-radius: 0.25em; + + + -moz-border-radius-topright: 0.25em; + -webkit-border-top-right-radius: 0.25em; + border-top-right-radius: 0.25em; + +} + +.titlebox .titlebox-title .right a, +.titlebox .titlebox-title .right a:visited { + color: #000; +} + +.titlebox .titlebox-content { + padding-top: 0.5em; + padding-left: 1em; + padding-bottom: 1em; + +} + +.titlebox .titlebox-title .widget a { + display: block; + margin: 0; + margin-top: 0.6em; + width: 20px; + + background: url(../../../static/images/css/rollup-arrow.gif) no-repeat center 0; + + position: absolute; + top: -1em; + left: 0.15em; + float: left; + + padding: 7px 0 0 0; + overflow: hidden; +} + +* html .titlebox .titlebox-title .widget a { + top: 0em; + left: -1.5em; +} + +.titlebox.rolled-up .titlebox-title .widget a { + background-image: url(../../../static/images/css/rolldown-arrow.gif); +} + +.unread-messages .titlebox , .unread-messages .titlebox .titlebox-title .left { + border: 1px solid #99a; + border-right: 2px solid #aab; + border-bottom: 2px solid #aab; +} + +.unread-messages .titlebox { + background-color: #dde; +} + +.unread-messages .titlebox .titlebox-title .left { + background-color: #cce; +} diff --git a/rt/share/static/css/ballard/layout.css b/rt/share/static/css/ballard/layout.css new file mode 100644 index 0000000..e3cd692 --- /dev/null +++ b/rt/share/static/css/ballard/layout.css @@ -0,0 +1,130 @@ +/* body */ + +body { + padding:0; + margin:0; + background: #547CCC url(../../../static/css/images/background-gradient.png) top left repeat-x ; + font-family: arial, helvetica, sans-serif; + color: #000000; +} + +div#body { + position: relative; + padding: 1.8em 1em 1em 1em; + -moz-border-radius-topleft: 0.5em; + -webkit-border-top-left-radius: 0.5em; + border-top-left-radius: 0.5em; + -moz-border-radius-bottomleft: 0.5em; + -webkit-border-bottom-left-radius: 0.5em; + border-bottom-left-radius: 0.5em; + margin-left: 10em; + margin-top: 3em; + margin-right: 0; + margin-bottom: 0em; + min-height: 10%; + background: #fff; + border-top: 2px solid #ccc; + border-left: 2px solid #ccc; + 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; + border-top: 2px solid #aaa; + border-left: 2px solid #aaa; + -moz-border-radius-topleft: 0.5em; + -webkit-border-top-left-radius: 0.5em; + border-top-left-radius: 0.5em; + -moz-border-radius-bottomleft: 0.5em; + -webkit-border-bottom-left-radius: 0.5em; + border-bottom-left-radius: 0.5em; +} + +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: #eaeaea; + padding-top: 1em; + padding-left: 1em; + padding-bottom: 0.5em; + height: 1em; + border-bottom: 1px solid #ccc; + +} + +div#header h1 { + position: absolute; + left: 0.5em; + right: 20em; + top: 1.6em; + overflow: hidden; + height: 1em; + font-size: 1.4em; + margin-top: 0.4em; + padding: 0.25em; + color: #fff; +} + +/* in multi-column layouts, make sure we have an internal gutter */ + +tr .boxcontainer { + padding-right: 1em; +} + +tr .boxcontainer:last-child { + padding-right: 0; +} + diff --git a/rt/share/static/css/ballard/main.css b/rt/share/static/css/ballard/main.css new file mode 100644 index 0000000..c58e3ac --- /dev/null +++ b/rt/share/static/css/ballard/main.css @@ -0,0 +1,9 @@ +@import "../base/main.css"; + +@import "base.css"; +@import "layout.css"; +@import "nav.css"; +@import "boxes.css"; +@import "ticket-lists.css"; +@import "ticket-search.css"; +@import "misc.css"; diff --git a/rt/share/static/css/ballard/misc.css b/rt/share/static/css/ballard/misc.css new file mode 100644 index 0000000..742f792 --- /dev/null +++ b/rt/share/static/css/ballard/misc.css @@ -0,0 +1,11 @@ +.comment { + padding-left: 0.5em; + color: #999; + +} + +#comp-Ticket-ShowEmailRecord #body { + margin-left: 1em; + margin-top: 1em; + overflow: auto; +} diff --git a/rt/share/static/css/ballard/msie.css b/rt/share/static/css/ballard/msie.css new file mode 100644 index 0000000..ea6a966 --- /dev/null +++ b/rt/share/static/css/ballard/msie.css @@ -0,0 +1,187 @@ +div#body { + left: 0.25em; + height: 100%; + top: 1em; + +} + + +#footer { + padding: 1em; +} + + +div#header h1 { + position: absolute; + left: 7.25em; + overflow: hidden; + height: 1em; + font-size: 1.4em; + margin-top: 0.4em; + right: 23.5em; + padding: 0.25em; +} + + +#topactions { + top: 4.1em; + width: auto; +} +.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; +} + +div#page-navigation { + position: absolute; + top: 6.2em; + height: 1.8em; + background: #fff; + border-top: 2px solid #ccc; +} + + + +div#page-navigation ul#page-menu { + margin-top: -2.5em; + margin-left: 4em; + background: none; + border: none; +} + + +div#quickbar { height: 1.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; } + + +.titlebox { + border-top: none; + border-left: none; +} + +.titlebox .titlebox-title .left { + padding: 0.25em; + padding-left: 0.5em; +} + +.titlebox { +} + +.titlebox .titlebox-title .right { + border-right: 2px solid #aaa; + +} + + +.titlebox .titlebox-content { + padding-top: 2.2em; +} + +.titlebox table.collection-as-table, .titlebox table.queue-summary { + width: 95%; + padding: 0.5em; + margin-left: auto; + margin-right: auto; +} + + .titlebox-title { + position: relative; +} + +.titlebox-title .widget { + position: absolute; + top: -0.25em; + left: -0.25em; + +} +.titlebox-title .left { + position: absolute; + top: -0.75em; + left: 0.5em; +} + + +.titlebox .titlebox-title .right{ + top: 0.2em; + right: -0.2em; +} + +/* 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/ballard/msie6.css b/rt/share/static/css/ballard/msie6.css new file mode 100644 index 0000000..b82e708 --- /dev/null +++ b/rt/share/static/css/ballard/msie6.css @@ -0,0 +1,50 @@ +@import "../base/msie6.css"; + +.topaction .select-queue { + margin-top: 0; +} + +div#page-navigation ul#page-menu { + margin-top: -3.2em; +} + +.titlebox-title .widget { + top: -1em; + left: 0.5em; + +} +.titlebox .titlebox-title .right{ + position: absolute; + top: 0.25em; + right: 1em; +} + +/* nested things. like the ticket dates tab */ +.titlebox .titlebox .titlebox-title .right{ + right: 1.3em; +} + +#login-box .titlebox .titlebox-title .right { + margin-top: -0.1em; + right: 0em; +} + +.titlebox +{ + height: auto !important; + height: 1.25em; +} + + +.transaction .messagebody img { + /* ie6 does not support max-width */ + width: expression(this.width > 401 ? 400 : true); +} + +#page-navigation { + width: 100%; +} + +.ticket-transaction div.metadata span.actions { + right: 1.1em; +} diff --git a/rt/share/static/css/ballard/nav.css b/rt/share/static/css/ballard/nav.css new file mode 100644 index 0000000..09858cb --- /dev/null +++ b/rt/share/static/css/ballard/nav.css @@ -0,0 +1,144 @@ +#main-navigation { + background-color: #fff; + -moz-border-radius-bottomright: 0.5em; + -webkit-border-bottom-right-radius: 0.5em; + border-bottom-right-radius: 0.5em; + -moz-border-radius-topright: 0.5em; + -webkit-border-top-right-radius: 0.5em; + border-top-right-radius: 0.5em; + width: 10em; + font-size: 0.85em; + position: absolute; + top: 6.2em; + left: 0em; + z-index: 9997; + padding-top: 1em; + padding-right: 0.5em; + padding-left: 0.5em; +} + +#main-navigation ul { + list-style-type: none; + padding: 0; + margin: 0; + padding-left: 8px; /* not em, since our font size reduces */ + border-left: 1px solid #ccc; + margin-top: 0.2em; + padding-top: 0.2em; + + margin-bottom: 0.2em; + padding-bottom: 0.2em; +} + +#main-navigation { + text-color: #000; +} + +#main-navigation li ul { + font-size: 0.9em; +} + +#main-navigation li ul ul { + font-size: 1em; +} + +#main-navigation li:first-child { +} + +#main-navigation li:last-child { + border-bottom: none; +} + + +#main-navigation a, +#main-navigation a:visited { + padding-top: 0.5em; + padding-bottom: 0.5em; + color: #000; + border: none; +} + +#main-navigation li { +} + + +#main-navigation ul a, +#main-navigation ul a:visited { + color: #000; +} + + +#main-navigation li li, #main-navigation li li li { + border-left: none; + background-color: #fff; + text-color: #547CCC; +} + +#page-navigation { + position: absolute; + top: 6em; + right: 0em; + z-index: 9995; + font-size: 0.9em; + background-color: #eee; + border: 1px solid #ccc; + -moz-border-radius-bottomleft: 0.5em; + -webkit-border-bottom-left-radius: 0.5em; + border-bottom-left-radius: 0.5em; + padding: 0; + padding-top: 0.5em; + padding-right: 0.5em; + width: 60%; + text-align: right; +} + +#page-navigation ul { + list-style-type: none; + padding: 0; + padding-left: 0.3em; + display: inline; +} + +#page-navigation li { + display: inline; + padding: 0.3em; +} +#page-navigation li.has-children>a { + display: none; +} + +#page-navigation { + margin: 0; +} + +#topactions { + position: absolute; + background: transparent; + top: 3.2em; + right: 0.7em; + width: auto; + min-width: 42em; + font-size: 0.9em; + z-index: 99; +} + +#topactions form * { + vertical-align: top; +} + +#topactions button, #topactions select, #topactions input{ + padding-top: 0em; + padding-bottom: 0em; + width: 8em; + +} + +#topactions #simple-search .field{ + margin-left: 1em; + color: #787; + } + +#topactions #simple-search .field:focus { + color: #000; + } + diff --git a/rt/share/static/css/ballard/ticket-lists.css b/rt/share/static/css/ballard/ticket-lists.css new file mode 100644 index 0000000..be83108 --- /dev/null +++ b/rt/share/static/css/ballard/ticket-lists.css @@ -0,0 +1,191 @@ +table.queue-summary, table.collection-as-table { + margin-top: 0.75em; + font-size: 0.9em; + border: 1px solid #aaa; + border-bottom: 2px solid #999; + border-right: 2px solid #999; + border-spacing: 0; + width: 100%; + +} + +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 { + background: #ddd; + font-size: 0.9em; + margin-bottom: 0.5em; + text-align: left; + +} + + +table.queue-summary th.collection-as-table { + font-size: 0.9em; + margin-bottom: 0.5em; + text-align: right; + +} + +table.queue-summary th.collection-as-table:first-child { + text-align: left; + +} + + +tr.collection-as-table+tr.collection-as-table th { + border-bottom: 2px solid grey; + +} + + + + +table.queue-summary td { + background: #efefef; + border-bottom: 1px solid #ccc; +} + + + +tr.evenline td { + background: #eee; +} + +tr.oddline td { + background: #fff; + +} + +tr.evenline td, tr.oddline td { + padding-top: 0.5em; +} + + + +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-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/ballard/ticket-search.css b/rt/share/static/css/ballard/ticket-search.css new file mode 100644 index 0000000..7d28777 --- /dev/null +++ b/rt/share/static/css/ballard/ticket-search.css @@ -0,0 +1,197 @@ +#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: 0.2em; + right: 1em; + left: 60%; + top: 1em; +/* margin-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-bottom-left-radius: 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; + font-weight: bold; +} + +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/base/accordion.css b/rt/share/static/css/base/accordion.css new file mode 100644 index 0000000..6737579 --- /dev/null +++ b/rt/share/static/css/base/accordion.css @@ -0,0 +1,53 @@ +.user-accordion { + margin: 0; +} + +.user-accordion .ui-accordion-content { + padding: 0 0 0 20px; + margin: 0 0 0.5em 0; + border: none; + background: none; + color: black; +} + +.user-accordion .ui-accordion-header .ui-icon { + background-image: url(../../../static/images/jquery_ui/ui-icons_2e83ff_256x240.png); + left: 0; +} + +.user-accordion .ui-accordion-header { + padding: 0; + background: none; +} + +.user-accordion .ui-accordion-header, .user-accordion .ui-accordion-header a { + color: black; + border: none; + margin: 0; +} + +.user-accordion .ui-accordion-header a { + padding: 0 0 0.25em 20px; +} + +.user-accordion .ui-accordion-header a:hover, +.user-accordion .ui-accordion-header.ui-state-active a { + text-decoration: underline; +} + + + +.user-accordion h3 { + position: relative; +} +.user-accordion a.user-summary { + position: absolute; + right: 0; + text-decoration: none; +} +.user-accordion a.user-summary:hover { text-decoration: underline } + +.user-accordion a.modify-user { + font-size: 80%; + color: black !important; +} diff --git a/rt/share/static/css/base/admin.css b/rt/share/static/css/base/admin.css new file mode 100644 index 0000000..95c5878 --- /dev/null +++ b/rt/share/static/css/base/admin.css @@ -0,0 +1,84 @@ +ul.list-menu .menu-item { + font-size: 1.25em; +} +ul.list-menu { + list-style: none; + width: 35%; +} +ul.list-menu > li { + margin-bottom: .5em; + margin-top: .5em; +} +ul.list-menu .description { + font-style: italic; + display: block; + padding: 0.2em 0 0 1em; +} + +ul.list-menu ul { + list-style: none; + padding: 0.25em 0 0 1em; +} +ul.list-menu ul li { + display: inline; + margin-right: 0.5em; +} + +#rt-portal .titlebox iframe { + height: 100%; + width: 100%; + border: 0; +} + +#rt-portal .titlebox { + position: absolute; + top: 1em; + right: 1em; + bottom: 3em; + width: 55%; + padding-bottom: 1em; +} + +#rt-portal .titlebox-content { + height: 100%; + padding: 0; +} + +#rt-portal .titlebox.rolled-up { + bottom: auto; + padding-bottom: 0; +} + +.admin-hint { + font-style: italic; +} + +h2 + .admin-hint { + margin-top: -1em; +} + +textarea[name="SMIMECertificate"] { + width: 50em; + height: 25em; +} + +table.upgrade-history .incomplete { + font-weight: bold; + color: #900; +} + +table.upgrade-history .upgrade-history-parent .widget a { + display: block; + margin: 0; + width: 20px; + + background: url(../../../static/images/css/rollup-arrow.gif) no-repeat; + background-position: center 0; + + padding: 7px 0 0 0; + overflow: hidden; +} + +table.upgrade-history .upgrade-history-parent .widget a.rolled-up { + background-image: url(../../../static/images/css/rolldown-arrow.gif); +} diff --git a/rt/share/static/css/base/articles.css b/rt/share/static/css/base/articles.css new file mode 100644 index 0000000..6e5a625 --- /dev/null +++ b/rt/share/static/css/base/articles.css @@ -0,0 +1,11 @@ +#comp-Articles-Article-Search .label h2 { + text-align: left; +} + +.articles-select-article select { + max-width: 20em; +} + +#articles-needs-setup a { + text-decoration: underline; +} diff --git a/rt/share/static/css/base/charts.css b/rt/share/static/css/base/charts.css new file mode 100644 index 0000000..31baf7c --- /dev/null +++ b/rt/share/static/css/base/charts.css @@ -0,0 +1,28 @@ +.chart-group-by fieldset, +.chart-calculate fieldset { + border-width: 1px 0 0 0; + border-style: solid; + border-color: #aaa; +} + +.chart-group-by fieldset legend, +.chart-calculate fieldset legend { + padding: 0 1em; +} + +.chart-picture input[name=Width], +.chart-picture input[name=Height] { + width: 3em; + text-align: right; +} + +.chart-wrapper .collection-as-table th { + text-shadow: 0 0 3px #ddd; +} + +.chart-wrapper .collection-as-table tr th.evenline { + background: #eee; +} +.chart-wrapper .collection-as-table tr th.oddline { + background: #ddd; +} diff --git a/rt/share/static/css/base/collection.css b/rt/share/static/css/base/collection.css new file mode 100644 index 0000000..d690192 --- /dev/null +++ b/rt/share/static/css/base/collection.css @@ -0,0 +1,16 @@ +table.collection td:first-child, table.collection th:first-child { + padding-left: 1em; +} + +.collection-as-table ul.cf-values { + margin-top: 0; + margin-bottom: 0; +} + +.collection-as-table .user a { + font-weight: inherit; +} + +.collection-as-table .user a:visited { + color: inherit; +} diff --git a/rt/share/static/css/base/farbtastic.css b/rt/share/static/css/base/farbtastic.css new file mode 100644 index 0000000..0ddd71f --- /dev/null +++ b/rt/share/static/css/base/farbtastic.css @@ -0,0 +1,51 @@ +/** + * Farbtastic Color Picker 1.2 + * © 2008 Steven Wittens + * + * This program is free software; you can redistribute it and/or modify + * it under the terms of the GNU General Public License as published by + * the Free Software Foundation; either version 2 of the License, or + * (at your option) any later version. + * + * This program is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU General Public License for more details. + * + * You should have received a copy of the GNU General Public License + * along with this program; if not, write to the Free Software + * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA + */ +.farbtastic { + position: relative; +} +.farbtastic * { + position: absolute; + cursor: crosshair; +} +.farbtastic, .farbtastic .wheel { + width: 195px; + height: 195px; +} +.farbtastic .color, .farbtastic .overlay { + top: 47px; + left: 47px; + width: 101px; + height: 101px; +} +.farbtastic .wheel { + background: url(../../../static/images/farbtastic/wheel.png) no-repeat; + width: 195px; + height: 195px; +} +.farbtastic .overlay { + background: url(../../../static/images/farbtastic/mask.png) no-repeat; +} +.farbtastic .marker { + width: 17px; + height: 17px; + margin: -8px 0 0 -8px; + overflow: hidden; + background: url(../../../static/images/farbtastic/marker.png) no-repeat; +} + diff --git a/rt/share/static/css/base/forms.css b/rt/share/static/css/base/forms.css new file mode 100644 index 0000000..8c6bb29 --- /dev/null +++ b/rt/share/static/css/base/forms.css @@ -0,0 +1,252 @@ +form { + + background: none; + border: none; + margin: 0; +} + + +.input-row .label { + position: relative; + text-align: right; + width: 4em; +} + +.input-row .input { + position: relative; + left: 1em; + width: 10em; + text-align: right; +} + +.value { + font-size: 0.85em; + +} + + + +div.button-row { + text-align: right; + padding-right: 0.5em; +} + + +.button { + display: inline-block; +} +.button:hover { + text-decoration:none; + cursor: default; +} + +.button, .button:visited, input[type=reset], input[type=submit], input[class=button], button { + color: #fff; + background: #3858a3; + padding: 0.25em; + padding-left: 0.5em; + padding-right: 0.5em; + -moz-border-radius: 0.5em; + -webkit-border-radius: 0.5em; + border-radius: 0.5em; +} + +.button:hover, input.button:hover, button:hover, input[type=reset]:hover, input[type=submit]:hover, input[class=button]:hover { + background: #1D3B7D; +} + +.button:focus, input.button:focus, button:focus, input[type=reset]:focus, input[type=submit]:focus, input[class=button]:focus { + background: #1D3B7D; +} + +div.error div.error { + border: 2px solid #aa0000; + border-top: 1px solid #bb0000; + border-left: 1px solid #bb0000; + background-color: #fcc; +} + +div.error .titlebox-title span.left { + background-color: #f00; + color: #fff; + border: 1px solid #cc0000; + border-right: 2px solid #bb0000; + border-bottom: 2px solid #bb0000; + +} + + +div.results .titlebox-title .left, div.results .titlebox { + border: 1px solid #aa9; + border-bottom: 2px solid #990; + border-right: 2px solid #990; +} + +div.results .titlebox-title .left { + background: #ff9; + +} + +div.results .titlebox { + background: #ffc; + +} + +div.results .titlebox-content { + padding: 0; +} + +.results .titlebox-content > p:first-child, +.error .titlebox-content > p:first-child { + margin-top: 0; +} + +.results .titlebox-content > p:last-child, +.error .titlebox-content > p:last-of-type { + margin-bottom: 0; +} + + +.label, .labeltop { + text-align: right; + font-size: 0.8em; + padding-right: .5em; + +} + +.cflabel { + text-align: right; + font-size: 0.8em; + padding-right: .5em; + width: 12em; +} + +td.cflabel { + width: auto; +} + +.labeltop, .label, .value { + padding-top: 0.25em; +} + +div.ticket-info-basics div.titlebox-content .labeltop{ + width: 10em; +} + +div.submit { + text-align: right; +} + +div.submit .extra-buttons { + text-align: left; + float: left; +} + + +div.widget { + padding-bottom: 0.5em; + clear: both; +} + +div.widget .label { + text-align: right; + display: block; + width: 15em; + float: left; + clear: both; + font-size: 0.9em; + padding-right: 0.5em; +} + +div.widget .hints { + + display: block; + padding-left: 14em; + font-style: italic; +} + + +.combobox { + position: relative; + width: 11.5em; +} + +.combobox .combo-button { + right: 0; + padding: 0; + margin-top: 0; + cursor: default; + color: ButtonFace; + background: ButtonFace; + border: 2px outset ButtonHighlight; +} + +/* this style replaces the default down-triangle with one that looks more like + * native widget sets. It does not work in IE as it's an :after pseudo element + * with a "content" value. but that's ok because IE can't display unicode 25be + * anyway */ + +.combobox .combo-button:after { + color: ButtonText; + margin: 0; + padding: 0; + margin-top: -0.5em; + margin-left: -0.8em; + content: "\25be"; +} + +.combobox .combo-text { + border: 1px inset ButtonHighlight; + margin: 0; + padding: 0; +} + +.combobox .combo-list { + border: 1px outset; + z-index: 150; +} + +.value .TimeUnits{ + margin-left: .5em; + width: 7em; +} + +.cfinvalidfield { + font-style: italic; + color: red; +} + +form div.submit div.buttons { + min-height: 2.8em; +} + +form div.submit div.buttons div.back { + position: relative; + float: left; + width: 50%; + text-align: left; +} + +form div.submit div.buttons div.next { + position: relative; + float: right; + width: 50%; +} + +.invalid { + font-style: italic; + color: red; +} + +/* query builder */ + +#formatbuttons { + clear: both; +} + +#ResetAuthTokenPrompt { + display: block; + text-align: right; + font-weight: bold; + text-decoration: underline; +} diff --git a/rt/share/static/css/base/history-folding.css b/rt/share/static/css/base/history-folding.css new file mode 100644 index 0000000..b0935f9 --- /dev/null +++ b/rt/share/static/css/base/history-folding.css @@ -0,0 +1,65 @@ +.message-stanza-folder { + color: #500050; + font-size: 0.9em; + padding: 0.2em; + cursor: pointer; +} + +.message-stanza-folder.open { + color: #ccc; +} + +.message-stanza-folder:before, .message-stanza-folder:after { + content: " - "; +} + +.message-stanza.closed { + display: none; +} + +/* Message quoting */ + +.message-stanza { + color: #000; +} + +.message-stanza > blockquote { + margin: 0 0 0 1ex; + border-left: 2px #ccc solid; + padding-left: 1ex; +} + +.message-stanza .message-stanza{ + color: #500050; +} +.message-stanza .message-stanza > blockquote { + border-color: #500050; +} + +.message-stanza .message-stanza .message-stanza{ + color: #1a1aa6; +} +.message-stanza .message-stanza .message-stanza > blockquote { + border-color: #1a1aa6; +} + +.message-stanza .message-stanza .message-stanza .message-stanza { + color: #006633; +} +.message-stanza .message-stanza .message-stanza .message-stanza > blockquote { + border-color: #006633; +} + +.message-stanza .message-stanza .message-stanza .message-stanza .message-stanza { + color: #003366; +} +.message-stanza .message-stanza .message-stanza .message-stanza .message-stanza > blockquote { + border-color: #003366; +} + +.message-stanza .message-stanza .message-stanza .message-stanza .message-stanza .message-stanza { + color: #993366; +} +.message-stanza .message-stanza .message-stanza .message-stanza .message-stanza .message-stanza > blockquote { + border-color: #993366; +} diff --git a/rt/share/static/css/base/history.css b/rt/share/static/css/base/history.css new file mode 100644 index 0000000..21ac20e --- /dev/null +++ b/rt/share/static/css/base/history.css @@ -0,0 +1,165 @@ +.transaction { + border-top: 2px solid #ccc; + padding-bottom: 0.5em; + position: relative; /* gives us a container for position: absolute */ +} + +.transaction.odd { + background-color: #fff; +} + +div.history-container { + + margin-top: 0.75em; + border-left: 1px solid #ccc; + + border-right: 2px solid #999; + border-bottom: 2px solid #999; + +} + +.transaction div.metadata span.actions { + position: absolute; + top: 0; + right: 0; + padding: 0em; + background: #ccc; + text-align: right; + border-left: 1px solid #999; + border-bottom: 1px solid #999; + color: #ccc; + -moz-border-radius-bottomleft: 0.5em; + -webkit-border-bottom-left-radius: 0.5em; + white-space: nowrap; + + border-radius: 0 0 0 0.5em; +} + +.transaction div.metadata span.type { + text-align: center; + float: left; + margin: 0.25em 0.70em 0.25em 0.25em; + width: 1em; + padding: 0; + border-right: 1px solid #999; + border-bottom: 1px solid #999; + -moz-border-radius-bottomright: 0.25em; + -webkit-border-bottom-right-radius: 0.25em; + + border-radius: 0 0 0.25em 0; + +} + +.transaction span.type a { + color: #fff; + padding-top: 0.75em; + display: block; +} + + +.transaction span.date { + width: 15em; +} + + +.transaction span.description { + margin-left: 1em; + font-weight: bold; +} + +.transaction .description a:visited { + color: inherit; +} + +.transaction span.time-taken { + margin-left: 1em; +} + +.transaction div.content { + padding-right: 1em; + padding-bottom: 0.7em; + margin-left: 1.5em; +} + + +.transaction .messagebody { + font-size: 1em; + padding-left: 1em; + margin-top: 0.5em; + padding-top: 0.5em; + border-top: 1px solid #ccc; + /*overflow: auto; */ + min-height: 2.5em; + /* To avoid overlapping of "downloadattachment" by messagebody */ + clear: left; + word-wrap: break-word; +} + +.transaction .messagebody img { + max-width: 100%; +} + +.transaction div.downloadattachment { +float: right; +clear: both; +font-size: 0.9em; +text-align: right; +background: #ddd; +padding: 0.5em; +margin-left: 1em; + +border: 1px solid #ccc; +border-right: 2px solid #aaa; +border-bottom: 2px solid #aaa; +margin-top: 0.5em; +-moz-border-radius: 0.5em; +-webkit-border-radius: 0.5em; + border-radius: 0.5em; +} + +.transaction div.downloadattachment .downloadcontenttype{ +color: #666; +padding-right:0.25em; +} + + +.transaction .message-header-key { + width: 7em; + font-weight: bold; + color: #666; +} + + +.transaction .messagebody .messagebody{ + font-size: 1em; + padding: 0; + border: 0; + margin: 0; +} + + + +.transaction.basics .type { background: #b32; } +.transaction.cfs .type { background: #b32; } +.transaction.people .type { background: #48c; } +.transaction.links .type { background: #316531; } +.transaction.dates .type { background: #633063; } +.transaction.message .type { background: #069; } +.transaction.reminders .type { background: #369; } +.transaction.other .type { background: #abc; } +.transaction.error .type { background: #abc; } +.transaction.attachment-truncate .type, .transaction.attachment-drop .type { background-color: #abc; } + +.transaction.error { background-color: #fcc; } +.transaction.attachment-truncate, .transaction.attachment-drop { background-color: #ffc; } + + +.transaction .message-header-value.verify { font-weight: bold; } +.transaction .message-header-value.verify.bad { color: #A00; } +.transaction .message-header-value.verify.done.trust-UNDEFINED { color: #F60; } +.transaction .message-header-value.verify.done.trust-NONE { color: #900; } +.transaction .message-header-value.verify.done.trust-NEVER { color: #900; } +.transaction .message-header-value.verify.done.trust-MARGINAL { color: #F60; } +.transaction .message-header-value.verify.done.trust-FULL { color: #060; } +.transaction .message-header-value.verify.done.trust-FULLY { color: #060; } +.transaction .message-header-value.verify.done.trust-ULTIMATE { color: #060; } diff --git a/rt/share/static/css/base/jquery-ui-timepicker-addon.css b/rt/share/static/css/base/jquery-ui-timepicker-addon.css new file mode 100644 index 0000000..cdf10f5 --- /dev/null +++ b/rt/share/static/css/base/jquery-ui-timepicker-addon.css @@ -0,0 +1,22 @@ +/* + * jQuery timepicker addon + * By: Trent Richardson [http://trentrichardson.com] + * Version 1.2 + * Last Modified: 02/02/2013 + * + * Copyright 2013 Trent Richardson + * You may use this project under MIT or GPL licenses. + * http://trentrichardson.com/Impromptu/GPL-LICENSE.txt + * http://trentrichardson.com/Impromptu/MIT-LICENSE.txt + */ + +.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; } +.ui-timepicker-div dl { text-align: left; } +.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; } +.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; } +.ui-timepicker-div td { font-size: 90%; } +.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; } + +.ui-timepicker-rtl{ direction: rtl; } +.ui-timepicker-rtl dl { text-align: right; } +.ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; } diff --git a/rt/share/static/css/base/jquery-ui.css b/rt/share/static/css/base/jquery-ui.css new file mode 100644 index 0000000..e8a7bbe --- /dev/null +++ b/rt/share/static/css/base/jquery-ui.css @@ -0,0 +1 @@ +@import "jquery-ui.custom.modified.css"; diff --git a/rt/share/static/css/base/jquery-ui.custom.modified.css b/rt/share/static/css/base/jquery-ui.custom.modified.css new file mode 100644 index 0000000..5fc517d --- /dev/null +++ b/rt/share/static/css/base/jquery-ui.custom.modified.css @@ -0,0 +1,854 @@ +/*! jQuery UI - v1.10.0 - 2013-02-11 +* http://jqueryui.com +* Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.datepicker.css, jquery.ui.menu.css, jquery.ui.slider.css, jquery.ui.tabs.css +* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fwDefault=normal&fsDefault=1em&cornerRadius=0.3em&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px +* Copyright (c) 2013 jQuery Foundation and other contributors Licensed MIT */ + +/* Layout helpers +----------------------------------*/ +.ui-helper-hidden { + display: none; +} +.ui-helper-hidden-accessible { + border: 0; + clip: rect(0 0 0 0); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; +} +.ui-helper-reset { + margin: 0; + padding: 0; + border: 0; + outline: 0; + line-height: 1.3; + text-decoration: none; + font-size: 100%; + list-style: none; +} +.ui-helper-clearfix:before, +.ui-helper-clearfix:after { + content: ""; + display: table; +} +.ui-helper-clearfix:after { + clear: both; +} +.ui-helper-clearfix { + min-height: 0; /* support: IE7 */ +} +.ui-helper-zfix { + width: 100%; + height: 100%; + top: 0; + left: 0; + position: absolute; + opacity: 0; + filter:Alpha(Opacity=0); +} + +.ui-front { + z-index: 100; +} + + +/* Interaction Cues +----------------------------------*/ +.ui-state-disabled { + cursor: default !important; +} + + +/* Icons +----------------------------------*/ + +/* states and images */ +.ui-icon { + display: block; + text-indent: -99999px; + overflow: hidden; + background-repeat: no-repeat; +} + + +/* Misc visuals +----------------------------------*/ + +/* Overlays */ +.ui-widget-overlay { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; +} +.ui-accordion .ui-accordion-header { + display: block; + cursor: pointer; + position: relative; + margin-top: 2px; + padding: .5em .5em .5em .7em; + min-height: 0; /* support: IE7 */ +} +.ui-accordion .ui-accordion-icons { + padding-left: 2.2em; +} +.ui-accordion .ui-accordion-noicons { + padding-left: .7em; +} +.ui-accordion .ui-accordion-icons .ui-accordion-icons { + padding-left: 2.2em; +} +.ui-accordion .ui-accordion-header .ui-accordion-header-icon { + position: absolute; + left: .5em; + top: 50%; + margin-top: -8px; +} +.ui-accordion .ui-accordion-content { + padding: 1em 2.2em; + border-top: 0; + overflow: auto; +} +.ui-autocomplete { + position: absolute; + top: 0; + left: 0; + cursor: default; +} +.ui-datepicker { + width: 17em; + padding: .2em .2em 0; + display: none; +} +.ui-datepicker .ui-datepicker-header { + position: relative; + padding: .2em 0; +} +.ui-datepicker .ui-datepicker-prev, +.ui-datepicker .ui-datepicker-next { + position: absolute; + top: 2px; + width: 1.8em; + height: 1.8em; +} +.ui-datepicker .ui-datepicker-prev-hover, +.ui-datepicker .ui-datepicker-next-hover { + top: 1px; +} +.ui-datepicker .ui-datepicker-prev { + left: 2px; +} +.ui-datepicker .ui-datepicker-next { + right: 2px; +} +.ui-datepicker .ui-datepicker-prev-hover { + left: 1px; +} +.ui-datepicker .ui-datepicker-next-hover { + right: 1px; +} +.ui-datepicker .ui-datepicker-prev span, +.ui-datepicker .ui-datepicker-next span { + display: block; + position: absolute; + left: 50%; + margin-left: -8px; + top: 50%; + margin-top: -8px; +} +.ui-datepicker .ui-datepicker-title { + margin: 0 2.3em; + line-height: 1.8em; + text-align: center; +} +.ui-datepicker .ui-datepicker-title select { + font-size: 1em; + margin: 1px 0; +} +.ui-datepicker select.ui-datepicker-month-year { + width: 100%; +} +.ui-datepicker select.ui-datepicker-month, +.ui-datepicker select.ui-datepicker-year { + width: 49%; +} +.ui-datepicker table { + width: 100%; + font-size: .9em; + border-collapse: collapse; + margin: 0 0 .4em; +} +.ui-datepicker th { + padding: .7em .3em; + text-align: center; + font-weight: bold; + border: 0; +} +.ui-datepicker td { + border: 0; + padding: 1px; +} +.ui-datepicker td span, +.ui-datepicker td a { + display: block; + padding: .2em; + text-align: right; + text-decoration: none; +} +.ui-datepicker .ui-datepicker-buttonpane { + background-image: none; + margin: .7em 0 0 0; + padding: 0 .2em; + border-left: 0; + border-right: 0; + border-bottom: 0; +} +.ui-datepicker .ui-datepicker-buttonpane button { + float: right; + margin: .5em .2em .4em; + cursor: pointer; + padding: .2em .6em .3em .6em; + width: auto; + overflow: visible; +} +.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { + float: left; +} + +/* with multiple calendars */ +.ui-datepicker.ui-datepicker-multi { + width: auto; +} +.ui-datepicker-multi .ui-datepicker-group { + float: left; +} +.ui-datepicker-multi .ui-datepicker-group table { + width: 95%; + margin: 0 auto .4em; +} +.ui-datepicker-multi-2 .ui-datepicker-group { + width: 50%; +} +.ui-datepicker-multi-3 .ui-datepicker-group { + width: 33.3%; +} +.ui-datepicker-multi-4 .ui-datepicker-group { + width: 25%; +} +.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, +.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { + border-left-width: 0; +} +.ui-datepicker-multi .ui-datepicker-buttonpane { + clear: left; +} +.ui-datepicker-row-break { + clear: both; + width: 100%; + font-size: 0; +} + +/* RTL support */ +.ui-datepicker-rtl { + direction: rtl; +} +.ui-datepicker-rtl .ui-datepicker-prev { + right: 2px; + left: auto; +} +.ui-datepicker-rtl .ui-datepicker-next { + left: 2px; + right: auto; +} +.ui-datepicker-rtl .ui-datepicker-prev:hover { + right: 1px; + left: auto; +} +.ui-datepicker-rtl .ui-datepicker-next:hover { + left: 1px; + right: auto; +} +.ui-datepicker-rtl .ui-datepicker-buttonpane { + clear: right; +} +.ui-datepicker-rtl .ui-datepicker-buttonpane button { + float: left; +} +.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, +.ui-datepicker-rtl .ui-datepicker-group { + float: right; +} +.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, +.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { + border-right-width: 0; + border-left-width: 1px; +} +.ui-menu { + list-style: none; + padding: 2px; + margin: 0; + display: block; + outline: none; +} +.ui-menu .ui-menu { + margin-top: -3px; + position: absolute; +} +.ui-menu .ui-menu-item { + margin: 0; + padding: 0; + width: 100%; +} +.ui-menu .ui-menu-divider { + margin: 5px -2px 5px -2px; + height: 0; + font-size: 0; + line-height: 0; + border-width: 1px 0 0 0; +} +.ui-menu .ui-menu-item a { + text-decoration: none; + display: block; + padding: 2px .4em; + line-height: 1.5; + min-height: 0; /* support: IE7 */ + font-weight: normal; +} +.ui-menu .ui-menu-item a.ui-state-focus, +.ui-menu .ui-menu-item a.ui-state-active { + font-weight: normal; + margin: -1px; +} + +.ui-menu .ui-state-disabled { + font-weight: normal; + margin: .4em 0 .2em; + line-height: 1.5; +} +.ui-menu .ui-state-disabled a { + cursor: default; +} + +/* icon support */ +.ui-menu-icons { + position: relative; +} +.ui-menu-icons .ui-menu-item a { + position: relative; + padding-left: 2em; +} + +/* left-aligned */ +.ui-menu .ui-icon { + position: absolute; + top: .2em; + left: .2em; +} + +/* right-aligned */ +.ui-menu .ui-menu-icon { + position: static; + float: right; +} +.ui-slider { + position: relative; + text-align: left; +} +.ui-slider .ui-slider-handle { + position: absolute; + z-index: 2; + width: 1.2em; + height: 1.2em; + cursor: default; +} +.ui-slider .ui-slider-range { + position: absolute; + z-index: 1; + font-size: .7em; + display: block; + border: 0; + background-position: 0 0; +} + +/* For IE8 - See #6727 */ +.ui-slider.ui-state-disabled .ui-slider-handle, +.ui-slider.ui-state-disabled .ui-slider-range { + filter: inherit; +} + +.ui-slider-horizontal { + height: .8em; +} +.ui-slider-horizontal .ui-slider-handle { + top: -.3em; + margin-left: -.6em; +} +.ui-slider-horizontal .ui-slider-range { + top: 0; + height: 100%; +} +.ui-slider-horizontal .ui-slider-range-min { + left: 0; +} +.ui-slider-horizontal .ui-slider-range-max { + right: 0; +} + +.ui-slider-vertical { + width: .8em; + height: 100px; +} +.ui-slider-vertical .ui-slider-handle { + left: -.3em; + margin-left: 0; + margin-bottom: -.6em; +} +.ui-slider-vertical .ui-slider-range { + left: 0; + width: 100%; +} +.ui-slider-vertical .ui-slider-range-min { + bottom: 0; +} +.ui-slider-vertical .ui-slider-range-max { + top: 0; +} +.ui-tabs { + position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ + padding: .2em; +} +.ui-tabs .ui-tabs-nav { + margin: 0; + padding: .2em .2em 0; +} +.ui-tabs .ui-tabs-nav li { + list-style: none; + float: left; + position: relative; + top: 0; + margin: 1px .2em 0 0; + border-bottom: 0; + padding: 0; + white-space: nowrap; +} +.ui-tabs .ui-tabs-nav li a { + float: left; + padding: .5em 1em; + text-decoration: none; +} +.ui-tabs .ui-tabs-nav li.ui-tabs-active { + margin-bottom: -1px; + padding-bottom: 1px; +} +.ui-tabs .ui-tabs-nav li.ui-tabs-active a, +.ui-tabs .ui-tabs-nav li.ui-state-disabled a, +.ui-tabs .ui-tabs-nav li.ui-tabs-loading a { + cursor: text; +} +.ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ +.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { + cursor: pointer; +} +.ui-tabs .ui-tabs-panel { + display: block; + border-width: 0; + padding: 1em 1.4em; + background: none; +} + +/* Component containers +----------------------------------*/ +.ui-widget { + font-family: Arial,Helvetica,sans-serif; + font-size: 1em; +} +.ui-widget .ui-widget { + font-size: 1em; +} +.ui-widget input, +.ui-widget select, +.ui-widget textarea, +.ui-widget button { + font-family: Arial,Helvetica,sans-serif; + font-size: 1em; +} +.ui-widget-content { + border: 1px solid #aaaaaa; + background: #ffffff url(../../../static/images/jquery_ui/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; + color: #222222; +} +.ui-widget-content a { + color: #222222; +} +.ui-widget-header { + border: 1px solid #aaaaaa; + background: #cccccc url(../../../static/images/jquery_ui/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; + color: #222222; + font-weight: bold; +} +.ui-widget-header a { + color: #222222; +} + +/* Interaction states +----------------------------------*/ +.ui-state-default, +.ui-widget-content .ui-state-default, +.ui-widget-header .ui-state-default { + border: 1px solid #d3d3d3; + background: #e6e6e6 url(../../../static/images/jquery_ui/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; + font-weight: normal; + color: #555555; +} +.ui-state-default a, +.ui-state-default a:link, +.ui-state-default a:visited { + color: #555555; + text-decoration: none; +} +.ui-state-hover, +.ui-widget-content .ui-state-hover, +.ui-widget-header .ui-state-hover, +.ui-state-focus, +.ui-widget-content .ui-state-focus, +.ui-widget-header .ui-state-focus { + border: 1px solid #999999; + background: #dadada url(../../../static/images/jquery_ui/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; + font-weight: normal; + color: #212121; +} +.ui-state-hover a, +.ui-state-hover a:hover, +.ui-state-hover a:link, +.ui-state-hover a:visited { + color: #212121; + text-decoration: none; +} +.ui-state-active, +.ui-widget-content .ui-state-active, +.ui-widget-header .ui-state-active { + border: 1px solid #aaaaaa; + background: #ffffff url(../../../static/images/jquery_ui/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; + font-weight: normal; + color: #212121; +} +.ui-state-active a, +.ui-state-active a:link, +.ui-state-active a:visited { + color: #212121; + text-decoration: none; +} + +/* Interaction Cues +----------------------------------*/ +.ui-state-highlight, +.ui-widget-content .ui-state-highlight, +.ui-widget-header .ui-state-highlight { + border: 1px solid #fcefa1; + background: #fbf9ee url(../../../static/images/jquery_ui/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; + color: #363636; +} +.ui-state-highlight a, +.ui-widget-content .ui-state-highlight a, +.ui-widget-header .ui-state-highlight a { + color: #363636; +} +.ui-state-error, +.ui-widget-content .ui-state-error, +.ui-widget-header .ui-state-error { + border: 1px solid #cd0a0a; + background: #fef1ec url(../../../static/images/jquery_ui/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; + color: #cd0a0a; +} +.ui-state-error a, +.ui-widget-content .ui-state-error a, +.ui-widget-header .ui-state-error a { + color: #cd0a0a; +} +.ui-state-error-text, +.ui-widget-content .ui-state-error-text, +.ui-widget-header .ui-state-error-text { + color: #cd0a0a; +} +.ui-priority-primary, +.ui-widget-content .ui-priority-primary, +.ui-widget-header .ui-priority-primary { + font-weight: bold; +} +.ui-priority-secondary, +.ui-widget-content .ui-priority-secondary, +.ui-widget-header .ui-priority-secondary { + opacity: .7; + filter:Alpha(Opacity=70); + font-weight: normal; +} +.ui-state-disabled, +.ui-widget-content .ui-state-disabled, +.ui-widget-header .ui-state-disabled { + opacity: .35; + filter:Alpha(Opacity=35); + background-image: none; +} +.ui-state-disabled .ui-icon { + filter:Alpha(Opacity=35); /* For IE8 - See #6059 */ +} + +/* Icons +----------------------------------*/ + +/* states and images */ +.ui-icon { + width: 16px; + height: 16px; + background-position: 16px 16px; +} +.ui-icon, +.ui-widget-content .ui-icon { + background-image: url(../../../static/images/jquery_ui/ui-icons_222222_256x240.png); +} +.ui-widget-header .ui-icon { + background-image: url(../../../static/images/jquery_ui/ui-icons_222222_256x240.png); +} +.ui-state-default .ui-icon { + background-image: url(../../../static/images/jquery_ui/ui-icons_888888_256x240.png); +} +.ui-state-hover .ui-icon, +.ui-state-focus .ui-icon { + background-image: url(../../../static/images/jquery_ui/ui-icons_454545_256x240.png); +} +.ui-state-active .ui-icon { + background-image: url(../../../static/images/jquery_ui/ui-icons_454545_256x240.png); +} +.ui-state-highlight .ui-icon { + background-image: url(../../../static/images/jquery_ui/ui-icons_2e83ff_256x240.png); +} +.ui-state-error .ui-icon, +.ui-state-error-text .ui-icon { + background-image: url(../../../static/images/jquery_ui/ui-icons_cd0a0a_256x240.png); +} + +/* positioning */ +.ui-icon-carat-1-n { background-position: 0 0; } +.ui-icon-carat-1-ne { background-position: -16px 0; } +.ui-icon-carat-1-e { background-position: -32px 0; } +.ui-icon-carat-1-se { background-position: -48px 0; } +.ui-icon-carat-1-s { background-position: -64px 0; } +.ui-icon-carat-1-sw { background-position: -80px 0; } +.ui-icon-carat-1-w { background-position: -96px 0; } +.ui-icon-carat-1-nw { background-position: -112px 0; } +.ui-icon-carat-2-n-s { background-position: -128px 0; } +.ui-icon-carat-2-e-w { background-position: -144px 0; } +.ui-icon-triangle-1-n { background-position: 0 -16px; } +.ui-icon-triangle-1-ne { background-position: -16px -16px; } +.ui-icon-triangle-1-e { background-position: -32px -16px; } +.ui-icon-triangle-1-se { background-position: -48px -16px; } +.ui-icon-triangle-1-s { background-position: -64px -16px; } +.ui-icon-triangle-1-sw { background-position: -80px -16px; } +.ui-icon-triangle-1-w { background-position: -96px -16px; } +.ui-icon-triangle-1-nw { background-position: -112px -16px; } +.ui-icon-triangle-2-n-s { background-position: -128px -16px; } +.ui-icon-triangle-2-e-w { background-position: -144px -16px; } +.ui-icon-arrow-1-n { background-position: 0 -32px; } +.ui-icon-arrow-1-ne { background-position: -16px -32px; } +.ui-icon-arrow-1-e { background-position: -32px -32px; } +.ui-icon-arrow-1-se { background-position: -48px -32px; } +.ui-icon-arrow-1-s { background-position: -64px -32px; } +.ui-icon-arrow-1-sw { background-position: -80px -32px; } +.ui-icon-arrow-1-w { background-position: -96px -32px; } +.ui-icon-arrow-1-nw { background-position: -112px -32px; } +.ui-icon-arrow-2-n-s { background-position: -128px -32px; } +.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } +.ui-icon-arrow-2-e-w { background-position: -160px -32px; } +.ui-icon-arrow-2-se-nw { background-position: -176px -32px; } +.ui-icon-arrowstop-1-n { background-position: -192px -32px; } +.ui-icon-arrowstop-1-e { background-position: -208px -32px; } +.ui-icon-arrowstop-1-s { background-position: -224px -32px; } +.ui-icon-arrowstop-1-w { background-position: -240px -32px; } +.ui-icon-arrowthick-1-n { background-position: 0 -48px; } +.ui-icon-arrowthick-1-ne { background-position: -16px -48px; } +.ui-icon-arrowthick-1-e { background-position: -32px -48px; } +.ui-icon-arrowthick-1-se { background-position: -48px -48px; } +.ui-icon-arrowthick-1-s { background-position: -64px -48px; } +.ui-icon-arrowthick-1-sw { background-position: -80px -48px; } +.ui-icon-arrowthick-1-w { background-position: -96px -48px; } +.ui-icon-arrowthick-1-nw { background-position: -112px -48px; } +.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } +.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } +.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } +.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } +.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } +.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } +.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } +.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } +.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } +.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } +.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } +.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } +.ui-icon-arrowreturn-1-w { background-position: -64px -64px; } +.ui-icon-arrowreturn-1-n { background-position: -80px -64px; } +.ui-icon-arrowreturn-1-e { background-position: -96px -64px; } +.ui-icon-arrowreturn-1-s { background-position: -112px -64px; } +.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } +.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } +.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } +.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } +.ui-icon-arrow-4 { background-position: 0 -80px; } +.ui-icon-arrow-4-diag { background-position: -16px -80px; } +.ui-icon-extlink { background-position: -32px -80px; } +.ui-icon-newwin { background-position: -48px -80px; } +.ui-icon-refresh { background-position: -64px -80px; } +.ui-icon-shuffle { background-position: -80px -80px; } +.ui-icon-transfer-e-w { background-position: -96px -80px; } +.ui-icon-transferthick-e-w { background-position: -112px -80px; } +.ui-icon-folder-collapsed { background-position: 0 -96px; } +.ui-icon-folder-open { background-position: -16px -96px; } +.ui-icon-document { background-position: -32px -96px; } +.ui-icon-document-b { background-position: -48px -96px; } +.ui-icon-note { background-position: -64px -96px; } +.ui-icon-mail-closed { background-position: -80px -96px; } +.ui-icon-mail-open { background-position: -96px -96px; } +.ui-icon-suitcase { background-position: -112px -96px; } +.ui-icon-comment { background-position: -128px -96px; } +.ui-icon-person { background-position: -144px -96px; } +.ui-icon-print { background-position: -160px -96px; } +.ui-icon-trash { background-position: -176px -96px; } +.ui-icon-locked { background-position: -192px -96px; } +.ui-icon-unlocked { background-position: -208px -96px; } +.ui-icon-bookmark { background-position: -224px -96px; } +.ui-icon-tag { background-position: -240px -96px; } +.ui-icon-home { background-position: 0 -112px; } +.ui-icon-flag { background-position: -16px -112px; } +.ui-icon-calendar { background-position: -32px -112px; } +.ui-icon-cart { background-position: -48px -112px; } +.ui-icon-pencil { background-position: -64px -112px; } +.ui-icon-clock { background-position: -80px -112px; } +.ui-icon-disk { background-position: -96px -112px; } +.ui-icon-calculator { background-position: -112px -112px; } +.ui-icon-zoomin { background-position: -128px -112px; } +.ui-icon-zoomout { background-position: -144px -112px; } +.ui-icon-search { background-position: -160px -112px; } +.ui-icon-wrench { background-position: -176px -112px; } +.ui-icon-gear { background-position: -192px -112px; } +.ui-icon-heart { background-position: -208px -112px; } +.ui-icon-star { background-position: -224px -112px; } +.ui-icon-link { background-position: -240px -112px; } +.ui-icon-cancel { background-position: 0 -128px; } +.ui-icon-plus { background-position: -16px -128px; } +.ui-icon-plusthick { background-position: -32px -128px; } +.ui-icon-minus { background-position: -48px -128px; } +.ui-icon-minusthick { background-position: -64px -128px; } +.ui-icon-close { background-position: -80px -128px; } +.ui-icon-closethick { background-position: -96px -128px; } +.ui-icon-key { background-position: -112px -128px; } +.ui-icon-lightbulb { background-position: -128px -128px; } +.ui-icon-scissors { background-position: -144px -128px; } +.ui-icon-clipboard { background-position: -160px -128px; } +.ui-icon-copy { background-position: -176px -128px; } +.ui-icon-contact { background-position: -192px -128px; } +.ui-icon-image { background-position: -208px -128px; } +.ui-icon-video { background-position: -224px -128px; } +.ui-icon-script { background-position: -240px -128px; } +.ui-icon-alert { background-position: 0 -144px; } +.ui-icon-info { background-position: -16px -144px; } +.ui-icon-notice { background-position: -32px -144px; } +.ui-icon-help { background-position: -48px -144px; } +.ui-icon-check { background-position: -64px -144px; } +.ui-icon-bullet { background-position: -80px -144px; } +.ui-icon-radio-on { background-position: -96px -144px; } +.ui-icon-radio-off { background-position: -112px -144px; } +.ui-icon-pin-w { background-position: -128px -144px; } +.ui-icon-pin-s { background-position: -144px -144px; } +.ui-icon-play { background-position: 0 -160px; } +.ui-icon-pause { background-position: -16px -160px; } +.ui-icon-seek-next { background-position: -32px -160px; } +.ui-icon-seek-prev { background-position: -48px -160px; } +.ui-icon-seek-end { background-position: -64px -160px; } +.ui-icon-seek-start { background-position: -80px -160px; } +/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ +.ui-icon-seek-first { background-position: -80px -160px; } +.ui-icon-stop { background-position: -96px -160px; } +.ui-icon-eject { background-position: -112px -160px; } +.ui-icon-volume-off { background-position: -128px -160px; } +.ui-icon-volume-on { background-position: -144px -160px; } +.ui-icon-power { background-position: 0 -176px; } +.ui-icon-signal-diag { background-position: -16px -176px; } +.ui-icon-signal { background-position: -32px -176px; } +.ui-icon-battery-0 { background-position: -48px -176px; } +.ui-icon-battery-1 { background-position: -64px -176px; } +.ui-icon-battery-2 { background-position: -80px -176px; } +.ui-icon-battery-3 { background-position: -96px -176px; } +.ui-icon-circle-plus { background-position: 0 -192px; } +.ui-icon-circle-minus { background-position: -16px -192px; } +.ui-icon-circle-close { background-position: -32px -192px; } +.ui-icon-circle-triangle-e { background-position: -48px -192px; } +.ui-icon-circle-triangle-s { background-position: -64px -192px; } +.ui-icon-circle-triangle-w { background-position: -80px -192px; } +.ui-icon-circle-triangle-n { background-position: -96px -192px; } +.ui-icon-circle-arrow-e { background-position: -112px -192px; } +.ui-icon-circle-arrow-s { background-position: -128px -192px; } +.ui-icon-circle-arrow-w { background-position: -144px -192px; } +.ui-icon-circle-arrow-n { background-position: -160px -192px; } +.ui-icon-circle-zoomin { background-position: -176px -192px; } +.ui-icon-circle-zoomout { background-position: -192px -192px; } +.ui-icon-circle-check { background-position: -208px -192px; } +.ui-icon-circlesmall-plus { background-position: 0 -208px; } +.ui-icon-circlesmall-minus { background-position: -16px -208px; } +.ui-icon-circlesmall-close { background-position: -32px -208px; } +.ui-icon-squaresmall-plus { background-position: -48px -208px; } +.ui-icon-squaresmall-minus { background-position: -64px -208px; } +.ui-icon-squaresmall-close { background-position: -80px -208px; } +.ui-icon-grip-dotted-vertical { background-position: 0 -224px; } +.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } +.ui-icon-grip-solid-vertical { background-position: -32px -224px; } +.ui-icon-grip-solid-horizontal { background-position: -48px -224px; } +.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } +.ui-icon-grip-diagonal-se { background-position: -80px -224px; } + + +/* Misc visuals +----------------------------------*/ + +/* Corner radius */ +.ui-corner-all, +.ui-corner-top, +.ui-corner-left, +.ui-corner-tl { + border-top-left-radius: 0.3em; +} +.ui-corner-all, +.ui-corner-top, +.ui-corner-right, +.ui-corner-tr { + border-top-right-radius: 0.3em; +} +.ui-corner-all, +.ui-corner-bottom, +.ui-corner-left, +.ui-corner-bl { + border-bottom-left-radius: 0.3em; +} +.ui-corner-all, +.ui-corner-bottom, +.ui-corner-right, +.ui-corner-br { + border-bottom-right-radius: 0.3em; +} + +/* Overlays */ +.ui-widget-overlay { + background: #aaaaaa url(../../../static/images/jquery_ui/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; + opacity: .3; + filter: Alpha(Opacity=30); +} +.ui-widget-shadow { + margin: -8px 0 0 -8px; + padding: 8px; + background: #aaaaaa url(../../../static/images/jquery_ui/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; + opacity: .3; + filter: Alpha(Opacity=30); + border-radius: 8px; +} diff --git a/rt/share/static/css/base/jquery.modal.css b/rt/share/static/css/base/jquery.modal.css new file mode 100644 index 0000000..21f3237 --- /dev/null +++ b/rt/share/static/css/base/jquery.modal.css @@ -0,0 +1,66 @@ +/* + Copyright (c) 2012 Kyle Fox + + Permission is hereby granted, free of charge, to any person obtaining + a copy of this software and associated documentation files (the + "Software"), to deal in the Software without restriction, including + without limitation the rights to use, copy, modify, merge, publish, + distribute, sublicense, and/or sell copies of the Software, and to + permit persons to whom the Software is furnished to do so, subject to + the following conditions: + + The above copyright notice and this permission notice shall be + included in all copies or substantial portions of the Software. + + THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, + EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF + MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND + NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE + LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION + OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION + WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. +*/ +.modal { + display: none; + width: 400px; + background: #fff; + padding: 15px 30px; + -webkit-border-radius: 8px; + -moz-border-radius: 8px; + -o-border-radius: 8px; + -ms-border-radius: 8px; + border-radius: 8px; + -webkit-box-shadow: 0 0 10px #000; + -moz-box-shadow: 0 0 10px #000; + -o-box-shadow: 0 0 10px #000; + -ms-box-shadow: 0 0 10px #000; + box-shadow: 0 0 10px #000; +} + +.modal a.close-modal { + position: absolute; + top: -12.5px; + right: -12.5px; + display: block; + width: 30px; + height: 30px; + text-indent: -9999px; + background: url(../../../static/css/images/jquery-modal-close.png) no-repeat 0 0; +} + +.modal-spinner { + display: none; + width: 64px; + height: 64px; + position: fixed; + top: 50%; + left: 50%; + margin-right: -32px; + margin-top: -32px; + background: url(spinner.gif) #111 no-repeat center center; + -webkit-border-radius: 8px; + -moz-border-radius: 8px; + -o-border-radius: 8px; + -ms-border-radius: 8px; + border-radius: 8px; +} diff --git a/rt/share/static/css/base/login.css b/rt/share/static/css/base/login.css new file mode 100644 index 0000000..47882d9 --- /dev/null +++ b/rt/share/static/css/base/login.css @@ -0,0 +1,71 @@ +.login-body .action-results { + list-style: none; +} + +#login-box hr { + display: none; +} + +#login-box { + + width: 30em; + +margin-right:auto;margin-left:auto; + padding-top: 2em; + padding-bottom: 2em; + + +} + + +#login-box .input-row { + position: relative; + height: 1.5em; + padding-top: 1em; +} + +#login-box .input-row .label { + + float: left; + width: 8em; + text-align: right; + font-weight: bold; + + +} + +#login-box .input-row input { + width: 14em; +} + +#login-box .button-row { + margin-top: 0.5em; +} + +#quick-personal { + position: absolute; + z-index: 9999; + left: 0; + /* This avoids a very weird bug in Chrome where opening a select causes a + * hover event at (0,0), which will be over top of the menu sometimes */ + top: 1px; +} + +#quick-personal #not-logged-in { + display: block; + padding-top: 0.5em; + padding-left: 1em; +} + +.redirect-warning tt { + display: block; + margin: 0.5em 0 0.5em 1em; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + width: 90%; +} + +#login-box div.login-help { + text-align: center; +} diff --git a/rt/share/static/css/base/main.css b/rt/share/static/css/base/main.css new file mode 100644 index 0000000..1f6a2c4 --- /dev/null +++ b/rt/share/static/css/base/main.css @@ -0,0 +1,28 @@ +@import "yui-fonts.css"; +@import "jquery-ui.css"; +@import "jquery-ui-timepicker-addon.css"; +@import "jquery.modal.css"; +@import "superfish.css"; +@import "superfish-navbar.css"; +@import "superfish-vertical.css"; +@import "tablesorter.css"; +@import "farbtastic.css"; +@import "collection.css"; +@import "forms.css"; +@import "misc.css"; +@import "nav.css"; +@import "ticket-form.css"; +@import "rights-editor.css"; +@import "theme-editor.css"; +@import "ticket.css"; +@import "accordion.css"; +@import "record.css"; +@import "admin.css"; +@import "articles.css"; +@import "portlets.css"; +@import "tools.css"; +@import "login.css"; +@import "history-folding.css"; +@import "history.css"; +@import "charts.css"; +@import "print.css"; diff --git a/rt/share/static/css/base/misc.css b/rt/share/static/css/base/misc.css new file mode 100644 index 0000000..a76bf00 --- /dev/null +++ b/rt/share/static/css/base/misc.css @@ -0,0 +1,81 @@ +.hide, .hidden { display: none !important; } + +.clear { clear: both; } + +* html .clearfix { + height: 1%; /* IE5-6 */ +} +.clearfix { + display: inline-block; /* IE7xhtml*/ +} +html[xmlns] .clearfix { /* O */ + display: block; +} +.clearfix:after { /* FF, O, etc. */ + content: "."; + display: block; + height: 0; + clear: both; + visibility: hidden; +} + +hr.clear { + visibility: hidden; + height: 0; + margin: 0; + padding: 0; + border: none; + font-size: 1px; +} + +/* Custom fields */ + +/* Only apply these when we're not rendering in a table, hence the leading div. */ +div.edit-custom-field { + width: 48%; + float: left; + margin: 0.5em; +} + +div.edit-custom-field .cflabel { + float: left; + padding-right: 0.5em; +} + +div.edit-custom-field .entry { + margin-left: 10em; +} + +.cflabel .name { font-weight: bold; } +.cflabel .type { font-style: italic; } + +fieldset.cfedit { + border: none; + padding: 0; + margin: 0; +} + +table.bulk-edit-custom-fields { + border-spacing: 0; +} +table.bulk-edit-custom-fields tr td { + padding-bottom: 0.5em; +} + +.query-stacktrace-toggle { + float: right; +} + +/* jQuery UI overrides */ +.ui-widget { + font-family: arial,helvetica,sans-serif !important; +} + +textarea.messagebox, #cke_Content, #cke_UpdateContent { + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.datepicker { + width: 17em; +} diff --git a/rt/share/static/css/base/msie6.css b/rt/share/static/css/base/msie6.css new file mode 100644 index 0000000..4b208b8 --- /dev/null +++ b/rt/share/static/css/base/msie6.css @@ -0,0 +1,19 @@ +table.ticket-summary { + table-layout: fixed; +} + +.ticket-transaction div.metadata { + height: 1px; +} + +div.downloadattachment { + position: relative; +} + +div.messagebody { + height: 3em; +} + +span.message-stanza-folder { + display: inline !important; +} diff --git a/rt/share/static/css/base/nav.css b/rt/share/static/css/base/nav.css new file mode 100644 index 0000000..bb82861 --- /dev/null +++ b/rt/share/static/css/base/nav.css @@ -0,0 +1,17 @@ +.sf-menu li.active > .menu-item { + font-weight: bold; +} + +#topactions input[type="submit"], #topactions input.button { + width: auto; + padding-left: 0.5em; + padding-right: 0.5em; +} + +#topactions form { + display: block; + float: right; + margin-left: 1em; + text-align: right; +} + diff --git a/rt/share/static/css/base/portlets.css b/rt/share/static/css/base/portlets.css new file mode 100644 index 0000000..e0cc9df --- /dev/null +++ b/rt/share/static/css/base/portlets.css @@ -0,0 +1,17 @@ +table.myrt { + width: 100%; +} + +table.dashboard { + width: 100%; + border: 0; +} + +.quick-create .select-queue { + width: 12em; +} + +.quick-create input[type="text"], .quick-create textarea { + width: 100%; + +} diff --git a/rt/share/static/css/base/print.css b/rt/share/static/css/base/print.css new file mode 100644 index 0000000..cafb89e --- /dev/null +++ b/rt/share/static/css/base/print.css @@ -0,0 +1,192 @@ +@media print { + * { + position: static; + overflow: visible !important; + } + + body { + margin: 0; + padding: 0; + font-size: 10pt; + background: white !important; + } + + div#body { + background: transparent; + margin-top: 3em !important; + margin: 0 !important; + padding: 0 !important; + border-style: none !important; + border: none !important; + -webkit-border-radius: none !important; + -moz-border-radius: none !important; + border-radius: none !important; + } + + div#header h1 { + margin-bottom: 1em !important; + padding-left: 1em !important; + position: static !important; + height: auto; + width: auto; + overflow: visible; + color: black !important; + padding: 0 !important; + } + + #header { + padding: 0 !important; + background: transparent !important; + position: inherit !important; + } + + #quickbar, + #app-nav, + #page-menu, + #main-navigation, + #page-navigation, + .titlebox-title .widget, + .titlebox-title .right, + .ticket-info-links .titlebox-content .create, + div.transaction div.metadata span.actions, + div.transaction div.content div.downloadattachment, + #comp-Search-Results #body .refresh, + .search-result-actions, + #comp-Search-Chart .chart-meta, + #footer, + #topactions, + #logo, + div.summary + br { + display: none + } + + /* Hide "Click to load" and "Loading" message. Loaded history is #id > .history */ + + #deferred_ticket_history > .titlebox, + #delayed_ticket_history > .titlebox { + display: none + } + + a:link, + a:visited { + font-weight: bold !important + } + + div.transaction .metadata .type { + display: none + } + + div.titlebox-title .left { + border: 0 !important; + color: black !important; + margin: 0 !important; + padding-left: 0 !important; + background-color: transparent !important; + } + + .titlebox.rolled-up .titlebox-title .left:after { + content: " [-]"; + font-weight: normal; + } + + /* outer Ticket Metadata titlebox gets no padding, but inside ones do below */ + + .summary .titlebox-content { + background: transparent !important + } + + div.summary .ticket-summary div.titlebox-content { + padding: 0.5em 1em 1em 1em !important + } + + div.titlebox-title .left * { + color: black !important; + background: transparent !important; + } + + div.messagebody a[href]:after { + text-decoration: underline !important; + content: " (" attr(href) ") "; + } + + div.results { + background: #ccc + } + + .messagebody { + orphans: 2; + widows: 2; + } + + div.titlebox-title { + page-break-after: avoid; + border: 0 !important; + } + + .history-container, + div.transaction { + border: 0 !important + } + + div.transaction { + page-break-inside: avoid + } + + /* hide "Ticket metadata" */ + + div.summary > div > div.titlebox > div.titlebox-title { + display: none !important + } + + .value { + font-weight: bold !important + } + + .label, + .label a, + .labeltop, + .labeltop a { + font-weight: normal !important + } + + div.titlebox { + margin-bottom: 0 + } + + /* for web2 and ballard*/ + + div.titlebox { + border: 0 !important + } + + div.history .titlebox-title { + padding: 0 !important; + margin: 0 !important; + } + + /* for web2 */ + + #page-action-menu { + display: none + } + + /* form elements */ + + input, + select, + option, + button, + .button { + background: white !important; + color: black !important; + border: 1px solid #666 !important; + } + + option { + border: none !important + } + + option[selected] { + font-weight: bold !important + } +} diff --git a/rt/share/static/css/base/record.css b/rt/share/static/css/base/record.css new file mode 100644 index 0000000..eba4b93 --- /dev/null +++ b/rt/share/static/css/base/record.css @@ -0,0 +1,10 @@ +.record .record-field .label { + display: inline-block; + width: 8em; + font-weight: bold; + text-align: right; +} + +.record .record-field .value { + display: inline-block; +} diff --git a/rt/share/static/css/base/rights-editor.css b/rt/share/static/css/base/rights-editor.css new file mode 100644 index 0000000..acfc3d9 --- /dev/null +++ b/rt/share/static/css/base/rights-editor.css @@ -0,0 +1,130 @@ +/* Styles for putting jQuery UI tabs on the left */ +.rights-editor { + border: none; + background: transparent; + width: 100%; + font-size: 110%; +} + +/* Position and style the left tabs */ +.rights-editor > .ui-tabs-nav { + float: left; + background: transparent; + border: none; + color: black; + width: 25%; +} + +.rights-editor > .ui-tabs-nav li { + float: none; + display: block; + border: none; + background: transparent; +} + +.rights-editor > .ui-tabs-nav li a { + float: none; + display: block; + padding: 0 0 0.2em 1em; + overflow: hidden; + text-overflow: ellipsis; +} + +.rights-editor .ui-tabs-nav li.category { + text-transform: uppercase; +} + +li.category ~ li.category { + margin-top: 1em; +} + +.rights-editor li.addprincipal .warning { + color: #a00; + display: none; +} + +/* Position the outer-most panel */ +.rights-editor > .ui-tabs-panel { + position: static; + float: left; + width: 72%; +} + +.rights-editor .ui-tabs-panel { + padding: 2px; +} + +.rights-editor .ui-tabs-panel h3 { + color: black; + margin-top: 0; + line-height: 0.8em; +} + +.rights-editor .ui-tabs-panel h3 .subgroups { + color: #444; + font-size: 80%; +} + +.category-tabs { + width: 100%; + border: none; + background: none; +} + +.category-tabs .ui-tabs-nav { + border: none; + background: none; +} + +.category-tabs .ui-tabs-panel { + background: none; + border: 1px solid #aaa; +} + +.rights-editor li.ui-tabs-active { + background: white !important; + color: #222 !important; + border-color: #aaa !important; + font-weight: bold; +} + +.rights-editor .ui-state-active a, +.rights-editor .ui-state-hover a { + color: #222 !important; +} + +.rights-editor .category-tabs li.ui-state-hover { + background: #f6f6f6; + border-color: #aaa !important; +} + +.rights-editor .separator { + display: none; +} + +.rights-editor ul.rights-list { + list-style: none; +} + +.rights-editor ul.rights-list li { + padding: 0.2em 0; +} + +.rights-editor ul.rights-list li:nth-child(even) { + background: #f4f4f4; +} + +.rights-editor ul.rights-list li label { + cursor: pointer; +} + +.rights-editor .rightname { + color: #888; + font-size: 0.9em; + + position: absolute; + right: 1em; + margin-top: 0.3em; + + text-align: right; +} diff --git a/rt/share/static/css/base/superfish-navbar.css b/rt/share/static/css/base/superfish-navbar.css new file mode 100644 index 0000000..459156e --- /dev/null +++ b/rt/share/static/css/base/superfish-navbar.css @@ -0,0 +1,95 @@ + +/*** adding the class sf-navbar in addition to sf-menu creates an all-horizontal nav-bar menu ***/ +.sf-navbar { + background: #BDD2FF; + height: 2em; + padding-bottom: 2em; + position: relative; +} +.sf-navbar li { + background: #AABDE6; + position: static; +} +.sf-navbar a { + border-top: none; +} +.sf-navbar li ul { + width: 44em; /*IE6 soils itself without this*/ +} +.sf-navbar li li { + background: #BDD2FF; + position: relative; +} +.sf-navbar li li ul { + width: 13em; +} +.sf-navbar li li li { + width: 100%; +} +.sf-navbar ul li { + width: auto; + float: left; +} +.sf-navbar a, .sf-navbar a:visited { + border: none; +} +.sf-navbar li.current { + background: #BDD2FF; +} +.sf-navbar li:hover, +.sf-navbar li.sfHover, +.sf-navbar li li.current, +.sf-navbar a:focus, .sf-navbar a:hover, .sf-navbar a:active { + background: #BDD2FF; +} +.sf-navbar ul li:hover, +.sf-navbar ul li.sfHover, +ul.sf-navbar ul li:hover li, +ul.sf-navbar ul li.sfHover li, +.sf-navbar ul a:focus, .sf-navbar ul a:hover, .sf-navbar ul a:active { + background: #D1DFFF; +} +ul.sf-navbar li li li:hover, +ul.sf-navbar li li li.sfHover, +.sf-navbar li li.current li.current, +.sf-navbar ul li li a:focus, .sf-navbar ul li li a:hover, .sf-navbar ul li li a:active { + background: #E6EEFF; +} +ul.sf-navbar .current ul, +ul.sf-navbar ul li:hover ul, +ul.sf-navbar ul li.sfHover ul { + left: 0; + top: 2em; /* match top ul list item height */ +} +ul.sf-navbar .current ul ul { + top: -999em; +} + +.sf-navbar li li.current > a { + font-weight: bold; +} + +/*** point all arrows down ***/ +/* point right for anchors in subs */ +.sf-navbar ul .sf-sub-indicator { background-position: -10px -100px; } +.sf-navbar ul a > .sf-sub-indicator { background-position: 0 -100px; } +/* apply hovers to modern browsers */ +.sf-navbar ul a:focus > .sf-sub-indicator, +.sf-navbar ul a:hover > .sf-sub-indicator, +.sf-navbar ul a:active > .sf-sub-indicator, +.sf-navbar ul li:hover > a > .sf-sub-indicator, +.sf-navbar ul li.sfHover > a > .sf-sub-indicator { + background-position: -10px -100px; /* arrow hovers for modern browsers*/ +} + +/*** remove shadow on first submenu ***/ +.sf-navbar > li > ul { + background: transparent; + padding: 0; + -moz-border-radius-bottomleft: 0; + -moz-border-radius-topright: 0; + -webkit-border-top-right-radius: 0; + -webkit-border-bottom-left-radius: 0; + border-top-right-radius: 0; + border-bottom-left-radius: 0; +} diff --git a/rt/share/static/css/base/superfish-vertical.css b/rt/share/static/css/base/superfish-vertical.css new file mode 100644 index 0000000..8025b78 --- /dev/null +++ b/rt/share/static/css/base/superfish-vertical.css @@ -0,0 +1,23 @@ +/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/ +.sf-vertical, .sf-vertical li { + width: 10em; +} +/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */ +.sf-vertical li:hover ul, +.sf-vertical li.sfHover ul { + left: 10em; /* match ul width */ + top: 0; +} + +/*** alter arrow directions ***/ +.sf-vertical .sf-sub-indicator { background-position: -10px 0; } /* IE6 gets solid image only */ +.sf-vertical a > .sf-sub-indicator { background-position: 0 0; } /* use translucent arrow for modern browsers*/ + +/* hover arrow direction for modern browsers*/ +.sf-vertical a:focus > .sf-sub-indicator, +.sf-vertical a:hover > .sf-sub-indicator, +.sf-vertical a:active > .sf-sub-indicator, +.sf-vertical li:hover > a > .sf-sub-indicator, +.sf-vertical li.sfHover > a > .sf-sub-indicator { + background-position: -10px 0; /* arrow hovers for modern browsers*/ +}
\ No newline at end of file diff --git a/rt/share/static/css/base/superfish.css b/rt/share/static/css/base/superfish.css new file mode 100644 index 0000000..57ac4bf --- /dev/null +++ b/rt/share/static/css/base/superfish.css @@ -0,0 +1,138 @@ + +/*** ESSENTIAL STYLES ***/ +.sf-menu, .sf-menu * { + margin: 0; + padding: 0; + list-style: none; +} +.sf-menu { + line-height: 1.0; +} +.sf-menu ul { + position: absolute; + top: -999em; + width: 10em; /* left offset of submenus need to match (see below) */ +} +.sf-menu ul li { + width: 100%; +} +.sf-menu li:hover { + visibility: inherit; /* fixes IE7 'sticky bug' */ +} +.sf-menu li { + float: left; + position: relative; +} +.sf-menu a { + display: block; + position: relative; +} +.sf-menu li:hover ul, +.sf-menu li.sfHover ul { + left: 0; + top: 2em; /* match top ul list item height */ + z-index: 99; +} +ul.sf-menu li:hover li ul, +ul.sf-menu li.sfHover li ul { + top: -999em; +} +ul.sf-menu li li:hover ul, +ul.sf-menu li li.sfHover ul { + left: 10em; /* match ul width */ + top: 0; +} +ul.sf-menu li li:hover li ul, +ul.sf-menu li li.sfHover li ul { + top: -999em; +} +ul.sf-menu li li li:hover ul, +ul.sf-menu li li li.sfHover ul { + left: 10em; /* match ul width */ + top: 0; +} + +/*** DEMO SKIN ***/ +.sf-menu { + float: left; + margin-bottom: 1em; +} +.sf-menu a { + border-left: 1px solid #fff; + border-top: 1px solid #CFDEFF; + padding: .75em 1em; + text-decoration:none; +} +.sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/ + color: #13a; +} +.sf-menu li { + background: #BDD2FF; +} +.sf-menu li li { + background: #AABDE6; +} +.sf-menu li li li { + background: #9AAEDB; +} +.sf-menu li:hover, .sf-menu li.sfHover, +.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { + background: #CFDEFF; + outline: 0; +} + +/*** arrows **/ +.sf-menu a.sf-with-ul { + padding-right: 2.25em; + min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */ +} +.sf-sub-indicator { + position: absolute; + display: block; + right: .75em; + top: 1.05em; /* IE6 only */ + width: 10px; + height: 10px; + text-indent: -999em; + overflow: hidden; + background: url(../../../static/css/images/arrows-ffffff.png) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */ +} +a > .sf-sub-indicator { /* give all except IE6 the correct values */ + top: .8em; + background-position: 0 -100px; /* use translucent arrow for modern browsers*/ +} +/* apply hovers to modern browsers */ +a:focus > .sf-sub-indicator, +a:hover > .sf-sub-indicator, +a:active > .sf-sub-indicator, +li:hover > a > .sf-sub-indicator, +li.sfHover > a > .sf-sub-indicator { + background-position: -10px -100px; /* arrow hovers for modern browsers*/ +} + +/* point right for anchors in subs */ +.sf-menu ul .sf-sub-indicator { background-position: -10px 0; } +.sf-menu ul a > .sf-sub-indicator { background-position: 0 0; } +/* apply hovers to modern browsers */ +.sf-menu ul a:focus > .sf-sub-indicator, +.sf-menu ul a:hover > .sf-sub-indicator, +.sf-menu ul a:active > .sf-sub-indicator, +.sf-menu ul li:hover > a > .sf-sub-indicator, +.sf-menu ul li.sfHover > a > .sf-sub-indicator { + background-position: -10px 0; /* arrow hovers for modern browsers*/ +} + +/*** shadows for all but IE6 ***/ +.sf-shadow ul { + background: url(../../../static/css/images/shadow.png) no-repeat bottom right; + padding: 0 8px 9px 0; + -moz-border-radius-bottomleft: 17px; + -moz-border-radius-topright: 17px; + -webkit-border-top-right-radius: 17px; + -webkit-border-bottom-left-radius: 17px; + border-top-right-radius: 17px; + border-bottom-left-radius: 17px; +} +.sf-shadow ul.sf-shadow-off { + background: transparent; +} diff --git a/rt/share/static/css/base/tablesorter.css b/rt/share/static/css/base/tablesorter.css new file mode 100644 index 0000000..146d24d --- /dev/null +++ b/rt/share/static/css/base/tablesorter.css @@ -0,0 +1,52 @@ +/* + * + * TableSorter 2.0 - Client-side table sorting with ease! + * @requires jQuery v1.2.3 + * + * Copyright (c) 2007 Christian Bach + * Examples and docs at: http://tablesorter.com + * Dual licensed under the MIT and GPL licenses: + * http://www.opensource.org/licenses/mit-license.php + * http://www.gnu.org/licenses/gpl.html + * + */ + +/* tables */ +table.tablesorter { + background-color: #CDCDCD; + margin:10px 0pt 15px; + font-size: 8pt; + width: 100%; + text-align: left; +} +table.tablesorter thead tr th, table.tablesorter tfoot tr th { + background-color: #e6EEEE; + border: 1px solid #FFF; + font-size: 8pt; + padding: 4px; +} +table.tablesorter thead tr .header { + background-image: url(../../../static/images/tablesorter/bg.gif); + background-repeat: no-repeat; + background-position: center right; + cursor: pointer; + padding-right: 20px; +} +table.tablesorter tbody td { + color: #3D3D3D; + padding: 4px; + background-color: #FFF; + vertical-align: top; +} +table.tablesorter tbody tr.odd td { + background-color:#F0F0F6; +} +table.tablesorter thead tr .headerSortUp { + background-image: url(../../../static/images/tablesorter/asc.gif); +} +table.tablesorter thead tr .headerSortDown { + background-image: url(../../../static/images/tablesorter/desc.gif); +} +table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp { +background-color: #8dbdd8; +} diff --git a/rt/share/static/css/base/theme-editor.css b/rt/share/static/css/base/theme-editor.css new file mode 100644 index 0000000..0110390 --- /dev/null +++ b/rt/share/static/css/base/theme-editor.css @@ -0,0 +1,69 @@ +#upload-logo h2, #pick-section h2 { + margin: 0 0 0.5em 0; +} + +#custom-css h2 { + margin: 0; +} + +#upload-logo label { + font-weight: bold; +} + +#logo-theme-editor a img { + border: none; +} + +#simple-customize { + float: left; + width: 48%; +} + +#custom-css { + float: left; + width: 48%; +} + +#custom-css textarea { + width: 100%; +} + +#customize-theme ol li { + font-size: 1.2em; + font-weight: bold; +} + +#customize-theme ol li .description, +#customize-theme ol li label +{ + font-weight: normal; +} + +#customize-theme #section { + font-size: 1em; +} + +.color-template { + height: 2em; + margin: 0 0 0.5em 0; +} + +.primary-colors, #color-picker { + margin-top: 0.5em; +} + +.primary-colors { + float: left; + width: 20%; +} + +#color-picker { + float: right; + width: 78%; +} + +#logo-color-picker { + display: none; /* unhidden by javascript */ + cursor: url(<% RT->Config->Get("WebImagesURL") %>/eyedropper.png), crosshair; +} + diff --git a/rt/share/static/css/base/ticket-form.css b/rt/share/static/css/base/ticket-form.css new file mode 100644 index 0000000..11d1fdd --- /dev/null +++ b/rt/share/static/css/base/ticket-form.css @@ -0,0 +1,75 @@ +.ticket-info-basics input[name="Subject"] { + width: 20em; +} + +#ticket-create-metadata .cflabel .name, +#ticket-update-metadata .cflabel .name { + font-weight: normal; +} + +#ticket-create-message .messagedetails, +#ticket-update-message .messagedetails +{ + margin-bottom: 0.5em; +} + +#ticket-create-message .messagedetails input[type="text"], +#ticket-update-message .messagedetails input[type="text"] { + width: 90%; +} + +#ticket-create-message #SubmitTicket, +#ticket-update-message #SubmitTicket { + padding-bottom: 2em; +} + +.ticket-info-squelch ul, #previewscrips ul { + list-style: none; +} + +iframe.richtext-editor { + background-color: white !important; +} + +.messagebox-container.action-response textarea, +.messagebox-container.action-response iframe +{ + background-color: #fcc !important; +} + +.sidebyside #ticket-create-metadata, +.sidebyside #ticket-update-metadata { + float: right; + width: 40%; + clear: right; +} + +.sidebyside #ticket-create-message, +.sidebyside #ticket-update-message { + float: left; + width: 58%; + clear: left; +} + +@media (max-width: 950px) { + /* Revert to a single column when we're less than 1000px wide */ + .sidebyside #ticket-create-metadata, + .sidebyside #ticket-update-metadata, + .sidebyside #ticket-create-message, + .sidebyside #ticket-update-message + { + float: none; + width: auto; + clear: both; + } +} + +.sidebyside #comp-Ticket-Update #body { + padding-top: 3em; +} + +.sidebyside #ticket-create-message .button[name="AddMoreAttach"], +.sidebyside #ticket-update-message .button[name="AddMoreAttach"] { + float: right; +} + diff --git a/rt/share/static/css/base/ticket.css b/rt/share/static/css/base/ticket.css new file mode 100644 index 0000000..cfe3768 --- /dev/null +++ b/rt/share/static/css/base/ticket.css @@ -0,0 +1,127 @@ +/* More about requestor ticket lists */ + +.more-about-requestor-tickets { + background: none; + border: none; + font-family: arial,helvetica,sans-serif !important; + padding: 0 !important; +} + +.more-about-requestor-tickets .ui-tabs-nav { + background: none; + border: none; + font-size: 80%; + padding: 0; + margin: 0; +} + +.more-about-requestor-tickets .ui-tabs-nav li { + border: none !important; + background: none !important; + padding-right: 1em; +} + +.more-about-requestor-tickets .ui-tabs-nav a { + padding: 0 !important; + margin: 0 !important; + color: black !important; +} + +.more-about-requestor-tickets .ui-tabs-nav a:hover, +.more-about-requestor-tickets .ui-tabs-nav .ui-tabs-active a { + text-decoration: underline; +} + +.more-about-requestor-tickets .ui-tabs-panel { + border: none; + padding: 0; + margin: 0; + color: black !important; +} + +.more-about-requestor-tickets .ui-tabs-panel a { + color: black !important; +} + + +.plain-text-white-space { + white-space: pre-wrap; + font-family: monospace; +} + +.plain-text-white-space br { + display: none; +} + +.dependency-status { + font-style: italic; +} +.dependency-status .summary { + font-weight: bold; + font-style: normal; +} + +/* Color the titlebox tabs */ +.ticket-info-cfs .titlebox .titlebox-title .left { background-color: #b32; color: #fff;} +.ticket-info-basics .titlebox .titlebox-title .left { background-color: #b32; color: #fff;} +.ticket-info-people .titlebox .titlebox-title .left { background-color: #48c; color: #fff;} +.ticket-info-requestor .titlebox .titlebox-title .left { white-space: nowrap; background-color: #48c; color: #fff;} +.ticket-info-links .titlebox .titlebox-title .left { background-color: #316531; color: #fff;} +.ticket-info-merge .titlebox .titlebox-title .left { background-color: #8b4513; color: #fff;} +.ticket-info-reminders .titlebox .titlebox-title .left { background-color: #369; color: #fff;} +.ticket-info-dates .titlebox .titlebox-title .left { background-color: #633063; color: #fff;} +.ticket-info-attachments .titlebox .titlebox-title .left { background-color: #993366; color: #fff;} +.ticket-info-generic .titlebox .titlebox-title .left { background-color: #547ccc; color: #fff;} + +.ticket-summary .titlebox .titlebox-title .left a, .ticket-summary .titlebox .titlebox-title .left a:visited { color: #fff;} + +.unread-messages .titlebox-content :link { + text-decoration: underline; +} + +.ticket-inactive { + text-decoration: line-through; + color: #666 +} + +table.ticket-summary td.boxcontainer:first-child { + width: 50%; +} +div.requestor-ticket-links { + text-align: left; + font-size: 0.8em; + padding-top: 0.25em; +} + +.ticket-info-requestor .more-about-requestor-extra, +.ticket-info-requestor .comments-about-user, +.ticket-info-requestor .more-about-requestor-tickets, +.ticket-info-requestor .more-about-user-groups +{ + margin: 0.5em 0 1em 0; +} + +.ticket-info-requestor .comments-about-user .label, +.ticket-info-requestor .more-about-user-groups .label, +.ticket-info-requestor .more-about-requestor-tickets .label +{ + display: block; + font-weight: bold; + text-align: left; +} + +.ticket-info-requestor .more-about-user-groups .value ul, +.ticket-info-requestor .more-about-requestor-tickets ul +{ + margin-top: 0; + margin-bottom: 0; +} + + +/* textareas get to be bigger when we're in a table */ +tr.edit-custom-field.cftype-Text textarea, +tr.edit-custom-field.cftype-Freeform input, +tr.edit-custom-field.cftype-Wikitext textarea +{ + width: 100%; +} diff --git a/rt/share/static/css/base/tools.css b/rt/share/static/css/base/tools.css new file mode 100644 index 0000000..8814600 --- /dev/null +++ b/rt/share/static/css/base/tools.css @@ -0,0 +1,7 @@ +table.myday td { + padding: 1em; +} + +ol.dashboard-queries { + padding-left: 1.5em; +} diff --git a/rt/share/static/css/base/yui-fonts.css b/rt/share/static/css/base/yui-fonts.css new file mode 100644 index 0000000..fdae8d9 --- /dev/null +++ b/rt/share/static/css/base/yui-fonts.css @@ -0,0 +1,7 @@ +/* +Copyright (c) 2008, Yahoo! Inc. All rights reserved. +Code licensed under the BSD License: +http://developer.yahoo.net/yui/license.txt +version: 2.5.1 +*/ +body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;} diff --git a/rt/share/static/css/freeside3/InHeader b/rt/share/static/css/freeside3/InHeader new file mode 100644 index 0000000..aff24d8 --- /dev/null +++ b/rt/share/static/css/freeside3/InHeader @@ -0,0 +1,67 @@ +%# BEGIN BPS TAGGED BLOCK {{{ +%# +%# COPYRIGHT: +%# +%# This software is Copyright (c) 1996-2012 Best Practical Solutions, LLC +%# <sales@bestpractical.com> +%# +%# (Except where explicitly superseded by other copyright notices) +%# +%# +%# LICENSE: +%# +%# This work is made available to you under the terms of Version 2 of +%# the GNU General Public License. A copy of that license should have +%# been provided with this software, but in any event can be snarfed +%# from www.gnu.org. +%# +%# This work is distributed in the hope that it will be useful, but +%# WITHOUT ANY WARRANTY; without even the implied warranty of +%# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU +%# General Public License for more details. +%# +%# You should have received a copy of the GNU General Public License +%# along with this program; if not, write to the Free Software +%# Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA +%# 02110-1301 or visit their web page on the internet at +%# http://www.gnu.org/licenses/old-licenses/gpl-2.0.html. +%# +%# +%# CONTRIBUTION SUBMISSION POLICY: +%# +%# (The following paragraph is not intended to limit the rights granted +%# to you to modify and distribute this software under the terms of +%# the GNU General Public License and is only of importance to you if +%# you choose to contribute your changes and enhancements to the +%# community by submitting them to Best Practical Solutions, LLC.) +%# +%# By intentionally submitting any modifications, corrections or +%# derivatives to this work, or any other work intended for use with +%# Request Tracker, to Best Practical Solutions, LLC, you confirm that +%# you are the copyright holder for those contributions and you grant +%# Best Practical Solutions, LLC a nonexclusive, worldwide, irrevocable, +%# royalty-free, perpetual, license to use, copy, create derivative +%# works based on those contributions, and sublicense and distribute +%# those contributions and any derivatives thereof. +%# +%# END BPS TAGGED BLOCK }}} +<!--[if (lt IE 9)&(gt IE 6)]> +<link rel="stylesheet" href="<%RT->Config->Get('WebPath')%>/NoAuth/css/aileron/msie-pie.css" type="text/css" media="all" /> +<![endif]--> +<!--[if lt IE 8]> +<link rel="stylesheet" href="<%RT->Config->Get('WebPath')%>/NoAuth/css/aileron/msie.css" type="text/css" media="all" /> +<![endif]--> +<!--[if lt IE 7]> +<link rel="stylesheet" href="<%RT->Config->Get('WebPath')%>/NoAuth/css/aileron/msie6.css" type="text/css" media="all" /> +<![endif]--> +<script type="text/javascript"> +jQuery(document).ready(function(){ + jQuery.fn.supersubs.defaults = { + maxWidth: 30, + extraWidth: 2 + }; + + jQuery("#app-nav.toplevel").addClass('sf-menu sf-js-enabled sf-shadow').supersubs().superfish({ speed: 'fast' }); + jQuery("#page-menu.toplevel").addClass('sf-menu sf-js-enabled').supersubs().superfish({ dropShadows: false, speed: 'fast' }).supposition(); +}); +</script> diff --git a/rt/share/static/css/freeside3/base.css b/rt/share/static/css/freeside3/base.css new file mode 100644 index 0000000..0744f0b --- /dev/null +++ b/rt/share/static/css/freeside3/base.css @@ -0,0 +1,62 @@ +%# BEGIN BPS TAGGED BLOCK {{{ +%# +%# COPYRIGHT: +%# +%# This software is Copyright (c) 1996-2012 Best Practical Solutions, LLC +%# <sales@bestpractical.com> +%# +%# (Except where explicitly superseded by other copyright notices) +%# +%# +%# LICENSE: +%# +%# This work is made available to you under the terms of Version 2 of +%# the GNU General Public License. A copy of that license should have +%# been provided with this software, but in any event can be snarfed +%# from www.gnu.org. +%# +%# This work is distributed in the hope that it will be useful, but +%# WITHOUT ANY WARRANTY; without even the implied warranty of +%# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU +%# General Public License for more details. +%# +%# You should have received a copy of the GNU General Public License +%# along with this program; if not, write to the Free Software +%# Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA +%# 02110-1301 or visit their web page on the internet at +%# http://www.gnu.org/licenses/old-licenses/gpl-2.0.html. +%# +%# +%# CONTRIBUTION SUBMISSION POLICY: +%# +%# (The following paragraph is not intended to limit the rights granted +%# to you to modify and distribute this software under the terms of +%# the GNU General Public License and is only of importance to you if +%# you choose to contribute your changes and enhancements to the +%# community by submitting them to Best Practical Solutions, LLC.) +%# +%# By intentionally submitting any modifications, corrections or +%# derivatives to this work, or any other work intended for use with +%# Request Tracker, to Best Practical Solutions, LLC, you confirm that +%# you are the copyright holder for those contributions and you grant +%# Best Practical Solutions, LLC a nonexclusive, worldwide, irrevocable, +%# royalty-free, perpetual, license to use, copy, create derivative +%# works based on those contributions, and sublicense and distribute +%# those contributions and any derivatives thereof. +%# +%# END BPS TAGGED BLOCK }}} +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/freeside3/boxes.css b/rt/share/static/css/freeside3/boxes.css new file mode 100644 index 0000000..f90ac9f --- /dev/null +++ b/rt/share/static/css/freeside3/boxes.css @@ -0,0 +1,180 @@ +%# BEGIN BPS TAGGED BLOCK {{{ +%# +%# COPYRIGHT: +%# +%# This software is Copyright (c) 1996-2012 Best Practical Solutions, LLC +%# <sales@bestpractical.com> +%# +%# (Except where explicitly superseded by other copyright notices) +%# +%# +%# LICENSE: +%# +%# This work is made available to you under the terms of Version 2 of +%# the GNU General Public License. A copy of that license should have +%# been provided with this software, but in any event can be snarfed +%# from www.gnu.org. +%# +%# This work is distributed in the hope that it will be useful, but +%# WITHOUT ANY WARRANTY; without even the implied warranty of +%# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU +%# General Public License for more details. +%# +%# You should have received a copy of the GNU General Public License +%# along with this program; if not, write to the Free Software +%# Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA +%# 02110-1301 or visit their web page on the internet at +%# http://www.gnu.org/licenses/old-licenses/gpl-2.0.html. +%# +%# +%# CONTRIBUTION SUBMISSION POLICY: +%# +%# (The following paragraph is not intended to limit the rights granted +%# to you to modify and distribute this software under the terms of +%# the GNU General Public License and is only of importance to you if +%# you choose to contribute your changes and enhancements to the +%# community by submitting them to Best Practical Solutions, LLC.) +%# +%# By intentionally submitting any modifications, corrections or +%# derivatives to this work, or any other work intended for use with +%# Request Tracker, to Best Practical Solutions, LLC, you confirm that +%# you are the copyright holder for those contributions and you grant +%# Best Practical Solutions, LLC a nonexclusive, worldwide, irrevocable, +%# royalty-free, perpetual, license to use, copy, create derivative +%# works based on those contributions, and sublicense and distribute +%# those contributions and any derivatives thereof. +%# +%# END BPS TAGGED BLOCK }}} +.titlebox { + margin-top: 1em; + margin-left: 1em; + margin-bottom: 2em; +} + +.titlebox .titlebox-content { + border-left: 1px solid #ccc; + border-top: 1px solid #ccc; + background-color: #efefef; + -moz-border-radius: 0.5em; + -webkit-border-radius: 0.5em; + border-bottom: 2px solid #aaa; + border-right: 2px solid #aaa; + border-radius: 0.5em; + padding: 1.5em 1em 1em 1em; +} + +* html .titlebox { + border-top: none; + border-left: none; +} + +.titlebox .titlebox { + + margin-top: 1em; + margin-right: 0.25em; + +} + +.titlebox .titlebox .titlebox-content { + background-color: white; +} + + +.titlebox { + margin-left: 0em; + margin-right: 0em; + min-height: 1.25em; + +} + + + +.titlebox .titlebox-title { + position: relative; +} + +.titlebox .titlebox-title a { + text-decoration: none; + color: black; + +} + +.titlebox .titlebox-title a:hover { + text-decoration: underline; + +} + +.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: #ccc; + margin-left: 1em; + padding: 0.25em 0.75em 0.25em 2em; + line-height: 1.5em; + -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; + border-right: 2px solid #aaa; +} + +.titlebox .titlebox-title .right-empty { + display:none; +} + +.titlebox .titlebox-title .right { + position: absolute; + right: 2px; + top: 1.75em; + font-size: 0.9em; + background: #dedede; + border-left: 1px solid #ccc; + border-bottom: 1px solid #ccc; + padding-right: 0.4em; + 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: #000; +} + +.titlebox .titlebox-title .widget a { + display: block; + margin: 0; + width: 20px; + + background: url(<%RT->Config->Get('WebPath')%>/NoAuth/images/css/rollup-arrow.gif) no-repeat; + background-position: center 0; + + position: absolute; + top: 0.5em; + left: 1.2em; + + padding: 7px 0 0 0; + overflow: hidden; +} + +.titlebox.rolled-up .titlebox-title .widget a { + background-image: url(<%RT->Config->Get('WebPath')%>/NoAuth/images/css/rolldown-arrow.gif); +} diff --git a/rt/share/static/css/freeside3/forms.css b/rt/share/static/css/freeside3/forms.css new file mode 100644 index 0000000..25c5d5d --- /dev/null +++ b/rt/share/static/css/freeside3/forms.css @@ -0,0 +1,79 @@ +%# BEGIN BPS TAGGED BLOCK {{{ +%# +%# COPYRIGHT: +%# +%# This software is Copyright (c) 1996-2012 Best Practical Solutions, LLC +%# <sales@bestpractical.com> +%# +%# (Except where explicitly superseded by other copyright notices) +%# +%# +%# LICENSE: +%# +%# This work is made available to you under the terms of Version 2 of +%# the GNU General Public License. A copy of that license should have +%# been provided with this software, but in any event can be snarfed +%# from www.gnu.org. +%# +%# This work is distributed in the hope that it will be useful, but +%# WITHOUT ANY WARRANTY; without even the implied warranty of +%# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU +%# General Public License for more details. +%# +%# You should have received a copy of the GNU General Public License +%# along with this program; if not, write to the Free Software +%# Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA +%# 02110-1301 or visit their web page on the internet at +%# http://www.gnu.org/licenses/old-licenses/gpl-2.0.html. +%# +%# +%# CONTRIBUTION SUBMISSION POLICY: +%# +%# (The following paragraph is not intended to limit the rights granted +%# to you to modify and distribute this software under the terms of +%# the GNU General Public License and is only of importance to you if +%# you choose to contribute your changes and enhancements to the +%# community by submitting them to Best Practical Solutions, LLC.) +%# +%# By intentionally submitting any modifications, corrections or +%# derivatives to this work, or any other work intended for use with +%# Request Tracker, to Best Practical Solutions, LLC, you confirm that +%# you are the copyright holder for those contributions and you grant +%# Best Practical Solutions, LLC a nonexclusive, worldwide, irrevocable, +%# royalty-free, perpetual, license to use, copy, create derivative +%# works based on those contributions, and sublicense and distribute +%# those contributions and any derivatives thereof. +%# +%# END BPS TAGGED BLOCK }}} +/* These override the base titlebox rules in base/forms.css. They try not to + duplicate properties. */ + +div.results .titlebox, div.error div.error { + border: none; + background: none; +} + +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-title span.left { + border: none; + border-right: 2px solid #b00; + padding-left: 0.75em; +} + +div.error .titlebox-content { + border: 1px solid #b00; + border-bottom: 2px solid #a00; + border-right: 2px solid #a00; + background-color: #fcc; +} diff --git a/rt/share/static/css/freeside3/freeside.css b/rt/share/static/css/freeside3/freeside.css new file mode 100644 index 0000000..1c0befb --- /dev/null +++ b/rt/share/static/css/freeside3/freeside.css @@ -0,0 +1,7 @@ +div.small_custview { + border: 1px solid #cccccc; + padding: 3px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; +} diff --git a/rt/share/static/css/freeside3/images/dhandler b/rt/share/static/css/freeside3/images/dhandler new file mode 100644 index 0000000..6ec9dea --- /dev/null +++ b/rt/share/static/css/freeside3/images/dhandler @@ -0,0 +1,8 @@ +<%INIT> +use File::Basename; +my $arg = $m->dhandler_arg; +my $file = dirname($m->current_comp->source_file) . '/source/'. $arg; +RT::Interface::Web->SendStaticFile( File => $file ); + +$m->abort; +</%INIT> diff --git a/rt/share/static/css/freeside3/layout.css b/rt/share/static/css/freeside3/layout.css new file mode 100644 index 0000000..c21d9c9 --- /dev/null +++ b/rt/share/static/css/freeside3/layout.css @@ -0,0 +1,181 @@ +%# BEGIN BPS TAGGED BLOCK {{{ +%# +%# COPYRIGHT: +%# +%# This software is Copyright (c) 1996-2012 Best Practical Solutions, LLC +%# <sales@bestpractical.com> +%# +%# (Except where explicitly superseded by other copyright notices) +%# +%# +%# LICENSE: +%# +%# This work is made available to you under the terms of Version 2 of +%# the GNU General Public License. A copy of that license should have +%# been provided with this software, but in any event can be snarfed +%# from www.gnu.org. +%# +%# This work is distributed in the hope that it will be useful, but +%# WITHOUT ANY WARRANTY; without even the implied warranty of +%# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU +%# General Public License for more details. +%# +%# You should have received a copy of the GNU General Public License +%# along with this program; if not, write to the Free Software +%# Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA +%# 02110-1301 or visit their web page on the internet at +%# http://www.gnu.org/licenses/old-licenses/gpl-2.0.html. +%# +%# +%# CONTRIBUTION SUBMISSION POLICY: +%# +%# (The following paragraph is not intended to limit the rights granted +%# to you to modify and distribute this software under the terms of +%# the GNU General Public License and is only of importance to you if +%# you choose to contribute your changes and enhancements to the +%# community by submitting them to Best Practical Solutions, LLC.) +%# +%# By intentionally submitting any modifications, corrections or +%# derivatives to this work, or any other work intended for use with +%# Request Tracker, to Best Practical Solutions, LLC, you confirm that +%# you are the copyright holder for those contributions and you grant +%# Best Practical Solutions, LLC a nonexclusive, worldwide, irrevocable, +%# royalty-free, perpetual, license to use, copy, create derivative +%# works based on those contributions, and sublicense and distribute +%# those contributions and any derivatives thereof. +%# +%# END BPS TAGGED BLOCK }}} +/* body */ + +body { + padding:0; + margin:0; + background: #f8f8f8; + font-family: arial, helvetica, sans-serif; + color: #000000; +} + +div#body { + position: relative; +/* padding: 1.8em 1em 1em 1em; +*/ + padding: 0.5em; +/* -moz-border-radius-topleft: 0.5em; + -webkit-border-top-left-radius: 0.5em; + -moz-border-radius-bottomleft: 0.5em; + -webkit-border-bottom-left-radius: 0.5em; + margin-left: 1em; + margin-top: 1em; + margin-right: 1em; + margin-bottom: 1em; +*/ + min-height: 10%; +/* + background: #fff; + border-top: 2px solid #ccc; + border-left: 2px solid #ccc; +*/ + z-index:1; +/* + border-radius: 0.5em 0 0 0.5em; +*/ + +} + +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; + border-top: 2px solid #aaa; + border-left: 2px solid #aaa; + -moz-border-radius-topleft: 0.5em; + -webkit-border-top-left-radius: 0.5em; + -moz-border-radius-bottomleft: 0.5em; + -webkit-border-bottom-left-radius: 0.5em; + + border-radius: 0.5em 0 0.5em 0; +} + +div#footer #time { + display: none ; +} + +div#footer #bpscredits { + text-align: right; + background: url(<%RT->Config->Get('WebPath')%>/NoAuth/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: #eaeaea; + padding-top: 1em; + padding-left: 1em; + padding-bottom: 0.5em; + height: 1em; + border-bottom: 1px solid #ccc; + +} + +div#header h1 { + position: absolute; + left: 0.5em; + right: 20em; + top: 1.6em; + overflow: hidden; + height: 1em; + font-size: 1.4em; + margin-top: 0.4em; + padding: 0.25em; + color: #fff; +} + +/* in multi-column layouts, make sure we have an internal gutter */ + +tr .boxcontainer { + padding-right: 1em; +} + +tr .boxcontainer:last-child { + padding-right: 0; +} diff --git a/rt/share/static/css/freeside3/login.css b/rt/share/static/css/freeside3/login.css new file mode 100644 index 0000000..be9f746 --- /dev/null +++ b/rt/share/static/css/freeside3/login.css @@ -0,0 +1,50 @@ +%# BEGIN BPS TAGGED BLOCK {{{ +%# +%# COPYRIGHT: +%# +%# This software is Copyright (c) 1996-2012 Best Practical Solutions, LLC +%# <sales@bestpractical.com> +%# +%# (Except where explicitly superseded by other copyright notices) +%# +%# +%# LICENSE: +%# +%# This work is made available to you under the terms of Version 2 of +%# the GNU General Public License. A copy of that license should have +%# been provided with this software, but in any event can be snarfed +%# from www.gnu.org. +%# +%# This work is distributed in the hope that it will be useful, but +%# WITHOUT ANY WARRANTY; without even the implied warranty of +%# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU +%# General Public License for more details. +%# +%# You should have received a copy of the GNU General Public License +%# along with this program; if not, write to the Free Software +%# Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA +%# 02110-1301 or visit their web page on the internet at +%# http://www.gnu.org/licenses/old-licenses/gpl-2.0.html. +%# +%# +%# CONTRIBUTION SUBMISSION POLICY: +%# +%# (The following paragraph is not intended to limit the rights granted +%# to you to modify and distribute this software under the terms of +%# the GNU General Public License and is only of importance to you if +%# you choose to contribute your changes and enhancements to the +%# community by submitting them to Best Practical Solutions, LLC.) +%# +%# By intentionally submitting any modifications, corrections or +%# derivatives to this work, or any other work intended for use with +%# Request Tracker, to Best Practical Solutions, LLC, you confirm that +%# you are the copyright holder for those contributions and you grant +%# Best Practical Solutions, LLC a nonexclusive, worldwide, irrevocable, +%# royalty-free, perpetual, license to use, copy, create derivative +%# works based on those contributions, and sublicense and distribute +%# those contributions and any derivatives thereof. +%# +%# END BPS TAGGED BLOCK }}} +#login-box .titlebox-title .left { + padding-left: 0.75em; +} diff --git a/rt/share/static/css/freeside3/main.css b/rt/share/static/css/freeside3/main.css new file mode 100644 index 0000000..e30706c --- /dev/null +++ b/rt/share/static/css/freeside3/main.css @@ -0,0 +1,64 @@ +%# BEGIN BPS TAGGED BLOCK {{{ +%# +%# COPYRIGHT: +%# +%# This software is Copyright (c) 1996-2012 Best Practical Solutions, LLC +%# <sales@bestpractical.com> +%# +%# (Except where explicitly superseded by other copyright notices) +%# +%# +%# LICENSE: +%# +%# This work is made available to you under the terms of Version 2 of +%# the GNU General Public License. A copy of that license should have +%# been provided with this software, but in any event can be snarfed +%# from www.gnu.org. +%# +%# This work is distributed in the hope that it will be useful, but +%# WITHOUT ANY WARRANTY; without even the implied warranty of +%# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU +%# General Public License for more details. +%# +%# You should have received a copy of the GNU General Public License +%# along with this program; if not, write to the Free Software +%# Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA +%# 02110-1301 or visit their web page on the internet at +%# http://www.gnu.org/licenses/old-licenses/gpl-2.0.html. +%# +%# +%# CONTRIBUTION SUBMISSION POLICY: +%# +%# (The following paragraph is not intended to limit the rights granted +%# to you to modify and distribute this software under the terms of +%# the GNU General Public License and is only of importance to you if +%# you choose to contribute your changes and enhancements to the +%# community by submitting them to Best Practical Solutions, LLC.) +%# +%# By intentionally submitting any modifications, corrections or +%# derivatives to this work, or any other work intended for use with +%# Request Tracker, to Best Practical Solutions, LLC, you confirm that +%# you are the copyright holder for those contributions and you grant +%# Best Practical Solutions, LLC a nonexclusive, worldwide, irrevocable, +%# royalty-free, perpetual, license to use, copy, create derivative +%# works based on those contributions, and sublicense and distribute +%# those contributions and any derivatives thereof. +%# +%# END BPS TAGGED BLOCK }}} +% $m->callback(CallbackName => 'Begin'); + +@import "../base/main.css"; + +@import "base.css"; +@import "layout.css"; +@import "nav.css"; +@import "boxes.css"; +@import "forms.css"; +@import "login.css"; +@import "ticket-lists.css"; +@import "ticket-search.css"; +@import "ticket.css"; +@import "misc.css"; +@import "freeside.css"; + +% $m->callback(CallbackName => 'End'); diff --git a/rt/share/static/css/freeside3/misc.css b/rt/share/static/css/freeside3/misc.css new file mode 100644 index 0000000..2b6eb64 --- /dev/null +++ b/rt/share/static/css/freeside3/misc.css @@ -0,0 +1,58 @@ +%# BEGIN BPS TAGGED BLOCK {{{ +%# +%# COPYRIGHT: +%# +%# This software is Copyright (c) 1996-2012 Best Practical Solutions, LLC +%# <sales@bestpractical.com> +%# +%# (Except where explicitly superseded by other copyright notices) +%# +%# +%# LICENSE: +%# +%# This work is made available to you under the terms of Version 2 of +%# the GNU General Public License. A copy of that license should have +%# been provided with this software, but in any event can be snarfed +%# from www.gnu.org. +%# +%# This work is distributed in the hope that it will be useful, but +%# WITHOUT ANY WARRANTY; without even the implied warranty of +%# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU +%# General Public License for more details. +%# +%# You should have received a copy of the GNU General Public License +%# along with this program; if not, write to the Free Software +%# Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA +%# 02110-1301 or visit their web page on the internet at +%# http://www.gnu.org/licenses/old-licenses/gpl-2.0.html. +%# +%# +%# CONTRIBUTION SUBMISSION POLICY: +%# +%# (The following paragraph is not intended to limit the rights granted +%# to you to modify and distribute this software under the terms of +%# the GNU General Public License and is only of importance to you if +%# you choose to contribute your changes and enhancements to the +%# community by submitting them to Best Practical Solutions, LLC.) +%# +%# By intentionally submitting any modifications, corrections or +%# derivatives to this work, or any other work intended for use with +%# Request Tracker, to Best Practical Solutions, LLC, you confirm that +%# you are the copyright holder for those contributions and you grant +%# Best Practical Solutions, LLC a nonexclusive, worldwide, irrevocable, +%# royalty-free, perpetual, license to use, copy, create derivative +%# works based on those contributions, and sublicense and distribute +%# those contributions and any derivatives thereof. +%# +%# END BPS TAGGED BLOCK }}} +.comment { + padding-left: 0.5em; + color: #999; + +} + +#comp-Ticket-ShowEmailRecord #body { + margin-left: 1em; + margin-top: 1em; + overflow: auto; +} diff --git a/rt/share/static/css/freeside3/msie-pie.css b/rt/share/static/css/freeside3/msie-pie.css new file mode 100644 index 0000000..baa9ebe --- /dev/null +++ b/rt/share/static/css/freeside3/msie-pie.css @@ -0,0 +1,58 @@ +%# BEGIN BPS TAGGED BLOCK {{{ +%# +%# COPYRIGHT: +%# +%# This software is Copyright (c) 1996-2012 Best Practical Solutions, LLC +%# <sales@bestpractical.com> +%# +%# (Except where explicitly superseded by other copyright notices) +%# +%# +%# LICENSE: +%# +%# This work is made available to you under the terms of Version 2 of +%# the GNU General Public License. A copy of that license should have +%# been provided with this software, but in any event can be snarfed +%# from www.gnu.org. +%# +%# This work is distributed in the hope that it will be useful, but +%# WITHOUT ANY WARRANTY; without even the implied warranty of +%# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU +%# General Public License for more details. +%# +%# You should have received a copy of the GNU General Public License +%# along with this program; if not, write to the Free Software +%# Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA +%# 02110-1301 or visit their web page on the internet at +%# http://www.gnu.org/licenses/old-licenses/gpl-2.0.html. +%# +%# +%# CONTRIBUTION SUBMISSION POLICY: +%# +%# (The following paragraph is not intended to limit the rights granted +%# to you to modify and distribute this software under the terms of +%# the GNU General Public License and is only of importance to you if +%# you choose to contribute your changes and enhancements to the +%# community by submitting them to Best Practical Solutions, LLC.) +%# +%# By intentionally submitting any modifications, corrections or +%# derivatives to this work, or any other work intended for use with +%# Request Tracker, to Best Practical Solutions, LLC, you confirm that +%# you are the copyright holder for those contributions and you grant +%# Best Practical Solutions, LLC a nonexclusive, worldwide, irrevocable, +%# royalty-free, perpetual, license to use, copy, create derivative +%# works based on those contributions, and sublicense and distribute +%# those contributions and any derivatives thereof. +%# +%# END BPS TAGGED BLOCK }}} +.search-result-views, +.ticket-transaction div.metadata span.actions, +div#ticket-history div.downloadattachment, +.ticket-transaction div.metadata span.type, +.titlebox, +.titlebox .titlebox-title .right, +.titlebox .titlebox-title .left, +div#footer, +div#body { + behavior: url(<%RT->Config->Get('WebPath')%>/NoAuth/css/images/PIE.htc); +} diff --git a/rt/share/static/css/freeside3/msie.css b/rt/share/static/css/freeside3/msie.css new file mode 100644 index 0000000..c5c091d --- /dev/null +++ b/rt/share/static/css/freeside3/msie.css @@ -0,0 +1,188 @@ +%# BEGIN BPS TAGGED BLOCK {{{ +%# +%# COPYRIGHT: +%# +%# This software is Copyright (c) 1996-2012 Best Practical Solutions, LLC +%# <sales@bestpractical.com> +%# +%# (Except where explicitly superseded by other copyright notices) +%# +%# +%# LICENSE: +%# +%# This work is made available to you under the terms of Version 2 of +%# the GNU General Public License. A copy of that license should have +%# been provided with this software, but in any event can be snarfed +%# from www.gnu.org. +%# +%# This work is distributed in the hope that it will be useful, but +%# WITHOUT ANY WARRANTY; without even the implied warranty of +%# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU +%# General Public License for more details. +%# +%# You should have received a copy of the GNU General Public License +%# along with this program; if not, write to the Free Software +%# Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA +%# 02110-1301 or visit their web page on the internet at +%# http://www.gnu.org/licenses/old-licenses/gpl-2.0.html. +%# +%# +%# CONTRIBUTION SUBMISSION POLICY: +%# +%# (The following paragraph is not intended to limit the rights granted +%# to you to modify and distribute this software under the terms of +%# the GNU General Public License and is only of importance to you if +%# you choose to contribute your changes and enhancements to the +%# community by submitting them to Best Practical Solutions, LLC.) +%# +%# By intentionally submitting any modifications, corrections or +%# derivatives to this work, or any other work intended for use with +%# Request Tracker, to Best Practical Solutions, LLC, you confirm that +%# you are the copyright holder for those contributions and you grant +%# Best Practical Solutions, LLC a nonexclusive, worldwide, irrevocable, +%# royalty-free, perpetual, license to use, copy, create derivative +%# works based on those contributions, and sublicense and distribute +%# those contributions and any derivatives thereof. +%# +%# END BPS TAGGED BLOCK }}} +div#body { + top: 3em; +} + +div#logo .rtname { + float: none; + right: 12em; + position: absolute; +} + +div#footer { + margin-top: 5em; +} + + + +.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; +} + + +.ticket-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; + +} + + +.titlebox .titlebox-content { + padding-top: 2.2em; +} + + +.titlebox table.collection-as-table, .titlebox table.queue-summary { + width: 95%; + padding: 0.5em; + margin-left: auto; + margin-right: auto; +} + +th.collection-as-table { + padding: 0.25em; +} + +table.queue-summary td, td.collection-as-table { + padding: 0.25em; +} + +.titlebox-title { + position: relative; +} + +/* 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/freeside3/msie6.css b/rt/share/static/css/freeside3/msie6.css new file mode 100644 index 0000000..6341e88 --- /dev/null +++ b/rt/share/static/css/freeside3/msie6.css @@ -0,0 +1,86 @@ +%# BEGIN BPS TAGGED BLOCK {{{ +%# +%# COPYRIGHT: +%# +%# This software is Copyright (c) 1996-2012 Best Practical Solutions, LLC +%# <sales@bestpractical.com> +%# +%# (Except where explicitly superseded by other copyright notices) +%# +%# +%# LICENSE: +%# +%# This work is made available to you under the terms of Version 2 of +%# the GNU General Public License. A copy of that license should have +%# been provided with this software, but in any event can be snarfed +%# from www.gnu.org. +%# +%# This work is distributed in the hope that it will be useful, but +%# WITHOUT ANY WARRANTY; without even the implied warranty of +%# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU +%# General Public License for more details. +%# +%# You should have received a copy of the GNU General Public License +%# along with this program; if not, write to the Free Software +%# Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA +%# 02110-1301 or visit their web page on the internet at +%# http://www.gnu.org/licenses/old-licenses/gpl-2.0.html. +%# +%# +%# CONTRIBUTION SUBMISSION POLICY: +%# +%# (The following paragraph is not intended to limit the rights granted +%# to you to modify and distribute this software under the terms of +%# the GNU General Public License and is only of importance to you if +%# you choose to contribute your changes and enhancements to the +%# community by submitting them to Best Practical Solutions, LLC.) +%# +%# By intentionally submitting any modifications, corrections or +%# derivatives to this work, or any other work intended for use with +%# Request Tracker, to Best Practical Solutions, LLC, you confirm that +%# you are the copyright holder for those contributions and you grant +%# Best Practical Solutions, LLC a nonexclusive, worldwide, irrevocable, +%# royalty-free, perpetual, license to use, copy, create derivative +%# works based on those contributions, and sublicense and distribute +%# those contributions and any derivatives thereof. +%# +%# END BPS TAGGED BLOCK }}} +div#body { + top: 0em; +} + +.topaction .select-queue { + margin-top: 0; +} + +.titlebox-title .widget { + top: -1.25em; + left: 0.5em; + +} +.titlebox .titlebox-title .right{ + position: absolute; + top: 1.5em; +} + +.titlebox +{ + height: auto !important; + height: 1.25em; +} + + +.ticket-transaction .messagebody img { + /* ie6 does not support max-width */ + width: expression(this.width > 401 ? 400 : true); +} + + + +.sf-sub-indicator { + background: url(<%RT->Config->Get('WebPath')%>/NoAuth/css/images/arrows-ffffff.gif) no-repeat -10px -100px; +} + +#page-navigation ul { + width: auto; +} diff --git a/rt/share/static/css/freeside3/nav.css b/rt/share/static/css/freeside3/nav.css new file mode 100644 index 0000000..5c49cb3 --- /dev/null +++ b/rt/share/static/css/freeside3/nav.css @@ -0,0 +1,171 @@ +%# BEGIN BPS TAGGED BLOCK {{{ +%# +%# COPYRIGHT: +%# +%# This software is Copyright (c) 1996-2012 Best Practical Solutions, LLC +%# <sales@bestpractical.com> +%# +%# (Except where explicitly superseded by other copyright notices) +%# +%# +%# LICENSE: +%# +%# This work is made available to you under the terms of Version 2 of +%# the GNU General Public License. A copy of that license should have +%# been provided with this software, but in any event can be snarfed +%# from www.gnu.org. +%# +%# This work is distributed in the hope that it will be useful, but +%# WITHOUT ANY WARRANTY; without even the implied warranty of +%# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU +%# General Public License for more details. +%# +%# You should have received a copy of the GNU General Public License +%# along with this program; if not, write to the Free Software +%# Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA +%# 02110-1301 or visit their web page on the internet at +%# http://www.gnu.org/licenses/old-licenses/gpl-2.0.html. +%# +%# +%# CONTRIBUTION SUBMISSION POLICY: +%# +%# (The following paragraph is not intended to limit the rights granted +%# to you to modify and distribute this software under the terms of +%# the GNU General Public License and is only of importance to you if +%# you choose to contribute your changes and enhancements to the +%# community by submitting them to Best Practical Solutions, LLC.) +%# +%# By intentionally submitting any modifications, corrections or +%# derivatives to this work, or any other work intended for use with +%# Request Tracker, to Best Practical Solutions, LLC, you confirm that +%# you are the copyright holder for those contributions and you grant +%# Best Practical Solutions, LLC a nonexclusive, worldwide, irrevocable, +%# royalty-free, perpetual, license to use, copy, create derivative +%# works based on those contributions, and sublicense and distribute +%# those contributions and any derivatives thereof. +%# +%# END BPS TAGGED BLOCK }}} +.sf-menu { + width: 100%; +} + +.sf-menu li:hover { + background-color: #CFDEFF; +} + +.sf-menu li, .sf-menu li li, .sf-menu li li li { + background-color: #eaeaea; +} + +.sf-sub-indicator { + background-image: url(<%RT->Config->Get('WebPath')%>/NoAuth/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; +} + +#page-menu.sf-menu li ul { + border-bottom: 2px solid #ccc; +} + +#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; +background-color: #000000; +} + +#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;*/ + top: 13em; + right: 0em; + left: auto; + font-size: 0.9em; + z-index: 9995; +} + +#page-navigation .sf-menu li, #page-navigation .sf-menu li li, #page-navigation .sf-menu li li li { + /*background-color: #fff; */ + background-color: #f8f8f8; +} + +#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; } + +/* ## new ticket via customer, and we already have a ticket search box + +#topactions { + position: absolute; + background: transparent; + top: 3.2em; + right: 0.7em; + width: auto; + min-width: 42em; + font-size: 0.9em; + z-index: 99; +} + +#topactions form * { + vertical-align: top; +} + +#topactions button, #topactions select, #topactions input{ + padding-top: 0em; + padding-bottom: 0em; + width: 8em; + +} + +#topactions #simple-search .field{ + margin-left: 1em; + color: #787; + } + +#topactions #simple-search .field:focus { + color: #000; + } + +*/ diff --git a/rt/share/static/css/freeside3/ticket-lists.css b/rt/share/static/css/freeside3/ticket-lists.css new file mode 100644 index 0000000..84c9a92 --- /dev/null +++ b/rt/share/static/css/freeside3/ticket-lists.css @@ -0,0 +1,236 @@ +%# BEGIN BPS TAGGED BLOCK {{{ +%# +%# COPYRIGHT: +%# +%# This software is Copyright (c) 1996-2012 Best Practical Solutions, LLC +%# <sales@bestpractical.com> +%# +%# (Except where explicitly superseded by other copyright notices) +%# +%# +%# LICENSE: +%# +%# This work is made available to you under the terms of Version 2 of +%# the GNU General Public License. A copy of that license should have +%# been provided with this software, but in any event can be snarfed +%# from www.gnu.org. +%# +%# This work is distributed in the hope that it will be useful, but +%# WITHOUT ANY WARRANTY; without even the implied warranty of +%# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU +%# General Public License for more details. +%# +%# You should have received a copy of the GNU General Public License +%# along with this program; if not, write to the Free Software +%# Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA +%# 02110-1301 or visit their web page on the internet at +%# http://www.gnu.org/licenses/old-licenses/gpl-2.0.html. +%# +%# +%# CONTRIBUTION SUBMISSION POLICY: +%# +%# (The following paragraph is not intended to limit the rights granted +%# to you to modify and distribute this software under the terms of +%# the GNU General Public License and is only of importance to you if +%# you choose to contribute your changes and enhancements to the +%# community by submitting them to Best Practical Solutions, LLC.) +%# +%# By intentionally submitting any modifications, corrections or +%# derivatives to this work, or any other work intended for use with +%# Request Tracker, to Best Practical Solutions, LLC, you confirm that +%# you are the copyright holder for those contributions and you grant +%# Best Practical Solutions, LLC a nonexclusive, worldwide, irrevocable, +%# royalty-free, perpetual, license to use, copy, create derivative +%# works based on those contributions, and sublicense and distribute +%# those contributions and any derivatives thereof. +%# +%# END BPS TAGGED BLOCK }}} +table.queue-summary, table.collection-as-table { + margin-top: 0.75em; + font-size: 0.9em; + border: 1px solid #aaa; + border-bottom: 2px solid #999; + border-right: 2px solid #999; + border-spacing: 0; + width: 100%; + +} + +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 { + background: #ddd; + font-size: 0.9em; + margin-bottom: 0.5em; + text-align: left; + +} + + +table.queue-summary th.collection-as-table { + font-size: 0.9em; + margin-bottom: 0.5em; + text-align: right; + +} + +table.queue-summary th.collection-as-table:first-child { + text-align: left; + +} + + +tr.collection-as-table+tr.collection-as-table th { + border-bottom: 2px solid grey; + +} + + + + +table.queue-summary td { + background: #efefef; + border-bottom: 1px solid #ccc; +} + + + +tr.evenline td { + background: #eee; +} + +tr.oddline td { + background: #fff; + +} + +tr.evenline td, tr.oddline td { + padding-top: 0.5em; +} + + + +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 { + margin-top: -1em; + padding-right: 2em; + float: left; + clear: both; +} + +.chart-wrapper { + display: block; + width: auto; +} + +.chart-wrapper .collection-as-table { + width: auto; + font-size: 1em; +} + +.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; +} + +.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/freeside3/ticket-search.css b/rt/share/static/css/freeside3/ticket-search.css new file mode 100644 index 0000000..0e88eb0 --- /dev/null +++ b/rt/share/static/css/freeside3/ticket-search.css @@ -0,0 +1,242 @@ +%# BEGIN BPS TAGGED BLOCK {{{ +%# +%# COPYRIGHT: +%# +%# This software is Copyright (c) 1996-2012 Best Practical Solutions, LLC +%# <sales@bestpractical.com> +%# +%# (Except where explicitly superseded by other copyright notices) +%# +%# +%# LICENSE: +%# +%# This work is made available to you under the terms of Version 2 of +%# the GNU General Public License. A copy of that license should have +%# been provided with this software, but in any event can be snarfed +%# from www.gnu.org. +%# +%# This work is distributed in the hope that it will be useful, but +%# WITHOUT ANY WARRANTY; without even the implied warranty of +%# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU +%# General Public License for more details. +%# +%# You should have received a copy of the GNU General Public License +%# along with this program; if not, write to the Free Software +%# Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA +%# 02110-1301 or visit their web page on the internet at +%# http://www.gnu.org/licenses/old-licenses/gpl-2.0.html. +%# +%# +%# CONTRIBUTION SUBMISSION POLICY: +%# +%# (The following paragraph is not intended to limit the rights granted +%# to you to modify and distribute this software under the terms of +%# the GNU General Public License and is only of importance to you if +%# you choose to contribute your changes and enhancements to the +%# community by submitting them to Best Practical Solutions, LLC.) +%# +%# By intentionally submitting any modifications, corrections or +%# derivatives to this work, or any other work intended for use with +%# Request Tracker, to Best Practical Solutions, LLC, you confirm that +%# you are the copyright holder for those contributions and you grant +%# Best Practical Solutions, LLC a nonexclusive, worldwide, irrevocable, +%# royalty-free, perpetual, license to use, copy, create derivative +%# works based on those contributions, and sublicense and distribute +%# those contributions and any derivatives thereof. +%# +%# END BPS TAGGED BLOCK }}} +#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: 0.2em; + right: 1em; + left: 60%; + top: 1em; +/* margin-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/freeside3/ticket.css b/rt/share/static/css/freeside3/ticket.css new file mode 100644 index 0000000..4d069d9 --- /dev/null +++ b/rt/share/static/css/freeside3/ticket.css @@ -0,0 +1,289 @@ +%# BEGIN BPS TAGGED BLOCK {{{ +%# +%# COPYRIGHT: +%# +%# This software is Copyright (c) 1996-2012 Best Practical Solutions, LLC +%# <sales@bestpractical.com> +%# +%# (Except where explicitly superseded by other copyright notices) +%# +%# +%# LICENSE: +%# +%# This work is made available to you under the terms of Version 2 of +%# the GNU General Public License. A copy of that license should have +%# been provided with this software, but in any event can be snarfed +%# from www.gnu.org. +%# +%# This work is distributed in the hope that it will be useful, but +%# WITHOUT ANY WARRANTY; without even the implied warranty of +%# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU +%# General Public License for more details. +%# +%# You should have received a copy of the GNU General Public License +%# along with this program; if not, write to the Free Software +%# Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA +%# 02110-1301 or visit their web page on the internet at +%# http://www.gnu.org/licenses/old-licenses/gpl-2.0.html. +%# +%# +%# CONTRIBUTION SUBMISSION POLICY: +%# +%# (The following paragraph is not intended to limit the rights granted +%# to you to modify and distribute this software under the terms of +%# the GNU General Public License and is only of importance to you if +%# you choose to contribute your changes and enhancements to the +%# community by submitting them to Best Practical Solutions, LLC.) +%# +%# By intentionally submitting any modifications, corrections or +%# derivatives to this work, or any other work intended for use with +%# Request Tracker, to Best Practical Solutions, LLC, you confirm that +%# you are the copyright holder for those contributions and you grant +%# Best Practical Solutions, LLC a nonexclusive, worldwide, irrevocable, +%# royalty-free, perpetual, license to use, copy, create derivative +%# works based on those contributions, and sublicense and distribute +%# those contributions and any derivatives thereof. +%# +%# END BPS TAGGED BLOCK }}} +div#ticket-history div.ticket-transaction { + border-top: 1px solid #ccc; + padding-bottom: 0.25em; + position: relative; /* gives us a container for position: absolute */ +} + +div#ticket-history div.odd { + background-color: #fff; +} + +div#ticket-history { + + margin-top: 0.75em; + border-left: 1px solid #ccc; + + border-right: 2px solid #999; + border-bottom: 2px solid #999; + +} + +.ticket-transaction div.metadata span.actions { + position: absolute; + top: 0; + right: 0; + padding: 0em; + background: #ccc; + text-align: right; + border-left: 1px solid #999; + border-bottom: 1px solid #999; + color: #ccc; + -moz-border-radius-bottomleft: 0.5em; + -webkit-border-bottom-left-radius: 0.5em; + white-space: nowrap; + + border-radius: 0 0 0 0.5em; +} + +.ticket-transaction div.metadata span.type { + text-align: center; + float: left; + margin: 0.25em 0.70em 0.25em 0.25em; + width: 1em; + height: 1.25em; + padding: 0.75em 0 0 0; + border-right: 1px solid #999; + border-bottom: 1px solid #999; + -moz-border-radius-bottomright: 0.25em; + -webkit-border-bottom-right-radius: 0.25em; + + border-radius: 0 0 0.25em 0; + +} + +div#ticket-history span.type a { + color: #fff; +} + + +div#ticket-history span.date { + width: 10em; +} + + +div#ticket-history span.description { + margin-left: 1em; + font-weight: bold; +} + +div#ticket-history span.time-taken { + margin-left: 1em; +} + +div#ticket-history div.content { + padding-right: 1em; + padding-bottom: 0.7em; + margin-left: 1.5em; +} + + +.ticket-transaction .messagebody { + font-size: 1em; + padding-left: 1em; + margin-top: 0.5em; + padding-top: 0.5em; + border-top: 1px solid #ccc; + /*overflow: auto; */ + min-height: 2.5em; + /* To avoid overlapping of "downloadattachment" by messagebody */ + clear: left; + word-wrap: break-word; +} + +.ticket-transaction .messagebody img { + max-width: 100%; +} + +div#ticket-history div.downloadattachment { +float: right; +clear: both; +font-size: 0.9em; +text-align: right; +background: #ddd; +padding: 0.5em; +margin-left: 1em; + +border: 1px solid #ccc; +border-right: 2px solid #aaa; +border-bottom: 2px solid #aaa; +margin-top: 0.5em; +-moz-border-radius: 0.5em; +-webkit-border-radius: 0.5em; + border-radius: 0.5em; +} + +div#ticket-history div.downloadattachment .downloadcontenttype{ +color: #666; +padding-right:0.25em; +} + + +div#ticket-history .message-header-key { + width: 7em; + font-weight: bold; + color: #666; +} + + +div#ticket-history .messagebody .messagebody{ + font-size: 1em; + padding: 0; + border: 0; + margin: 0; +} + + + +.ticket-transaction.basics .type { background: #b32; } +.ticket-transaction.cfs .type { background: #b32; } +.ticket-transaction.people .type { background: #48c; } +.ticket-transaction.links .type { background: #316531; } +.ticket-transaction.dates .type { background: #633063; } +.ticket-transaction.message .type { background: #069; } +.ticket-transaction.reminders .type { background: #369; } +.ticket-transaction.other .type { background: #abc; } + + +/* Color the titlebox tabs */ +.ticket-info-cfs .titlebox-title .left { background-color: #b32; color: #fff;} +.ticket-info-basics .titlebox-title .left { background-color: #b32; color: #fff;} +.ticket-info-people .titlebox-title .left { background-color: #48c; color: #fff;} +.ticket-info-requestor .titlebox-title .left { white-space: nowrap; background-color: #48c; color: #fff;} +.ticket-info-links .titlebox-title .left { background-color: #316531; color: #fff;} +.ticket-info-reminders .titlebox-title .left { background-color: #369; color: #fff;} +.ticket-info-dates .titlebox-title .left { background-color: #633063; color: #fff;} +.ticket-info-attachments .titlebox-title .left { background-color: #993366; color: #fff;} + +/* Use a lighter colored toggle arrow */ +.ticket-info-cfs .titlebox-title .widget a { background-position: center -7px; } +.ticket-info-basics .titlebox-title .widget a { background-position: center -7px; } +.ticket-info-people .titlebox-title .widget a { background-position: center -7px; } +.ticket-info-requestor .titlebox-title .widget a { background-position: center -7px; } +.ticket-info-links .titlebox-title .widget a { background-position: center -7px; } +.ticket-info-reminders .titlebox-title .widget a { background-position: center -7px; } +.ticket-info-dates .titlebox-title .widget a { background-position: center -7px; } +.ticket-info-attachments .titlebox-title .widget a { background-position: center -7px; } + + +.ticket-summary .titlebox-title .left a, .ticket-summary .titlebox-title .left a:visited { color: #fff;} + +.unread-messages .titlebox , .unread-messages .titlebox-title .left { + border: 1px solid #99a; + border-right: 2px solid #aab; + border-bottom: 2px solid #aab; + +} + + +.unread-messages .titlebox { + background-color: #dde; +} + +.unread-messages .titlebox-title .left { + background-color: #cce; +} + +.ticket-inactive { + text-decoration: line-through; + color: #666 +} + +table.ticket-summary td.boxcontainer:first-child { + width: 50%; +} +div.requestor-ticket-links { + text-align: left; + font-size: 0.8em; + padding-top: 0.25em; +} + +.more-about-requestor-extra-field .label { + display: inline-block; + width: 8em; + font-weight: bold; + text-align: right; +} + +.more-about-requestor-extra-field .value { + display: inline-block; +} + +.ticket-info-requestor .more-about-requestor-extra, +.ticket-info-requestor .comments-about-user, +.ticket-info-requestor .more-about-requestor-tickets, +.ticket-info-requestor .more-about-user-groups +{ + margin: 1em 0; +} + +.ticket-info-requestor .comments-about-user .label, +.ticket-info-requestor .more-about-user-groups .label, +.ticket-info-requestor .more-about-requestor-tickets .label +{ + display: block; + font-weight: bold; + text-align: left; +} + +.ticket-info-requestor .more-about-user-groups .value ul, +.ticket-info-requestor .more-about-requestor-tickets ul +{ + margin-top: 0; + margin-bottom: 0; +} + + +/* textareas get to be bigger when we're in a table */ +tr.edit-custom-field.cftype-Text textarea, +tr.edit-custom-field.cftype-Freeform input, +tr.edit-custom-field.cftype-Wikitext textarea +{ + width: 100%; +} diff --git a/rt/share/static/css/freeside4/admin.css b/rt/share/static/css/freeside4/admin.css new file mode 100644 index 0000000..37dcb5c --- /dev/null +++ b/rt/share/static/css/freeside4/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/freeside4/base.css b/rt/share/static/css/freeside4/base.css new file mode 100644 index 0000000..2217bfa --- /dev/null +++ b/rt/share/static/css/freeside4/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/freeside4/boxes.css b/rt/share/static/css/freeside4/boxes.css new file mode 100644 index 0000000..148529b --- /dev/null +++ b/rt/share/static/css/freeside4/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/freeside4/dashboards.css b/rt/share/static/css/freeside4/dashboards.css new file mode 100644 index 0000000..731c36c --- /dev/null +++ b/rt/share/static/css/freeside4/dashboards.css @@ -0,0 +1,7 @@ +table.dashboard { + margin-top: 6em +} + +#body>table.dashboard { + margin-top: inherit +} diff --git a/rt/share/static/css/freeside4/forms.css b/rt/share/static/css/freeside4/forms.css new file mode 100644 index 0000000..a10da2b --- /dev/null +++ b/rt/share/static/css/freeside4/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/freeside4/history.css b/rt/share/static/css/freeside4/history.css new file mode 100644 index 0000000..b9949c3 --- /dev/null +++ b/rt/share/static/css/freeside4/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/freeside4/layout.css b/rt/share/static/css/freeside4/layout.css new file mode 100644 index 0000000..62080e8 --- /dev/null +++ b/rt/share/static/css/freeside4/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/freeside4/login.css b/rt/share/static/css/freeside4/login.css new file mode 100644 index 0000000..889cb0e --- /dev/null +++ b/rt/share/static/css/freeside4/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/freeside4/main.css b/rt/share/static/css/freeside4/main.css new file mode 100644 index 0000000..31bc836 --- /dev/null +++ b/rt/share/static/css/freeside4/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/freeside4/misc.css b/rt/share/static/css/freeside4/misc.css new file mode 100644 index 0000000..dab61c7 --- /dev/null +++ b/rt/share/static/css/freeside4/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/freeside4/msie.css b/rt/share/static/css/freeside4/msie.css new file mode 100644 index 0000000..eed7640 --- /dev/null +++ b/rt/share/static/css/freeside4/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/freeside4/nav.css b/rt/share/static/css/freeside4/nav.css new file mode 100644 index 0000000..907a74b --- /dev/null +++ b/rt/share/static/css/freeside4/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/freeside4/ticket-forms.css b/rt/share/static/css/freeside4/ticket-forms.css new file mode 100644 index 0000000..4229500 --- /dev/null +++ b/rt/share/static/css/freeside4/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/freeside4/ticket-lists.css b/rt/share/static/css/freeside4/ticket-lists.css new file mode 100644 index 0000000..cdf1019 --- /dev/null +++ b/rt/share/static/css/freeside4/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/freeside4/ticket-search.css b/rt/share/static/css/freeside4/ticket-search.css new file mode 100644 index 0000000..8f022ae --- /dev/null +++ b/rt/share/static/css/freeside4/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/freeside4/ticket.css b/rt/share/static/css/freeside4/ticket.css new file mode 100644 index 0000000..c1a8ddc --- /dev/null +++ b/rt/share/static/css/freeside4/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 +} diff --git a/rt/share/static/css/mobile.css b/rt/share/static/css/mobile.css new file mode 100644 index 0000000..9210424 --- /dev/null +++ b/rt/share/static/css/mobile.css @@ -0,0 +1,459 @@ +body { + font-family: helvetica, arial, sans-serif; + background-color: #ccf; + margin: 0; +} + +h1 { + font-size: 1.2em; + padding-top: 0.5em; + padding-left: 0.2em; + display: block; + background-color: #fff; + margin: 0; +} + +div.buttons { + text-align: right; + padding-right: 0.5em; + padding-bottom: 0.5em; +} + +.titlebox-title { + font-size: 1.1em; + margin-left: 0.5em; + margin-top: -1.2em; + top: -0.5em; + padding: 0.5em; + position: relative; + display: inline-block; + text-decoration: none; + background-color: #fff; + -moz-border-radius: 0.25em; + -webkit-border-radius: 0.25em; + border-radius: 0.25em; + -webkit-box-shadow: #333 0px 0px 5px; + -moz-box-shadow: #333 0px 0px 5px; + box-shadow: #333 0px 0px 5px; +} + +ul.menu +{ + text-align: left; + list-style: none; + padding: 0; + margin: -0.6em; + left: 0; +} + +ul.menu li +{ + display: block; + margin: 0; + padding: 0; + font-weight: bold; +} + +ul.ticketlist li:active, ul.ticketlist li:hover, +ul.menu li:active, ul.menu li:hover { + background-color: #eee; +} + + +ul.menu li +{ + display: block; + padding: 1em; + margin: 0; + border:0; + border-top-width: 1px; + border-top-color: #666; + border-style: solid; + text-decoration: none; +} + +ul.menu li:first-child{ + border: none; +} + +ul.menu li#active a +{ + color: #800000; +} + +div.titlebox, #bpscredits, #logo, .ticket_menu{ + -moz-border-radius: 1em; + -webkit-border-radius: 1em; + border-radius: 1em; + margin: 0.5em; + background-color: #fff; + padding-top: 1em; + padding-bottom: 0.8em; + margin-top: 1.25em; + -webkit-box-shadow: #333 0px 0px 5px; + -moz-box-shadow: #333 0px 0px 5px; + box-shadow: #333 0px 0px 5px; + margin-bottom: 1em; +} + +div .titlebox-content { + padding-left: 0.5em; + padding-right: 0.5em; +} + +hr.clear { + display: none; +} + + +.label, .labeltop, .cflabel { + font-weight: normal; +} +.value { + font-weight: bold; + display: inline-block; +} + +div.value { + display: block; +} + +ul.ticketlist { + list-style: none; + padding-left: -0.5em; + padding-right: -0.5em; /* to counteract the titlebox and get shading to the end*/ + margin-left: -0.5em; + margin-right: -0.5em; + padding: 0em; + padding-bottom: 1em; +} + +ul.ticketlist li.ticket { + padding: 0.5em; + font-weight: bold; + border-bottom: 1px solid #999; + +} +ul.ticketlist li.ticket:first-child { + border-top: 1px solid #999; +} + +ul.ticketlist li.ticket a.ticket{ + display: inline-block; + font-size: 1em; + width: 100%; + padding: 0.5em; + padding-bottom: 5em; + margin-bottom: -5em; +} +ul.ticketlist li.ticket div.metadata { +} + + +ul.ticketlist li.ticket div.metadata div { + padding: 0.2em; + font-size:0.8em; + display: block; +} + +ul.ticketlist li.ticket div.metadata .label { + display: inline-block; + width: 6em; + font-size: 0.8em; + text-align: right; + color: #666; +} + +div#paging { + text-align: center; +} + +.ticket-reply .titlebox-title, .titlebox.search .titlebox-title, .titlebox.menu .titlebox-title, .ticket_menu .titlebox-title, .history .titlebox-title, #ticket-create-basics .titlebox-title{ + display: none; +} + +a { + color: #000; +} + +.ticket_menu a, .menu a { + text-decoration: none; +} + +ul.menu a { + padding: 0.5em; + margin-top: -0.5em; + margin-bottom: -0.5em; + display: inline-block; + width: 100%; +} + +ul.menu a:after { + color: #666; + float: right; + content: ">"; + font-size: 1.5em; + padding: 0; + margin: 0; + padding-right: 1em; + +} + +ul.menu form { + display: inline; +} + +ul.menu form * { + display: inline; +} + + +ul.menu form input[type=text] { + width: 7em; +} + +ul.menu form input{ + + width: auto; + padding: 0.5em; + margin: -0.5em; + margin-left: 1em; +} + +.ticket_menu { + text-align: center; +} + +.ticket_menu ul { + display: block; + margin: 0; + padding: 0; +} + +.ticket_menu ul li { + + display: inline-block; + text-align: center; + padding-bottom: 0.25em; + padding-top: 0.25em; + font-size: 1em; + width: 28%; + padding-right: 0.3em; + padding-left: 0.2em; + border-right: 1px solid #000; +} +.ticket_menu ul li:last-child { + padding-right: 0; + border-right: 0; +} + +.ticket-info-reminders table { + + width: 100%; +} + +#ticket-create .label:after { + content: ": "; + padding-right: 0.25em; + +} + +#ticket-create .content-label { + width: auto; + display: block; + text-align: left; + +} + +#ticket-show .label, .login-body .label { + display: inline-block; + text-align: right; + width: 6em; + padding-right: 0.25em; + font-size: 0.8em; +} + +.login-body .value { + width: auto; +} + +.history ul.history-list { + padding: 0; + margin: 0; + padding-bottom: 2em; +} + + +.history ul.history-list li:first-child { + border-top: 1px solid #ccc; +} + +.history ul.history-list li { + list-style: none; + border-bottom: 1px solid #ccc; + padding: 0.5em; +} + +.history .age { + display: inline-block; + min-width: 8em; + text-align: right; + +} + +div#login-box div.titlebox { + width: 100%; + margin-left:auto; + margin-right: auto; +} + +div#login-box input[type=text], div#login-box input[type=password] { + width: 100%; +} + +div#login-box div.login-help { + text-align: center; + /* don't be too close to the following "Not using a mobile ..." link */ + margin-bottom: 1em; +} + +#bpscredits { + float: right; + clear: right; + text-align: right; + width: auto; + font-size: 0.8em; + padding: 1em; +} + +#bpscredits #copyright { + padding-top: 4em; + background: white url(../../static/images/bpslogo.png) no-repeat top right; +} + + +:focus { + background-color: #ffc; + border-color: #000; + border-weight: 3px; +} + +input[type=submit], input[type=button], button, #paging a { + border: 2px outset; + margin: 0.3em; + padding: 0.3em; + padding-left: 0.6em; + padding-right: 0.6em; + -moz-border-radius: 0.5em; + -webkit-border-radius: 0.5em; + border-radius: 0.5em; + background-color: #006699; + color: #fff; +} + +form { + + margin:0; +} + +#gohome { + position: absolute; + top: 0; + right: 0; + border-left: 1px solid black; + border-bottom: 1px solid black; + -moz-border-radius-bottomleft: 1em; + -webkit-border-bottom-left-radius: 1em; + border-bottom-left-radius: 1em; + padding: 0.5em; + background-color: #fff; +} + +#gohome a { + font-size: 1em; + padding: 0.25em; + color: #000; +} + +#logo { + float: right; + clear: right; + text-align: center; + padding: 1em; + padding-bottom: 0.5em; + margin: 0.25em 0.5em 0.25em 0.25em; +} + +#logo .rtname { + display: block; + font-size: 0.9em; +} + +#logo a img { + border: 0; + height: 2em; + width: auto !important; + padding-bottom: 0.5em; +} + +div.txn-content { + + font-size:0.8em; + padding-left:1em; + padding-top:0.5em; + margin-top: 0.5em; + margin-left: 2em; + padding-bottom: 0.5em; + border-left: 5px solid #00c; + +} + +.label, .cflabel { + text-align: left; + width: 10em; + color: #666; + display: block; + padding-bottom: 0.2em; + padding-right: 0.2em; + +} + +div.entry, tr.input-row { + margin-bottom: 0.25em; + padding-bottom: 0.25em; + border-bottom: 1px solid #ccc; + display: block; + width: 100%; + min-height: 1em; +} + + +input[type=text], input[type=password], select { + width: 100%; +} + +.timefield input { + width: 5em; +} + +.timefield select { + width: auto; +} + + +textarea { + width: 100%; +} + +a#fullsite { + padding-left: 1em; +} + +div.error .titlebox-title { + background-color: #f00; + color: #fff; +} + +div.error div.error { + background-color: #fcc; +} 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 +} diff --git a/rt/share/static/css/web2/base.css b/rt/share/static/css/web2/base.css new file mode 100644 index 0000000..b105f69 --- /dev/null +++ b/rt/share/static/css/web2/base.css @@ -0,0 +1,15 @@ +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/web2/boxes.css b/rt/share/static/css/web2/boxes.css new file mode 100644 index 0000000..053a8bb --- /dev/null +++ b/rt/share/static/css/web2/boxes.css @@ -0,0 +1,158 @@ +.titlebox { + border-left: 1px solid #ccc; + border-top: 1px solid #ccc; + background-color: #efefef; + padding-top: 1em; + margin-top: 1em; + margin-left: 1em; + -moz-border-radius: 0.5em; + -webkit-border-radius: 0.5em; + margin-bottom: 2em; + border-bottom: 2px solid #aaa; + border-right: 2px solid #aaa; + padding-right: 1em; + + + border-radius: 0.5em; + +} + +* html .titlebox { + border-top: none; + border-left: none; +} + +.titlebox .titlebox { + + background-color: #ffffff; + margin-top: 1em; + margin-right: 0.25em; + +} + + +.titlebox { + margin-left: 0em; + margin-right: 0em; + min-height: 1.25em; + +} + + + +.titlebox .titlebox-title { + position: relative; + margin-top: -1.5em; + padding-bottom: 0.25em; + padding-left: 1em; + margin-right: -1em; + +} + +.titlebox .titlebox-title a { + text-decoration: none; + color: black; + +} + +.titlebox .titlebox-title a:hover { + text-decoration: underline; + +} + +.titlebox .titlebox-title .left { + font-weight: bold; + background: #ccc; + margin-left: 0.75em; + padding:0.5em; + padding-left: 0.75em; + padding-right: 0.75em; + -moz-border-radius: 0.5em; + -webkit-border-radius: 0.5em; + border-bottom: 2px solid #aaa; + border-right: 2px solid #aaa; + + border-radius: 0.5em; + + +} + +.titlebox .titlebox-title .right-empty { + display:none; +} + +.titlebox .titlebox-title .right { + position: absolute; + right: 0; + top: 0.5em; + font-size: 0.9em; + background: #dedede; + border-left: 1px solid #ccc; + border-bottom: 1px solid #ccc; + padding-right: 0.4em; + 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: #000; +} + +.titlebox .titlebox-content { + padding-top: 0.5em; + padding-left: 1em; + padding-bottom: 1em; + +} + +.titlebox .titlebox-title .widget a { + display: block; + margin: 0; + margin-top: 0.6em; + width: 20px; + + background: url(../../../static/images/css/rollup-arrow.gif) no-repeat center 0; + + position: absolute; + top: -1em; + left: 0.15em; + float: left; + + padding: 7px 0 0 0; + overflow: hidden; +} + +* html .titlebox .titlebox-title .widget a { + top: 0em; + left: -1.5em; +} + +.titlebox.rolled-up .titlebox-title .widget a { + background-image: url(../../../static/images/css/rolldown-arrow.gif); +} + +.unread-messages .titlebox , .unread-messages .titlebox .titlebox-title .left { + border: 1px solid #99a; + border-right: 2px solid #aab; + border-bottom: 2px solid #aab; +} + +.unread-messages .titlebox { + background-color: #dde; +} + +.unread-messages .titlebox .titlebox-title .left { + background-color: #cce; +} diff --git a/rt/share/static/css/web2/layout.css b/rt/share/static/css/web2/layout.css new file mode 100644 index 0000000..f76dfe6 --- /dev/null +++ b/rt/share/static/css/web2/layout.css @@ -0,0 +1,163 @@ +/* body */ + +body { + padding:0; + margin:0; + background: #547CCC url(../../../static/css/images/background-gradient.png) top left repeat-x ; + font-family: arial, helvetica, sans-serif; + color: #000000; +} + +div#body { + position: relative; + padding: 1.8em 1em 1em 1em; + -moz-border-radius-topleft: 0.5em; + -webkit-border-top-left-radius: 0.5em; + -moz-border-radius-bottomleft: 0.5em; + -webkit-border-bottom-left-radius: 0.5em; + margin-left: 10em; + margin-top: 5.8em; + margin-right: 0; + margin-bottom: 0em; + min-height: 10%; + background: #fff; + border-top: 2px solid #ccc; + border-left: 2px solid #ccc; + z-index:1; + border-radius: 0.5em 0 0 0.5em; + +} + +div#body.login-body { + top: -2.5em; + margin-right: 10em; +} + +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; + border-top: 2px solid #aaa; + border-left: 2px solid #aaa; + -moz-border-radius-topleft: 0.5em; + -webkit-border-top-left-radius: 0.5em; + -moz-border-radius-bottomleft: 0.5em; + -webkit-border-bottom-left-radius: 0.5em; + + border-radius: 0.5em 0 0.5em 0; +} + +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: #eaeaea; + padding-top: 1em; + padding-left: 1em; + padding-bottom: 0.5em; + height: 1em; + border-bottom: 1px solid #ccc; + +} + +#prefs-menu.sf-menu li li { + background: #eaeaea; +} + +#prefs-menu.sf-menu #li-preferences { + background: none; +} + +#prefs-menu.sf-menu li:hover, +#prefs-menu.sf-menu li.sfHover, +#prefs-menu.sf-menu #li-preferences.sfHover, +#prefs-menu.sf-menu #li-preferences:hover, +#prefs-menu.sf-menu a:focus, +#prefs-menu.sf-menu a:hover, +#prefs-menu.sf-menu a:active, +{ + background-color: #CFDEFF; + text-color: #000; + color: #000; + border: none; +} + +#prefs-menu .sfHover a, +#prefs-menu .sfHover a:visited { + color: #000; + border: none; +} + + + +div#header h1 { + position: absolute; + left: 7em; + right: 20em; + top: 1.4em; + overflow: hidden; + height: 1em; + font-size: 1.4em; + margin-top: 0.4em; + padding: 0.25em; + color: #fff; +} + +/* in multi-column layouts, make sure we have an internal gutter */ + +tr .boxcontainer { + padding-right: 1em; +} + +tr .boxcontainer:last-child { + padding-right: 0; +} + diff --git a/rt/share/static/css/web2/main.css b/rt/share/static/css/web2/main.css new file mode 100644 index 0000000..c58e3ac --- /dev/null +++ b/rt/share/static/css/web2/main.css @@ -0,0 +1,9 @@ +@import "../base/main.css"; + +@import "base.css"; +@import "layout.css"; +@import "nav.css"; +@import "boxes.css"; +@import "ticket-lists.css"; +@import "ticket-search.css"; +@import "misc.css"; diff --git a/rt/share/static/css/web2/misc.css b/rt/share/static/css/web2/misc.css new file mode 100644 index 0000000..742f792 --- /dev/null +++ b/rt/share/static/css/web2/misc.css @@ -0,0 +1,11 @@ +.comment { + padding-left: 0.5em; + color: #999; + +} + +#comp-Ticket-ShowEmailRecord #body { + margin-left: 1em; + margin-top: 1em; + overflow: auto; +} diff --git a/rt/share/static/css/web2/msie.css b/rt/share/static/css/web2/msie.css new file mode 100644 index 0000000..5356844 --- /dev/null +++ b/rt/share/static/css/web2/msie.css @@ -0,0 +1,195 @@ +div#body { + left: 0.25em; + height: 100%; + top: 6em; +} + +#main-navigation { + padding-bottom: 1em; +} + +#footer { + padding: 1em; +} + + +div#header h1 { + position: absolute; + left: 7.25em; + overflow: hidden; + height: 1em; + font-size: 1.4em; + margin-top: 0.4em; + right: 23.5em; + padding: 0.25em; +} + + +#topactions { + top: 3.5em; + width: auto; +} + +.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; +} + +div#page-navigation { + position: absolute; + top: 6.2em; + height: 1.8em; + background: #fff; + border-top: 2px solid #ccc; +} + + + +div#page-navigation ul#page-menu { + background: none; + border: none; +} + + +div#quickbar { height: 1.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; } + + +.titlebox { + border-top: none; + border-left: none; +} + +.titlebox .titlebox-title .left { + padding: 0.25em; + padding-left: 0.5em; +} + +.titlebox { +} + +.titlebox .titlebox-title .right { + border-right: 2px solid #aaa; + display: block; + margin-top: 0.1em; + right: -0.2em; + +} + + +.titlebox .titlebox-content { + padding-top: 2.2em; +} + + +.titlebox table.collection-as-table, .titlebox table.queue-summary { + width: 95%; + padding: 0.5em; + margin-left: auto; + margin-right: auto; +} + + .titlebox-title { + position: relative; +} + +.titlebox-title .widget { + position: absolute; + top: -0.25em; + left: -0.25em; + +} +.titlebox-title .left { + position: absolute; + top: -0.75em; + left: 0.5em; +} + +/* 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 */ +} + +div#logo .rtname { + float: right; + padding-right: 1em; +} + +#page-action-menu { + top: 9.5em; +} + +#rt-portal .titlebox-content { + height: 23em; +} + diff --git a/rt/share/static/css/web2/msie6.css b/rt/share/static/css/web2/msie6.css new file mode 100644 index 0000000..18209b1 --- /dev/null +++ b/rt/share/static/css/web2/msie6.css @@ -0,0 +1,54 @@ +@import "../base/msie6.css"; + +.topaction .select-queue { + margin-top: 0; +} + +div#page-navigation { + width: 100%; +} + +.titlebox-title .widget { + top: -1em; + left: 0.5em; + +} +.titlebox .titlebox-title .right{ + position: absolute; + top: 0.25em; + right: 1em; +} + +/* nested things. like the ticket dates tab */ +.titlebox .titlebox .titlebox-title .right{ + right: 1.3em; +} + +#login-box .titlebox .titlebox-title .right { + margin-top: -0.1em; + right: 0em; +} + +.titlebox +{ + height: auto !important; + height: 1.25em; +} + + +.transaction .messagebody img { + /* ie6 does not support max-width */ + width: expression(this.width > 401 ? 400 : true); +} + +#prefs-menu .sf-sub-indicator { + background-image: url(../../../static/css/images/arrows-grey.gif); +} + +#app-nav .sf-sub-indicator { + background-image: url(../../../static/css/images/arrows-grey.gif); +} + +.ticket-transaction div.metadata span.actions { + right: 1.1em; +} diff --git a/rt/share/static/css/web2/nav.css b/rt/share/static/css/web2/nav.css new file mode 100644 index 0000000..7ff3ac1 --- /dev/null +++ b/rt/share/static/css/web2/nav.css @@ -0,0 +1,245 @@ +#main-navigation { + background-color: #fff; + -moz-border-radius-bottomright: 0.5em; + -moz-border-radius-topright: 0.5em; + -webkit-border-top-right-radius: 0.5em; + -webkit-border-bottom-right-radius: 0.5em; + border-radius: 0 0.5em 0.5em 0; + width: 10em; + font-size: 0.85em; + position: absolute; + top: 3.4em; + left: 0em; + z-index: 9997; + padding-top: 1em; + padding-right: 0.5em; + padding-left: 0.5em; +} + +.sf-sub-indicator { + background-image: url(../../../static/css/images/arrows-grey.png); + margin-top: -3px; +} + +#app-nav.sf-vertical li:hover ul, +#app-nav.sf-vertical li.sfHover ul { + top: -1px; +} + +#prefs-menu > li, #prefs-menu > li > a { + background-color: transparent; +} + +#prefs-menu.sf-menu a, +#prefs-menu .sf-menu a +{ + border: none; +} + +#prefs-menu.sf-menu li li li { + border-left: 1px solid #ccc; +} + +#prefs-menu.sf-menu li:hover ul, +#prefs-menu.sf-menu li.sfHover ul { + top: 2.4em; /* match the height of the top level li */ +} + +#prefs-menu.sf-menu li li:hover ul, +#prefs-menu.sf-menu li li.sfHover ul { + top: 0; +} + +#prefs-menu .sf-sub-indicator { + background-image: url(../../../static/css/images/arrows-grey.png); + margin-top: 0; +} + +#main-navigation ul li { +} + + +#main-navigation .sf-menu { + text-color: #000; +} + +#main-navigation .sf-menu li { + background: none; +} + +#main-navigation .sf-menu li:first-child { + border-top: 1px solid #ccc; +} + +#main-navigation .sf-menu a, +#main-navigation .sf-menu a:visited { + padding-top: 0.5em; + padding-bottom: 0.5em; + color: #000; + border: none; +} + +#main-navigation .sf-menu li { + border-bottom: 1px solid #ccc; + +} + + +#main-navigation .sf-menu ul a, +#main-navigation .sf-menu ul a:visited { + color: #000; +} + + +#main-navigation .sf-menu li li, #main-navigation .sf-menu li li li { + border-left: none; + background-color: #fff; + text-color: #547CCC; +} + +#main-navigation .sf-menu li:hover, #main-navigation .sf-menu li.sfHover, #main-navigation .sf-menu a:focus, #main-navigation .sf-menu a:hover, #main-navigation .sf-menu a:active { + background-color: #CFDEFF; + text-color: #000; + color: #000; +} + +#main-navigation .sfHover a, +#main-navigation .sfHover a:visited { + 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; } + + + +#page-navigation { + position: absolute; + top: 5.7em; + left: 10em; + right: 0em; + height: 2.1em; + z-index: 9995; + font-size: 0.9em; + background-color: #fff; + border: 1px solid #ccc; + -moz-border-radius-bottomleft: 0.5em; + -webkit-border-bottom-left-radius: 0.5em; + border-right: none; + border-radius: 0 0 0 0.5em; +} + +#page-navigation .sf-menu { + margin: 0; +} + +#page-navigation .sf-menu li, #page-navigation .sf-menu li li, #page-navigation .sf-menu li li li { + background: none; + height: 2em; + padding-top: 0.25em; + padding-bottom: 0; + padding-left: 0.5em; + padding-right: 0.5em; + display: inline-block; +} + + +#page-navigation .sf-menu ul { + background: white; + border-bottom: 2px solid #ccc; +} + + +#page-navigation .sf-menu li:hover, #page-navigation .sf-menu li.sfHover, #page-navigation .sf-menu a:focus, #page-navigation .sf-menu a:hover, #page-navigation .sf-menu a:active { + background: none; +} + +#page-navigation .sf-menu a:visited, #page-navigation .sf-menu a { + border: none; + color: #000; +} + +#page-navigation .sf-menu a { + padding: 0.25em; +} + +#page-navigation .sf-menu a.sf-with-ul { + /* allow space for the submenu indicator */ + padding-right: 2em; +} + +#page-menu.sf-menu li .sf-sub-indicator { + top: 0.7em; +} + + +#page-actions { + display: none; +} + +#page-action-menu { + position: absolute; + display: block; + top: 8.2em; + right: 0em; + left: auto; + z-index: 9995; + font-size: 0.9em; + background-color: #eee; + border: 1px solid #ccc; + -moz-border-radius-bottomleft: 0.5em; + -webkit-border-bottom-left-radius: 0.5em; + border-bottom-left-radius: 0.5em; + border-right: none; + border-top: none; + list-style-type: none; + padding: 0.5em; +} + + +#page-action-menu li { + display: inline; +} + +#page-action-menu a, #page-action-menu a:visited { + border: none; + padding: 0.25em; + color: #000; +} + + +#topactions { + position: absolute; + background: transparent; + top: 3.2em; + right: 0.7em; + width: auto; + min-width: 42em; + font-size: 0.9em; + z-index: 99; +} + +#topactions form * { + vertical-align: top; +} + +#topactions button, #topactions select, #topactions input{ + padding-top: 0em; + padding-bottom: 0em; + width: 8em; + +} + +#topactions #simple-search .field{ + margin-left: 1em; + color: #787; + } + +#topactions #simple-search .field:focus { + color: #000; + } + + diff --git a/rt/share/static/css/web2/ticket-lists.css b/rt/share/static/css/web2/ticket-lists.css new file mode 100644 index 0000000..be83108 --- /dev/null +++ b/rt/share/static/css/web2/ticket-lists.css @@ -0,0 +1,191 @@ +table.queue-summary, table.collection-as-table { + margin-top: 0.75em; + font-size: 0.9em; + border: 1px solid #aaa; + border-bottom: 2px solid #999; + border-right: 2px solid #999; + border-spacing: 0; + width: 100%; + +} + +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 { + background: #ddd; + font-size: 0.9em; + margin-bottom: 0.5em; + text-align: left; + +} + + +table.queue-summary th.collection-as-table { + font-size: 0.9em; + margin-bottom: 0.5em; + text-align: right; + +} + +table.queue-summary th.collection-as-table:first-child { + text-align: left; + +} + + +tr.collection-as-table+tr.collection-as-table th { + border-bottom: 2px solid grey; + +} + + + + +table.queue-summary td { + background: #efefef; + border-bottom: 1px solid #ccc; +} + + + +tr.evenline td { + background: #eee; +} + +tr.oddline td { + background: #fff; + +} + +tr.evenline td, tr.oddline td { + padding-top: 0.5em; +} + + + +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-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/web2/ticket-search.css b/rt/share/static/css/web2/ticket-search.css new file mode 100644 index 0000000..a5f5752 --- /dev/null +++ b/rt/share/static/css/web2/ticket-search.css @@ -0,0 +1,197 @@ +#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: 0.2em; + right: 1em; + left: 60%; + top: 1em; +/* margin-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; + font-weight: bold; +} + +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%; +} + |