|
|
@@ -1,65 +1,4 @@
|
|
|
|
|
|
-/* -- Clear Fix -- */
|
|
|
-.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
|
|
|
-
|
|
|
-/* wrapper for all css */
|
|
|
-.hue-shared {
|
|
|
- position: relative;
|
|
|
- font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, sans-serif;
|
|
|
- font-size: 12px;
|
|
|
-}
|
|
|
-.hue-shared .view {
|
|
|
- height: inherit;
|
|
|
- width: inherit;
|
|
|
-}
|
|
|
-/* all links default styles */
|
|
|
-.hue-shared a:visited,
|
|
|
-.hue-shared a:link {
|
|
|
- color: #3e528c;
|
|
|
- text-decoration: none;
|
|
|
- cursor: pointer;
|
|
|
- outline: none;
|
|
|
-}
|
|
|
-.hue-shared .jframe_ignore a {
|
|
|
- text-decoration: none;
|
|
|
-}
|
|
|
-.hue-shared a:visited.disabled,
|
|
|
-.hue-shared a:link.disabled {
|
|
|
- text-decoration: none;
|
|
|
- color: #000;
|
|
|
-}
|
|
|
-.hue-shared ul.context-menu a.disabled {
|
|
|
- text-decoration: none;
|
|
|
- color: #999;
|
|
|
- cursor: pointer;
|
|
|
-}
|
|
|
-.hue-shared a:visited:hover,
|
|
|
-.hue-shared a:link:hover {
|
|
|
- text-decoration: underline;
|
|
|
-}
|
|
|
-/* all imgs default styles */
|
|
|
-.hue-shared img {
|
|
|
- border: 0px;
|
|
|
-}
|
|
|
-/* all paragraph default styles */
|
|
|
-.hue-shared p {
|
|
|
- margin-bottom: 12px;
|
|
|
-}
|
|
|
-/* all input and form element default styles */
|
|
|
-.hue-shared input, .hue-shared textarea {
|
|
|
- padding: 2px;
|
|
|
-}
|
|
|
-.hue-shared label {
|
|
|
- cursor: pointer;
|
|
|
-}
|
|
|
-.hue-shared pre {
|
|
|
- font-family: monaco, courier;
|
|
|
-}
|
|
|
-/* errors */
|
|
|
-.jframe-error {
|
|
|
- color: #900;
|
|
|
-}
|
|
|
-
|
|
|
/* all em default styles */
|
|
|
.hue-shared em, .hue-shared i {
|
|
|
font-style: italic;
|
|
|
@@ -68,273 +7,6 @@
|
|
|
.hue-shared .hue-code, .hue-shared.hue-code, .hue-code {
|
|
|
font-family: "Andale Mono", "Monaco", "Courier New" !important;
|
|
|
}
|
|
|
-/* text is not selectable; good for double click actions like links to prevent the double click from selecting
|
|
|
- note that the user cannot select this text even if that's their intention; use sparingly */
|
|
|
-.jframe-no_select, .jframe-no_select * {
|
|
|
- user-select: none;
|
|
|
- -moz-user-select: none;
|
|
|
- -webkit-user-select: none;
|
|
|
-}
|
|
|
-/* OverText - input lables using OverText.js from MooTools More */
|
|
|
-.hue-shared label.overTxtLabel {
|
|
|
- font-size: 11px;
|
|
|
- color: #999;
|
|
|
- margin-top: 3px;
|
|
|
-}
|
|
|
-.hue-shared label.OverText-ArtInput {
|
|
|
- margin-top: 0px;
|
|
|
-}
|
|
|
-/* clear both sides of floats */
|
|
|
-.hue-shared .jframe-clear {
|
|
|
- clear:both;
|
|
|
-}
|
|
|
-/* center text */
|
|
|
-.hue-shared .hue-center {
|
|
|
- text-align: center;
|
|
|
-}
|
|
|
-/* float left */
|
|
|
-.hue-shared .jframe-left {
|
|
|
- float: left;
|
|
|
-}
|
|
|
-/* float right */
|
|
|
-.hue-shared .jframe-right {
|
|
|
- float: right;
|
|
|
-}
|
|
|
-/* not displayed */
|
|
|
-.hue-shared .jframe-hidden {
|
|
|
- display: none;
|
|
|
-}
|
|
|
-/* cursor pointer to connote clickability */
|
|
|
-.hue-shared .hue-pointer {
|
|
|
- cursor:pointer;
|
|
|
-}
|
|
|
-/* inline block display; makes elements block level, but follows page flow */
|
|
|
-.hue-shared .jframe-inline, .hue-shared ul.jframe-inline_list li {
|
|
|
- display:-moz-inline-box; /* FF2 */
|
|
|
- display:inline-block; /* webkit and FF3 */
|
|
|
- #zoom: 1; /* set hasLayout:true to mimic inline-block */
|
|
|
- #display:inline;
|
|
|
- border:0;
|
|
|
- padding:0;
|
|
|
- vertical-align:middle;
|
|
|
- #vertical-align: auto; /* makes TextBox,Button line up w/native counterparts on IE6 */
|
|
|
- position: relative;
|
|
|
-}
|
|
|
-/* down divot image */
|
|
|
-.hue-shared .hue-down_divot {
|
|
|
- width: 11px;
|
|
|
- height: 11px;
|
|
|
- display: block;
|
|
|
- background: url(../art/divots.png) -11px -11px no-repeat;
|
|
|
-}
|
|
|
-/* tabbed layout */
|
|
|
-/* .hue-tabs, a ul; container for the tabs
|
|
|
-
|
|
|
-<ul class="tabs">
|
|
|
-<li><span>Tab 1</span></li>
|
|
|
-<li><span>Tab 2</span></li>
|
|
|
-<li><span>Tab 3</span></li>
|
|
|
-</ul>
|
|
|
-<ul class="tab_sections">
|
|
|
- <li> section for tab 1 </li>
|
|
|
- <li> section for tab 2 </li>
|
|
|
- <li> section for tab 3 </li>
|
|
|
-</ul>
|
|
|
-
|
|
|
-*/
|
|
|
-.hue-shared ul.tabs {
|
|
|
- margin: none;
|
|
|
- padding: none;
|
|
|
-}
|
|
|
-.hue-shared .right_col pre {
|
|
|
- overflow: visible;
|
|
|
-}
|
|
|
-.hue-shared .right_col ul.tab_sections {
|
|
|
- overflow: visible;
|
|
|
-}
|
|
|
-
|
|
|
-.hue-shared ul.tab_sections {
|
|
|
- overflow: visible;
|
|
|
-}
|
|
|
-/* the tab elements, li elements */
|
|
|
-.hue-shared .tabs li {
|
|
|
- cursor: pointer;
|
|
|
- height: 19px;
|
|
|
- line-height: 19px;
|
|
|
- background: url(/static/art/tabs.png);
|
|
|
- margin-right: 8px !important;
|
|
|
- color: #444;
|
|
|
-}
|
|
|
-/* each tab's text/html is wrapped in a span */
|
|
|
-.tabs li span {
|
|
|
- height: 18px;
|
|
|
- display: block;
|
|
|
- background: url(/static/art/tabs.png) right top;
|
|
|
- position: relative;
|
|
|
- left: 6px;
|
|
|
- padding: 1px 6px 0px 0px;
|
|
|
-}
|
|
|
-.hue-shared .tabs > li {
|
|
|
- list-style: none;
|
|
|
- float: left;
|
|
|
-}
|
|
|
-.hue-shared .tabs li.tabSelected {
|
|
|
- color: #000;
|
|
|
- background: url(/static/art/tabs.png) left 38px;
|
|
|
-}
|
|
|
-.hue-shared .tabs li.tabSelected span {
|
|
|
- background: url(/static/art/tabs.png) right 38px;
|
|
|
-}
|
|
|
-.hue-shared .tabs li:hover {
|
|
|
- color: #000;
|
|
|
- background: url(/static/art/tabs.png) left 19px;
|
|
|
-}
|
|
|
-.hue-shared .tabs li:hover span {
|
|
|
- background: url(/static/art/tabs.png) right 19px;
|
|
|
-}
|
|
|
-
|
|
|
-/* stripy table */
|
|
|
-/*
|
|
|
-see: HtmlTable.js, HtmlTable.Zebra.js, HtmlTable.Select.js, HtmlTable.Sort.js in MooTools More
|
|
|
-<table data-filters="HtmlTable" class="selectable sortable" cellpadding="0" cellspacing="0">
|
|
|
- <thead>
|
|
|
- <tr>
|
|
|
- <th>Header for Column 1</th>
|
|
|
- <th>Header for Column 2</th>
|
|
|
- <th>Header for Column 3</th>
|
|
|
- </tr>
|
|
|
- </thead>
|
|
|
- <tbody>
|
|
|
- <tr><td> col 1 </td><td> col 2 </td><td> col 3 </td></tr>
|
|
|
- <tr><td> col 1 </td><td> col 2 </td><td> col 3 </td></tr>
|
|
|
- <tr><td> col 1 </td><td> col 2 </td><td> col 3 </td></tr>
|
|
|
- <tr><td> col 1 </td><td> col 2 </td><td> col 3 </td></tr>
|
|
|
- </tbody>
|
|
|
-</table>
|
|
|
-
|
|
|
-give it class "selectable" to allow the user to select rows
|
|
|
-give it class "sortable" to allow the user to sort the table
|
|
|
-*/
|
|
|
-table[data-filters*=HtmlTable] {
|
|
|
- width: 100%;
|
|
|
-}
|
|
|
-table[data-filters*=HtmlTable] thead {
|
|
|
- background: url(/static/art/th_back.png);
|
|
|
-}
|
|
|
-table[data-filters*=HtmlTable] thead th {
|
|
|
- text-align: left;
|
|
|
- white-space: nowrap;
|
|
|
- padding: 0px 6px;
|
|
|
- border: 1px solid #b2b2b2;
|
|
|
- border-width: 0px 1px 1px 0px;
|
|
|
- height: 16px !important;
|
|
|
- line-height: 16px !important;
|
|
|
- font-size: 12px;
|
|
|
- font-weight: normal;
|
|
|
- overflow: hidden;
|
|
|
-}
|
|
|
-table[data-filters*=HtmlTable] th:last-child {
|
|
|
- border-right: none;
|
|
|
-}
|
|
|
-
|
|
|
-table[data-filters*=HtmlTable] td {
|
|
|
- white-space: nowrap;
|
|
|
- padding: 0px 8px;
|
|
|
- height: 20px;
|
|
|
- line-height: 20px;
|
|
|
- background: #fff;
|
|
|
- border: none;
|
|
|
- overflow: hidden;
|
|
|
-}
|
|
|
-table[data-filters*=HtmlTable] tr.table-tr-odd td {
|
|
|
- background-color: #f3f3f3;
|
|
|
-}
|
|
|
-table.hue-bordered-table {
|
|
|
- width: 98%;
|
|
|
- margin: 4px 1%;
|
|
|
- border: 1px solid #888;
|
|
|
-}
|
|
|
-
|
|
|
-table[data-filters*=HtmlTable].selectable tr:hover > td, table[data-filters*=HtmlTable].selectable tr.table-tr-hovered td,
|
|
|
- table[data-filters*=HtmlTable].multiselect tr:hover > td, table[data-filters*=HtmlTable].multiselect tr.table-tr-hovered td,
|
|
|
- table[data-filters*=HtmlTable].selectable tr:hover > td a, table[data-filters*=HtmlTable].selectable tr.table-tr-hovered td a,
|
|
|
- table[data-filters*=HtmlTable].multiselect tr:hover > td a, table[data-filters*=HtmlTable].multiselect tr.table-tr-hovered td a {
|
|
|
- background-color: #d4e7f8;
|
|
|
- color: #000;
|
|
|
- cursor: pointer;
|
|
|
-}
|
|
|
-
|
|
|
-table[data-filters*=HtmlTable] tr.selected td,
|
|
|
- table[data-filters*=HtmlTable] tr.table-tr-selected td,
|
|
|
- table[data-filters*=HtmlTable] tr.selected td a,
|
|
|
- table[data-filters*=HtmlTable] tr.table-tr-selected td a,
|
|
|
- table[data-filters*=HtmlTable] tr.selected:hover td,
|
|
|
- table[data-filters*=HtmlTable] tr.table-tr-selected:hover td,
|
|
|
- table[data-filters*=HtmlTable] tr.selected:hover td a,
|
|
|
- table[data-filters*=HtmlTable] tr.table-tr-selected:hover td a {
|
|
|
- background-color: #3875d7;
|
|
|
- color: #fff;
|
|
|
-}
|
|
|
-table.table-sortable th {
|
|
|
- cursor: pointer;
|
|
|
-}
|
|
|
-table.table-sortable th div {
|
|
|
- position: relative;
|
|
|
- padding-right: 10px;
|
|
|
-}
|
|
|
-span.table-th-sort-span {
|
|
|
- width: 7px;
|
|
|
- height: 16px;
|
|
|
- display: block;
|
|
|
- cursor: pointer;
|
|
|
- position: absolute;
|
|
|
- right: -2px;
|
|
|
- top: 0px;
|
|
|
-}
|
|
|
-.table-th-sort span.table-th-sort-span {
|
|
|
- background: url(/static/art/icons/bullet_arrow_down.png) -4px top no-repeat;
|
|
|
-}
|
|
|
-.table-th-sort-rev span.table-th-sort-span {
|
|
|
- background: url(/static/art/icons/bullet_arrow_up.png) -4px top no-repeat;
|
|
|
-}
|
|
|
-table[data-filters*=HtmlTable].treeView tr a.expand {
|
|
|
- display: block;
|
|
|
- float: left;
|
|
|
- width: 10px;
|
|
|
- height: 10px;
|
|
|
- background: url(/static/art/divots.png);
|
|
|
- position: relative;
|
|
|
- top: 4px;
|
|
|
- left: -4px;
|
|
|
- text-indent: -200px;
|
|
|
- overflow: hidden;
|
|
|
-}
|
|
|
-table[data-filters*=HtmlTable].treeView tr.table-expanded a.expand {
|
|
|
- background: url(/static/art/divots.png) 0px -14px;
|
|
|
-}
|
|
|
-table[data-filters*=HtmlTable].treeView tbody tr > td:first-child {
|
|
|
- padding-right: 20px;
|
|
|
-}
|
|
|
-.table-th-resizable.table-th-sort span.table-th-sort-span, .table-th-resizable.table-th-sort-rev span.table-th-sort-span {
|
|
|
- padding-right: 13px;
|
|
|
-}
|
|
|
-
|
|
|
-table.table-resizable th div {
|
|
|
- position: relative;
|
|
|
- padding-right: 0px;
|
|
|
-}
|
|
|
-span.table-th-resizer {
|
|
|
- position: absolute;
|
|
|
- cursor: col-resize;
|
|
|
- right: 9px;
|
|
|
- width: 6px;
|
|
|
- top: 0px;
|
|
|
- display: block;
|
|
|
- height: 100%;
|
|
|
- z-index: 1;
|
|
|
-}
|
|
|
-
|
|
|
-
|
|
|
table a.hue-table_config_link {
|
|
|
display: inline-block;
|
|
|
width: 16px;
|
|
|
@@ -379,21 +51,6 @@ table a.hue-table_config_link {
|
|
|
overflow: auto;
|
|
|
border-bottom:1px solid #777;
|
|
|
}
|
|
|
-*[data-filters*=Sortable] {
|
|
|
- user-select: none;
|
|
|
- -moz-user-select: none;
|
|
|
- -webkit-user-select: none;
|
|
|
-}
|
|
|
-*[data-filters*=Sortable] .sorting {
|
|
|
- cursor: pointer;
|
|
|
- z-index: 12;
|
|
|
-}
|
|
|
-*[data-filters*=Sortable] > * {
|
|
|
- cursor: move;
|
|
|
-}
|
|
|
-*[data-filters*=Sortable] .clone {
|
|
|
- z-index: 1;
|
|
|
-}
|
|
|
.hue-table_config li, .hue-sort_handle {
|
|
|
user-select: none;
|
|
|
-moz-user-select: none;
|
|
|
@@ -441,517 +98,41 @@ div.solid-win div.bottom_lr {
|
|
|
height: 20px;
|
|
|
padding-right: 16px;
|
|
|
}
|
|
|
-
|
|
|
-/* JFrame styles */
|
|
|
-/* these are applied for you by default */
|
|
|
-div.jframe_wrapper {
|
|
|
- position: relative;
|
|
|
- height: 100%;
|
|
|
-}
|
|
|
-div.jframe_contents {
|
|
|
- height: 100%;
|
|
|
-}
|
|
|
-div.jframe_default h1, h2, h3, h4, h5 {
|
|
|
- padding: 0;
|
|
|
- margin: 0;
|
|
|
- margin-bottom: .3em;
|
|
|
-}
|
|
|
-/* put this on your root element (or any element you want to have a 10px padding)
|
|
|
- jframe content without this will be flush with the borders of the window */
|
|
|
-.jframe_padded {
|
|
|
- padding: 10px;
|
|
|
-}
|
|
|
-/* apply jframe_default class if you want to give your layout standard HTML-like layout
|
|
|
- good for documents for example. */
|
|
|
-div.jframe_default ul,
|
|
|
-div.jframe_default ol {
|
|
|
- padding-left: 1.5em;
|
|
|
- margin: 0;
|
|
|
- margin-bottom: 1em;
|
|
|
-}
|
|
|
-
|
|
|
-div.jframe_default ul li{
|
|
|
- list-style-type: disc;
|
|
|
- margin-bottom: 0.5em;
|
|
|
-}
|
|
|
-
|
|
|
-div.jframe_default a{
|
|
|
- font-weight: bold;
|
|
|
-}
|
|
|
-div.jframe_default code {
|
|
|
- font-family: fixed;
|
|
|
-}
|
|
|
-
|
|
|
-div.jframe_default table {
|
|
|
- border-collapse: separate;
|
|
|
-}
|
|
|
-div.jframe_default h1,
|
|
|
-div.jframe_default h2,
|
|
|
-div.jframe_default h3,
|
|
|
-div.jframe_default h4,
|
|
|
-div.jframe_default h5 { font-weight: bold; }
|
|
|
-
|
|
|
-div.jframe_default h1 { font-size: 150%; margin-bottom: 0.3em; padding-top: 8px; margin-top: 0px;}
|
|
|
-div.jframe_default h2 { font-size: 130%; margin-bottom: 0.3em; padding-top: 8px; margin-top: 0px;}
|
|
|
-div.jframe_default h3 { font-size: 120%; margin-bottom: 0.3em; padding-top: 8px; margin-top: 0px;}
|
|
|
-div.jframe_default h4 { font-size: 110%; margin-bottom: 0.3em; padding-top: 8px; margin-top: 0px;}
|
|
|
-div.jframe_default h5 { font-size: 105%; margin-bottom: 0.3em; padding-top: 8px; margin-top: 0px;}
|
|
|
-
|
|
|
-/* context menu */
|
|
|
-/*
|
|
|
- Create a UL element with the class context-menu (a ul with li items for each menu item). Put it inside the container you want to give a right click menu (like a div; for tables, put it inside a td - if you want the tr to have the right click behaviore, still put it in a td)
|
|
|
- Give the parent that has the right click control define the following in its data-context-menu-actions property:
|
|
|
-
|
|
|
- [ //array of actions; this allows support for more than one context menu in a single parent
|
|
|
- {
|
|
|
- 'events':['contextmenu','click:relay(.myapp-options)'], //when the user right clicks, or clicks a .myapp-options element
|
|
|
- 'menu':'ul.context-menu' //it shows this menu
|
|
|
- }
|
|
|
- ]
|
|
|
-
|
|
|
- Note that you can have more than one right click menu per container. This allows a table row to be right clicked and show a different menu if the user right clicks, say, an image vs a link or different td elements. See Hue.ContextMenu.js.
|
|
|
-*/
|
|
|
-.hue-shared ul.context-menu {
|
|
|
- border-radius: 2px;
|
|
|
- -moz-border-radius: 2px;
|
|
|
- -webkit-border-radius: 2px;
|
|
|
- background: #fff;
|
|
|
- border: solid #777;
|
|
|
- border-width: 1px;
|
|
|
- position: absolute;
|
|
|
- z-index: 1;
|
|
|
- display: none;
|
|
|
- overflow: visible;
|
|
|
-}
|
|
|
-.hue-shared ul.context-menu * {
|
|
|
- white-space: nowrap;
|
|
|
-}
|
|
|
-
|
|
|
-.hue-shared ul.context-menu li {
|
|
|
- border-bottom: 1px solid #ccc;
|
|
|
- padding: 3px;
|
|
|
-}
|
|
|
-.hue-shared table[data-filters*=HtmlTable] tr.table-tr-selected td ul.context-menu li a {
|
|
|
- color: #000;
|
|
|
- background-color: #fff;
|
|
|
- text-decoration: none;
|
|
|
-}
|
|
|
-.hue-shared .context-menu li:hover, .hue-shared table[data-filters*=HtmlTable] tr.table-tr-selected td ul.context-menu li:hover a, .hue-shared ul.context-menu li:hover a {
|
|
|
- text-decoration: none;
|
|
|
- background-color: #333;
|
|
|
- color: #fff;
|
|
|
-}
|
|
|
-.hue-shared ul.context-menu li:last-child {
|
|
|
- border: none;
|
|
|
-}
|
|
|
-/* button bar */
|
|
|
-input[data-filters*=ArtButton] {
|
|
|
- padding: 0px 0px 0px 0px;
|
|
|
- /* webkit madness:
|
|
|
- put this padding statement in place and buttons are still padding 0/8/0/8px
|
|
|
- add the border: 0px statement below
|
|
|
- and they all go to 0/0/0/0px
|
|
|
- */
|
|
|
- border: 0px;
|
|
|
- vertical-align: bottom;
|
|
|
-}
|
|
|
-.hue-shared [data-filters*=ArtButtonBar] a {
|
|
|
- float: left;
|
|
|
- height: 19px;
|
|
|
-}
|
|
|
-
|
|
|
-.hue-shared [data-filters*=ArtButtonBar] li {
|
|
|
- margin-right: 0 !important;
|
|
|
-}
|
|
|
-.hue-shared a[data-filters*=ArtButton] {
|
|
|
- vertical-align: top;
|
|
|
-}
|
|
|
-/* side by side select */
|
|
|
-
|
|
|
-/*
|
|
|
-Takes a multi-select box and makes it so you can click to move elements from a selected list to a non-selected list.
|
|
|
-*/
|
|
|
-
|
|
|
-.sideBySideSelect {
|
|
|
- user-select: none;
|
|
|
- -moz-user-select: none;
|
|
|
- -webkit-user-select: none;
|
|
|
- min-width:340px;
|
|
|
-}
|
|
|
-.sideBySideSelect div.deselected, .sideBySideSelect div.selected {
|
|
|
- border: 1px solid #333;
|
|
|
- float: left;
|
|
|
- width: 45%;
|
|
|
- height: 150px;
|
|
|
- background: #fff;
|
|
|
- overflow: auto;
|
|
|
-}
|
|
|
-.sideBySideSelect .spacer {
|
|
|
- padding-top: 50px;
|
|
|
- width: 30px;
|
|
|
- float: left;
|
|
|
-}
|
|
|
-.sideBySideSelect .spacer a {
|
|
|
- display: block;
|
|
|
- width: 16px;
|
|
|
- height: 16px;
|
|
|
- text-indent: -900px;
|
|
|
- margin: 5px auto;
|
|
|
-}
|
|
|
-.sideBySideSelect .spacer .moveRight {
|
|
|
- background: url(/static/art/led-icons/arrow_right.png) no-repeat;
|
|
|
-}
|
|
|
-.sideBySideSelect .spacer .moveLeft {
|
|
|
- background: url(/static/art/led-icons/arrow_left.png) no-repeat;
|
|
|
-}
|
|
|
-
|
|
|
-/* help text links */
|
|
|
-[data-filters*=HelpTip], [data-filters*=InfoTip] {
|
|
|
- display:-moz-inline-box; /* FF2 */
|
|
|
- display:inline-block; /* webkit and FF3 */
|
|
|
- #zoom: 1; /* set hasLayout:true to mimic inline-block */
|
|
|
- #display:inline;
|
|
|
- border:0;
|
|
|
- padding:0;
|
|
|
- vertical-align:middle;
|
|
|
- #vertical-align: auto; /* makes TextBox,Button line up w/native counterparts on IE6 */
|
|
|
- position: relative;
|
|
|
- width: 14px;
|
|
|
- height: 14px;
|
|
|
- background: url(/static/art/help.png);
|
|
|
- text-indent: -200px;
|
|
|
- overflow: hidden;
|
|
|
-}
|
|
|
-
|
|
|
-[data-filters*=InfoTip] {
|
|
|
- background: url(/static/art/info.png);
|
|
|
-}
|
|
|
-
|
|
|
-[data-filters*=ArtInput] {
|
|
|
- display: none;
|
|
|
-}
|
|
|
-
|
|
|
-[data-filters*=SizeTo] {
|
|
|
- overflow: auto;
|
|
|
-}
|
|
|
-
|
|
|
-.vertical .art-splitview-splitter {
|
|
|
- box-shadow: 0px -1px 3px #aaa;
|
|
|
- -webkit-box-shadow: 0px -1px 3px #aaa;
|
|
|
- -moz-box-shadow: 0px -1px 3px #aaa;
|
|
|
-}
|
|
|
-
|
|
|
.huechart .tip-wrap {
|
|
|
- width: 139px;
|
|
|
- z-index: 13000;
|
|
|
+ width: 139px;
|
|
|
+ z-index: 13000;
|
|
|
}
|
|
|
|
|
|
.huechart .tip-title {
|
|
|
- -moz-border-radius-topleft: 5px;
|
|
|
- -moz-border-radius-topright: 5px;
|
|
|
- font-weight: bold;
|
|
|
- font-size: 11px;
|
|
|
- margin: 0;
|
|
|
- color: #9FD4FF;
|
|
|
- padding: 4px 8px 0px;
|
|
|
- background: black;
|
|
|
- opacity: .8;
|
|
|
- filter: alpha(opacity=80);
|
|
|
+ -moz-border-radius-topleft: 5px;
|
|
|
+ -moz-border-radius-topright: 5px;
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 11px;
|
|
|
+ margin: 0;
|
|
|
+ color: #9FD4FF;
|
|
|
+ padding: 4px 8px 0px;
|
|
|
+ background: black;
|
|
|
+ opacity: .8;
|
|
|
+ filter: alpha(opacity=80);
|
|
|
}
|
|
|
|
|
|
.huechart .tip-text {
|
|
|
- -moz-border-radius-bottomleft: 5px;
|
|
|
- -moz-border-radius-bottomright: 5px;
|
|
|
- font-size: 11px;
|
|
|
- padding: 0px 8px 8px;
|
|
|
- background: black;
|
|
|
- color: white;
|
|
|
- opacity: .8;
|
|
|
- filter: alpha(opacity=80);
|
|
|
- text-align: center;
|
|
|
-}
|
|
|
-
|
|
|
-.huechart .tip-series-color {
|
|
|
- width: 3px;
|
|
|
- height: 3px;
|
|
|
- border: 1px solid white;
|
|
|
- padding: 2px;
|
|
|
- display: inline-block;
|
|
|
- margin-right: 5px;
|
|
|
-}/* -----------------------------------------------------------------------
|
|
|
-
|
|
|
-
|
|
|
- Blueprint CSS Framework 0.9
|
|
|
- http://blueprintcss.org
|
|
|
-
|
|
|
- * Copyright (c) 2007-Present. See LICENSE for more info.
|
|
|
- * See README for instructions on how to use Blueprint.
|
|
|
- * For credits and origins, see AUTHORS.
|
|
|
- * This is a compressed file. See the sources in the 'src' directory.
|
|
|
-
|
|
|
-Copyright (c) 2007 - 2010 blueprintcss.org
|
|
|
-
|
|
|
-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.
|
|
|
------------------------------------------------------------------------ */
|
|
|
-
|
|
|
-/* typography.css */
|
|
|
-.print h1, .print h2, .print h3, .print h4, .print h5, .print h6 {font-weight:bold;color:#111;}
|
|
|
-.print h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
|
|
|
-.print h2 {font-size:2em;margin-bottom:0.75em;}
|
|
|
-.print h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
|
|
|
-.print h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
|
|
|
-.print h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
|
|
|
-.print h6 {font-size:1em;font-weight:bold;}
|
|
|
-.print h1 img, .print h2 img, .print h3 img, .print h4 img, .print h5 img, .print h6 img {margin:0;}
|
|
|
-.print pre { background: #f3f3f3; border: 1px solid #666; padding: 4px;}
|
|
|
-.print p {margin:0 0 1.5em;}
|
|
|
-.print p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
|
|
|
-.print p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
|
|
|
-.print a:visited:focus,
|
|
|
-.print a:visited:hover,
|
|
|
-.print a:link:focus,
|
|
|
-.print a:link:hover {color:#000;}
|
|
|
-.print a:visited,
|
|
|
-.print a:link {color:#009;text-decoration:underline;}
|
|
|
-.print blockquote {margin:1.5em;color:#666;font-style:italic;}
|
|
|
-.print strong {font-weight:bold;}
|
|
|
-.print em, .print dfn {font-style:italic;}
|
|
|
-.print dfn {font-weight:bold;}
|
|
|
-.print sup, .print sub {line-height:0;}
|
|
|
-.print abbr, .print acronym {border-bottom:1px dotted #666;}
|
|
|
-.print address {margin:0 0 1.5em;font-style:italic;}
|
|
|
-.print del {color:#666;}
|
|
|
-.print pre {margin:1.5em 0;white-space:pre;}
|
|
|
-.print pre, .print code, .print tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
|
|
|
-.print li ul, .print li ol {margin:0;}
|
|
|
-.print ul, .print ol {margin:0 1.5em 1.5em 0;padding-left:3.333em;}
|
|
|
-.print ul, .print ul li {list-style-type:disc;}
|
|
|
-.print ol, .print ol li {list-style-type:decimal;}
|
|
|
-.print dl {margin:0 0 1.5em 0;}
|
|
|
-.print dl dt {font-weight:bold;}
|
|
|
-.print dd {margin-left:1.5em;}
|
|
|
-.print table {margin-bottom:1.4em;width:100%; border: 1px solid #666;}
|
|
|
-.print table th {
|
|
|
- background: #dadada;
|
|
|
- text-align: left;
|
|
|
- white-space: nowrap;
|
|
|
- padding: 0px 6px;
|
|
|
- border-bottom: solid #000;
|
|
|
- border-width: 0px 1px 1px 0px;
|
|
|
- height: 16px !important;
|
|
|
- line-height: 16px !important;
|
|
|
- font-size: 12px;
|
|
|
- font-weight: border;
|
|
|
-}
|
|
|
-.print table th:last-child {
|
|
|
- border-right: none;
|
|
|
-}
|
|
|
-
|
|
|
-.print table td {
|
|
|
- padding: 0px 8px;
|
|
|
- height: 20px;
|
|
|
- line-height: 20px;
|
|
|
- background: #fff;
|
|
|
- border: none;
|
|
|
-}
|
|
|
-.print table tr:nth-child(odd) td {
|
|
|
- background: #f3f3f3;
|
|
|
-}
|
|
|
-.print th {font-weight:bold;}
|
|
|
-.print thead th {background:#c3d9ff;}
|
|
|
-.print th, .print td, .print caption {padding:4px 10px 4px 5px;}
|
|
|
-.print tr.even td {background:#e5ecf9;}
|
|
|
-.print tfoot {font-style:italic;}
|
|
|
-.print caption {background:#eee;}
|
|
|
-.print .small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
|
|
|
-.print .large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
|
|
|
-.print .hide {display:none;}
|
|
|
-.print .quiet {color:#666;}
|
|
|
-.print .loud {color:#000;}
|
|
|
-.print .highlight {background:#ff0;}
|
|
|
-.print .added {background:#060;color:#fff;}
|
|
|
-.print .removed {background:#900;color:#fff;}
|
|
|
-.print .first {margin-left:0;padding-left:0;}
|
|
|
-.print .last {margin-right:0;padding-right:0;}
|
|
|
-.print .top {margin-top:0;padding-top:0;}
|
|
|
-.print .bottom {margin-bottom:0;padding-bottom:0;}
|
|
|
-
|
|
|
-/* forms.css */
|
|
|
-.print .error, .print .notice, .print .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
|
|
|
-.print .error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
|
|
|
-.print .notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
|
|
|
-.print .success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
|
|
|
-.print .error a {color:#8a1f11;}
|
|
|
-.print .notice a {color:#514721;}
|
|
|
-.print .success a {color:#264409;}
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-/* @group CSS Components */
|
|
|
-
|
|
|
-/*Forces something display:block to flow within text */
|
|
|
-.hue-shared .txtIcon { display: inline-block !important; }
|
|
|
-
|
|
|
-/* @group tGraph */
|
|
|
-/*
|
|
|
-<span class=tGraph>
|
|
|
- <span>
|
|
|
- <b>Text Content</b>
|
|
|
- <i style="width:33%"></i>
|
|
|
- </span>
|
|
|
-</span>
|
|
|
-*/
|
|
|
-
|
|
|
-.hue-shared .tGraph {
|
|
|
- display: block;
|
|
|
- position: relative;
|
|
|
- text-align: center;
|
|
|
- overflow: hidden;
|
|
|
- margin: auto 0 auto 0;
|
|
|
-
|
|
|
- background: url(../art/mr_stripes.gif) repeat-x 0 1px;
|
|
|
- height: 16px;
|
|
|
+ -moz-border-radius-bottomleft: 5px;
|
|
|
+ -moz-border-radius-bottomright: 5px;
|
|
|
font-size: 11px;
|
|
|
-}
|
|
|
-.hue-shared .tGraph span {
|
|
|
- position: relative;
|
|
|
- display: block;
|
|
|
- height: 14px;
|
|
|
- width: auto;
|
|
|
- border: 1px solid transparent;
|
|
|
-}
|
|
|
-.hue-shared .tGraph b {
|
|
|
- display: block;
|
|
|
+ padding: 0px 8px 8px;
|
|
|
+ background: black;
|
|
|
+ color: white;
|
|
|
+ opacity: .8;
|
|
|
+ filter: alpha(opacity=80);
|
|
|
text-align: center;
|
|
|
- position: relative;
|
|
|
- z-index: 1;
|
|
|
- font-weight: normal;
|
|
|
- color: #fff;
|
|
|
- border: 1px solid transparent;
|
|
|
- line-height: 11px;
|
|
|
- height: 12px;
|
|
|
-}
|
|
|
-.hue-shared .tGraph i {
|
|
|
- position: absolute;
|
|
|
- bottom: 0;
|
|
|
- left: 0;
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- background: #fff url(../art/mr_stripes.gif) repeat-x 0 -14px;
|
|
|
-}
|
|
|
-
|
|
|
-/*Animate the tGraph bar 'value' on load*/
|
|
|
-
|
|
|
-.hue-shared .tGraph i {
|
|
|
- -webkit-transition: width 0.5s ease-out, height 0.5s ease-out;
|
|
|
- -moz-transition: width 0.5s ease-out, height 0.5s ease-out;
|
|
|
- -o-transition: width 0.5s ease-out, height 0.5s ease-out;
|
|
|
- transition: width 0.5s ease-out, height 0.5s ease-out;
|
|
|
}
|
|
|
-.hue-shared.loading .tGraph:not(.v) i,
|
|
|
-.hue-shared .loading .tGraph:not(.v) i{ width:0 !important; }
|
|
|
|
|
|
-/*Coloring*/
|
|
|
-
|
|
|
-.hue-shared .tGraph span { border-color: #2e4398; text-shadow: #425abc .75px 1px 1px; }
|
|
|
-.hue-shared .tGraph b { border-color: #fff; }
|
|
|
-
|
|
|
-.hue-shared .tGraph.priorityLow { background-position: 0 -41px; }
|
|
|
-.hue-shared .tGraph.priorityLow i { background-position: 0 -28px; }
|
|
|
-.hue-shared .tGraph.priorityLow span { border-color: #5b932f; text-shadow: #5b932f .75px 1px 1px; }
|
|
|
-
|
|
|
-.hue-shared .tGraph.priorityHigh { background-position: 0 -69px; }
|
|
|
-.hue-shared .tGraph.priorityHigh i { background-position: 0 -56px; }
|
|
|
-.hue-shared .tGraph.priorityHigh span { border-color: #a33537; text-shadow: #bd4747 .75px 1px 1px; }
|
|
|
-
|
|
|
-/*Give it some extra padding when flowed into text content*/
|
|
|
-.hue-shared .txtIcon.tGraph b,
|
|
|
-.hue-shared .txtIcon .tGraph b { padding: 0 1ex; }
|
|
|
-
|
|
|
-/* @end tGraph */
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-/* @end CSS Components */
|
|
|
-ul.autocompleter-choices
|
|
|
-{
|
|
|
- position: absolute;
|
|
|
- margin: 0;
|
|
|
- padding: 0;
|
|
|
- list-style: none;
|
|
|
- border: 1px solid #7c7c7c;
|
|
|
- border-left-color: #c3c3c3;
|
|
|
- border-right-color: #c3c3c3;
|
|
|
- border-bottom-color: #ddd;
|
|
|
- background-color: #fff;
|
|
|
- text-align: left;
|
|
|
- font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
|
|
|
- z-index: 50;
|
|
|
- background-color: #fff;
|
|
|
-}
|
|
|
-
|
|
|
-ul.autocompleter-choices li
|
|
|
-{
|
|
|
- position: relative;
|
|
|
- margin: -2px 0 0 0;
|
|
|
- padding: 0.2em 1.5em 0.2em 1em;
|
|
|
- display: block;
|
|
|
- float: none !important;
|
|
|
- cursor: pointer;
|
|
|
- font-weight: normal;
|
|
|
- white-space: nowrap;
|
|
|
- font-size: 1em;
|
|
|
- line-height: 1.5em;
|
|
|
-}
|
|
|
-
|
|
|
-ul.autocompleter-choices li.autocompleter-selected
|
|
|
-{
|
|
|
- background-color: #444;
|
|
|
- color: #fff;
|
|
|
-}
|
|
|
-
|
|
|
-ul.autocompleter-choices span.autocompleter-queried
|
|
|
-{
|
|
|
- display: inline;
|
|
|
- float: none;
|
|
|
- font-weight: bold;
|
|
|
- margin: 0;
|
|
|
- padding: 0;
|
|
|
-}
|
|
|
-
|
|
|
-ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried
|
|
|
-{
|
|
|
- color: #9FCFFF;
|
|
|
-}
|
|
|
-
|
|
|
-.highlight-partial-updates .partial-refresh-transitionable {
|
|
|
- -webkit-transition: color 1s ease-in-out;
|
|
|
- -moz-transition: color 1s ease-in-out;
|
|
|
- -o-transition: color 1s ease-in-out;
|
|
|
- transition: color 1s ease-in-out;
|
|
|
-}
|
|
|
-.highlight-partial-updates .partial-refresh-updated, .highlight-partial-updates .partial-refresh-updated a {
|
|
|
- color: #238500 !important;
|
|
|
-}
|
|
|
-.highlight-partial-updates tr.table-tr-selected .partial-refresh-updated, .highlight-partial-updates tr.table-tr-selected .partial-refresh-updated a {
|
|
|
- color: #F5FC2B !important;
|
|
|
-}
|
|
|
+.huechart .tip-series-color {
|
|
|
+ width: 3px;
|
|
|
+ height: 3px;
|
|
|
+ border: 1px solid white;
|
|
|
+ padding: 2px;
|
|
|
+ display: inline-block;
|
|
|
+ margin-right: 5px;
|
|
|
+}
|