mirror of
https://github.com/ION606/selmer-bot-website.git
synced 2026-05-14 22:16:54 +00:00
Moved CSS from HTML to CSS files
This commit is contained in:
ION606
+2
-263
@@ -19,273 +19,12 @@
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Cinzel&family=Rajdhani:wght@300&family=Rouge+Script&family=Share+Tech+Mono&display=swap" rel="stylesheet">
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="/CSS/cal.css">
|
||||
</span>
|
||||
|
||||
<title>Selmer Bot Web Dashboard</title>
|
||||
|
||||
|
||||
<style>
|
||||
html { width:100%; height:100%; margin:0; padding:0; }
|
||||
|
||||
body {
|
||||
/* background-color: rgb(4, 4, 85); */
|
||||
background-color: rgb(41, 42, 48);
|
||||
width:100%; height:100%; margin:0; padding:0;
|
||||
}
|
||||
|
||||
/* .dropdown a:hover { background-color: #ddd; } */
|
||||
|
||||
.show { display: block; }
|
||||
|
||||
.hide { display: none; }
|
||||
|
||||
.loadingscreen {
|
||||
height: 90vh;
|
||||
background-color: bisque;
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
background-color: rgb(0, 0, 0);
|
||||
/* height: 50px;
|
||||
border-width: 1px;
|
||||
border-style: double; */
|
||||
}
|
||||
|
||||
.navbar .nav-item {
|
||||
margin-right: 25px;
|
||||
margin-left: 25px;
|
||||
}
|
||||
|
||||
#right {
|
||||
float: right;
|
||||
margin-right: 50px;
|
||||
}
|
||||
|
||||
.box {
|
||||
font-size: 20px;
|
||||
height: 40px;
|
||||
width: auto;
|
||||
margin-bottom: 15px;
|
||||
padding: 3px;
|
||||
border: 1px solid black;
|
||||
clear: both;
|
||||
align-content: center;
|
||||
margin-right: 30px;
|
||||
margin-left: 30px;
|
||||
}
|
||||
|
||||
.statusdiv {
|
||||
border-style: dashed;
|
||||
border-color: rgb(247, 189, 0);
|
||||
width: 140px;
|
||||
height: 120px;
|
||||
margin-top: 20px;
|
||||
float: right;
|
||||
margin-right: 50px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.saved {
|
||||
background-color: rgb(11, 184, 11);
|
||||
}
|
||||
.saving {
|
||||
background-color: orange;
|
||||
}
|
||||
.failed {
|
||||
background-color: red;
|
||||
}
|
||||
|
||||
|
||||
.buttonsmainbar {
|
||||
background-color: green;
|
||||
width: 200px;
|
||||
height: 60px;
|
||||
}
|
||||
|
||||
.btnmain {
|
||||
background-color: rgb(0, 0, 0);
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
background-color: #42424b;
|
||||
width: 11%;
|
||||
position: fixed;
|
||||
top: 75px;
|
||||
bottom: 0;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
border: 0px;
|
||||
border-right: 2px;
|
||||
border-color: black;
|
||||
border-style: solid;
|
||||
}
|
||||
|
||||
.wc {
|
||||
align-content: center;
|
||||
align-self: center;
|
||||
color: white;
|
||||
font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
|
||||
.lg {
|
||||
align-content: center;
|
||||
align-self: center;
|
||||
color: white;
|
||||
font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
|
||||
.form-select {
|
||||
width: 200px;
|
||||
background-color:rgb(187, 183, 183);
|
||||
border-color: #000000;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
<!-- Buttons -->
|
||||
<style>
|
||||
.jumpButton {
|
||||
/* color: #ffffff; */
|
||||
font-size: 15px;
|
||||
border: 1px solid #000000;
|
||||
width: 200px;
|
||||
height: 40px;
|
||||
cursor: pointer;
|
||||
align-self: center;
|
||||
background-color: rgb(2, 2, 192);
|
||||
}
|
||||
.jumpButton:hover {
|
||||
color: #2d63c8;
|
||||
/* background-color: #ffffff; */
|
||||
}
|
||||
|
||||
/* SUBMIT BUTTON START */
|
||||
.submitButton{
|
||||
position: relative;
|
||||
background-color: black;
|
||||
border-radius: 4em;
|
||||
font-size: 16px;
|
||||
color: white;
|
||||
padding: 0.8em 1.8em;
|
||||
cursor:pointer;
|
||||
user-select:none;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
transition-duration: 0.4s;
|
||||
-webkit-transition-duration: 0.4s; /* Safari */
|
||||
}
|
||||
|
||||
.submitButton:hover {
|
||||
transition-duration: 0.1s;
|
||||
background-color: #3A3A3A;
|
||||
}
|
||||
|
||||
.submitButton:after {
|
||||
content: "";
|
||||
display: block;
|
||||
position: absolute;
|
||||
border-radius: 4em;
|
||||
left: 0;
|
||||
top:0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
opacity: 0;
|
||||
transition: all 0.5s;
|
||||
box-shadow: 0 0 10px 40px white;
|
||||
}
|
||||
|
||||
.submitButton:active:after {
|
||||
box-shadow: 0 0 0 0 white;
|
||||
position: absolute;
|
||||
border-radius: 4em;
|
||||
left: 0;
|
||||
top:0;
|
||||
opacity: 1;
|
||||
transition: 0s;
|
||||
}
|
||||
|
||||
.submitButton:active {
|
||||
top: 1px;
|
||||
}
|
||||
/* SUBMIT BUTTON END */
|
||||
|
||||
.logoutbtn {
|
||||
margin-top: 14px;
|
||||
scale: 1.4;
|
||||
}
|
||||
|
||||
.logoutbtn:hover {
|
||||
cursor: pointer;
|
||||
color: red;
|
||||
}
|
||||
|
||||
#sevradio br {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.btnside {
|
||||
color: #ffffff;
|
||||
background-color: #42424b;
|
||||
font-size: 19px;
|
||||
/* border: 2px solid #000000; */
|
||||
outline: none;
|
||||
border: none;
|
||||
width: 100%;
|
||||
height: 50px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.btnside:hover {
|
||||
color: #ffffff;
|
||||
background-color: #377aea;
|
||||
}
|
||||
|
||||
|
||||
.helpbtn {
|
||||
margin-top: 30px;
|
||||
margin-bottom: 30px;
|
||||
font-size: 20px;
|
||||
align-self: right;
|
||||
padding: 0px;
|
||||
border-radius: 50%;
|
||||
border-style: solid;
|
||||
}
|
||||
|
||||
|
||||
.calbtn {
|
||||
width: 100px;
|
||||
height: 70px;
|
||||
}
|
||||
|
||||
.green {
|
||||
background-color: rgb(6, 185, 6);
|
||||
}
|
||||
|
||||
.red {
|
||||
background-color: rgb(129, 129, 129);
|
||||
}
|
||||
|
||||
.uploadLabel {
|
||||
border: 1px solid #ccc;
|
||||
display: inline-block;
|
||||
padding: 7px 15px;
|
||||
cursor: pointer;
|
||||
border-radius: 5px;
|
||||
background-color: rgb(13, 179, 179);
|
||||
scale: 1.5;
|
||||
margin-top: 50px;
|
||||
}
|
||||
|
||||
.uploadButton {
|
||||
display: none;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
<!-- Calendar -->
|
||||
<script>
|
||||
async function openNewCalWindow(evjs, day) {
|
||||
|
||||
Reference in New Issue
Block a user