Revela-Frontend/public/index.css
2024-02-29 13:51:12 -05:00

201 lines
No EOL
3.7 KiB
CSS

#rv-error {
color: #ff6666 !important;
white-space: pre-wrap;
}
#rv-error-code {
font-size: 12px;
color: #fff;
font-family: "Courier New", Courier, monospace;
}
#rv-register-sw {
color: white;
background: #555555;
cursor: pointer;
outline: none;
border: none;
border-radius: 6px;
padding: 16px 20px;
line-height: 16px;
display: none;
}
#rv-register-sw:active {
background: #333333;
}
#rv-register-sw.show {
display: block;
}
.search-bar input[type="text"] {
background: none;
font-family: inherit;
padding: 0px 17px;
height: 48px;
border: 1px solid rgba(255, 255, 255, 0.2);
color: var(--text-color);
border-radius: 3px;
outline: none;
width: 350px;
margin-top: 50px;
border-radius: 50px;
color: #fff;
transition: border-radius 0.1s;
}
.search-bar input[type="text"]:focus {
border: 1px solid rgba(253, 253, 253, 0.514);
border-radius: 6px;
}
.footer {
background: #111;
margin-top: auto;
width: 93%;
align-self: center;
height: 80px;
display: flex;
justify-content: center;
align-items: center;
}
.cloaker {
background: none;
font-family: inherit;
padding: 0px 17px;
height: 32px;
border: 1px solid rgb(255, 255, 255, 0.2);
color: var(--text-color);
border-radius: 3px;
outline: none;
width: 150px;
margin-top: 5px;
border-radius: 50px;
color: #fff;
transition: border-radius 0.1s;
margin-top: auto;
display: flex;
justify-content: center;
align-items: center;
display: inline-block;
position: relative;
}
.cloaker::before {
content: "";
position: absolute;
top: -5px;
right: -5px;
bottom: -5px;
left: -5px;
}
.games {
background: none;
font-family: inherit;
padding: 0px 17px;
height: 32px;
border: 1px solid rgb(255, 255, 255, 0.2);
color: var(--text-color);
border-radius: 3px;
outline: none;
width: 160px;
margin-top: 5px;
border-radius: 50px;
color: #fff;
transition: border-radius 0.1s;
margin-top: auto;
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.games::before {
content: "";
position: absolute;
top: -5px;
right: -5px;
bottom: -5px;
left: -5px;
}
.node {
background: none;
font-family: inherit;
padding: 0px 17px;
height: 32px;
border: 1px solid rgb(255, 255, 255, 0.2);
color: var(--text-color);
border-radius: 3px;
outline: none;
width: 165px;
margin-top: 5px;
border-radius: 50px;
color: #fff;
transition: border-radius 0.1s;
margin-top: auto;
display: flex;
align-items: center; /* Align the text and span vertically */
margin-bottom: 20px;
margin-right: 20px;
position: relative;
}
.node::before {
content: "";
position: absolute;
top: -5px;
right: -5px;
bottom: -5px;
left: -5px;
}
.node-id {
margin-left: 5px; /* Add margin between "Node ID:" and the ID */
}
.stats {
background: none;
font-family: inherit;
padding: 0px 17px;
height: 32px;
border: 1px solid rgb(255, 255, 255, 0.2);
color: var(--text-color);
border-radius: 3px;
outline: none;
width: 150px;
margin-top: 5px;
border-radius: 50px;
color: #fff;
transition: border-radius 0.1s;
margin-top: auto;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 20px;
}
.credits {
background: none;
font-family: inherit;
padding: 0px 17px;
height: 32px;
border: 1px solid rgb(255, 255, 255, 0.2);
color: var(--text-color);
border-radius: 3px;
outline: none;
width: 150px;
margin-top: 5px;
border-radius: 50px;
color: #fff;
transition: border-radius 0.1s;
margin-top: auto;
display: flex;
justify-content: center;
align-items: center;
margin-right: 20px; /* Add margin to the right side */
margin-bottom: 20px; /* Add margin to the bottom */
}