Gary Sharp
ab553a05cb
Removal of bitmap icons, replacing with vector based icons from FontAwesome. Includes other UI style changes.
743 lines
16 KiB
Plaintext
743 lines
16 KiB
Plaintext
@import "Shared";
|
|
|
|
#layout_PageHeading
|
|
{
|
|
#Job_Show_Status
|
|
{
|
|
/*position: absolute;
|
|
right: 20px;
|
|
top: 6px;*/
|
|
margin-left: 20px;
|
|
display: inline-block;
|
|
height: 50px;
|
|
font-family: @FontFamilyHeading;
|
|
font-weight: @FontWeightHeading;
|
|
font-stretch: @FontStretchHeading;
|
|
font-size: 0.7em;
|
|
text-transform: uppercase;
|
|
|
|
span.icon
|
|
{
|
|
margin-right: 6px;
|
|
}
|
|
}
|
|
}
|
|
|
|
#Job_Show
|
|
{
|
|
#Job_Show_Subjects
|
|
{
|
|
table-layout: fixed;
|
|
|
|
&>tbody > tr > td
|
|
{
|
|
padding-top: 0;
|
|
height: 100%;
|
|
|
|
&>div /* Extra DIV added for FireFox TD relative position incompatibility */
|
|
{
|
|
position: relative;
|
|
|
|
div.status
|
|
{
|
|
margin-top: 2px;
|
|
padding-top: 2px;
|
|
border-top: 1px dashed #ddd;
|
|
}
|
|
|
|
input.discreet
|
|
{
|
|
margin-left: -2px;
|
|
}
|
|
}
|
|
}
|
|
|
|
&>tbody > tr > td:not(:last-child)
|
|
{
|
|
border-right: 1px dashed #aaa;
|
|
}
|
|
|
|
.dialog
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
#Job_Show_Job
|
|
{
|
|
#Job_Show_Job_Type
|
|
{
|
|
&>table
|
|
{
|
|
table-layout: fixed;
|
|
}
|
|
}
|
|
|
|
#Job_Show_Job_SubTypes_1, #Job_Show_Job_SubTypes_2
|
|
{
|
|
padding-left: 16px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
#Job_Show_Job_SubTypes_Update
|
|
{
|
|
margin-left: 16px;
|
|
font-size: 0.9em;
|
|
}
|
|
|
|
#Job_Show_Job_SubTypes_Update_Dialog
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
#Job_Show_Job_Dates
|
|
{
|
|
padding-bottom: 6px;
|
|
|
|
table
|
|
{
|
|
table-layout: fixed;
|
|
|
|
&>tbody > tr > td
|
|
{
|
|
vertical-align: middle;
|
|
}
|
|
|
|
&>tbody > tr > td:first-child
|
|
{
|
|
font-weight: bold;
|
|
width: 60px;
|
|
}
|
|
}
|
|
}
|
|
|
|
#Job_Show_GenerateDocument_Container
|
|
{
|
|
padding-top: 4px;
|
|
|
|
#Job_Show_GenerateDocument
|
|
{
|
|
padding: 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
#Job_Show_Device
|
|
{
|
|
&>div
|
|
{
|
|
padding-left: 102px;
|
|
min-height: 100px;
|
|
}
|
|
|
|
#Job_Show_Device_Model_Image
|
|
{
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
height: 96px;
|
|
width: 96px;
|
|
}
|
|
|
|
#Job_Show_Device_Details
|
|
{
|
|
float: left;
|
|
}
|
|
|
|
#Job_Show_Device_Details_HWar, #Job_Show_Device_Details_HNWar
|
|
{
|
|
float: right;
|
|
border-left: 1px dashed #ddd;
|
|
padding-left: 4px;
|
|
margin-right: 2px;
|
|
}
|
|
|
|
#Job_Show_Device_Details_HWar_Details_Button, #Job_Show_Device_Details_HNWar_Details_Button
|
|
{
|
|
font-size: .9em;
|
|
}
|
|
|
|
#Job_Show_Device_DeviceHeld
|
|
{
|
|
table
|
|
{
|
|
table-layout: fixed;
|
|
|
|
&>tbody > tr > td:first-child
|
|
{
|
|
width: 62px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
#Job_Show_Subjects_Actions
|
|
{
|
|
&>td
|
|
{
|
|
padding-top: 4px;
|
|
}
|
|
|
|
#Job_Show_Device_Actions
|
|
{
|
|
padding-left: 111px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
|
|
#jobDetailTabs
|
|
{
|
|
margin-top: 10px;
|
|
|
|
/*.jobPart
|
|
{
|
|
height: 305px;
|
|
overflow: auto;
|
|
}*/
|
|
|
|
/*jQuery Tab Extensions*/
|
|
border-radius: 0;
|
|
background-image: none;
|
|
background-color: @white;
|
|
border: none;
|
|
padding: 0;
|
|
|
|
#jobDetailTabItems {
|
|
border-radius: 0;
|
|
border-top: 1px solid #ddd;
|
|
border-right: 1px solid #ddd;
|
|
border-left: 1px solid #ddd;
|
|
border-bottom: none;
|
|
padding: 2px 0 0 4px;
|
|
background-image: none;
|
|
background-color: #eee;
|
|
display: table;
|
|
|
|
&>li {
|
|
top: 0;
|
|
border-radius: 0;
|
|
margin: 0 5px 0 0;
|
|
padding: 0;
|
|
line-height: normal;
|
|
margin-right: 4px;
|
|
&>a {
|
|
padding: 5px 8px;
|
|
}
|
|
}
|
|
}
|
|
div.ui-tabs-panel {
|
|
border-radius: 0;
|
|
padding: 4px;
|
|
border-right: 1px solid #ddd;
|
|
border-bottom: 1px solid #ddd;
|
|
border-left: 1px solid #ddd;
|
|
border-top: none;
|
|
background-color: #eee;
|
|
}
|
|
}
|
|
|
|
|
|
#jobShowResources
|
|
{
|
|
#Comments
|
|
{
|
|
width: 375px;
|
|
height: 300px;
|
|
padding: 0;
|
|
border: 1px solid @SubtleBorderColour;
|
|
background-color: @white;
|
|
|
|
div.commentOutput
|
|
{
|
|
height: 249px;
|
|
overflow: auto;
|
|
background-color: @BackgroundColourLight;
|
|
color: @black;
|
|
|
|
&>div
|
|
{
|
|
padding: 3px;
|
|
margin: 4px 6px;
|
|
border-bottom: 1px solid @SubtleBorderColour;
|
|
|
|
span.author
|
|
{
|
|
color: #444;
|
|
display: block;
|
|
font-weight: bold;
|
|
font-size: 0.95em;
|
|
float: left;
|
|
}
|
|
|
|
span.timestamp
|
|
{
|
|
display: block;
|
|
float: right;
|
|
font-size: 0.90em;
|
|
font-style: italic;
|
|
}
|
|
|
|
span.comment
|
|
{
|
|
clear: both;
|
|
display: block;
|
|
margin-left: 4px;
|
|
}
|
|
|
|
&:hover
|
|
{
|
|
span.remove
|
|
{
|
|
opacity: .5;
|
|
}
|
|
}
|
|
|
|
span.remove
|
|
{
|
|
font-size: 1.2em;
|
|
color: @StatusRemove;
|
|
margin-left: 6px;
|
|
cursor: pointer;
|
|
opacity: 0;
|
|
|
|
&:hover
|
|
{
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
&:last-child
|
|
{
|
|
border-bottom: none;
|
|
}
|
|
}
|
|
}
|
|
|
|
&.cannotAddLogs div.commentOutput {
|
|
height: 300px;
|
|
}
|
|
|
|
div.commentInput
|
|
{
|
|
border-top: 1px solid @SubtleBorderColour;
|
|
height: 40px;
|
|
padding: 5px;
|
|
|
|
textarea.commentInput
|
|
{
|
|
border: 0;
|
|
padding: 0;
|
|
margin: 0;
|
|
width: 325px;
|
|
height: 40px;
|
|
min-height: 40px;
|
|
overflow: auto;
|
|
float: left;
|
|
resize: none;
|
|
}
|
|
|
|
span.action
|
|
{
|
|
color: @HeaderBackgroundColour;
|
|
font-size: 1.5em;
|
|
display: block;
|
|
margin: 0;
|
|
cursor: pointer;
|
|
float: left;
|
|
border: 1px solid @white;
|
|
padding: .5em;
|
|
|
|
&:hover
|
|
{
|
|
color: @HyperLinkColour;
|
|
background-color: @SubtleColour;
|
|
border: 1px solid @SubtleBorderColour;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
#Attachments
|
|
{
|
|
height: 300px;
|
|
padding: 0;
|
|
border: 1px solid @SubtleBorderColour;
|
|
background-color: @white;
|
|
|
|
div.attachmentOutput
|
|
{
|
|
height: 249px;
|
|
overflow: auto;
|
|
|
|
&>a
|
|
{
|
|
display: block;
|
|
float: left;
|
|
height: 48px;
|
|
width: 221px;
|
|
padding: 2px;
|
|
margin: 2px;
|
|
font-size: 0.95em;
|
|
border: 1px solid @white;
|
|
color: @black;
|
|
text-decoration: none;
|
|
|
|
span.comments, span.author, span.timestamp
|
|
{
|
|
display: block;
|
|
float: left;
|
|
width: 168px;
|
|
overflow: hidden;
|
|
height: 16px;
|
|
}
|
|
|
|
span.author
|
|
{
|
|
color: #888;
|
|
width: 150px;
|
|
}
|
|
|
|
span.timestamp
|
|
{
|
|
color: #888;
|
|
font-style: italic;
|
|
}
|
|
|
|
span.icon
|
|
{
|
|
display: block;
|
|
float: left;
|
|
height: 48px;
|
|
width: 48px;
|
|
margin-right: 2px;
|
|
|
|
img
|
|
{
|
|
height: 48px;
|
|
width: 48px;
|
|
}
|
|
}
|
|
|
|
&:hover
|
|
{
|
|
background-color: @SubtleColour;
|
|
border: 1px solid @SubtleBorderColour;
|
|
|
|
span.remove
|
|
{
|
|
opacity: .5;
|
|
}
|
|
}
|
|
|
|
span.remove
|
|
{
|
|
font-size: 1.2em;
|
|
color: @StatusRemove;
|
|
margin-left: 2px;
|
|
cursor: pointer;
|
|
opacity: 0;
|
|
|
|
&:hover
|
|
{
|
|
opacity: 1;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
&.cannotAddAttachments div.attachmentOutput {
|
|
height: 300px;
|
|
}
|
|
|
|
div.attachmentInput
|
|
{
|
|
border-top: 1px solid @SubtleBorderColour;
|
|
height: 40px;
|
|
background-color: @white;
|
|
padding: 5px;
|
|
|
|
span.action
|
|
{
|
|
color: @HeaderBackgroundColour;
|
|
display: block;
|
|
margin: 0 4px 0 0;
|
|
font-size: 1.5em;
|
|
cursor: pointer;
|
|
float: right;
|
|
border: 1px solid @white;
|
|
padding: .5em;
|
|
|
|
&:hover
|
|
{
|
|
color: @HyperLinkColour;
|
|
background-color: @SubtleColour;
|
|
border: 1px solid @SubtleBorderColour;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
#jobComponents
|
|
{
|
|
.tableDataDark;
|
|
|
|
tr
|
|
{
|
|
th.actions
|
|
{
|
|
width: 18px;
|
|
}
|
|
|
|
input.description
|
|
{
|
|
width: 400px;
|
|
}
|
|
|
|
input.cost
|
|
{
|
|
width: 150px;
|
|
}
|
|
|
|
span.remove
|
|
{
|
|
font-size: 1.5em;
|
|
color: @StatusRemove;
|
|
cursor: pointer;
|
|
opacity: .5;
|
|
|
|
&:hover {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
input.updating
|
|
{
|
|
background-position: right center;
|
|
background-repeat: no-repeat;
|
|
background-image: url(data:image/gif;base64,R0lGODlhEAALAPQAAP///zNah+Hm7dng6O7x9DddiTNah1d3nJqtw3+Xs8fS3k5vlm6JqaGzx4KatcrU4FFymDZciHGMq+ru8t/l7Pb3+V9+oeLo7vT2+MTP3LLB0dTc5fHz9gAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCwAAACwAAAAAEAALAAAFLSAgjmRpnqSgCuLKAq5AEIM4zDVw03ve27ifDgfkEYe04kDIDC5zrtYKRa2WQgAh+QQJCwAAACwAAAAAEAALAAAFJGBhGAVgnqhpHIeRvsDawqns0qeN5+y967tYLyicBYE7EYkYAgAh+QQJCwAAACwAAAAAEAALAAAFNiAgjothLOOIJAkiGgxjpGKiKMkbz7SN6zIawJcDwIK9W/HISxGBzdHTuBNOmcJVCyoUlk7CEAAh+QQJCwAAACwAAAAAEAALAAAFNSAgjqQIRRFUAo3jNGIkSdHqPI8Tz3V55zuaDacDyIQ+YrBH+hWPzJFzOQQaeavWi7oqnVIhACH5BAkLAAAALAAAAAAQAAsAAAUyICCOZGme1rJY5kRRk7hI0mJSVUXJtF3iOl7tltsBZsNfUegjAY3I5sgFY55KqdX1GgIAIfkECQsAAAAsAAAAABAACwAABTcgII5kaZ4kcV2EqLJipmnZhWGXaOOitm2aXQ4g7P2Ct2ER4AMul00kj5g0Al8tADY2y6C+4FIIACH5BAkLAAAALAAAAAAQAAsAAAUvICCOZGme5ERRk6iy7qpyHCVStA3gNa/7txxwlwv2isSacYUc+l4tADQGQ1mvpBAAIfkECQsAAAAsAAAAABAACwAABS8gII5kaZ7kRFGTqLLuqnIcJVK0DeA1r/u3HHCXC/aKxJpxhRz6Xi0ANAZDWa+kEAA7AAAAAAAAAAAA) /*Images/Status/loading.gif*/;
|
|
}
|
|
|
|
.totalCost
|
|
{
|
|
font-weight: bold;
|
|
}
|
|
}
|
|
}
|
|
|
|
#jobNonWarrantyFinance
|
|
{
|
|
.tableDataDark;
|
|
|
|
tr
|
|
{
|
|
th
|
|
{
|
|
width: 200px;
|
|
text-align: right;
|
|
}
|
|
}
|
|
}
|
|
|
|
#jobNonWarrantyRepairs
|
|
{
|
|
.tableDataDark;
|
|
|
|
tr
|
|
{
|
|
th
|
|
{
|
|
width: 200px;
|
|
text-align: right;
|
|
}
|
|
}
|
|
}
|
|
|
|
#jobNonWarrantyInsurance
|
|
{
|
|
.tableDataDark;
|
|
|
|
tr
|
|
{
|
|
th
|
|
{
|
|
width: 200px;
|
|
text-align: right;
|
|
}
|
|
|
|
td
|
|
{
|
|
textarea
|
|
{
|
|
width: 400px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
#jobFlags
|
|
{
|
|
.tableDataDark;
|
|
|
|
tr
|
|
{
|
|
th
|
|
{
|
|
width: 200px;
|
|
text-align: right;
|
|
}
|
|
}
|
|
}
|
|
|
|
#warrantyJobForm
|
|
{
|
|
#warrantyDisclosedInformation
|
|
{
|
|
table
|
|
{
|
|
font-size: 0.9em;
|
|
|
|
tr:not(:last-child)
|
|
{
|
|
border-bottom: 1px dashed #aaa;
|
|
}
|
|
|
|
th
|
|
{
|
|
padding: 2px;
|
|
font-weight: bold;
|
|
width: 200px;
|
|
}
|
|
|
|
td
|
|
{
|
|
padding: 2px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
#warrantyJobFaultDescription
|
|
{
|
|
#FaultDescription
|
|
{
|
|
width: 600px;
|
|
height: 250px;
|
|
}
|
|
}
|
|
|
|
#createJob_Container
|
|
{
|
|
img.modelImage
|
|
{
|
|
width: 64px;
|
|
height: 64px;
|
|
}
|
|
|
|
.createJob_Component
|
|
{
|
|
margin: 0 10px;
|
|
padding: 5px 0;
|
|
border-bottom: 1px dashed #ccc;
|
|
}
|
|
|
|
.createJob_Component:last-child
|
|
{
|
|
border-bottom: none;
|
|
}
|
|
|
|
|
|
#createJob_Type
|
|
{
|
|
border: 1px solid #ccc;
|
|
background-color: @BackgroundColourGradient;
|
|
padding: 2px 4px;
|
|
}
|
|
|
|
#createJob_SubTypes
|
|
{
|
|
margin: -1px 0 0 35px;
|
|
border: 1px solid #ccc;
|
|
border-top: none;
|
|
padding: 2px 4px;
|
|
background-color: @BackgroundColourGradient;
|
|
|
|
.createJob_SubType
|
|
{
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
#createJob_Type li, #createJob_SubTypes li
|
|
{
|
|
margin: 2px 8px 2px 0;
|
|
padding: 0 0 0 4px;
|
|
}
|
|
|
|
#createJob_Type li.highlight, #createJob_SubTypes li.highlight
|
|
{
|
|
background-color: @HighlightColour;
|
|
font-weight: 600;
|
|
color: @black;
|
|
}
|
|
|
|
|
|
#createJob_CommentsContainer
|
|
{
|
|
#Comments
|
|
{
|
|
width: 100%;
|
|
min-width: 500px;
|
|
}
|
|
}
|
|
|
|
#createJob_QuickLogAutoCloseContainer
|
|
{
|
|
border: 1px solid #ccc;
|
|
background-color: @BackgroundColourGradient;
|
|
padding: 2px 4px;
|
|
|
|
h3
|
|
{
|
|
margin-bottom: 4px;
|
|
}
|
|
|
|
input
|
|
{
|
|
margin-left: 4px;
|
|
}
|
|
}
|
|
|
|
#createJob_QuickLogTaskTimeContainer
|
|
{
|
|
display: none;
|
|
margin: -1px 0 0 35px;
|
|
border: 1px solid #ccc;
|
|
border-top: none;
|
|
padding: 2px 4px;
|
|
background-color: @BackgroundColourGradient;
|
|
|
|
h3
|
|
{
|
|
margin-bottom: 4px;
|
|
}
|
|
|
|
label
|
|
{
|
|
margin-right: 20px;
|
|
}
|
|
|
|
#createJob_TaskTimeOtherMinutesContainer
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
#createJob_TaskTimeOtherMinutes
|
|
{
|
|
width: 50px;
|
|
}
|
|
}
|
|
}
|