/* Filename: desktop.css (Custom WUI styles for Lightning "Desktop" Applications) Version: 3.0 * * Naming convention; * * ID Attribute based = widget_option_suboption [] */ /* BEGIN HEADER ELEMENTS */ /* Logo */ #logo{ } /* Account Widget */ #account{ } /* Account Menu Icon */ #account #account_menu_icon{ } /* Account Menu */ #account #account_menu{ } /* Recent Items Widget */ #recentitems{ } /* Recent Items Menu Icon */ #recentitems #recentitems_menu_icon{ } /* Recent Items Menu */ #recentitems #recentitems_menu{ } /* Search Widget */ #search{ } /* Search Menu Icon */ #search #search_menu_icon{ } /* Search Menu */ #search #search_menu{ } /* Search Menu - Advanced Search */ #search #search_menu_advanced{ } /* Search Menu - Quick Search */ #search #search_menu_quick{ } /* Tools Widget */ #tools{ } /* Tools Menu */ #tools #tools_menu{ } /* Tools Menu Icon */ #tools #tools_menu_icon{ } /* END HEADER ELEMENTS */ /* BEGIN CONTENT ELEMENTS */ #content{ } /* END CONTENT ELEMENTS */ /* BEGIN TOOLBAR STYLES */ .ltg-toolbar{ /* ltg-toolbar */ } /* END TOOLBAR STYLES */ /* BEGIN BUTTONS STYLES */ .ltg-buttons{ /* ltg-buttons */ } /* END BUTTONS STYLES */ /* BEGIN NAVIGATION STYLES */ .ltg-navigation{ /* ltg-navigation */ } .ltg-navigation .page-size-10{ } .ltg-navigation .page-size-25{ } .ltg-navigation .page-size-50{ } .ltg-navigation .page-size-100{ } .ltg-navigation .page-size-250{ } .ltg-navigation .page-size-500{ } .ltg-navigation .page-size-all{ display:none; /* Display ALL RECORDS from the current table in a List Form, change to display:block; to enable option */ } /* END NAVIGATION STYLES */ /* BEGIN GENERIC FORM STYLES */ .ltg-form{ /* ltg-form */ } .ltg-head{ /* ltg-head */ } .ltg-head-icon{ /* ltg-head icon="" */ } .ltg-head-title{ /* ltg-head title="" */ } .ltg-head-tools{ /* ltg-head-tools */ } .ltg-head-tools span{ } /* END GENERIC FORM STYLES */ /* BEGIN TABS STYLES */ .ltg-tabs{ } /* END TABS STYLES */ /* BEGIN DETAIL FORM STYLES */ .ltg-detail{ /* ltg-detail */ } .ltg-detail table{ } .ltg-caption{ /* ltg-caption */ } .ltg-divider{ } /* END LIST FORM STYLES */ /* BEGIN LIST FORM STYLES */ .ltg-list{ /* ltg-list */ } .ltg-list thead a{ } .ltg-list thead a:hover{ } .ltg-list table{ } .ltg-list tr{ } .ltg-list td{ } .ltg-list td p{ } .ltg-list thead td{ } .ltg-list thead label{ } .ltg-list tfoot td{ } .ltg-list tbody a{ } .ltg-list tbody td{ } /* END LIST FORM STYLES */ /* BEGIN CUSTOM STYLES */ /* BEGIN GLOBAL STYLES */ .invisContainer { display:none; } td input { /*This controls the default width of input fields */ width: 90%; } td hr { /*ANOTE: needs to be tested across all tables*/ width: 90%; } td input[type=radio], input.radio { width: auto; } /* END GLOBAL STYLES */ /* The following selectors are required to display static instead of dynamic subforms, as well as making them display properly on the Owners Detail screen */ div#sublistRacks, div#sublistEquipment, div#sublistItems, div#sublistBOL{ position: absolute; width: 99%; padding: 0; } table#sublistRacks, table#sublistEquipment, table#sublistItems, table#sublistBOL{ width: inherit; } input.danGoods{ width:50%; } td .centerText{ text-align:center; margin-left:auto; margin-right:auto; } /*The following selectors are for the updated Tally Detail Screen (not using the old mouldy looking UI)*/ #DateSection, #ManufSection { width: 75%; } #DateSection { margin-left:auto; margin-right:0; } #ManufSection { margin-left:0; margin-right:auto; } #DateSection tr td:first-child { width:20%; } #DateSection tr td:nth-child(2) { width:30em; } /*Rack Detail Rules*/ /*In Duplicate until CSS code cleanup (i.e. these rules will be necessary even if we no longer use the old UI)*/ span.rackType{ color : navy; font-weight: bold; font-style: italic; } span.rackUnit{ color : #880000; font-weight: bold; } /*Invoice Detail Rules*/ .tableDetailHeader { text-align: left; } /* END CUSTOM STYLES */ /* BEGIN DAX CSS IMPORT */ /* Any rules above this line are necessary, any rules below MAY OR MAY NOT be necessary*/ /* BEGIN dispatch.css <EC> */ table.lineData{ /*background-color:#e2ffdf;*/ color:black; font-weight:bold; border-width: 1px; border-style:solid; } /* END dispatch.css */ /*BEGIN stockcardDetail.css <EC>*/ table.stockCardHeader { background-color: #2042FF; border:0px black; } table.stockCardHeader td { background-color: #2042FF; color:white; font-weight: bold; font-size: 10pt; padding:10px; border:0px #AEAF00; border-spacing: 0px; } table.stockCardHeader tr { background-color: #2042FF; } table.stockCardBody td{ vertical-align:top; } span.bold { font-weight: bold; } span.boldItalics{ font-weight: bold; font-style: italic; } table.secondSection { width: 100%; } table.tableOutline{ border-width: 1px; padding: 0px; border-style: solid; border-color: black; } table.pipeTableOutline{ border-width: 1px; padding: 5px; border-style: solid; border-color: black; width: 200px; height: 282px; } table.pipeTableOutline th { background-color: #d2d9ff; font-weight: bold; font-size: 11pt; } table.noOutline{ padding: 5px; width: 370px; } table.RackTiers { background-color: #2042FF; border-collapse:collapse; } table.RackTiers th { background-color: #2042FF; color:white; font-weight: bold; border-bottom: 1px solid #2042FF; padding: 4px 0px 4px 0px; } table.RackTiers tr { background-color: #d2d9ff; color: #317d8b; } table.RackTiers tr.alt { background-color: #DFE4FF; color: #317d8b; } table.RackTiers td { padding: 2px 0px 2px 0px; } table.Tallies { table-layout: fixed; width: 100%; border-collapse:collapse; border-width: 0px; } table.Tallies td.boldLeftbottom { font-weight: bold; text-align: left; border-bottom: 2px solid #6699CC; } table.Tallies td.boldRightbottom { font-weight: bold; text-align: right; border-bottom: 2px solid #6699CC; } table.Tallies td.Rightbottom { text-align: right; border-bottom: 2px solid #6699CC; } table.Tallies td.rightAlign { text-align: right; } table.Tallies td.leftAlign { text-align: left; } table.Tallies td.box{ border-color: black; border-width: 1px 0 1px 1px; border-style: solid; } table.Tallies td.boldRight { font-weight: bold; text-align: right; } table.Tallies td.boldLeft { font-weight: bold; text-align: left; } table.Tallies th { /*background-color: #B05900;*/ /*This is the old colour*/ color: white; } table.Tallies th.leftAlign { text-align: left; font-weight: normal; } table.Tallies th.box{ border-color: black; border-width: 0 0 1px 1px; border-style: solid; } table.Tallies th.boldLeft { font-weight: bold; text-align: left; } table.RackNotes { background-color: #d2d9ff; border-width: 0px; border-style: solid; border-color: black; } table.RackNotes th { font-size: 9pt; text-align: left; } table.RackNotes td{ valign:top; } table.blankRackNotes { width:150; height:100px; background-color: #d2d9ff; } span.boldItalicsLarge{ font-weight: bold; font-style: italic; font-size: 11pt; } table.buttons{ height:270px; } table.buttons td{ vertical-align:bottom; } textarea#noteArea{ font-size: 8pt; font-family: Arial, Lucida Sans, sans-serif; width:100%; height:45px; } /* This makes the scrolling table work <EC> */ div.SCscrollTableContainer { height: 268px; overflow-y: scroll; width: 100%; position: static; border-width:thin; border-style:solid; } div.SCscrollTableContainer hr { width:100%; } /* The different widths below are due to the way the scroll bar is implamented we are keeping these here instead of putting them in the IE css file b/c it is easier to change the width if both numbers are in the same place. <EC> /* All browsers accept this, but we are targeting IE with this rule <EC>*/ div.SCscrollTableContainer table { width: 100%; } /* Modern browsers accept this (not IE) and we are targetting firefox <EC> html>/*<EC>*/ body div.SCscrollTableContainer table { width: 100%; } /* Modern browsers accept this (not IE) and we are targetting firefox <EC> html>/*<EC>*/ body div.SCscrollTableContainer table>tbody { overflow: auto; height: 256px; overflow-x: hidden; } div.SCscrollTableContainer thead tr { position:relative; } /*prevent Mozilla scrollbar from hiding cell content<EC> div.SCscrollTableContainer td:last-child { padding-right: 20px; }*/ /* This makes the scrolling table work <EC> div.notesscrollContainer { height: 268px; overflow: auto; width: 250px; position: relative; border-width:0px; border-style:solid; } /* The different widths below are due to the way the scroll bar is implamented we are keeping these here instead of putting them in the IE css file b/c it is easier to change the width if both numbers are in the same place. <EC> /* All browsers accept this, but we are targeting IE with this rule <EC> div.notesscrollContainer table { width: 230px; } /* Modern browsers accept this (not IE) and we are targetting firefox <EC> html>/*<EC>body div.notesscrollContainer table { width: 230px; } /* Modern browsers accept this (not IE) and we are targetting firefox <EC> html>/*<EC> body div.notesscrollContainer table>tbody { overflow: auto; height: 85px; overflow-x: hidden; } div.notesscrollContainer thead tr { position:relative; } /*prevent Mozilla scrollbar from hiding cell content<EC> div.notesscrollContainer td:last-child { padding-right: 20px; } /* END stockcardDetail.css <EC>*/ /* This makes the scrolling table work */ div.TDscrollTableContainer { height: 270px; overflow: auto; width: 100%; position: relative; border-width:thin; border-style:solid; } /* END DAX CSS IMPORT */