discord_bot_mgmt/frontend/public/css/main.css

147 lines
No EOL
2.1 KiB
CSS

body {
background-color: #262626;
color: #dedede;
font-size: 40px;
font-family: "Verdana, Geneva, Tahoma, sans-serif";
display: flex;
flex-direction: column;
min-height: 100vh;
min-height: 100svh;
}
ul {
list-style-type: none;
}
a {
color: #dedede;
}
a:visited {
color: #dedede;
}
#nav {
position: fixed;
bottom: 20px;
text-align: center;
width: 100%;
}
#incorrect-login{
color: #862121;
font-size: 25px;
}
#check01, .dropdown-submenu {
display: none;
}
.dropdown-label {
font-size: 20px;
display: inherit;
cursor: pointer;
background: #6a6a6a;
width: 100px;
color: white;
padding: 10px;
font-weight: bolder;
position: absolute;
border-radius: 12px;
border: 2px solid #c8c8c8;
justify-content: center;
}
#check01:checked~.dropdown-submenu {
display: inherit;
flex-direction: column;
position: inherit;
align-items: center;
justify-content: center;
padding: 10px 0px 0px 0px;
/* outline: 2px solid #c8c8c8; */
margin-top: 55px;
}
.dropdown-submenu > a {
border: 1px solid #444;
border-radius: 51px;
width: 117%;
padding: 0px;
margin: 1px 1px 1px 1px 1px;
background-color: #717171;
}
.dropdown-submenu > a {
text-decoration-line: none;
}
.user-dropdown {
display: flex;
top: 10px;
right: 250px;
position: absolute;
user-select: none;
}
#bot {
width: 1200px;
border: 3px solid #444;
display: flex;
justify-content: center;
align-items: center;
height: 600px;
position: absolute;
margin-top: 35px;
top: 160px;
width: 62%;
padding: 0px;
}
#bot-log {
border: 3px solid #444;
display: flex;
position: relative;
width: 85%;
flex-direction: column;
height: 85%;
}
#bot-log > p {
font-size: 17px;
margin: 0px 0px 0px 7px;
}
#main-content {
justify-content: center;
display: flex;
}
#bot-buttons {
display: inherit;
position: relative;
align-self: flex-start;
margin-top: 3%;
flex-direction: column;
margin-left: 40px;
}
#bot-buttons > button {
margin-top: 3px;
border-radius: 20px;
background-color: #6a6a6a;
color: #ececec;
border-color: #828282;
}
.dashboard {
text-align: center;
}