Pyng/static/style.css

123 lines
2.3 KiB
CSS
Raw Normal View History

2023-06-21 21:15:51 +00:00
body {
font-size: 13px;
font-weight: 300;
font-family: helvetica, arial, verdana, sans-serif;
text-align:center;
min-height: 100% !important;
2023-11-09 11:11:19 +00:00
background: white;
color: black;
2023-06-21 21:15:51 +00:00
}
::placeholder {
color:#D7D7D7;
}
.login {
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
width:300px;
height:400px;
padding:50px;
text-align:center;
margin:auto;
background-color:white;
}
button {
display: flex;
flex-direction: row;
align-items: center;
border-radius: 6px;
border: none;
width:100px;
background: Transparent;
box-shadow: 0px 0.5px 1px rgba(0, 0, 0, 0.1), inset 0px 0.5px 0.5px rgba(255, 255, 255, 0.5), 0px 0px 0px 0.5px rgba(0, 0, 0, 0.12);
cursor: pointer;
margin:auto;
padding: 5px 5px;
}
.space {
display: flex;
justify-content: space-between;
width: 100%;
margin: 0 auto;
padding: 20px 0;
}
span {
display: flex;
justify-content: space-between;
width: 100%;
margin: 0 auto;
padding: 5px 0;
}
.logout {
text-align: right;
width:100%;
text-decoration:none;
height:33px;
}
.logout a {
text-decoration: none;
}
.logout ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #454545;
position: -webkit-sticky; /* Safari */
position: sticky;
top: 0;
}
.logout li {
float: left;
}
.logout li a {
display: block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
.logout li a:hover {
background-color: #111;
}
.logout .active {
background-color: #BB8FCE;
}
#output {
2023-11-09 11:11:19 +00:00
// border-radius: 15px;
2023-06-21 21:15:51 +00:00
box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.1);
width: fit-content;
background-color:white;
color:black;
}
#output tr:nth-child(even){
background-color:#eeeeee;
}
td {
border-collapse: collapse;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 40px;
padding-right: 40px;
}
tr:not(:first-child):hover {
background-color: rgba(114, 114, 113, 0.2);
}
input {
2023-11-09 11:11:19 +00:00
padding: 15px;
2023-06-21 21:15:51 +00:00
font-size: 14px;
border-width: 0px;
border-color: #CCCCCC;
background-color: #FFFFFF;
2023-11-09 11:11:19 +00:00
color: #333;
2023-06-21 21:15:51 +00:00
border-style: solid;
2023-11-09 11:11:19 +00:00
border-radius: 5px;
box-shadow: 0px 0px 2px rgba(66,66,66,.75);
2023-06-21 21:15:51 +00:00
}