diff --git a/css/light-grey.css b/css/light-grey.css index 953f80c8a..73709f9ff 100644 --- a/css/light-grey.css +++ b/css/light-grey.css @@ -3,230 +3,245 @@ body { font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 10pt; color: #000; + background-color: white; margin: 0; /* Remove body margin/padding */ padding: 0; overflow: hidden; - /* Remove scroll bars on browser window */ } - + /* Remove scroll bars on browser window */ +} body.printable-version { margin: 1.5em; - overflow: auto; } - + overflow: auto; +} /* to prevent flicker, hide the pane's content until it's ready */ .ui-layout-center, .ui-layout-north, .ui-layout-south { - display: none; } - + display: none; +} .ui-layout-content { - padding-left: 10px; } - + padding-left: 10px; +} +.ui-layout-content .ui-tabs-nav li { + /* Overriding jQuery UI theme to see active tab better */ + margin-bottom: 2px; +} +.ui-layout-content .ui-tabs-nav li.ui-tabs-active { + padding-bottom: 3px; +} .raw_output { font-family: Courier-New, Courier, Arial, Helvetica; font-size: 8pt; - background-color: #eeeeee; + background-color: #eee; color: #000; border: 1px dashed #000; padding: 0.25em; - margin-top: 1em; } - + margin-top: 1em; +} h1 { font-family: Tahoma, Verdana, Arial, Helvetica; color: #000; font-weight: bold; - font-size: 12pt; } - + font-size: 12pt; +} h2 { font-family: Tahoma, Verdana, Arial, Helvetica; color: #000; font-weight: normal; - font-size: 12pt; } - + font-size: 12pt; +} h3 { font-family: Tahoma, Verdana, Arial, Helvetica; color: #000; font-weight: normal; - font-size: 10pt; } - -label { - cursor: pointer; } - + font-size: 10pt; +} .hilite, .hilite a, .hilite a:visited { - color: #E87C1E; - text-decoration: none; } - + color: #e87c1e; + text-decoration: none; +} table.datatable { width: 100%; border: 0; - padding: 0; } - + padding: 0; +} td.menucontainer { - text-align: right; } - + text-align: right; +} table.listResults { padding: 0px; - border-top: 3px solid #F1F1F1; - border-left: 3px solid #F1F1F1; + border-top: 3px solid #f1f1f1; + border-left: 3px solid #f1f1f1; border-bottom: 3px solid #e6e6e1; border-right: 3px solid #e6e6e1; width: 100%; - background-color: #fff; } - + background-color: #fff; +} table.listResults td { - padding: 2px; } - + padding: 2px; +} table.listResults td .view-image { width: inherit !important; - height: inherit !important; } - table.listResults td .view-image img { - max-width: 48px !important; - max-height: 48px !important; - display: block; - margin-left: auto; - margin-right: auto; } - + height: inherit !important; +} +table.listResults td .view-image img { + max-width: 48px !important; + max-height: 48px !important; + display: block; + margin-left: auto; + margin-right: auto; +} .edit-image .view-image { - display: inline-block; } - .edit-image .view-image img[src=""], - .edit-image .view-image img[src="null"] { - visibility: hidden; } - .edit-image .view-image.dirty.compat { - background-image: url("ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png"); } - .edit-image .view-image.dirty.compat img { - opacity: 0.3; } + display: inline-block; +} +.edit-image .view-image img[src=""], .edit-image .view-image img[src="null"] { + visibility: hidden; +} +.edit-image .view-image.dirty.compat { + background-image: url("ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png"); +} +.edit-image .view-image.dirty.compat img { + opacity: 0.3; +} .edit-image .edit-buttons { display: inline-block; vertical-align: top; margin-top: 4px; - margin-left: 3px; } - .edit-image .edit-buttons .button { - cursor: pointer; - margin-bottom: 3px; - padding: 2px; - background-color: #E87C1E; } - .edit-image .edit-buttons .button.disabled { - cursor: default; - background-color: #555555; - opacity: 0.3; } - .edit-image .edit-buttons .button .ui-icon { - background-image: url("ui-lightness/images/ui-icons_ffffff_256x240.png"); } + margin-left: 3px; +} +.edit-image .edit-buttons .button { + cursor: pointer; + margin-bottom: 3px; + padding: 2px; + background-color: #e87c1e; +} +.edit-image .edit-buttons .button.disabled { + cursor: default; + background-color: #555; + opacity: 0.3; +} +.edit-image .edit-buttons .button .ui-icon { + background-image: url("ui-lightness/images/ui-icons_ffffff_256x240.png"); +} .edit-image .file-input { - display: block; } - + display: block; +} /* Center the image both horizontally and vertically, withing a box which size is fixed (depends on the attribute definition) */ .details .view-image { text-align: center; padding: 2px; - border: 2px solid #DDDDDD; - border-radius: 6px; } - .details .view-image img { - display: inline-block; - vertical-align: middle; - max-width: 90% !important; - max-height: 90% !important; } - .details .view-image .helper-middle { - display: inline-block; - height: 100%; - vertical-align: middle; } - + border: 2px solid #ddd; + border-radius: 6px; +} +.details .view-image img { + display: inline-block; + vertical-align: middle; + max-width: 90% !important; + max-height: 90% !important; +} +.details .view-image .helper-middle { + display: inline-block; + height: 100%; + vertical-align: middle; +} table.listContainer { border: 0; padding: 0; margin: 0; width: 100%; - clear: both; } - + clear: both; +} tr.containerHeader, tr.containerHeader td { - background: transparent; } - + background: transparent; +} tr.even td, .wizContainer tr.even td { - background-color: #F1F1F1; } - + background-color: #f1f1f1; +} tr.red_even td, .wizContainer tr.red_even td { background-color: #f97e75; - color: #fff; } - + color: #fff; +} tr.red td, .wizContainer tr.red td { background-color: #f9a397; - color: #fff; } - + color: #fff; +} tr.orange_even td, .wizContainer tr.orange_even td { - background-color: #f4d07a; } - + background-color: #f4d07a; +} tr.orange td, .wizContainer tr.orange td { - background-color: #f4e96c; } - + background-color: #f4e96c; +} tr.green_even td, .wizContainer tr.green_even td { - background-color: #bee5a3; } - + background-color: #bee5a3; +} tr.green td, .wizContainer tr.green td { - background-color: #b3e5b4; } - + background-color: #b3e5b4; +} tr td.hover, tr.even td.hover, .hover a, .hover a:visited, .hover a:hover, .wizContainer tr.even td.hover, .wizContainer tr td.hover { background-color: #fdf5d0; - color: #000; } - + color: #000; +} th { font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 8pt; color: #1c94c4; height: 20px; - background: #F1F1F1 bottom repeat-x; } - + background: #f1f1f1 bottom repeat-x; +} th.header { cursor: pointer; background-repeat: no-repeat; background-position: center right; background-repeat: no-repeat; - padding-right: 16px; } - + padding-right: 16px; +} th.headerSortUp { background-image: url(../images/asc.gif); text-decoration: underline; - cursor: pointer; } - + cursor: pointer; +} th.headerSortDown { background-image: url(../images/desc.gif); text-decoration: underline; - cursor: pointer; } - + cursor: pointer; +} td { font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 12px; color: #696969; - nobackground-color: #ffffff; - padding: 0px; } - + nobackground-color: #fff; + padding: 0px; +} tr.clicked td { font-family: Tahoma, Verdana, Arial, Helvetica; font-size: smaller; - background-color: #ffcfe8; } - + background-color: #ffcfe8; +} td.label { - vertical-align: top; } - + vertical-align: top; +} td.label span { font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 12px; - color: #000000; + color: #000; padding: 5px; padding-right: 10px; font-weight: bold; vertical-align: top; text-align: right; - display: block; } - + display: block; +} fieldset td.label span { padding: 3px; - padding-right: 10px; } - + padding-right: 10px; +} fieldset { margin-top: 3px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border-style: solid; - border-color: #ddd; } - + border-color: #ddd; +} legend { font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 12px; @@ -236,75 +251,75 @@ legend { font-weight: bold; -moz-border-radius: 6px; -webkit-border-radius: 6px; - border-radius: 6px; } - + border-radius: 6px; +} legend.transparent { background: transparent; - color: #333333; + color: #333; font-size: 1em; font-weight: normal; - padding: 0; } - + padding: 0; +} .ui-widget-content td legend a, .ui-widget-content td legend a:hover, .ui-widget-content td legend a:visited { - color: #fff; } - + color: #fff; +} .ui-widget-content td a, p a, p a:visited, td a, td a:visited { text-decoration: none; - color: #1c94c4; } - + color: #1c94c4; +} .ui-widget-content td a.cke_button, .ui-widget-content td a.cke_toolbox_collapser, .ui-widget-content td a.cke_combo_button, cke_dialog a { padding-left: 0; - background-image: none; } - + background-image: none; +} .ui-widget-content td a:hover, p a:hover, td a:hover { text-decoration: underline; - color: #E87C1E; } - + color: #e87c1e; +} .cke_reset_all *:hover { text-decoration: none; - color: #000; } - + color: #000; +} table.cke_dialog_contents a.cke_dialog_ui_button_ok { color: #000; - border-color: #E87C1E; - background: #E87C1E; } - + border-color: #e87c1e; + background: #e87c1e; +} .cke_notifications_area { - display: none; } - + display: none; +} td a.no-arrow, td a.no-arrow:visited, .SearchDrawer a.no-arrow, .SearchDrawer a.no-arrow:visited { text-decoration: none; - color: #000000; + color: #000; padding-left: 0px; - background: inherit; } - + background: inherit; +} td a.no-arrow:hover { text-decoration: underline; color: #d81515; padding-left: 0px; - background: inherit; } - + background: inherit; +} td a.mailto, td a.mailto:visited { text-decoration: none; - color: #000000; + color: #000; padding-left: 20px; - background: url(../images/mail.png?v=v2.4.0) no-repeat left; } - + background: url(../images/mail.png?v=v2.4.0) no-repeat left; +} td a.mailto:hover { text-decoration: underline; - color: #E87C1E; + color: #e87c1e; padding-left: 20px; - background: url(../images/mail.png?v=v2.4.0) no-repeat left; } - + background: url(../images/mail.png?v=v2.4.0) no-repeat left; +} a.small_action { font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 8pt; - color: #000000; - text-decoration: none; } - + color: #000; + text-decoration: none; +} .display_block { - padding: 0.25em; } - + padding: 0.25em; +} .actions_details { float: right; margin-top: 10px; @@ -312,83 +327,83 @@ a.small_action { padding-left: 5px; padding-top: 2px; padding-bottom: 2px; - background: #E87C1E url(../images/actions_left.png?v=v2.4.0) no-repeat left; } - + background: #e87c1e url(../images/actions_left.png?v=v2.4.0) no-repeat left; +} .actions_details span { background: url(../images/actions_right.png?v=v2.4.0) no-repeat right; color: #fff; font-weight: bold; padding-top: 2px; padding-bottom: 2px; - padding-right: 12px; } - + padding-right: 12px; +} .actions_details a { - text-decoration: none; } - + text-decoration: none; +} .loading { - noborder: 1px dashed #CCC; + noborder: 1px dashed #ccc; background: #b9c1c8; - padding: 0.25em; } - + padding: 0.25em; +} input.textSearch { border: 1px solid #000; - font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif; + font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; - color: #000000; } - + color: #000; +} .ac_input { border: 1px solid #7f9db9; - background: #fff url(../images/ac-background.gif) no-repeat right; } - + background: #fff url(../images/ac-background.gif) no-repeat right; +} /* By Rom */ .csvimport_createobj { - color: #AA0000; - background-color: #EEEEEE; } - + color: #a00; + background-color: #eee; +} .csvimport_error { font-weight: bold; - color: #FF0000; - background-color: #EEEEEE; } - + color: #f00; + background-color: #eee; +} .csvimport_warning { - color: #CC8888; - background-color: #EEEEEE; } - + color: #c88; + background-color: #eee; +} .csvimport_ok { - color: #00000; - background-color: #BBFFBB; } - + color: #000 0; + background-color: #bfb; +} .csvimport_reconkey { font-style: italic; - color: #888888; - background-color: #FFFFF; } - + color: #888; + background-color: #fff FF; +} .csvimport_extreconkey { - color: #888888; - background-color: #FFFFFF; } - + color: #888; + background-color: #fff; +} #accordion { - display: none; } - + display: none; +} #accordion h3 { - padding: 10px; } - + padding: 10px; +} .ui-accordion-content ul { list-style: none; list-style-image: url(data:0); padding-left: 16px; - margin-top: 8px; } - + margin-top: 8px; +} .ui-accordion-content li.submenu { - margin-top: 8px; } - + margin-top: 8px; +} .ui-accordion-content ul ul { padding: 8px 0px 8px 8px; margin: 0; list-style: none; list-style-image: url(data:0); - border: 0; } - + border: 0; +} .nothing { noborder-top: 1px solid #8b8b8b; padding: 4px 0px 0px 16px; @@ -396,108 +411,108 @@ input.textSearch { background: url(../images/green-square.gif) no-repeat bottom left; color: #83b217; font-weight: bold; - text-decoration: none; } - + text-decoration: none; +} div.ui-accordion-content { padding-top: 10px; - padding-left: 10px; } - + padding-left: 10px; +} .ui-accordion-content a, ui-accordion-content a:visited { color: #1c94c4; - text-decoration: none; } - + text-decoration: none; +} .ui-accordion-content a:hover { - color: #E87C1E; - text-decoration: none; } - + color: #e87c1e; + text-decoration: none; +} .ui-accordion-content ul { padding-left: 0; - margin-top: 0; } - + margin-top: 0; +} .ui-accordion-content li { - color: #555555; + color: #555; text-decoration: none; margin: 0; padding: 0px 0pt 0px 16px; font-size: 9pt; background: url(../images/mini-arrow-orange.gif) no-repeat top left; font-weight: normal; - border: 0; } - + border: 0; +} a.CollapsibleLabel, td a.CollapsibleLabel { margin: 0; padding: 0px 0pt 0px 16px; font-size: 8pt; text-decoration: none; - color: #555555; - background: url(../images/mini-arrow-orange.gif) no-repeat left; } - + color: #555; + background: url(../images/mini-arrow-orange.gif) no-repeat left; +} /* Beware: IE6 does not support multiple selector with multiple classes, only the last class is used */ a.CollapsibleLabel.open, td a.CollapsibleLabel.open { margin: 0; padding: 0px 0pt 0px 16px; font-size: 8pt; text-decoration: none; - color: #E87C1E; - background: url(../images/mini-arrow-orange-open.gif) no-repeat left; } - + color: #e87c1e; + background: url(../images/mini-arrow-orange-open.gif) no-repeat left; +} .page_header { - background-color: #F1F1F1; - padding: 5px; } - + background-color: #f1f1f1; + padding: 5px; +} /* move up a header immediately following a display block (i.e. "actions" menu) */ .display_block + .page_header { - margin-top: -8px; } - + margin-top: -8px; +} .notreeview li { - background: url(../images/tv-item.gif) 0 0 no-repeat; } - + background: url(../images/tv-item.gif) 0 0 no-repeat; +} .notreeview .collapsable { - background-image: url(../images/tv-collapsable.gif); } - + background-image: url(../images/tv-collapsable.gif); +} .notreeview .expandable { - background-image: url(../images/tv-expandable.gif); } - + background-image: url(../images/tv-expandable.gif); +} .notreeview .last { - background-image: url(../images/tv-item-last.gif); } - + background-image: url(../images/tv-item-last.gif); +} .notreeview .lastCollapsable { - background-image: url(../images/tv-collapsable-last.gif); } - + background-image: url(../images/tv-collapsable-last.gif); +} .notreeview .lastExpandable { - background-image: url(../images/tv-expandable-last.gif); } - + background-image: url(../images/tv-expandable-last.gif); +} #OrganizationSelection { - padding: 5px 0px 16px 20px; } - + padding: 5px 0px 16px 20px; +} /* popup menus */ div.itop_popup { margin: 0; padding: 0; - float: right; } - + float: right; +} div.itop_popup > ul > li { list-style: none; cursor: pointer; - position: relative; } - + position: relative; +} div.actions_menu > ul { height: 19px; line-height: 17px; vertical-align: middle; display: block; nowidth: 70px; - /* Nasty work-around for IE... en attendant mieux */ padding-left: 5px; - background: #E87C1E url(../images/actions_left.png?v=v2.4.0) no-repeat top left; + /* Nasty work-around for IE... en attendant mieux */ + background: #e87c1e url(../images/actions_left.png?v=v2.4.0) no-repeat top left; cursor: pointer; - margin: 0; } - + margin: 0; +} div.actions_menu > ul > li { float: left; list-style: none; font-size: 11px; - font-family: Tahoma,sans-serif; + font-family: Tahoma, sans-serif; height: 17px; padding-right: 16px; padding-left: 4px; @@ -505,23 +520,23 @@ div.actions_menu > ul > li { font-weight: bold; color: #fff; vertical-align: middle; - margin: 0; } - + margin: 0; +} #logOffBtn > ul > li { list-style: none; vertical-align: middle; margin: 0; padding-left: 10px; padding-right: 10px; - cursor: pointer; } - + cursor: pointer; +} #logOffBtn > ul { list-style: none; vertical-align: middle; margin: 0; padding: 0; - height: 25px; } - + height: 25px; +} .itop_popup li a, #logOffBtn li a { display: block; padding: 5px 12px; @@ -530,8 +545,8 @@ div.actions_menu > ul > li { color: #000; font-weight: bold; white-space: nowrap; - background: #fff; } - + background: #fff; +} #logOffBtn li span { display: block; padding: 5px 12px; @@ -539,45 +554,45 @@ div.actions_menu > ul > li { nowidth: 70px; color: #000; white-space: nowrap; - background: #fff; } - + background: #fff; +} .itop_popup ul { - padding-left: 0; } - + padding-left: 0; +} .menucontainer div.toolkit_menu { - margin-left: 10px; } - + margin-left: 10px; +} .itop_popup li a:hover, #logOffBtn li a:hover { - background: #1A4473; } - + background: #1a4473; +} .itop_popup ul > li > ul, #logOffBtn ul > li > ul { border: 1px solid black; - background: #fff; } - + background: #fff; +} .itop_popup li > ul, #logOffBtn li > ul { margin: 0; padding: 0; position: absolute; display: none; border-top: 1px solid white; - z-index: 999; } - + z-index: 999; +} .itop_popup li ul li, #logOffBtn li ul li { float: none; - display: inline; } - + display: inline; +} .itop_popup li ul li a, #logOffBtn li ul li a { width: auto; - text-align: left; } - + text-align: left; +} .itop_popup li ul li a:hover, #logOffBtn li ul li a:hover { - background: #E87C1E; + background: #e87c1e; color: #fff; - font-weight: bold; } - + font-weight: bold; +} .itop_popup > ul { - margin: 0; } - + margin: 0; +} hr.menu-separator { border: none 0; border-top: 1px solid #ccc; @@ -585,53 +600,53 @@ hr.menu-separator { background-color: transparent; height: 1px; margin: 3px; - cursor: default; } - + cursor: default; +} /************************************/ .wizHeader { background: #1c94c4; - padding: 15px; } - + padding: 15px; +} .wizContainer { border: 5px solid #1c94c4; background: #d6e8ef; - padding: 5px; } - + padding: 5px; +} .wizContainer table tr td { - background: transparent; } - + background: transparent; +} .alignRight { text-align: right; - padding: 3px; } - + padding: 3px; +} .alignLeft { text-align: left; - padding: 3px; } - + padding: 3px; +} .red { background-color: #ff6000; - color: #000; } - + color: #000; +} th.red { background: url(../images/red-header.gif) bottom left repeat-x; - color: #000; } - + color: #000; +} .green { - background-color: #00cc00; - color: #000; } - + background-color: #0c0; + color: #000; +} th.green { background: url(../images/green-header.gif) bottom left repeat-x; - color: #000; } - + color: #000; +} .orange { background-color: #ffde00; - color: #000; } - + color: #000; +} th.orange { background: url(../images/orange-header.gif) bottom left repeat-x; - color: #000; } - + color: #000; +} /* For Date Picker: Creates a little calendar icon * instead of a text link for "Choose date" */ @@ -644,19 +659,19 @@ td a.dp-choose-date, a.dp-choose-date, td a.dp-choose-date:hover, a.dp-choose-da display: block; text-indent: -2000px; overflow: hidden; - background: url(../images/calendar.png?v=v2.4.0) no-repeat; } - + background: url(../images/calendar.png?v=v2.4.0) no-repeat; +} td a.dp-choose-date.dp-disabled, a.dp-choose-date.dp-disabled { background-position: 0 -20px; - cursor: default; } - + cursor: default; +} /* For Date Picker: makes the input field shorter once the date picker code * has run (to allow space for the calendar icon) */ input.dp-applied { width: 140px; - float: left; } - + float: left; +} /* For search forms */ .SearchDrawer { border-top: 5px solid #1c94c4; @@ -667,24 +682,25 @@ input.dp-applied { color: #000; padding: 10px; margin: 0; - font-size: 12px; } - + font-size: 12px; +} .SearchDrawer label { background: #d6e8ef; color: #000; - text-align: right; } - + text-align: right; +} .SearchDrawer h1 { - color: #000; } - + color: #000; +} .SearchDrawer .SearchAttribute > .field_input_zone { - display: inline-block; } - .SearchDrawer .SearchAttribute > .field_input_zone > .field_select_wrapper { - display: inline-block; } - + display: inline-block; +} +.SearchDrawer .SearchAttribute > .field_input_zone > .field_select_wrapper { + display: inline-block; +} .DrawerClosed { - display: none; } - + display: none; +} .DrawerHandle { margin: 0; padding: 5px; @@ -699,8 +715,8 @@ input.dp-applied { margin-top: 0; margin-bottom: 0; display: block; - font-size: 12px; } - + font-size: 12px; +} div.HRDrawer { height: 5px; width: 100%; @@ -709,8 +725,8 @@ div.HRDrawer { margin: 0; padding: 0; border: 0; - display: block; } - + display: block; +} .mini_tabs a { text-decoration: none; font-weight: bold; @@ -718,194 +734,194 @@ div.HRDrawer { background-color: #333; padding-left: 1em; padding-right: 1em; - padding-bottom: 0.25em; } - + padding-bottom: 0.25em; +} .mini_tabs a.selected { color: #fff; background-color: #1c94c4; - padding-top: 0.25em; } - + padding-top: 0.25em; +} .mini_tabs ul { - margin: -10px; } - + margin: -10px; +} .mini_tabs ul li { float: right; list-style: none; nopadding-left: 1em; nopadding-right: 1em; - margin-top: 0; } - + margin-top: 0; +} .mandatory { - border: 1px solid #f00; } - + border: 1px solid #f00; +} /* Beware: IE6 does not support multiple selector with multiple classes, only the last class is used */ table.listResults tr.odd td.truncated, table.listResults tr td.truncated, .wizContainer table.listResults tr.odd td.truncated, .wizContainer table.listResults tr td.truncated { - background: url(../images/truncated.png?v=v2.4.0) bottom repeat-x; } - + background: url(../images/truncated.png?v=v2.4.0) bottom repeat-x; +} /* Beware: IE6 does not support multiple selector with multiple classes, only the last class is used */ table.listResults tr.even td.truncated, .wizContainer table.listResults tr.even td.truncated { - background: #f9f9f1 url(../images/truncated.png?v=v2.4.0) bottom repeat-x; } - + background: #f9f9f1 url(../images/truncated.png?v=v2.4.0) bottom repeat-x; +} /* Beware: IE6 does not support multiple selector with multiple classes, only the last class is used */ table.listResults tr.even td.hover.truncated, .wizContainer table.listResults tr.even td.hover.truncated { - background: #fdf5d0 url(../images/truncated.png?v=v2.4.0) bottom repeat-x; } - + background: #fdf5d0 url(../images/truncated.png?v=v2.4.0) bottom repeat-x; +} /* Beware: IE6 does not support multiple selector with multiple classes, only the last class is used */ table.listResults tr.odd td.hover.truncated, table.listResults tr td.hover.truncated, .wizContainer table.listResults tr.odd td.hover.truncated, .wizContainer table.listResults tr td.hover.truncated { - background: #fdf5d0 url(../images/truncated.png?v=v2.4.0) bottom repeat-x; } - + background: #fdf5d0 url(../images/truncated.png?v=v2.4.0) bottom repeat-x; +} table.listResults.truncated { border-bottom: 0; - padding-bottom: 0; } - + padding-bottom: 0; +} tr.csv_row0 td { padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; background: #fff; - border-left: #000 1px solid; } - + border-left: #000 1px solid; +} tr.csv_row1 td { padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; background: #f9f9f1; - border-left: #000 1px solid; } - + border-left: #000 1px solid; +} tr.csv_row1 th, tr.csv_row0 th { padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; - border-left: #000 1px solid; } - + border-left: #000 1px solid; +} td.cell_modified { font-weight: bold; - color: #000; } - + color: #000; +} td.cell_error { font-weight: bold; - color: #D81515; } - + color: #d81515; +} table.transparent, table.transparent td { - background: transparent; } - + background: transparent; +} p.page-header { color: #1c94c4; font-weight: bold; font-size: 12pt; - font-family: Verdana, Arial, Helvetica, Sans-Serif; } - + font-family: Verdana, Arial, Helvetica, Sans-Serif; +} td.dashboard { vertical-align: top; border: 1px solid #ccc; padding: 0.5em; - width: 50%; } - + width: 50%; +} .white { - background-color: #fff; } - + background-color: #fff; +} /*** New Lacanau layout ***/ .ui-layout-pane { /* all 'panes' */ - overflow: auto; } - + overflow: auto; +} .ui-layout-resizer { /* all 'resizer-bars' */ - background: #f1f1f1; } - + background: #f1f1f1; +} .ui-layout-toggler { /* all 'toggler-buttons' */ - background: #AAA; } - + background: #aaa; +} div#top-left { width: 28px; height: 70px; - background: #F1F1F1; - float: left; } - + background: #f1f1f1; + float: left; +} div#header-logo { width: 100%; height: 70px; - background: #F1F1F1; } - + background: #f1f1f1; +} .ui-layout-pane-west { - background: #F1F1F1; } - + background: #f1f1f1; +} div#right { - min-width: 260px; } - + min-width: 260px; +} div#menu { width: 100%; - overflow: auto; } - + overflow: auto; +} .header-menu { padding-left: 24px; padding-right: 8px; padding-bottom: 24px; - background: transparent; } - + background: transparent; +} div#inner_menu { padding-left: 24px; padding-right: 8px; - background: transparent; } - + background: transparent; +} div#logo { height: 70px; nowidth: 100%; - text-align: center; } - + text-align: center; +} div#logo div { height: 88px; width: 244px; - background: url(../images/itop-logo-2.png?v=v2.4.0) left no-repeat; } - + background: url(../images/itop-logo-2.png?v=v2.4.0) left no-repeat; +} #left-pane .ui-layout-north { - overflow: hidden; } - + overflow: hidden; +} #top-bar { - background: #F1F1F1; - text-align: right; } - + background: #f1f1f1; + text-align: right; +} .app-message { float: left; margin-top: 2px; margin-right: 4px; padding: 6px 9px; - background-color: #E87C1E; + background-color: #e87c1e; color: white; border-radius: 6px; - text-align: left; } - + text-align: left; +} .app-message-icon { - margin-right: 5px; } - + margin-right: 5px; +} .fa-sm { - font-size: 0.66em; } - + font-size: 0.66em; +} .object-details-header { margin-top: 7px; - margin-bottom: 7px; } - + margin-bottom: 7px; +} .object-icon { display: table-cell; vertical-align: middle; padding-left: 10px; - padding-right: 10px; } - + padding-right: 10px; +} .object-infos { display: table-cell; - vertical-align: middle; } - + vertical-align: middle; +} .object-name { margin-top: 0px; - margin-bottom: 0px; } - + margin-bottom: 0px; +} .tags { - margin-top: 5px; } - + margin-top: 5px; +} .tag { font-size: 10px; font-weight: initial; @@ -915,17 +931,17 @@ div#logo div { padding: 3px 6px; -webkit-border-radius: 4px; -moz-border-radius: 4px; - border-radius: 4px; } - + border-radius: 4px; +} .text-danger { - color: red; } - + color: red; +} #global-search { height: 55px; float: right; text-align: right; - overflow-y: hidden; } - + overflow-y: hidden; +} #global-search table, #global-search tr td, #global-search tr { padding: 0; border: 0; @@ -933,23 +949,23 @@ div#logo div { margin: 0; background: transparent; overflow-y: hidden; - vertical-align: middle; } - + vertical-align: middle; +} #global-search-area { - line-height: 55px; } - + line-height: 55px; +} #global-search-input { vertical-align: middle; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; - border: 1px #CCC solid; + border: 1px #ccc solid; height: 18px; width: 180px; padding: 3px; background: #fff; - display: inline-block; } - + display: inline-block; +} #global-search-image { vertical-align: middle; background: url(../images/search.png?v=v2.4.0) center center no-repeat; @@ -957,79 +973,79 @@ div#logo div { width: 28px; height: 30px; margin-left: -8px; - cursor: pointer; } - + cursor: pointer; +} #help-link img { padding: 0; - border: 0; } - + border: 0; +} #help-link { padding: 0; border: 0; background: transparent; margin-left: 15px; - margin-right: 10px; } - + margin-right: 10px; +} div.icon { width: 20px; height: 20px; margin: 2px; - float: right; } - + float: right; +} span.ui-icon { float: left; - margin: 0 2px; } - + margin: 0 2px; +} .ui-layout-button-pin-down { background: url(../images/splitter-bkg.png?v=v2.4.0) transparent; width: 16px; - background-position: -144px -144px; } - + background-position: -144px -144px; +} .ui-layout-resizer-west-open { - background-color: #F1F1F1; - width: 8px; } - + background-color: #f1f1f1; + width: 8px; +} div.footer img { border: 0; margin-bottom: 5px; - margin-top: 5px; } - + margin-top: 5px; +} div.footer { - text-align: center; } - + text-align: center; +} #SearchResultsToAdd table.listResults tbody { height: 300px; - overflow-y: auto; } - + overflow-y: auto; +} tr.row_unchanged td { border-bottom: 1px #ccc solid; - padding: 2px; } - + padding: 2px; +} .wizContainer table tr.row_error td { border-bottom: 1px #ccc solid; background-color: #fdd; - padding: 2px; } - + padding: 2px; +} tr.row_modified td { border-bottom: 1px #ccc solid; - padding: 2px; } - + padding: 2px; +} tr.row_added td { border-bottom: 1px #ccc solid; - padding: 2px; } - + padding: 2px; +} a.truncated { - cursor: pointer; } - + cursor: pointer; +} .org_combo { font-size: x-small; width: auto; - max-width: 200px; } - + max-width: 200px; +} span.form_validation { width: 24px; - text-align: center; } - + text-align: center; +} .notification { border: 1px solid #c33; background-color: #fee; @@ -1037,30 +1053,30 @@ span.form_validation { margin: 0.5em; text-align: center; width: 95%; - -moz-border-radius: 0.5em; } - + -moz-border-radius: 0.5em; +} .wiki_broken_link { - text-decoration: line-through; } - + text-decoration: line-through; +} .synoptics, .synoptics tr td { background: transparent; padding: 10px; font-size: 1em; vertical-align: middle; color: #fff; - text-align: center; } - + text-align: center; +} .synoptics tr td.arrow { color: #333; border-top: 1px dashed #333; - width: 100px; } - + width: 100px; +} .synoptics tr.synoptics_header td { color: #000; font-size: 1em; vertical-align: middle; - text-align: center; } - + text-align: center; +} .mono_value { display: inline-block; background-color: #3c3; @@ -1072,8 +1088,8 @@ span.form_validation { margin-left: 3px; -moz-border-radius: 10px; -webkit-border-radius: 10px; - border-radius: 10px; } - + border-radius: 10px; +} .multi_values { display: inline-block; background-color: #c33; @@ -1085,47 +1101,47 @@ span.form_validation { margin-left: 3px; -moz-border-radius: 10px; -webkit-border-radius: 10px; - border-radius: 10px; } - + border-radius: 10px; +} .caselog { overflow-x: hidden; display: block; overflow-y: auto; border: 1px #ddd solid; font-family: Tahoma, Verdana, Arial, Helvetica; - font-size: 12px; } - + font-size: 12px; +} .caselog_input_header { padding-top: 3px; padding-bottom: 3px; border-top: 1px solid #fff; background: #ddd; width: 100%; - height: 21px; } - + height: 21px; +} .caselog_input_header:empty { - display: none; } - + display: none; +} .editor_magnifier { /* !important so it overrides the .cke_reset_all style */ background-position: center center !important; background-repeat: no-repeat !important; - background-size: 100% !important; } - + background-size: 100% !important; +} .editor_magnifier:hover { - background-color: #CCC; } - + background-color: #ccc; +} .caselog_header { padding: 3px; border-top: 1px solid #fff; background: #ddd url(../images/plus.gif) left no-repeat; padding-left: 16px; cursor: pointer; - width: 100%; } - + width: 100%; +} .caselog_header.open { - background: #ddd url(../images/minus.gif) left no-repeat; } - + background: #ddd url(../images/minus.gif) left no-repeat; +} .caselog_entry { padding: 3px; padding-left: 16px; @@ -1141,8 +1157,8 @@ span.form_validation { white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; - /* Internet Explorer 5.5+, CSS3 */ } - + /* Internet Explorer 5.5+, CSS3 */ +} .caselog_entry_html p, .HTML p { margin-top: 0.25em; margin-bottom: 0.25em; @@ -1161,14 +1177,15 @@ span.form_validation { .details { border-collapse: collapse; noborder-bottom: 2px #fff solid; - nowidth: 100%; } - .details * { - box-sizing: border-box; } - + nowidth: 100%; +} +.details * { + box-sizing: border-box; +} fieldset .details > .field_container { background: transparent; - border: 0; } - + border: 0; +} .field_container { display: table; width: 100%; @@ -1365,50 +1382,56 @@ fieldset .details > .field_container { } /* This is extracted from the ".details > .field_container ..." because of the fullscreen option (element is moved at the end of the body */ .field_input_text { - border: none; } - .field_input_text .f_i_text_header { - /* Inspired by .cke_top */ - padding: 6px 8px 6px; - white-space: normal; - border-bottom: 1px solid #fff; - background: #f2f2f2; } - .field_input_text .f_i_text_header .fullscreen_button { - display: block; - width: 15px; - height: 15px; - border: 1px #A6A6A6 solid; - cursor: pointer; - background-image: url("../images/full-screen.png"); - background-repeat: no-repeat; - background-position: center center; - background-size: 98%; } - .field_input_text .f_i_text_header .fullscreen_button:hover, - .field_input_text .f_i_text_header .fullscreen_button:focus { - background-color: #CCCCCC; } - .field_input_text textarea { - /* Size for default display */ - width: 100%; - height: 100%; - margin: 0px; - padding: 5px 10px; - border: none; - resize: none; } - .field_input_text.fullscreen { - z-index: 100; - position: fixed; - top: 0px; - left: 0px; - width: 100%; - height: 100%; } - .field_input_text.fullscreen textarea { - /* Size set again here to override resize value when in fullscreen */ - width: 100% !important; - height: 100% !important; } - .field_input_text.fullscreen .fullscreen_button { - width: 22px; - height: 22px; - background-color: #CCCCCC; } - + border: none; +} +.field_input_text .f_i_text_header { + /* Inspired by .cke_top */ + padding: 6px 8px 6px; + white-space: normal; + border-bottom: 1px solid #fff; + background: #f2f2f2; +} +.field_input_text .f_i_text_header .fullscreen_button { + display: block; + width: 15px; + height: 15px; + border: 1px #a6a6a6 solid; + cursor: pointer; + background-image: url('../images/full-screen.png'); + background-repeat: no-repeat; + background-position: center center; + background-size: 98%; +} +.field_input_text .f_i_text_header .fullscreen_button:hover, .field_input_text .f_i_text_header .fullscreen_button:focus { + background-color: #ccc; +} +.field_input_text textarea { + /* Size for default display */ + width: 100%; + height: 100%; + margin: 0px; + padding: 5px 10px; + border: none; + resize: none; +} +.field_input_text.fullscreen { + z-index: 100; + position: fixed; + top: 0px; + left: 0px; + width: 100%; + height: 100%; +} +.field_input_text.fullscreen textarea { + /* Size set again here to override resize value when in fullscreen */ + width: 100% !important; + height: 100% !important; +} +.field_input_text.fullscreen .fullscreen_button { + width: 22px; + height: 22px; + background-color: #ccc; +} #SiloSelection { padding-top: 3px; padding-right: 30px; @@ -1439,101 +1462,101 @@ fieldset .details > .field_container { padding-left: 0.4em; } .ac_dlg_loading { - background: white url("../images/indicator.gif") right center no-repeat; } - + background: white url('../images/indicator.gif') right center no-repeat; +} table.pagination { - display: inline-block; } - + display: inline-block; +} table.pagination tr td { - padding: 3px; } - + padding: 3px; +} .pagination_container { - padding-left: 3px; } - + padding-left: 3px; +} .pager p { margin-top: 0; - margin-bottom: 0; } - + margin-bottom: 0; +} .pager td span { min-width: 20px; padding-left: 2px; padding-right: 2px; display: inline-block; text-align: center; - cursor: pointer; } - + cursor: pointer; +} .pager td span.curr_page { color: #fff; background: #999; -moz-border-radius: 4px; -webkit-border-radius: 4px; - border-radius: 4px; } - + border-radius: 4px; +} img.prev, img.first, img.next, img.last { - cursor: pointer; } - + cursor: pointer; +} div.actions_button { float: right; - background: #E87C1E url("../images/actions_left.png?v=v2.4.0") no-repeat scroll left top; + background: #e87c1e url("../images/actions_left.png?v=v2.4.0") no-repeat scroll left top; padding-left: 5px; margin-top: 0; margin-right: 10px; height: 19px; - vertical-align: middle; } - + vertical-align: middle; +} div.actions_button a, .actions_button a:hover, .actions_button a:visited { - background: #E87C1E url(../images/actions_bkg.png?v=v2.4.0) no-repeat scroll right top; + background: #e87c1e url(../images/actions_bkg.png?v=v2.4.0) no-repeat scroll right top; color: #fff; padding-right: 8px; cursor: pointer; - font-family: Tahoma,sans-serif; + font-family: Tahoma, sans-serif; font-size: 11px; font-weight: bold; padding-left: 4px; text-decoration: none; height: 19px; line-height: 17px; - display: block; } - + display: block; +} select#org_id { - max-width: 90%; } - + max-width: 90%; +} /*********** Dashboards ***********/ .itop-dashboard { - background-color: #fff; } - + background-color: #fff; +} .itop-dashboard a { - cursor: not-allowed; } - + cursor: not-allowed; +} .dragHover { - background: url(./ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png?v=v2.4.0); } - + background: url(./ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png?v=v2.4.0); +} .edit_mode .dashlet { background: url(./ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png?v=v2.4.0); padding: 5px; margin: 0; - position: relative; } - + position: relative; +} .edit_mode .dashlet-selected { - background: #E87C1E !important; + background: #e87c1e !important; padding: 5px; - margin: 0; } - + margin: 0; +} td.layout_cell { height: 50px; /* min-height does not work */ - vertical-align: top; } - + vertical-align: top; +} .dashlet-content { background: #fff; margin: 0; overflow: auto; } table.prop_table { - border-bottom: 2px solid #F9F9F1; + border-bottom: 2px solid #f9f9f1; padding: 1px; - width: 100%; } - + width: 100%; +} .close-box { margin: 5px; width: 20px; @@ -1542,100 +1565,100 @@ table.prop_table { top: 0; right: 0; z-index: 10; - background: transparent url(../images/delete.png?v=v2.4.0) no-repeat center; } - + background: transparent url(../images/delete.png?v=v2.4.0) no-repeat center; +} td.prop_value { - text-align: left; } - + text-align: left; +} tr.itop-property-field-modified td { - background: #fbb; } - + background: #fbb; +} tr.itop-property-field-modified td.hover { - background: #f99; } - + background: #f99; +} td.prop_value textarea, td.prop_value input[type=text] { - width: 98%; } - + width: 98%; +} td.prop_icon { - width: 20px; } - + width: 20px; +} .dashlet { - text-align: left; } - + text-align: left; +} .dashlet-inline { - display: inline-block; } - + display: inline-block; +} .dashlet-badge a.actions { background: none repeat scroll 0 0 transparent; - color: #666666; + color: #666; font-size: 16px; - text-decoration: none; } - + text-decoration: none; +} .dashlet-content .display_block { - text-align: left; } - + text-align: left; +} .prop_apply .ui-icon-alert { - display: none; } - + display: none; +} .prop_apply .ui-state-error .ui-icon-alert { - display: block; } - + display: block; +} .ui-state-error .ui-icon-circle-check { - display: none; } - + display: none; +} .summary-details { float: right; - margin-top: 5px; } - + margin-top: 5px; +} .summary-details th { - background: none repeat scroll 0 0 #555555; - color: #EEEEEE; + background: none repeat scroll 0 0 #555; + color: #eee; padding: 5px; - text-align: center; } - + text-align: center; +} .main_header { - background-color: #F1F1F1; + background-color: #f1f1f1; min-height: 60px; - width: 100%; } - + width: 100%; +} .main_header h1 { color: #1c94c4; line-height: 16px; margin-bottom: 0; margin-top: 0; padding-bottom: 10px; - padding-top: 10px; } - + padding-top: 10px; +} .main_header img { margin-top: 10px; margin-right: 10px; - float: left; } - + float: left; +} a.summary, a.summary:hover { background: none repeat scroll 0 0 transparent; - color: #666666; + color: #666; text-decoration: none; - padding-left: 0; } - + padding-left: 0; +} .summary-details td { background: none repeat scroll 0 0 transparent; padding: 5px; - text-align: center; } - + text-align: center; +} #DashboardMenu > ul > li { list-style: none; vertical-align: middle; margin: 0; padding: 0; - cursor: pointer; } - + cursor: pointer; +} #DashboardMenu > ul { list-style: none; vertical-align: middle; margin: 0; padding: 0; - height: 25px; } - + height: 25px; +} #DashboardMenu li a { display: block; padding: 5px 12px; @@ -1644,40 +1667,40 @@ a.summary, a.summary:hover { font-weight: bold; text-align: left; white-space: nowrap; - background: #fff; } - + background: #fff; +} #DashboardMenu li span { display: block; padding: 5px 12px; text-decoration: none; color: #000; white-space: nowrap; - background: #fff; } - + background: #fff; +} #DashboardMenu li { - list-style: none; } - + list-style: none; +} #DashboardMenu li a:hover { - background: #1A4473; } - + background: #1a4473; +} #DashboardMenu ul > li > ul { border: 1px solid black; - background: #fff; } - + background: #fff; +} #DashboardMenu li > ul { margin: 0; padding: 0; position: absolute; display: none; border-top: 1px solid white; - z-index: 999; } - + z-index: 999; +} #DashboardMenu li ul li a:hover { - background: #E87C1E; + background: #e87c1e; color: #fff; font-weight: bold; - list-style: none; } - + list-style: none; +} .sortable_field_list { display: inline-block; width: 250px; @@ -1685,35 +1708,35 @@ a.summary, a.summary:hover { border: 1px #333 solid; overflow: auto; padding-left: 0; - margin: 0; } - + margin: 0; +} .sortable_field_list li { list-style: none; - font-size: 11px; } - + font-size: 11px; +} .sort_order { display: inline-block; width: 16px; - height: 12px; } - + height: 12px; +} .sort_none { - background: url(../images/bg.gif) no-repeat center; } - + background: url(../images/bg.gif) no-repeat center; +} .sort_asc { - background: url(../images/desc.gif) no-repeat center; } - + background: url(../images/desc.gif) no-repeat center; +} .sort_desc { - background: url(../images/asc.gif) no-repeat center; } - + background: url(../images/asc.gif) no-repeat center; +} .sort_hidden { - display: none; } - + display: none; +} .sortable_field_list > li.selected { - background: #F6A828; } - + background: #f6a828; +} .itop-deleted-object { - text-decoration: line-through; } - + text-decoration: line-through; +} .header_message { padding: 1em; font-size: 10pt; @@ -1722,8 +1745,8 @@ a.summary, a.summary:hover { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; - margin-bottom: 10px; } - + margin-bottom: 10px; +} .header_message { padding: 1em; font-size: 10pt; @@ -1732,53 +1755,53 @@ a.summary, a.summary:hover { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; - margin-bottom: 10px; } - + margin-bottom: 10px; +} .message_info { border: 1px solid #993; background: url(../images/info-mini.png?v=v2.4.0) 1em 1em no-repeat #ffc; - padding-left: 3em; } - + padding-left: 3em; +} .message_ok { border: 1px solid #393; background: url(../images/ok.png?v=v2.4.0) 1em 1em no-repeat #cfc; - padding-left: 3em; } - + padding-left: 3em; +} .message_error { border: 1px solid #933; background: url(../images/error.png?v=v2.4.0) 1em 1em no-repeat #fcc; - padding-left: 3em; } - + padding-left: 3em; +} .fg-menu a img { - border: 0; } - + border: 0; +} div.ui-dialog-header { padding-bottom: 10px; - padding-top: 7px; } - + padding-top: 7px; +} .form_field_error { border: 1px solid #933; - background: #fcc; } - + background: #fcc; +} .simple-graph, .graph_config { - background: #fff; } - + background: #fff; +} .graph_config { - padding: 0.25em; } - + padding: 0.25em; +} .graph_config button.ui-widget { - font-size: 12px; } - + font-size: 12px; +} .ui-tooltip, .arrow:after { - background: #F1F1F1; - border: 1px solid #555555; } - + background: #f1f1f1; + border: 1px solid #555; +} .ui-tooltip { padding: 10px 10px; box-shadow: 0 0 7px black; max-width: 350px; - overflow: hidden; } - + overflow: hidden; +} .ui-tooltip .arrow { width: 70px; height: 16px; @@ -1786,15 +1809,15 @@ div.ui-dialog-header { position: absolute; left: 50%; margin-left: -35px; - bottom: -16px; } - + bottom: -16px; +} .ui-tooltip .arrow.top { top: -16px; - bottom: auto; } - + bottom: auto; +} .ui-tooltip .arrow.left { - left: 20%; } - + left: 20%; +} .ui-tooltip .arrow:after { content: ""; position: absolute; @@ -1805,147 +1828,148 @@ div.ui-dialog-header { box-shadow: 6px 5px 9px -9px black; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); - transform: rotate(45deg); } - + transform: rotate(45deg); +} .ui-tooltip .arrow.top:after { bottom: -20px; - top: auto; } - + top: auto; +} .ui-tooltip .ui-tooltip-content { - overflow-x: auto; } - + overflow-x: auto; +} table.export_parameters td { - padding-right: 2em; } - + padding-right: 2em; +} .table_preview > table { border-collapse: collapse; max-height: 150px; overflow: auto; - display: block; } - + display: block; +} .table_preview > table > thead > tr > th, .table_preview > table > tbody > tr > td { - border: 1px #555555 solid; + border: 1px #555 solid; min-height: 1em; padding-left: 0.25em; padding-right: 0.25em; - font-size: 10pt; } - + font-size: 10pt; +} .table_preview > table > tbody > tr > td { - vertical-align: top; } - + vertical-align: top; +} .table_preview .drag-handle { - cursor: move; } - + cursor: move; +} .table_preview div.text-preview { - white-space: pre-wrap; } - + white-space: pre-wrap; +} /* Format for the PDF output */ .table_preview .view-image { width: inherit !important; height: inherit !important; - text-align: center; } - .table_preview .view-image img { - max-width: 48px !important; - max-height: 48px !important; - display: inline-block; } - + text-align: center; +} +.table_preview .view-image img { + max-width: 48px !important; + max-height: 48px !important; + display: inline-block; +} .graph_zoom { display: inline-block; float: right; - margin-right: 2em; } - + margin-right: 2em; +} .graph_zoom_slider { display: inline-block; - width: 10em; } - + width: 10em; +} .graph_zoom_plus, .graph_zoom_minus { display: inline-block; margin-left: 1em; - margin-right: 1em; } - + margin-right: 1em; +} div.explain-printable { border: 5px solid #1c94c4; background: #d6e8ef; color: #000; padding: 10px; margin: 0; - font-size: 12px; } - + font-size: 12px; +} .hideable-chapter { - cursor: pointer; } - + cursor: pointer; +} #hiddeable_chapters .ui-tabs .ui-tabs-nav li.hideable-chapter span { padding-left: 20px; - background: url(../images/eye-open-555.png?v=v2.4.0) 2px center no-repeat; } - + background: url(../images/eye-open-555.png?v=v2.4.0) 2px center no-repeat; +} #hiddeable_chapters .ui-tabs .ui-tabs-nav li.hideable-chapter.strikethrough span { text-decoration: line-through; - background: url(../images/eye-closed-555.png?v=v2.4.0) 2px center no-repeat; } - + background: url(../images/eye-closed-555.png?v=v2.4.0) 2px center no-repeat; +} .printable-version legend { padding-left: 26px; - background: #1c94c4 url(../images/eye-open-fff.png?v=v2.4.0) 8px center no-repeat; } - + background: #1c94c4 url(../images/eye-open-fff.png?v=v2.4.0) 8px center no-repeat; +} .printable-version .strikethrough legend { - background: #1c94c4 url(../images/eye-closed-fff.png?v=v2.4.0) 8px center no-repeat; } - + background: #1c94c4 url(../images/eye-closed-fff.png?v=v2.4.0) 8px center no-repeat; +} .printable-version fieldset.strikethrough span { - display: none; } - + display: none; +} h2.printable-tab-title { - border-bottom: 2px solid; } - + border-bottom: 2px solid; +} .strikethrough { - text-decoration: line-through; } - + text-decoration: line-through; +} select.multiselect { - max-width: 150px; } - + max-width: 150px; +} span.refresh-button { display: inline-block; width: 21px; height: 18px; cursor: pointer; - background: transparent url(../images/refresh-fff.png?v=v2.4.0) left center no-repeat; } - + background: transparent url(../images/refresh-fff.png?v=v2.4.0) left center no-repeat; +} .case-log-history-entry { - display: block; } - + display: block; +} .case-log-history-entry-end { - display: none; } - + display: none; +} .expanded .case-log-history-entry-end { - display: inline; } - + display: inline; +} .case-log-history-entry-more { - display: inline; } - + display: inline; +} .expanded .case-log-history-entry-more { - display: none; } - + display: none; +} .case-log-history-entry .case-log-history-entry-toggle { display: inline-block; float: none; pointer: cursor; - vertical-align: bottom; } - + vertical-align: bottom; +} .printable-tab .case-log-history-entry-end { - display: inline; } - + display: inline; +} .printable-tab .case-log-history-entry-more { - display: none; } - + display: none; +} .printable-tab .case-log-history-entry .case-log-history-entry-toggle { - display: none; } - + display: none; +} .history_entry { position: relative !important; - max-width: 100%; } - + max-width: 100%; +} .history_entry_truncated { max-height: 7em; - overflow: hidden; } - + overflow: hidden; +} .history_truncated_toggler { position: absolute !important; bottom: 0; @@ -1955,147 +1979,162 @@ span.refresh-button { width: 16px; height: 16px; background-image: url(ui-lightness/images/ui-icons_222222_256x240.png); - background-position: -16px -192px; } - + background-position: -16px -192px; +} .history_entry_truncated .history_truncated_toggler { - background-position: 0 -192px; } - + background-position: 0 -192px; +} #top-bar-table { width: 100%; - padding-left: 5px; } - #top-bar-table #open-left-pane { - text-align: center; - width: 40px !important; - cursor: pointer; } - #top-bar-table #go-home { - text-align: center; - width: 40px !important; } - #top-bar-table #go-home a { - text-decoration: none; - color: #555; - font-size: 9pt; - padding: 0; - background: none; - display: inline-block; - line-height: 55px; - width: 100%; } - #top-bar-table .top-bar-spacer { - width: 35px !important; } - #top-bar-table #top-bar-table-search { - min-width: 370px; } - + padding-left: 5px; +} +#top-bar-table #open-left-pane { + text-align: center; + width: 40px !important; + cursor: pointer; +} +#top-bar-table #go-home { + text-align: center; + width: 40px !important; +} +#top-bar-table #go-home a { + text-decoration: none; + color: #555; + font-size: 9pt; + padding: 0; + background: none; + display: inline-block; + line-height: 55px; + width: 100%; +} +#top-bar-table .top-bar-spacer { + width: 35px !important; +} +#top-bar-table #top-bar-table-search { + min-width: 370px; +} #itop-breadcrumb { overflow: hidden; float: left; - background: #F1F1F1; } - #itop-breadcrumb .breadcrumb-item { - float: left; - margin: 3px 22px 2px 0px; } - #itop-breadcrumb .breadcrumb-item .icon img { - height: 15px; - width: auto; - margin-right: 5px; - -webkit-filter: grayscale(100%); - filter: grayscale(100%); - filter: gray; - filter: url("data:image/svg+xml;utf8,#greyscale"); - opacity: 0.5; } - #itop-breadcrumb .breadcrumb-item a { - text-decoration: none; - color: #555; - font-size: 9pt; - padding: 0; - background: none; } - #itop-breadcrumb .breadcrumb-item a:hover .icon img { - -webkit-filter: none; - filter: none; - opacity: 1; } - #itop-breadcrumb .breadcrumb-item a span.truncate { - max-width: 200px; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - display: inline-block; } - #itop-breadcrumb .breadcrumb-item a:hover { - text-decoration: none; - color: #E87C1E; } - #itop-breadcrumb .breadcrumb-item a::after { - content: ''; - position: absolute; - background-image: url(../images/breadcrumb-separator.png?v=v2.4.0); - background-repeat: no-repeat; - width: 8px; - height: 16px; - margin-left: 5px; } - #itop-breadcrumb .breadcrumb-item:last-child a::after { - display: none; } - #itop-breadcrumb .breadcrumb-item.breadcrumb-current { - text-decoration: none; - color: #555; - font-size: 9pt; - padding: 0; - background: none; } - #itop-breadcrumb .breadcrumb-item.breadcrumb-current span.truncate { - max-width: 200px; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - display: inline-block; } - + background: #f1f1f1; +} +#itop-breadcrumb .breadcrumb-item { + float: left; + margin: 3px 22px 2px 0px; +} +#itop-breadcrumb .breadcrumb-item .icon img { + height: 15px; + width: auto; + margin-right: 5px; + -webkit-filter: grayscale(100%); + filter: grayscale(100%); + filter: gray; + filter: url("data:image/svg+xml;utf8,#greyscale"); + opacity: 0.5; +} +#itop-breadcrumb .breadcrumb-item a { + text-decoration: none; + color: #555; + font-size: 9pt; + padding: 0; + background: none; +} +#itop-breadcrumb .breadcrumb-item a:hover .icon img { + -webkit-filter: none; + filter: none; + opacity: 1; +} +#itop-breadcrumb .breadcrumb-item a span.truncate { + max-width: 200px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + display: inline-block; +} +#itop-breadcrumb .breadcrumb-item a:hover { + text-decoration: none; + color: #e87c1e; +} +#itop-breadcrumb .breadcrumb-item a::after { + content: ''; + position: absolute; + background-image: url(../images/breadcrumb-separator.png?v=v2.4.0); + background-repeat: no-repeat; + width: 8px; + height: 16px; + margin-left: 5px; +} +#itop-breadcrumb .breadcrumb-item:last-child a::after { + display: none; +} +#itop-breadcrumb .breadcrumb-item.breadcrumb-current { + text-decoration: none; + color: #555; + font-size: 9pt; + padding: 0; + background: none; +} +#itop-breadcrumb .breadcrumb-item.breadcrumb-current span.truncate { + max-width: 200px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + display: inline-block; +} .ui-datepicker-buttonpane, .ui-timepicker-div { font-size: 9pt; - font-family: Tahoma, Verdana, Arial, Helvetica; } - + font-family: Tahoma, Verdana, Arial, Helvetica; +} .date_format_tooltip td { - padding: 0.25em; } - + padding: 0.25em; +} #setup .module-selection-banner img { - max-height: 48px; } + max-height: 48px; +} #setup .module-selection-body { height: 28em; overflow: auto; - border: #ccc 1px solid; } - + border: #ccc 1px solid; +} .mfp-close { - cursor: pointer !important; } - + cursor: pointer !important; +} .qtip-content { - font-size: 12px; } - + font-size: 12px; +} .qtip-content p:first-child { - margin-top: 0px; } - + margin-top: 0px; +} .qtip-content p:last-child { - margin-bottom: 0px; } - + margin-bottom: 0px; +} .synchro-source-title { - font-weight: bolder; } - + font-weight: bolder; +} .synchro-source-description { font-size: smaller; margin-top: 3px; - margin-bottom: 1px; } - + margin-bottom: 1px; +} .object-ref-icon.fa { - color: #E87C1E; + color: #e87c1e; font-size: smaller; vertical-align: 1px; - margin-right: 1px; } - + margin-right: 1px; +} .object-ref-icon-disabled.fa { - color: #555555; + color: #555; font-size: smaller; - margin-right: 1px; } - + margin-right: 1px; +} .object-ref-link { - background: none; } - + background: none; +} .extension-source { display: inline-block; - background-color: #555555; + background-color: #555; padding: 3px; font-size: 10px; color: #fff; - border-radius: 4px; } - -/*# sourceMappingURL=light-grey.css.map */ + border-radius: 4px; +} diff --git a/css/light-grey.scss b/css/light-grey.scss index fe19c6b30..21548a7b9 100644 --- a/css/light-grey.scss +++ b/css/light-grey.scss @@ -18,6 +18,7 @@ body { font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 10pt; color: $text-color; + background-color: white; margin: 0; /* Remove body margin/padding */ padding: 0; overflow: hidden; /* Remove scroll bars on browser window */