144 lines
2.4 KiB
CSS
144 lines
2.4 KiB
CSS
|
body {
|
||
|
|
min-height: 100vh;
|
||
|
|
margin: 0;
|
||
|
|
word-break: break-word;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
background-color: darkslategrey;
|
||
|
|
}
|
||
|
|
.dash-full-box{
|
||
|
|
display: grid; /*or BLOCK BUT GRID IS BEST...*/
|
||
|
|
position: relative;
|
||
|
|
border-radius: 10px;
|
||
|
|
min-height: 50px;
|
||
|
|
height: max-content;
|
||
|
|
padding: 10px;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
#green{
|
||
|
|
background-color: limegreen;
|
||
|
|
}
|
||
|
|
#red{
|
||
|
|
background-color: rgb(197, 23, 23);
|
||
|
|
}
|
||
|
|
#blue{
|
||
|
|
background-color: slateblue;
|
||
|
|
}
|
||
|
|
#yellow{
|
||
|
|
background-color: rgb(191, 191, 19);
|
||
|
|
}
|
||
|
|
#orange{
|
||
|
|
background-color: darkorange;
|
||
|
|
}
|
||
|
|
#withdrawalbutton{
|
||
|
|
display:table-row;
|
||
|
|
height: 100px;
|
||
|
|
width: 50%;
|
||
|
|
color: white;
|
||
|
|
background: repeating-linear-gradient(
|
||
|
|
45deg,
|
||
|
|
darkorange,
|
||
|
|
darkorange 10px,
|
||
|
|
red 10px,
|
||
|
|
red 20px
|
||
|
|
);
|
||
|
|
}
|
||
|
|
#withdrawalbutton:hover{
|
||
|
|
background: repeating-linear-gradient(
|
||
|
|
45deg,
|
||
|
|
red,
|
||
|
|
red 10px,
|
||
|
|
darkorange 10px,
|
||
|
|
darkorange 20px
|
||
|
|
);
|
||
|
|
}
|
||
|
|
button{
|
||
|
|
border-radius: 5px;
|
||
|
|
padding: 5px;
|
||
|
|
min-height: 10px;
|
||
|
|
border: 0px;
|
||
|
|
}
|
||
|
|
.fullcentered{
|
||
|
|
text-align:center;
|
||
|
|
margin: 0;
|
||
|
|
position: relative;
|
||
|
|
top: 50%;
|
||
|
|
left: 50%;
|
||
|
|
-ms-transform: translate(-50%, -50%);
|
||
|
|
transform: translate(-50%, -50%);
|
||
|
|
}
|
||
|
|
.dash-title{
|
||
|
|
text-decoration: underline;
|
||
|
|
font-size: large;
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
header{
|
||
|
|
margin:0;
|
||
|
|
background-color: slateblue;
|
||
|
|
color: white;
|
||
|
|
padding-bottom: 2px;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
.headerelement{
|
||
|
|
text-decoration: none;
|
||
|
|
float:left;
|
||
|
|
display:block;
|
||
|
|
text-align:center;
|
||
|
|
padding:14px 16px;
|
||
|
|
font-size: 17px
|
||
|
|
}
|
||
|
|
#connectedas{
|
||
|
|
float: right;
|
||
|
|
}
|
||
|
|
footer{
|
||
|
|
padding-top: 5px;
|
||
|
|
padding-bottom: 5px;
|
||
|
|
margin-top: auto;
|
||
|
|
display: flex ;
|
||
|
|
text-align: center;
|
||
|
|
width: 100%;
|
||
|
|
left: 0;
|
||
|
|
background-color:slateblue ;
|
||
|
|
color: white;
|
||
|
|
}
|
||
|
|
footer *{
|
||
|
|
text-decoration: none;
|
||
|
|
display:block;
|
||
|
|
text-align:center;
|
||
|
|
padding:14px 16px;
|
||
|
|
font-size: 17px;
|
||
|
|
color: white;
|
||
|
|
}
|
||
|
|
footer a:hover{
|
||
|
|
color: darkgray;
|
||
|
|
}
|
||
|
|
.footerleft{
|
||
|
|
height: 100%;
|
||
|
|
left:0;
|
||
|
|
width:50%;
|
||
|
|
}
|
||
|
|
.footerright{
|
||
|
|
height: 100%;
|
||
|
|
right:0;
|
||
|
|
width:50%
|
||
|
|
}
|
||
|
|
table, th, td{
|
||
|
|
border:solid 2px black
|
||
|
|
}
|
||
|
|
table{
|
||
|
|
width:100%
|
||
|
|
}
|
||
|
|
.tablecontainer{
|
||
|
|
overflow: auto;
|
||
|
|
max-height: 200px;
|
||
|
|
}
|
||
|
|
#logindiv{
|
||
|
|
text-align:center;
|
||
|
|
margin: 0;
|
||
|
|
position: absolute;
|
||
|
|
top: 50%;
|
||
|
|
left: 50%;
|
||
|
|
-ms-transform: translate(-50%, -50%);
|
||
|
|
transform: translate(-50%, -50%);
|
||
|
|
}
|