Vincent/reap-simulator-vincent
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

move to src for deploy

Browse Source
This commit is contained in:
Vincent BOUQUET
2025-04-12 21:50:58 +02:00
parent c7fbc0f50c
commit 238dec4050
25 changed files with 13 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

465
src/files/layout.css Normal file
View File

@@ -0,0 +1,465 @@
body {
margin-top: 75px
}
a {
outline: 0
}
nav.navbar {
margin-top: 20px
}
.navbar-brand {
font-size: 1.2rem
}
.navbar-brand img {
height: 1.6rem;
padding-right: 1rem
}
.navbar-toggler {
font-size: 1rem
}
.navbar-dark .navbar-toggler {
border: 0
}
.device-label {
color: #0070af;
background: #22262a;
font-weight: bold
}
.container-fluid.in {
padding-top: 1.6rem;
padding-bottom: 1rem
}
h1 {
font-size: 1.7rem;
margin-bottom: 1rem
}
h2 {
font-size: 1.3rem
}
h2 a.cfg {
display: inline-block;
float: right;
cursor: pointer
}
h2 a.cfg img {
height: 21px
}
.box-c {
margin-bottom: 30px
}
.box-c h2 {
background-color: #0070af;
color: #fff;
font-size: 1.4rem;
padding: .3rem .5rem;
margin-bottom: 0
}
.box-c.log h2 {
background-color: #555;
color: #fff;
font-size: 1.2rem
}
.box-c h2.err {
background-color: #dc3545;
transition: background-color ease 600ms
}
.box-c h3,
.modal-content h3 {
color: #0070af;
font-size: 1.2rem;
padding: .3rem 0rem;
margin-bottom: .1rem
}
.box-c h3 div.fall {
font-weight: normal;
display: inline-block;
padding-left: 1rem;
font-size: 1rem
}
.box {
padding: .6rem;
margin-top: 0;
background: #ddd
}
.box p {
margin-bottom: 0;
text-align: right
}
.group {
list-style-type: none;
list-style-position: inside;
padding: 0;
margin-bottom: 0;
display: inline-block
}
.group li {
font-weight: normal;
color: #212529
}
.group.vals {
float: right
}
.group.vals div {
display: inline-block
}
.group.vals li {
padding: .0rem .0rem;
font-weight: bold;
color: #0070af
}
.group.vals li.err {
color: red
}
.modal-content {
border-radius: 0
}
.modal-header {
background-color: #0070af;
color: #fff;
border-radius: 0;
padding: .6rem 1rem
}
.modal-header img {
height: 25px;
margin-top: 3px;
margin-right: 10px
}
.modal-header img.loader {
-webkit-animation: rotation 1400ms infinite linear;
animation: rotation 1400ms infinite linear
}
@-webkit-keyframes rotation {
from {
-webkit-transform: rotate(0)
}
to {
-webkit-transform: rotate(359deg)
}
}
.modal-header.err,
.modal-header.suc {
background-color: #dc3545;
transition: background-color ease 600ms
}
.modal-header.suc {
background-color: #28a745
}
.form-group>label,
.form-group>legend,
.form-row div:first-child label {
font-weight: bold
}
.mt06 {
margin-top: .6rem
}
.mr06 {
margin-right: .6rem
}
.pl03 {
padding-left: .4rem
}
.btn-pm {
padding: 0rem .3rem
}
.btn-pm i {
padding: 3px;
display: block;
border: solid #fff;
border-width: 0 3px 3px 0;
transform: rotate(45deg);
transition: transform .3s ease;
margin: 4px 0 5px 0
}
.btn-pm i.blue {
border: solid #0070af;
border-width: 0 4px 4px 0;
margin: 7px 0 6px 0
}
.btn-pm img {
width: 12px;
transform: rotate(-90deg);
transition: transform .3s ease
}
.btn-pm.op i {
transform: rotate(-135deg)
}
h2 .btn-pm {
padding: 0rem .45rem;
background-color: #fff;
border-color: #eee
}
h2 .btn-pm:hover,
h2 .btn-pm:focus {
background-color: #ccc
}
.nlb {
font-size: 1.8rem;
line-height: .7;
padding: .26rem .35rem
}
.device-label.serr {
background-color: #dc3545;
color: #fff
}
.device-label.stou {
background-color: #fc0;
color: #333
}
tr.err {
background-color: #dc9ca3
}
tr.na {
background-color: #fc0
}
@keyframes ert {
0 {
background-color: #22262a;
color: #0070af
}
30% {
background-color: #dc3545;
color: #fff
}
100% {
background-color: #22262a;
color: #0070af
}
}
@keyframes ctout {
0 {
background-color: #22262a;
color: #0070af
}
30% {
background-color: #f90;
color: #fff
}
100% {
background-color: #22262a;
color: #0070af
}
}
.dn {
display: none
}
.btn-group-sm>.btn,
.btn-sm {
padding: 0rem .5rem
}
.derr {
font-weight: bold
}
.dmax {
background-color: #e0be58
}
.rdmi {
height: 27px;
padding: 6px 2px
}
.rdmi.a {
background-color: #dc3545
}
th i {
border: solid black;
border-width: 0 3px 3px 0;
display: inline-block;
padding: 4px;
transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
margin: 0 4px;
cursor: pointer
}
.ab {
transform: rotate(45deg);
-webkit-transform: rotate(45deg)
}
.as {
border-color: #dc3545;
border-width: 0 4px 4px 0
}
.pt02 {
padding-top: .2rem
}
.pl04 {
padding-left: .4rem
}
.loader {
border: 5px solid #0069d9;
border-radius: 50%;
border-top: 5px solid #fff;
width: 20px;
height: 20px;
-webkit-animation: spin 1s linear infinite;
animation: spin 1s linear infinite;
float: left;
margin: .1rem .5rem 0 0
}
@-webkit-keyframes spin {
0 {
-webkit-transform: rotate(0)
}
100% {
-webkit-transform: rotate(360deg)
}
}
@keyframes spin {
0 {
transform: rotate(0)
}
100% {
transform: rotate(360deg)
}
}
.prst {
padding: 14px
}
.prst span {
display: block;
padding-bottom: 12px
}
.ptok,
.ptf {
font-size: 50px;
font-weight: bold;
color: #28a745
}
.ptf {
color: red
}
.fl {
float: left
}
.fr {
float: right
}
.rains {
clear: both;
background: #000;
height: 30px;
margin-bottom: .5rem;
padding-right: 4px
}
.rains.sl {
height: 28px;
margin-bottom: 0
}
.rains>div {
background-color: #f70;
height: 100%;
width: 0;
padding-left: 4px
}
.myd {
background-color: #007bff;
color: #fff
}
.myd.na {
color: #000
}
.dchb {
display: inline-block;
padding-right: 1rem
}
.dchb>label {
padding-left: .3rem
}
.esm {
margin-top: .4rem;
margin-bottom: 1.4rem
}
#d-t th,
#d-t td {
text-align: center
}
#d-t th:first-child,
#d-t td:first-child {
text-align: left
}