A set of styles designs to improve the look and feel of the Kane International Service system, especially on lower resolution displays.
www.kaneservice.co.uk by anubeon
Details
Authoranubeon
LicenseNo License
Categorywww.kaneservice.co.uk
Created
Updated
Code size8.4 kB
Code checksum1235db0e
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
/* ==UserStyle==
@name www.kaneservice.co.uk
@version 20240830.10.10
@namespace https://userstyles.world/user/anubeon
@description A set of styles designs to improve the look and feel of the Kane International Service system, especially on lower resolution displays.
@author anubeon
@license No License
==/UserStyle== */
@-moz-document domain("www.kaneservice.co.uk") {
/*** Rules for any page hosted on the Kane Service domain ***/
/** Global **/
body {
--sidebar-width: 220px;
--sidebar-colapse-width: 70px;
/*font: calibra !important;*/
font-size: 1.1em !important;
}
/** Added to Hide Whitespace Only Options in Warranty Dropdowns **/
/** option:-moz-only-whitespace {
display: none;
}
option:empty {
display: none;
} **/
/** Header **/
nav.navbar.navbar-static-top {
position: fixed !important;
top: 0px !important;
left: var(--sidebar-width) !important;
width: calc(100% - var(--sidebar-width)) !important;
}
.mini-navbar nav.navbar.navbar-static-top {
left: var(--sidebar-colapse-width) !important;
width: calc(100% - var(--sidebar-colapse-width)) !important;
}
div.dashboard-header {
position: relative !important;
top: 60px !important;
margin-bottom: 60px !Important;
}
/* experiments with sidebar colapse */
nav.navbar-static-side {
width: var(--sidebar-width) !important;
}
.mini-navbar nav.navbar-static-side {
width: var(--sidebar-colapse-width) !important;
}
/** Sidebar **/
div.sidebar-collapse {
position: fixed !important;
top: 0px !important;
left: 0px !important;
width: inherit !important; /* important: necessary for sizing of sidebar */
height: 100vH !important; /* important: necessary for over-flow scroll */
/*font: calibra !important;*/
font-size: 1.2em !important;
overflow-y: auto !important;
scrollbar-color: rgb(24, 166, 137) rgb(47, 64, 80) !important; /* scrollbar styling */
scrollbar-width: thin !important; /* scrollbar styling */
}
/** Content **/
div.btn-group {
width: 100px !important;
}
button.btn.btn-xs.btn-info,
button.btn.btn-xs.btn-info.dropdown-toggle {
font-size: 10px !important;
}
/** Modal Dialogues **/
div.modal-dialog {
position: fixed !important;
left: var(--sidebar-width) !important;
width: calc(100% - 80px - var(--sidebar-width)) !important;
height: 600px !important;
margin: 40px !important;
}
.mini-navbar div.modal-dialog {
left: var(--sidebar-colapse-width) !important;
width: calc(100% - 80px - var(--sidebar-colapse-width)) !important;
}
/** iframe#showreportframe,
iframe#showcertificateframe,
iframe#showcertificateframe2,
iframe#certlabelframe,
iframe#showautocertframe1,
iframe#showautocertframe2,
iframe#autocertlabelframe,
iframe#quoteframe,
iframe#internaliframe,
iframe#customeriframe, **/
iframe:not(#pagehacker-iframe):not(#foxclocks-statusbar-iframe) {
position: relative !important;
height: 55vh !important;
width: 100% !important;
margin: auto !important;
border: 2px solid grey !important;
}
iframe#certlabelframe,
iframe#autocertlabelframe,
iframe#bookinlabelframe {
border: 0px !important;
}
/** Footer **/
div.footer {
position: fixed !important;
bottom: 0px !important;
left: var(--sidebar-width) !important;
}
.mini-navbar div.footer {
left: var(--sidebar-colapse-width) !important;
}
/** Certificate & Test Reports **/
/* a[id*='certa']:not(.pull-right),
a[id*='certb']:not(.pull-right){
display: none !important;
} Hides HTML certs buttons excluding add certificate button */
/* a[id^='rep']:not(.pull-right) {
display: none !important;
} /* Hides HTML test report buttons excluding add report button */
/*** Userscripts & Addons ***/
/** Markdown Converter Button **/
div.col-lg-10 button#submitmessage {
margin-left: auto !important;
margin-right: -165px !important;
margin-top: 10px !important;
}
div.col-lg-10 button#togglemarkdown {
margin-left: 165px !important;
margin-right: auto !important;
margin-top: 10px !important;
}
}
@-moz-document url-prefix("https://www.kaneservice.co.uk/serviceandcalibration") {
/** Certificate & Test Reports **/
/* a[id*='certa']:not(.pull-right),
a[id*='certb']:not(.pull-right){
display: none !important;
} Hides HTML certs buttons excluding add certificate button */
/* a[id^='rep']:not(.pull-right) {
display: none !important;
} Hides HTML test report buttons excluding add report button */
}
@-moz-document url-prefix("https://www.kaneservice.co.uk/quotejob") {
/*** Quote Screen ***/
@media (max-width: 1400px) {
div.col-lg-6 {
border: none !important;
width: 100% !important; /* fixes issue with overflows on small screens by making both 'boxes' full width */
}
div#selectparts {
max-height: 240px !important;
overflow-y: scroll !important; /* makes interface useable by limiting height of part selection box and enabling verticle scoll */
}
/* div.row > div.col-sm-12 {
position: fixed !important;
bottom: 0px !important;} */
}
}
@-moz-document url-prefix("https://www.kaneservice.co.uk/print/") {
/*** Rules for print previews and print media ***/
@media screen {
html, body {
position: relative !important;
width: 100% !important;
}
html {
--var-scale: 0.9 !important;
display: table !important;
margin: auto !important;
zoom: var(--var-scale) !important;
-ms-zoom: var(--var-scale) !important;
-webkit-zoom: var(--var-scale) !important;
-moz-transform: scale(var(--var-scale),var(--var-scale)) !important;
-moz-transform-origin: left top !important;
}
/*body {
display: inline-block !important;
vertical-align: middle !important;
padding: 30px 40px !important;
margin: auto !important;
}*/
table {
margin: 0 auto !important;
}
#labelImage[src] {
width: 50% !important;
border: 2px solid #202020 !important;
border-radius: 20px !important;
}
}
#labelImage:not([src]) {
width: 100% !important;
color: red !important;
}
@media print {
body {
width: 210mm !important;
height: 296mm !important;
padding: 10mm !important;
}
}
}
@-moz-document url-prefix("https://www.kaneservice.co.uk/quotejob/viewjob/comms/jobid") {
/** Message System **/
div.col-lg-4.b-r {
border: none !important;
width: calc(100% - 80px) !important;
}
textarea#messagebody {
min-height: 240px !important;
}
div.col-lg-10 {
display: flex !important;
flex-direction: row !important;
justify-content: flex-start !important;
break-before: always !important;
}
div.col-lg-10 label.radio {
margin-right: 20px !important;
}
div.col-lg-10 button#submitmessage {
margin-left: 105% !important
}
div.col-lg-8 {
border: none !important;
width: calc(100% - 40px) !important;
}
}
@-moz-document url-prefix("https://www.kaneservice.co.uk/quotejob/viewjob/index/jobid/") {
/** RMA Page **/
a[href*="closejob"],
small {
display: none !important;
} /* hides 'Close Job' button and <small> text causing issues with Dispatch button overflow */
a.btn.btn-xs.btn-primary ~ a.btn.btn-xs.btn-primary.btn-outline.pull-right.despatch {
display: none !important;
} /* hides the despatch button if there is already a despatch note present by using the general sibling selector */
}