mirror of
https://github.com/Radarr/Radarr.git
synced 2024-11-04 10:02:40 +01:00
7a57ab98dc
Made Upcoming look a bit better, still needs work. Wrapped Details in Upcoming/History in fieldset
1474 lines
30 KiB
CSS
1474 lines
30 KiB
CSS
.t-reset {
|
|
border: 0 none;
|
|
font-size: 100%;
|
|
list-style: none outside none;
|
|
margin: 0;
|
|
outline: 0 none;
|
|
padding: 0;
|
|
text-decoration: none;
|
|
}
|
|
.t-widget, .t-widget .t-input, .t-widget .text-box, .t-button {
|
|
font-size: 100%;
|
|
}
|
|
.t-widget {
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
}
|
|
.t-link {
|
|
cursor: pointer;
|
|
outline: medium none;
|
|
}
|
|
.t-button {
|
|
border-radius: 3px 3px 3px 3px;
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
font-size: 100%;
|
|
line-height: 1.435;
|
|
margin: 0;
|
|
padding: 2px 6px;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
}
|
|
* html .t-button {
|
|
display: inline;
|
|
}
|
|
* + html .t-button {
|
|
margin-right: 4px;
|
|
overflow: visible;
|
|
}
|
|
* html .t-button {
|
|
margin-right: 4px;
|
|
overflow: visible;
|
|
}
|
|
* + html .t-button-expand {
|
|
margin-right: 0;
|
|
}
|
|
* html .t-button-expand {
|
|
margin-right: 0;
|
|
}
|
|
* + html a.t-button {
|
|
line-height: 1.6;
|
|
padding-left: 7px;
|
|
padding-right: 7px;
|
|
}
|
|
* html a.t-button {
|
|
line-height: 1.6;
|
|
padding-left: 7px;
|
|
padding-right: 7px;
|
|
}
|
|
.t-button-icontext {
|
|
line-height: 1.453;
|
|
}
|
|
a.t-button {
|
|
-moz-padding-end: 9px;
|
|
-moz-padding-start: 9px;
|
|
}
|
|
a.t-button-expand {
|
|
display: block;
|
|
}
|
|
button.t-button-expand {
|
|
width: 100%;
|
|
}
|
|
body .t-button-icon {
|
|
padding-left: 4px;
|
|
padding-right: 4px;
|
|
}
|
|
button.t-button-icon {
|
|
-moz-padding-end: 1px;
|
|
-moz-padding-start: 1px;
|
|
}
|
|
* + html a.t-button-icon {
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
}
|
|
* html a.t-button-icon {
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
}
|
|
.t-button-icontext {
|
|
padding-right: 8px;
|
|
}
|
|
a.t-button-icontext {
|
|
-moz-padding-end: 11px;
|
|
}
|
|
.t-button-icontext .t-icon {
|
|
margin: 0 3px 0 -3px;
|
|
vertical-align: top;
|
|
}
|
|
* + html .t-button-icontext .t-icon {
|
|
margin-right: 4px;
|
|
}
|
|
* html .t-button-icontext .t-icon {
|
|
margin-right: 4px;
|
|
}
|
|
html body .t-button-bare, html body .t-button-bare:hover, html body .t-button-bare:focus {
|
|
background: none repeat scroll 0 0 transparent;
|
|
border-width: 0;
|
|
}
|
|
.t-icon, .t-editor-button .t-tool-icon {
|
|
background-color: transparent;
|
|
background-repeat: no-repeat;
|
|
}
|
|
.t-header .t-link {
|
|
text-decoration: none;
|
|
}
|
|
.t-state-disabled, .t-state-disabled .t-link {
|
|
cursor: default;
|
|
outline: medium none;
|
|
}
|
|
.t-icon, .t-sprite, .t-editor-button .t-tool-icon {
|
|
display: inline-block;
|
|
font-size: 0;
|
|
height: 16px;
|
|
line-height: 0;
|
|
overflow: hidden;
|
|
text-align: center;
|
|
text-indent: -3333px;
|
|
vertical-align: middle;
|
|
width: 16px;
|
|
}
|
|
* html .t-icon, * html .t-sprite, * html .t-editor-button .t-tool-icon {
|
|
display: inline;
|
|
}
|
|
* html .t-icon, .t-sprite {
|
|
text-indent: 0;
|
|
}
|
|
* + html .t-icon, .t-sprite {
|
|
text-indent: 0;
|
|
}
|
|
.t-image {
|
|
border: 0 none;
|
|
}
|
|
div.t-window {
|
|
border-radius: 5px 5px 5px 5px;
|
|
border-width: 0;
|
|
box-shadow: 0 0 5px 2px #AAAAAA;
|
|
display: inline-block;
|
|
position: absolute;
|
|
z-index: 10001;
|
|
}
|
|
.t-window-titlebar {
|
|
border-bottom-style: solid;
|
|
border-bottom-width: 1px;
|
|
border-top-left-radius: 5px;
|
|
border-top-right-radius: 5px;
|
|
font-size: 1.2em;
|
|
line-height: 1.2em;
|
|
padding: 0.4em 0;
|
|
white-space: nowrap;
|
|
}
|
|
.t-window-title {
|
|
cursor: default;
|
|
left: 0.5em;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
right: 0.5em;
|
|
}
|
|
.t-window-title .t-image {
|
|
margin: 0 5px 0 0;
|
|
vertical-align: middle;
|
|
}
|
|
div.t-window-content {
|
|
border-bottom-left-radius: 4px;
|
|
border-bottom-right-radius: 4px;
|
|
overflow: auto;
|
|
padding: 0.4em 0.5em;
|
|
position: relative;
|
|
}
|
|
.t-window-titlebar .t-window-actions {
|
|
padding-top: 0.3em;
|
|
position: absolute;
|
|
right: 0.5em;
|
|
top: 0;
|
|
white-space: nowrap;
|
|
}
|
|
.t-window-titlebar .t-window-action {
|
|
display: inline-block;
|
|
height: 16px;
|
|
opacity: 0.7;
|
|
padding: 2px;
|
|
text-decoration: none;
|
|
vertical-align: middle;
|
|
width: 16px;
|
|
}
|
|
.t-window-titlebar .t-state-hover {
|
|
border-radius: 5px 5px 5px 5px;
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
opacity: 1;
|
|
padding: 1px;
|
|
}
|
|
.t-window-action .t-icon {
|
|
margin: 0;
|
|
vertical-align: top;
|
|
}
|
|
.t-window .t-resize-handle {
|
|
background-color: #FFFFFF;
|
|
font-size: 0;
|
|
line-height: 6px;
|
|
opacity: 0;
|
|
position: absolute;
|
|
z-index: 1;
|
|
}
|
|
.t-resize-n {
|
|
cursor: n-resize;
|
|
height: 6px;
|
|
left: 0;
|
|
top: -3px;
|
|
width: 100%;
|
|
}
|
|
.t-resize-e {
|
|
cursor: e-resize;
|
|
height: 100%;
|
|
right: -3px;
|
|
top: 0;
|
|
width: 6px;
|
|
}
|
|
.t-resize-s {
|
|
bottom: -3px;
|
|
cursor: s-resize;
|
|
height: 6px;
|
|
left: 0;
|
|
width: 100%;
|
|
}
|
|
.t-resize-w {
|
|
cursor: w-resize;
|
|
height: 100%;
|
|
left: -3px;
|
|
top: 0;
|
|
width: 6px;
|
|
}
|
|
.t-resize-se {
|
|
bottom: -3px;
|
|
cursor: se-resize;
|
|
height: 16px;
|
|
right: -3px;
|
|
width: 16px;
|
|
}
|
|
.t-resize-sw {
|
|
bottom: -3px;
|
|
cursor: sw-resize;
|
|
height: 6px;
|
|
left: -3px;
|
|
width: 6px;
|
|
}
|
|
.t-resize-ne {
|
|
cursor: ne-resize;
|
|
height: 6px;
|
|
right: -3px;
|
|
top: -3px;
|
|
width: 6px;
|
|
}
|
|
.t-resize-nw {
|
|
cursor: nw-resize;
|
|
height: 6px;
|
|
left: -3px;
|
|
top: -3px;
|
|
width: 6px;
|
|
}
|
|
.t-overlay {
|
|
background-color: #000000;
|
|
height: 100%;
|
|
left: 0;
|
|
opacity: 0.5;
|
|
position: fixed;
|
|
top: 0;
|
|
width: 100%;
|
|
z-index: 10000;
|
|
}
|
|
.t-window .t-overlay {
|
|
background-color: #FFFFFF;
|
|
height: 100%;
|
|
opacity: 0;
|
|
position: absolute;
|
|
width: 100%;
|
|
}
|
|
.t-window .t-widget {
|
|
z-index: 10002;
|
|
}
|
|
.t-tabstrip {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.t-tabstrip .t-tabstrip-items {
|
|
padding: 0 0.3em;
|
|
}
|
|
.t-tabstrip-items .t-item, .t-panelbar .t-tabstrip-items .t-item {
|
|
border-style: solid;
|
|
border-top-left-radius: 5px;
|
|
border-top-right-radius: 5px;
|
|
border-width: 1px 1px 0;
|
|
display: inline-block;
|
|
list-style-type: none;
|
|
margin: 0.1em 0.3em 0 0;
|
|
padding: 0;
|
|
position: relative;
|
|
vertical-align: top;
|
|
}
|
|
.t-tabstrip-items .t-state-active, .t-panelbar .t-tabstrip-items .t-state-active {
|
|
margin-bottom: -1px;
|
|
padding-bottom: 1px;
|
|
}
|
|
.t-tabstrip-items .t-link, .t-panelbar .t-tabstrip-items .t-link {
|
|
border-bottom-width: 0;
|
|
display: inline-block;
|
|
outline: 0 none;
|
|
padding: 0.3em 0.9em;
|
|
}
|
|
.t-tabstrip-items .t-icon, .t-panelbar .t-tabstrip-items .t-icon {
|
|
margin: -1px 4px 0 -3px;
|
|
vertical-align: top;
|
|
}
|
|
.t-tabstrip-items .t-item .t-image, .t-tabstrip-items .t-item .t-sprite, .t-panelbar .t-tabstrip-items .t-item .t-image, .t-panelbar .t-tabstrip-items .t-item .t-sprite {
|
|
margin: -3px 3px 0 -6px;
|
|
vertical-align: middle;
|
|
}
|
|
* html .t-tabstrip-items .t-item .t-image, * html .t-tabstrip-items .t-item .t-sprite {
|
|
margin-top: -1px;
|
|
vertical-align: top;
|
|
}
|
|
* + html .t-tabstrip-items .t-item .t-image, * + html .t-tabstrip-items .t-item .t-sprite {
|
|
margin-top: -1px;
|
|
vertical-align: top;
|
|
}
|
|
.t-tabstrip .t-content, .t-panelbar .t-tabstrip .t-content {
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
display: none;
|
|
margin: 0 0.3em 0.3em;
|
|
padding: 0.3em 1em;
|
|
position: static;
|
|
}
|
|
.t-panelbar {
|
|
}
|
|
.t-panelbar .t-item {
|
|
border-radius: 0 0 0 0;
|
|
border-width: 0;
|
|
display: block;
|
|
list-style-type: none;
|
|
margin: 0;
|
|
top: 0;
|
|
}
|
|
.t-panelbar .t-image, .t-panelbar .t-sprite {
|
|
float: left;
|
|
margin-right: 5px;
|
|
margin-top: 4px;
|
|
vertical-align: middle;
|
|
}
|
|
.t-panelbar .t-group .t-image, .t-panelbar .t-group .t-sprite {
|
|
margin-top: 1px;
|
|
}
|
|
.t-panelbar .t-link {
|
|
border-bottom: 1px solid;
|
|
display: block;
|
|
line-height: 2.05em;
|
|
padding: 0 1em;
|
|
position: relative;
|
|
text-decoration: none;
|
|
}
|
|
.t-panelbar-expand, .t-panelbar-collapse {
|
|
position: absolute;
|
|
right: 2px;
|
|
top: 5px;
|
|
}
|
|
.t-panelbar .t-group, .t-panelbar .t-content {
|
|
border-bottom-style: solid;
|
|
border-bottom-width: 1px;
|
|
margin: 0;
|
|
padding: 0;
|
|
position: relative;
|
|
}
|
|
.t-panelbar .t-group .t-link {
|
|
border-bottom: 0 none;
|
|
font-size: 0.95em;
|
|
line-height: 1.7em;
|
|
}
|
|
.t-panelbar .t-group .t-arrow-up, .t-panelbar .t-group .t-arrow-down {
|
|
top: 2px;
|
|
}
|
|
.t-panelbar .t-group .t-group .t-link {
|
|
padding-left: 2em;
|
|
}
|
|
.t-panelbar .t-last .t-link {
|
|
border-bottom: 0 none;
|
|
}
|
|
.t-panelbar .t-group .t-group {
|
|
border-bottom: 0 none;
|
|
}
|
|
.t-tabstrip .t-panelbar .t-content {
|
|
display: block;
|
|
}
|
|
.t-menu {
|
|
cursor: default;
|
|
}
|
|
.t-menu, .t-menu .t-group {
|
|
list-style: none outside none;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.t-menu .t-group .t-link {
|
|
padding-right: 2em;
|
|
}
|
|
.t-menu .t-item {
|
|
border-style: solid;
|
|
border-width: 0 1px 0 0;
|
|
display: inline-block;
|
|
position: relative;
|
|
vertical-align: top;
|
|
}
|
|
.t-menu-vertical .t-item {
|
|
border-width: 0;
|
|
display: block;
|
|
}
|
|
.t-menu .t-image, .t-menu .t-sprite {
|
|
margin: 0 4px 0 -4px;
|
|
vertical-align: top;
|
|
}
|
|
.t-menu .t-link {
|
|
display: block;
|
|
padding: 0.25em 0.97em;
|
|
text-decoration: none;
|
|
}
|
|
.t-menu .t-group {
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
box-shadow: 2px 2px 2px #AAAAAA;
|
|
display: none;
|
|
overflow: visible;
|
|
white-space: nowrap;
|
|
}
|
|
.t-menu .t-group .t-item {
|
|
border-width: 0;
|
|
display: block;
|
|
}
|
|
.t-menu .t-group .t-link {
|
|
}
|
|
.t-menu .t-arrow-down {
|
|
margin-left: 2px;
|
|
margin-right: -10px;
|
|
vertical-align: top;
|
|
}
|
|
.t-menu .t-arrow-next {
|
|
position: absolute;
|
|
right: 0;
|
|
top: 3px;
|
|
}
|
|
.t-menu .t-animation-container, .t-menu .t-group {
|
|
left: -1px;
|
|
position: absolute;
|
|
}
|
|
.t-menu .t-animation-container .t-animation-container, .t-menu .t-group .t-group {
|
|
left: 100%;
|
|
top: -1px;
|
|
}
|
|
.t-menu-vertical .t-animation-container, .t-menu-vertical .t-group {
|
|
left: 100%;
|
|
top: -1px;
|
|
}
|
|
.t-menu .t-animation-container .t-group {
|
|
left: auto;
|
|
top: auto;
|
|
}
|
|
.t-grid {
|
|
position: relative;
|
|
}
|
|
.t-grid table {
|
|
border: 0 none;
|
|
border-collapse: separate;
|
|
empty-cells: show;
|
|
width: 100%;
|
|
}
|
|
.t-grid-header .t-header {
|
|
text-align: left;
|
|
}
|
|
.t-grid-header .t-header, .t-grid-header .t-last-header {
|
|
border-style: solid;
|
|
border-width: 0 1px 1px 0;
|
|
font-weight: normal;
|
|
overflow: hidden;
|
|
padding: 0.3em 0.6em;
|
|
white-space: nowrap;
|
|
}
|
|
.t-grid-header .t-last-header {
|
|
border-right-width: 0;
|
|
}
|
|
.t-grid-header .t-header .t-link {
|
|
border: 0 none;
|
|
display: block;
|
|
height: 18px;
|
|
line-height: 18px;
|
|
margin: -0.3em -0.6em;
|
|
padding: 0.3em 2.4em 0.3em 0.6em;
|
|
}
|
|
.t-grid-header .t-header .t-icon {
|
|
position: static;
|
|
}
|
|
.t-grid .t-state-hover {
|
|
cursor: pointer;
|
|
}
|
|
.t-grid td {
|
|
border: 0 none;
|
|
line-height: 1.6em;
|
|
overflow: hidden;
|
|
padding: 0.25em 0.6em;
|
|
vertical-align: middle;
|
|
}
|
|
.t-grid .t-last {
|
|
border-bottom-width: 0;
|
|
border-right-width: 0;
|
|
}
|
|
.t-grid-header-wrap, .t-footer-template-wrap {
|
|
overflow: hidden;
|
|
position: relative;
|
|
width: 100%;
|
|
}
|
|
div.t-grid-header, .t-footer-template-wrap table {
|
|
border-bottom-style: solid;
|
|
border-bottom-width: 1px;
|
|
padding-right: 17px;
|
|
}
|
|
div.t-grid-header .t-header, div.t-grid-header .t-last-header {
|
|
border-bottom-width: 0;
|
|
}
|
|
div.t-grid-header .t-last-header {
|
|
border-right-width: 1px;
|
|
}
|
|
.t-grid-content {
|
|
overflow-x: auto;
|
|
overflow-y: scroll;
|
|
position: relative;
|
|
width: 100%;
|
|
}
|
|
.t-grid-header table, .t-grid-content table, .t-grid-footer table {
|
|
table-layout: fixed;
|
|
}
|
|
* html .t-grid-content table {
|
|
width: auto;
|
|
}
|
|
* + html .t-grid-content table {
|
|
width: auto;
|
|
}
|
|
.t-grid .t-pager-wrapper, .t-grid-footer {
|
|
border-style: solid;
|
|
border-width: 1px 0 0;
|
|
}
|
|
.t-grid div.t-pager-wrapper {
|
|
border-width: 0 0 1px;
|
|
}
|
|
.t-grid-footer div.t-pager-wrapper {
|
|
border-width: 0;
|
|
}
|
|
.t-grid div.t-grid-footer {
|
|
border-width: 1px 0 0;
|
|
}
|
|
.t-grid .t-pager-wrapper {
|
|
line-height: 1.8em;
|
|
overflow: auto;
|
|
padding: 0.2em 0.6em;
|
|
}
|
|
* html .t-pager-wrapper input {
|
|
vertical-align: middle;
|
|
}
|
|
* + html .t-pager-wrapper input {
|
|
vertical-align: middle;
|
|
}
|
|
.t-grid .t-pager, .t-grid .t-status, .t-grid .t-status-text, .t-pager .t-numeric, .t-pager .t-page-i-of-n, .t-pager .t-link, .t-pager span, .t-pager input, .t-grouping-row p {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
.t-footer-template td {
|
|
border-style: solid;
|
|
border-width: 1px 1px 1px 0;
|
|
}
|
|
.t-footer-template-wrap table {
|
|
border-style: solid;
|
|
border-width: 0 0 1px;
|
|
}
|
|
.t-footer-template-wrap td {
|
|
border-top-width: 0;
|
|
}
|
|
.t-grid .t-status {
|
|
border-right-style: solid;
|
|
border-right-width: 1px;
|
|
float: left;
|
|
height: 1.85em;
|
|
margin: -0.2em 0.6em -0.2em -0.6em;
|
|
padding: 0.2em 0.6em;
|
|
}
|
|
.t-grid .t-pager {
|
|
cursor: default;
|
|
float: left;
|
|
}
|
|
.t-grid .t-status-text {
|
|
float: right;
|
|
margin-right: 0.2em;
|
|
}
|
|
.t-pager .t-link {
|
|
border: 0 none;
|
|
line-height: 16px;
|
|
margin-top: 0.2em;
|
|
padding: 1px;
|
|
text-decoration: none;
|
|
}
|
|
.t-pager .t-state-active, .t-pager .t-state-hover {
|
|
border-radius: 5px 5px 5px 5px;
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
padding: 0;
|
|
}
|
|
.t-pager span, .t-pager .t-link {
|
|
vertical-align: top;
|
|
}
|
|
.t-pager .t-numeric, .t-pager .t-page-i-of-n {
|
|
margin: 0 7px;
|
|
vertical-align: top;
|
|
}
|
|
.t-numeric .t-link, .t-numeric .t-state-active {
|
|
line-height: 22px;
|
|
margin-top: 0;
|
|
padding: 0 5px;
|
|
vertical-align: top;
|
|
}
|
|
.t-numeric .t-state-active, .t-numeric .t-state-hover {
|
|
line-height: 20px;
|
|
padding: 0 4px;
|
|
}
|
|
.t-page-i-of-n input {
|
|
font-size: 1em;
|
|
vertical-align: baseline;
|
|
width: 2em;
|
|
}
|
|
.t-pager-wrapper .t-status .t-icon {
|
|
margin-top: 3px;
|
|
vertical-align: top;
|
|
}
|
|
.t-grid-filter {
|
|
display: inline-block;
|
|
float: right;
|
|
height: 18px;
|
|
margin: -1.8em -0.6em -0.3em 3px;
|
|
padding: 0.3em 0.2em;
|
|
position: relative;
|
|
}
|
|
.t-link + .t-grid-filter {
|
|
}
|
|
* + html .t-grid .t-grid-filter {
|
|
margin-top: -1.8em;
|
|
}
|
|
.t-grid-filter .t-icon {
|
|
vertical-align: top;
|
|
}
|
|
.t-grid .t-animation-container {
|
|
position: absolute;
|
|
}
|
|
.t-filter-options {
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
box-shadow: 2px 2px 2px #AAAAAA;
|
|
padding: 3px;
|
|
position: absolute;
|
|
width: 148px;
|
|
}
|
|
.t-filter-options .t-filter-help-text, .t-filter-options select, .t-filter-options input, .t-filter-options .t-button, .t-filter-options .t-datepicker {
|
|
display: block;
|
|
margin-bottom: 4px;
|
|
}
|
|
.t-filter-options .t-button, .t-filter-options select {
|
|
width: 148px;
|
|
}
|
|
.t-filter-options input {
|
|
width: 142px;
|
|
}
|
|
.t-filter-options .t-datepicker {
|
|
width: 100%;
|
|
}
|
|
.t-filter-options .t-filter-button {
|
|
margin-bottom: 0;
|
|
}
|
|
.t-grouping-row .t-icon {
|
|
margin: 0 4px;
|
|
}
|
|
.t-grouping-row p {
|
|
margin-left: -0.6em;
|
|
padding: 0 0.6em;
|
|
}
|
|
.t-grid td.t-group-cell, .t-grid td.t-hierarchy-cell {
|
|
border-right: 0 none;
|
|
}
|
|
.t-grid .t-group-col, .t-grid .t-hierarchy-col {
|
|
width: 30px;
|
|
}
|
|
.t-grouping-header, .t-grouping-dropclue {
|
|
height: 24px;
|
|
line-height: 24px;
|
|
}
|
|
.t-grouping-dropclue {
|
|
position: absolute;
|
|
width: 6px;
|
|
}
|
|
.t-grouping-header .t-group-indicator {
|
|
border-radius: 4px 4px 4px 4px;
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
display: inline-block;
|
|
line-height: 1.5em;
|
|
margin: 0 3px;
|
|
padding: 0.15em 0.15em 0.15em 0.4em;
|
|
}
|
|
.t-grouping-header .t-link {
|
|
border-style: none;
|
|
display: inline-block;
|
|
line-height: normal;
|
|
padding: 0;
|
|
text-decoration: none;
|
|
}
|
|
.t-grouping-header .t-button {
|
|
background: none repeat scroll 0 0 transparent;
|
|
border: 0 none;
|
|
padding: 0;
|
|
}
|
|
.t-grouping-header .t-icon {
|
|
vertical-align: top;
|
|
}
|
|
.t-grouping-header .t-link .t-icon {
|
|
margin: 0 0 0 -3px;
|
|
}
|
|
.t-grouping-header .t-button .t-icon {
|
|
margin: 0 0 0 3px;
|
|
}
|
|
.t-grouping-header a, .t-grouping-header .t-button {
|
|
display: inline-block;
|
|
vertical-align: baseline;
|
|
}
|
|
.t-grouping-header, .t-grid-toolbar {
|
|
border-bottom-style: solid;
|
|
border-bottom-width: 1px;
|
|
cursor: default;
|
|
margin: 0;
|
|
padding: 0.25em;
|
|
}
|
|
.t-grid .t-edit-container {
|
|
border-right: 0 none;
|
|
padding: 0;
|
|
}
|
|
.t-edit-form {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.t-edit-form td {
|
|
border-bottom: 0 none;
|
|
border-top: 0 none;
|
|
}
|
|
.t-edit-container .text-box, .t-edit-container .t-numerictextbox, .t-edit-container .t-datepicker {
|
|
margin: -0.4em -0.3em -0.15em;
|
|
max-width: 90%;
|
|
min-width: 90%;
|
|
vertical-align: middle;
|
|
width: 5em;
|
|
}
|
|
.t-edit-container .t-dropdown, .t-edit-container .t-combobox {
|
|
line-height: normal;
|
|
margin: -0.1em -0.3em -0.45em;
|
|
max-width: 90%;
|
|
min-width: 90%;
|
|
width: 5em;
|
|
}
|
|
* html .t-grid .text-box {
|
|
width: 90%;
|
|
}
|
|
.t-grid .field-validation-error {
|
|
display: block;
|
|
}
|
|
.t-grid .input-validation-error {
|
|
background-color: #FFC0CB;
|
|
border-color: #FF0000;
|
|
border-style: ridge;
|
|
}
|
|
.t-grid-toolbar .t-button {
|
|
vertical-align: middle;
|
|
}
|
|
.t-grid-actions {
|
|
display: inline-block;
|
|
}
|
|
* html .t-grid-actions {
|
|
display: inline;
|
|
vertical-align: bottom;
|
|
}
|
|
* + html .t-grid-actions {
|
|
display: inline;
|
|
vertical-align: bottom;
|
|
}
|
|
.t-grid tbody .t-button {
|
|
margin: 0 0.2em;
|
|
min-width: 64px;
|
|
}
|
|
.t-grid tbody button.t-button, #ie8#skips {
|
|
min-width: 78px;
|
|
}
|
|
* + html .t-grid tbody a.t-button {
|
|
min-width: 62px;
|
|
}
|
|
.t-grid tbody a.t-button {
|
|
-moz-padding-end: 6px;
|
|
-moz-padding-start: 6px;
|
|
}
|
|
.t-grid tbody a.t-button-icon {
|
|
-moz-padding-end: 4px;
|
|
-moz-padding-start: 4px;
|
|
}
|
|
html body .t-grid tbody .t-button-icon {
|
|
min-width: 0;
|
|
width: auto;
|
|
}
|
|
.t-detail-row {
|
|
position: relative;
|
|
}
|
|
.t-grid .t-detail-cell {
|
|
overflow: visible;
|
|
}
|
|
.t-grid-resize-indicator {
|
|
background-color: #AAAAAA;
|
|
position: absolute;
|
|
width: 2px;
|
|
}
|
|
.t-grid .t-resize-handle {
|
|
cursor: col-resize;
|
|
height: 25px;
|
|
position: absolute;
|
|
}
|
|
.t-autocomplete {
|
|
background-position: 100% 50% !important;
|
|
}
|
|
.t-combobox, .t-dropdown, .t-selectbox {
|
|
border-width: 0;
|
|
display: inline-block;
|
|
overflow: hidden;
|
|
position: relative;
|
|
white-space: nowrap;
|
|
width: 150px;
|
|
}
|
|
* + html .t-combobox {
|
|
overflow: visible;
|
|
}
|
|
* html .t-combobox {
|
|
overflow: visible;
|
|
}
|
|
.t-dropdown-wrap, .t-picker-wrap {
|
|
cursor: default;
|
|
display: block;
|
|
position: relative;
|
|
}
|
|
.t-picker-wrap {
|
|
padding: 0 25px 0 0;
|
|
}
|
|
.t-dropdown-wrap {
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
padding-right: 16px;
|
|
}
|
|
.t-combobox > .t-dropdown-wrap {
|
|
padding-right: 22px;
|
|
}
|
|
* html .t-combobox .t-dropdown-wrap {
|
|
height: 20px;
|
|
}
|
|
* html .t-picker-wrap {
|
|
height: 20px;
|
|
padding-right: 20px;
|
|
}
|
|
.t-picker-wrap .t-input, .t-combobox .t-input {
|
|
vertical-align: top;
|
|
width: 100%;
|
|
}
|
|
.t-combobox .t-input {
|
|
border: 0 none;
|
|
outline: 0 none;
|
|
}
|
|
* html {
|
|
position: absolute;
|
|
top: 0;
|
|
}
|
|
.t-picker-wrap .t-select, .t-dropdown-wrap .t-select {
|
|
cursor: default;
|
|
display: inline-block;
|
|
position: absolute;
|
|
right: 0;
|
|
text-decoration: none;
|
|
top: 0;
|
|
vertical-align: top;
|
|
}
|
|
* html .t-picker-wrap .t-select, * html .t-dropdown-wrap .t-select {
|
|
right: 1px;
|
|
top: 1px;
|
|
}
|
|
.t-combobox .t-select {
|
|
border-color: inherit;
|
|
border-style: solid;
|
|
border-width: 0 0 0 1px;
|
|
}
|
|
.t-combobox .t-icon {
|
|
margin-top: 1px;
|
|
}
|
|
.t-dropdown .t-select, .t-selectbox .t-select {
|
|
border: 0 none;
|
|
color: inherit;
|
|
cursor: default;
|
|
font: inherit;
|
|
overflow: hidden;
|
|
text-decoration: none;
|
|
}
|
|
.t-dropdown .t-input, .t-selectbox .t-input {
|
|
display: block;
|
|
overflow: hidden;
|
|
padding: 0.2em 0 0.2em 3px;
|
|
}
|
|
.t-picker-wrap .t-select, .t-dropdown-wrap .t-select {
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
}
|
|
.t-picker-wrap .t-icon, .t-dropdown-wrap .t-icon {
|
|
margin-top: 2px;
|
|
vertical-align: top;
|
|
}
|
|
.t-combobox .t-input {
|
|
border: 0 none;
|
|
height: 18px;
|
|
line-height: 18px;
|
|
margin: 0;
|
|
padding: 1px 3px;
|
|
}
|
|
.t-picker-wrap .t-select, .t-dropdown-wrap .t-select {
|
|
height: 20px;
|
|
line-height: 20px;
|
|
}
|
|
.t-popup {
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
}
|
|
.t-popup .t-item {
|
|
cursor: default;
|
|
padding: 1px 5px 1px 3px;
|
|
}
|
|
.t-calendar {
|
|
display: inline-block;
|
|
overflow: hidden;
|
|
position: relative;
|
|
width: 203px;
|
|
}
|
|
.t-calendar .t-link {
|
|
text-decoration: none;
|
|
}
|
|
.t-calendar .t-action-link {
|
|
text-decoration: underline;
|
|
}
|
|
.t-calendar .t-header {
|
|
padding: 0.4em 0;
|
|
position: relative;
|
|
text-align: center;
|
|
}
|
|
.t-calendar .t-nav-prev, .t-calendar .t-nav-next {
|
|
position: absolute;
|
|
top: 0.3em;
|
|
}
|
|
.t-calendar .t-nav-prev {
|
|
left: 1%;
|
|
}
|
|
.t-calendar .t-nav-next {
|
|
right: 1%;
|
|
}
|
|
.t-calendar .t-content {
|
|
border-style: none;
|
|
display: table;
|
|
height: 169px;
|
|
margin: 0;
|
|
padding: 0;
|
|
table-layout: fixed;
|
|
text-align: right;
|
|
width: 100%;
|
|
}
|
|
.t-calendar .t-animation-container .t-content {
|
|
height: 100%;
|
|
}
|
|
.t-calendar .t-nav-fast {
|
|
display: inline-block;
|
|
width: 75%;
|
|
}
|
|
.t-calendar .t-nav-fast .t-icon {
|
|
vertical-align: top;
|
|
}
|
|
.t-calendar th {
|
|
border-bottom-style: solid;
|
|
border-bottom-width: 1px;
|
|
cursor: default;
|
|
font-weight: normal;
|
|
}
|
|
.t-calendar td {
|
|
cursor: pointer;
|
|
padding: 1px;
|
|
}
|
|
.t-calendar .t-state-focus {
|
|
border-style: dotted;
|
|
border-width: 1px;
|
|
padding: 0;
|
|
}
|
|
.t-calendar .t-content .t-link {
|
|
display: block;
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
.t-calendar th, .t-calendar .t-content .t-link {
|
|
padding: 0.25em 0.45em 0.3em 0.1em;
|
|
}
|
|
.t-calendar .t-meta-view .t-link {
|
|
padding: 0.25em 0 0.3em;
|
|
text-align: center;
|
|
}
|
|
.t-timepicker, .t-datetimepicker, .t-datepicker {
|
|
border: 0 none;
|
|
white-space: nowrap;
|
|
width: 8.5em;
|
|
}
|
|
.t-datetimepicker {
|
|
width: 13em;
|
|
}
|
|
div.t-timepicker, div.t-datetimepicker, div.t-datepicker {
|
|
background-color: transparent;
|
|
}
|
|
.t-datetimepicker .t-picker-wrap {
|
|
padding-right: 44px;
|
|
}
|
|
* html .t-datetimepicker .t-picker-wrap {
|
|
padding-right: 40px;
|
|
}
|
|
.t-datetimepicker .t-icon-calendar {
|
|
margin-right: 3px;
|
|
}
|
|
.t-picker-wrap .t-icon {
|
|
cursor: pointer;
|
|
}
|
|
.t-state-disabled .t-picker-wrap .t-icon {
|
|
cursor: default;
|
|
}
|
|
.t-timepicker, .t-datepicker, .t-datetimepicker {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
}
|
|
.t-picker-wrap .t-input {
|
|
margin: 0;
|
|
}
|
|
.t-time-popup, .t-datepicker-calendar {
|
|
box-shadow: 2px 2px 2px #AAAAAA;
|
|
}
|
|
.t-iframe-overlay {
|
|
border: 0 none;
|
|
left: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%;
|
|
}
|
|
.t-time-popup .t-item {
|
|
padding: 1px 3px;
|
|
}
|
|
div.t-treeview {
|
|
background: none repeat scroll 0 0 transparent;
|
|
border-width: 0;
|
|
overflow: auto;
|
|
white-space: nowrap;
|
|
}
|
|
.t-treeview .t-item {
|
|
border-width: 0;
|
|
display: block;
|
|
margin: 0;
|
|
padding: 0 0 0 16px;
|
|
position: static;
|
|
top: auto;
|
|
}
|
|
.t-treeview .t-group, .t-treeview .t-content {
|
|
background: none repeat scroll 0 0 transparent;
|
|
list-style-type: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.t-treeview .t-animation-container {
|
|
height: auto !important;
|
|
}
|
|
.t-treeview .t-icon, .t-treeview .t-image, .t-treeview .t-sprite, .t-treeview .t-in {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
}
|
|
.t-treeview .t-plus, .t-treeview .t-minus, .t-treeview .t-plus-disabled, .t-treeview .t-minus-disabled {
|
|
float: left;
|
|
margin-left: -16px;
|
|
margin-top: 2px;
|
|
}
|
|
.t-treeview .t-plus, .t-treeview .t-minus {
|
|
cursor: pointer;
|
|
}
|
|
.t-treeview .t-plus-disabled, .t-treeview .t-minus-disabled {
|
|
cursor: default;
|
|
}
|
|
.t-treeview .t-sprite, .t-treeview .t-image {
|
|
margin-right: 3px;
|
|
}
|
|
.t-treeview .t-in {
|
|
line-height: 16px;
|
|
margin: 1px 0 1px 2px;
|
|
padding: 2px 4px 2px 3px;
|
|
text-decoration: none;
|
|
}
|
|
.t-treeview span.t-in {
|
|
cursor: default;
|
|
}
|
|
.t-treeview .t-state-hover, .t-treeview .t-state-selected {
|
|
border-radius: 4px 4px 4px 4px;
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
padding: 1px 3px 1px 2px;
|
|
}
|
|
.t-treeview .t-drop-clue {
|
|
background-color: transparent;
|
|
background-repeat: no-repeat;
|
|
height: 5px;
|
|
margin-top: -3px;
|
|
position: absolute;
|
|
visibility: hidden;
|
|
width: 80px;
|
|
z-index: 10000;
|
|
}
|
|
.t-treeview-lines .t-top, .t-treeview-lines .t-mid, .t-treeview-lines .t-bot {
|
|
background-repeat: no-repeat;
|
|
margin-left: -16px;
|
|
padding-left: 16px;
|
|
}
|
|
.t-treeview-lines .t-top {
|
|
background-position: -91px 0;
|
|
}
|
|
.t-treeview-lines .t-bot {
|
|
background-position: -69px -22px;
|
|
}
|
|
.t-treeview-lines .t-mid {
|
|
background-position: -47px -44px;
|
|
}
|
|
.t-treeview-lines .t-last .t-top {
|
|
background-position: -25px -66px;
|
|
}
|
|
.t-treeview-lines .t-group .t-last .t-bot {
|
|
background-position: -69px -22px;
|
|
}
|
|
.t-treeview-lines .t-item {
|
|
background-repeat: no-repeat;
|
|
}
|
|
.t-treeview-lines .t-first {
|
|
background-position: 0 16px;
|
|
background-repeat: no-repeat;
|
|
}
|
|
div.t-numerictextbox {
|
|
background: none repeat scroll 0 0 transparent;
|
|
border: 0 none;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
white-space: nowrap;
|
|
}
|
|
.t-numerictextbox .t-icon {
|
|
margin-left: -16px;
|
|
}
|
|
.t-numerictextbox .t-link {
|
|
border-style: none;
|
|
display: inline-block;
|
|
}
|
|
.t-numerictextbox .t-arrow-up {
|
|
height: 10px;
|
|
margin-top: 1px;
|
|
vertical-align: top;
|
|
}
|
|
* + html .t-numerictextbox .t-arrow-up {
|
|
margin-top: 1px;
|
|
}
|
|
.t-numerictextbox .t-arrow-down {
|
|
height: 11px;
|
|
margin-bottom: 1px;
|
|
vertical-align: bottom;
|
|
}
|
|
* + html .t-numerictextbox .t-arrow-down {
|
|
margin-bottom: 1px;
|
|
}
|
|
.t-colorpicker {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
.t-colorpicker .t-tool-icon {
|
|
display: inline-block;
|
|
font-size: 0;
|
|
line-height: 0;
|
|
padding: 2px 3px;
|
|
vertical-align: top;
|
|
}
|
|
.t-colorpicker .t-selected-color {
|
|
border-radius: 2px 2px 2px 2px;
|
|
display: block;
|
|
height: 16px;
|
|
width: 16px;
|
|
}
|
|
.t-colorpicker .t-icon {
|
|
margin-top: 2px;
|
|
vertical-align: middle;
|
|
}
|
|
.t-colorpicker-popup {
|
|
line-height: 0;
|
|
width: 136px;
|
|
}
|
|
.t-colorpicker-popup .t-reset {
|
|
display: inline-block;
|
|
margin: 0;
|
|
padding: 0.25em;
|
|
}
|
|
.t-colorpicker-popup .t-item {
|
|
display: block;
|
|
float: left;
|
|
font-size: 0;
|
|
height: 12px;
|
|
margin: 0 1px 1px 0;
|
|
overflow: hidden;
|
|
padding: 0;
|
|
width: 12px;
|
|
}
|
|
.t-editor {
|
|
border-collapse: separate;
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
font-size: 100%;
|
|
height: 250px;
|
|
table-layout: fixed;
|
|
vertical-align: top;
|
|
width: 100%;
|
|
}
|
|
.t-editor .t-editor-toolbar-wrap {
|
|
border: 0 none;
|
|
padding: 0;
|
|
}
|
|
.t-editor-toolbar {
|
|
cursor: default;
|
|
line-height: 1.3em;
|
|
list-style-type: none;
|
|
margin: 0;
|
|
padding: 0.1em 0;
|
|
}
|
|
.t-editor-toolbar li {
|
|
display: inline;
|
|
vertical-align: middle;
|
|
}
|
|
.t-editor-toolbar .t-editor-dropdown, .t-editor-toolbar .t-editor-combobox, .t-editor-toolbar .t-editor-selectbox, .t-editor-toolbar .t-editor-colorpicker {
|
|
margin-right: 2px;
|
|
}
|
|
.t-editor-toolbar .t-separator {
|
|
border-style: solid;
|
|
border-width: 0 1px 0 0;
|
|
font-size: 1.3em;
|
|
margin: 0 0.15em;
|
|
padding: 0 0 0 1px;
|
|
position: relative;
|
|
top: 1px;
|
|
}
|
|
.t-editor-toolbar .t-break {
|
|
display: block;
|
|
font-size: 0;
|
|
height: 1px;
|
|
line-height: 0;
|
|
}
|
|
.t-editor-toolbar .t-dropdown, .t-editor-toolbar .t-combobox, .t-editor-toolbar .t-selectbox, .t-editor-toolbar .t-colorpicker {
|
|
vertical-align: middle;
|
|
}
|
|
.t-editor-button .t-tool-icon {
|
|
height: 22px;
|
|
margin: 1px;
|
|
vertical-align: middle;
|
|
width: 22px;
|
|
}
|
|
.t-editor-colorpicker .t-tool-icon {
|
|
padding: 17px 3px 2px;
|
|
}
|
|
.t-editor-colorpicker .t-icon {
|
|
border-color: #CCCCCC;
|
|
border-style: solid;
|
|
border-width: 0 0 0 1px;
|
|
}
|
|
.t-editor-colorpicker .t-selected-color {
|
|
height: 3px;
|
|
}
|
|
.t-editor-combobox .t-input {
|
|
height: 20px;
|
|
line-height: 20px;
|
|
}
|
|
.t-editor-combobox .t-select {
|
|
height: 22px;
|
|
line-height: 22px;
|
|
}
|
|
.t-bold {
|
|
background-position: -22px 0;
|
|
}
|
|
.t-italic {
|
|
background-position: -44px 0;
|
|
}
|
|
.t-underline {
|
|
background-position: -66px 0;
|
|
}
|
|
.t-strikethrough {
|
|
background-position: -88px 0;
|
|
}
|
|
.t-justifyLeft {
|
|
background-position: -110px 0;
|
|
}
|
|
.t-justifyCenter {
|
|
background-position: -132px 0;
|
|
}
|
|
.t-justifyRight {
|
|
background-position: -154px 0;
|
|
}
|
|
.t-justifyFull {
|
|
background-position: -176px 0;
|
|
}
|
|
.t-insertOrderedList {
|
|
background-position: -198px 0;
|
|
}
|
|
.t-insertUnorderedList {
|
|
background-position: -220px 0;
|
|
}
|
|
.t-createLink {
|
|
background-position: -242px 0;
|
|
}
|
|
.t-unlink {
|
|
background-position: -264px 0;
|
|
}
|
|
.t-insertImage {
|
|
background-position: -286px 0;
|
|
}
|
|
.t-foreColor .t-tool-icon {
|
|
background-position: -308px -2px;
|
|
}
|
|
.t-backColor .t-tool-icon {
|
|
background-position: -330px -2px;
|
|
}
|
|
.t-indent {
|
|
background-position: -352px 0;
|
|
}
|
|
.t-outdent {
|
|
background-position: -374px 0;
|
|
}
|
|
.t-fontName {
|
|
width: 110px;
|
|
}
|
|
.t-fontSize {
|
|
width: 124px;
|
|
}
|
|
.t-formatBlock {
|
|
width: 147px;
|
|
}
|
|
.t-editor-button .t-state-hover, .t-editor-button .t-state-active {
|
|
border-radius: 5px 5px 5px 5px;
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
margin: 0;
|
|
vertical-align: middle;
|
|
}
|
|
.t-editor-button .t-state-disabled {
|
|
opacity: 0.3;
|
|
}
|
|
.t-editor .t-editable-area {
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
height: 100%;
|
|
outline: medium none;
|
|
width: 100%;
|
|
}
|
|
.t-editor .t-content {
|
|
border: 0 none;
|
|
display: block;
|
|
height: 100%;
|
|
margin: 0;
|
|
padding: 0;
|
|
width: 100%;
|
|
}
|
|
.t-editor .t-raw-content {
|
|
border: 0 none;
|
|
font-family: Consolas,"Courier New",monospace;
|
|
font-size: inherit;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.t-editor-dialog {
|
|
padding: 1em;
|
|
}
|
|
.t-editor-dialog ol {
|
|
list-style: none outside none;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.t-form-text-row, .t-form-checkbox-row {
|
|
padding-bottom: 1em;
|
|
}
|
|
.t-form-text-row label {
|
|
display: inline-block;
|
|
padding-right: 0.5em;
|
|
text-align: right;
|
|
width: 6.5em;
|
|
}
|
|
.t-form-checkbox-row input {
|
|
font-size: inherit;
|
|
margin-left: 6.5em;
|
|
padding: 0;
|
|
}
|
|
.t-form-checkbox-row label {
|
|
padding-left: 0.3em;
|
|
}
|
|
.t-form-checkbox-row input, .t-form-checkbox-row label, .t-form-text-row label .t-form-text-row input, .t-form-text-row select {
|
|
vertical-align: middle;
|
|
}
|
|
.t-form-text-row input, .t-form-text-row select {
|
|
width: 20em;
|
|
}
|
|
.t-editor-dialog .t-button-wrapper {
|
|
padding-top: 0.5em;
|
|
text-align: right;
|
|
}
|
|
.t-editor-dialog .t-button {
|
|
display: inline-block;
|
|
}
|
|
.t-drag-clue {
|
|
border-radius: 4px 4px 4px 4px;
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
cursor: default;
|
|
font-size: 0.9em;
|
|
padding: 0.05em 0.15em;
|
|
position: absolute;
|
|
white-space: nowrap;
|
|
z-index: 10003;
|
|
}
|
|
.t-drag-status {
|
|
margin-right: 4px;
|
|
margin-top: -1px;
|
|
vertical-align: top;
|
|
}
|
|
.t-reorder-cue {
|
|
overflow: visible;
|
|
position: absolute;
|
|
width: 1px;
|
|
}
|
|
.t-reorder-cue .t-icon {
|
|
height: 4px;
|
|
left: -4px;
|
|
position: absolute;
|
|
width: 8px;
|
|
}
|
|
.t-reorder-cue .t-arrow-down {
|
|
background-position: -20px -182px;
|
|
top: -4px;
|
|
}
|
|
.t-reorder-cue .t-arrow-up {
|
|
background-position: -20px -166px;
|
|
bottom: -4px;
|
|
}
|