cdanesi
83ac9e687c
fixed right margin on bottom buttons changed font size and padding on all buttons to make them look nicer added coloring on 'view contract' and 'issue for evaluation' buttons fixed spacing between overlapping buttons on search page
126 lines
2.3 KiB
CSS
126 lines
2.3 KiB
CSS
/*
|
|
|
|
TODO float buttons on bottom of RO
|
|
TODO float location entry on RO (sidebar?)
|
|
TODO style individual buttons
|
|
TODO options page
|
|
- move parts list buttons top or bottom
|
|
- color themes?
|
|
BUG close button on photo pages is styled along with the btnCancel
|
|
HACK display tiny images next to parts list?
|
|
TODO shrink navbar/header/location on scroll
|
|
TODO fancy button animations
|
|
*/
|
|
|
|
@import url("https://fonts.googleapis.com/css2?family=Roboto&display=swap");
|
|
|
|
:root {
|
|
--white: #f4f4f9;
|
|
--darkgray: #696969;
|
|
--lightgray: #857f74;
|
|
--darkblue: #0f2137;
|
|
--lightblue: #0ebbfe;
|
|
--green: #c1d830;
|
|
--darkgreen: #103900;
|
|
--black: #000;
|
|
}
|
|
|
|
/* General Styles */
|
|
|
|
/* Buttons */
|
|
|
|
input[type="button"] {
|
|
font-family: Roboto, sans-serif;
|
|
background-color: var(--darkgray);
|
|
color: var(--white);
|
|
border-radius: 5px;
|
|
padding: 0.55em 1.25em;
|
|
text-decoration: none;
|
|
font-size: 0.9em;
|
|
cursor: pointer;
|
|
border: none;
|
|
transition: color 250ms ease-in, background-color 250ms ease-in;
|
|
}
|
|
|
|
input[type="button"]:hover {
|
|
background-color: var(--lightgray);
|
|
}
|
|
|
|
input[type="button"]:disabled {
|
|
opacity: 0.3;
|
|
cursor: default;
|
|
}
|
|
|
|
input[name="btnCancel"] + input[name="btnSave"] {
|
|
position: fixed;
|
|
bottom: 20px;
|
|
right: 20px;
|
|
}
|
|
|
|
input[name="btnCancel"] {
|
|
background-color: lightcoral;
|
|
color: var(--white);
|
|
position: fixed;
|
|
bottom: 20px;
|
|
right: 90px;
|
|
}
|
|
|
|
input[id="btnSubmitForApproval"]:hover {
|
|
background-color: var(--darkblue);
|
|
color: var(--lightblue);
|
|
}
|
|
|
|
input[value="Mark Complete"]:hover {
|
|
background-color: var(--green);
|
|
color: var(--darkgray);
|
|
/*font-weight: bolder;*/
|
|
}
|
|
|
|
input[name="btnParts"] {
|
|
margin: 0;
|
|
padding: 0 1em;
|
|
}
|
|
|
|
input[name="btnIssue4Eval"] {
|
|
background-color: var(--darkgreen);
|
|
color: var(--lightgray);
|
|
}
|
|
|
|
input[name="btnContract"] {
|
|
padding: .3em 0;
|
|
background-color: var(--green);
|
|
color: var(--darkgray);
|
|
}
|
|
|
|
input[name="btnExpandRepairHistory"] {
|
|
padding: 0.25em 0;
|
|
}
|
|
|
|
input[name="btnRepairCodes"] {
|
|
padding: 0.5em 0;
|
|
font-size: 1em;
|
|
}
|
|
|
|
input[value="Exit"] {
|
|
margin-right: 8px;
|
|
}
|
|
|
|
input[value="View Repair"] {
|
|
margin-bottom: 2px;
|
|
}
|
|
|
|
input[value="View Repair"],
|
|
input[value="Remove Repair"] {
|
|
padding: 4px 0;
|
|
}
|
|
|
|
/* Images */
|
|
|
|
img[id="Img1"],
|
|
img[id="Img2"] {
|
|
position: absolute;
|
|
content: url("https://upload.wikimedia.org/wikipedia/commons/thumb/9/9e/Plus_symbol.svg/500px-Plus_symbol.svg.png");
|
|
width: 20px;
|
|
height: 20px;
|
|
}
|