oi-metrology/Static/styles/site-server.css
2024-06-14 16:51:30 -07:00

134 lines
2.2 KiB
CSS

body {
padding-top: 50px;
padding-bottom: 20px;
background-color: #fafafa;
}
/* Set padding to keep content from hitting the edges */
.body-content {
padding-left: 15px;
padding-right: 15px;
}
/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
max-width: 280px;
}
div.modal-content-error {
background-color: #9e2525;
color: #ffffff;
}
div.modal-content-success {
background-color: #e5fbe5;
color: #000000;
}
div.modal-content-info {
background-color: #5bc0de;
color: #000000;
}
div.modal-content-warning {
background-color: yellow;
color: #000000;
}
.changes-highlight {
background-color: yellow;
}
.k-alt .changes-highlight {
background-color: #f0f050;
}
.button-highlight {
background-color: yellow !important;
}
.history-deleted {
background-color: #ffdddd;
}
.k-alt.history-deleted {
background-color: #eecccc !important;
}
.error-highlight {
color: red;
font-weight: bold;
}
.checkbox-container {
max-height: 200px;
overflow: auto;
}
.test-database {
background-color: red !important;
}
.prod-database {
background-color: #478f7c !important;
}
.test-database .navbar-brand,
.test-database .navbar-text,
.test-database .navbar-nav > li > a {
color: white;
}
.test-database .navbar-nav > li > a:hover,
.test-database .navbar-nav > li > a:focus {
color: black !important;
}
.test-database-text {
font-weight: bold;
font-size: 20px;
line-height: 20px;
}
.navbar {
border-bottom-color: black;
background-color: white;
}
.navbar-nav > li > a {
font-weight: bold;
}
.icon-bar {
background-color: black;
}
@media screen and (min-width: 1024px) {
.modal-dialog {
right: auto;
left: 50%;
width: 768px;
padding-top: 30px;
padding-bottom: 30px;
}
.modal-content {
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
}
@media screen and (min-width: 1368px) {
.modal-dialog {
right: auto;
left: 50%;
width: 1280px;
padding-top: 30px;
padding-bottom: 30px;
}
.modal-content {
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
}