implemented spaces, fixed login and signup, thought creation and space creation.
This commit is contained in:
+6
-345
@@ -14,167 +14,11 @@ body {
|
||||
padding-bottom: 50px;
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
p,
|
||||
small,
|
||||
label,
|
||||
input,
|
||||
input:-webkit-autofill,
|
||||
input:-webkit-autofill:hover,
|
||||
input:-webkit-autofill:focus,
|
||||
textarea,
|
||||
a,
|
||||
.modal_button,
|
||||
th,
|
||||
td,
|
||||
li,
|
||||
select,
|
||||
option,
|
||||
span {
|
||||
font-family: "Hack Nerd Font Mono", Hack, sans-serif;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 3vw;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 2.5vw;
|
||||
}
|
||||
|
||||
h3,
|
||||
h3 a {
|
||||
font-size: 2vw;
|
||||
}
|
||||
|
||||
h4,
|
||||
h4 a {
|
||||
font-size: 1.75vw;
|
||||
}
|
||||
|
||||
h5,
|
||||
h5 a {
|
||||
font-size: 1.5vw;
|
||||
}
|
||||
|
||||
h6,
|
||||
h6 a {
|
||||
font-size: 1.25vw;
|
||||
}
|
||||
|
||||
p,
|
||||
a,
|
||||
label,
|
||||
li,
|
||||
.modal_button,
|
||||
.button,
|
||||
span {
|
||||
font-size: 1vw;
|
||||
}
|
||||
|
||||
p {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
small {
|
||||
font-size: 0.75vw;
|
||||
}
|
||||
|
||||
a,
|
||||
.modal_button {
|
||||
color: orange;
|
||||
transition-duration: 1s;
|
||||
}
|
||||
|
||||
a {
|
||||
-webkit-tap-highlight-color: transparent !important;
|
||||
outline: none !important;
|
||||
}
|
||||
|
||||
a.fill_div {
|
||||
display: block;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
nav {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
position: sticky;
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
backdrop-filter: blur(50px);
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
nav ul {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
nav ul li {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
nav ul li a {
|
||||
font-size: 2vw;
|
||||
font-weight: 800;
|
||||
|
||||
text-decoration: none;
|
||||
display: block;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
padding: 15px;
|
||||
|
||||
transition-duration: 500ms;
|
||||
}
|
||||
|
||||
nav ul li a:hover {
|
||||
color: orange;
|
||||
}
|
||||
|
||||
nav form {
|
||||
padding: 15px;
|
||||
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.nav_right_hand {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.nav_right_hand * {
|
||||
margin: 0px 15px 0px 15px;
|
||||
}
|
||||
|
||||
code {
|
||||
padding: 1px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.line {
|
||||
height: 1px;
|
||||
width: 100%;
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.center-h {
|
||||
margin: 0 auto;
|
||||
}
|
||||
@@ -238,7 +82,7 @@ tbody tr {
|
||||
}
|
||||
|
||||
tbody tr:hover {
|
||||
outline: solid 3px orange;
|
||||
outline: solid 3px red;
|
||||
}
|
||||
|
||||
tbody tr td {
|
||||
@@ -271,15 +115,6 @@ table tr td label {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.button {
|
||||
background-color: transparent;
|
||||
padding: 15px;
|
||||
text-decoration: none;
|
||||
border-radius: 12px;
|
||||
transition-duration: 1s;
|
||||
border: 3px solid orange;
|
||||
}
|
||||
|
||||
.narrow {
|
||||
width: 20%;
|
||||
}
|
||||
@@ -288,7 +123,7 @@ table tr td label {
|
||||
margin: 15px;
|
||||
padding: 10px;
|
||||
border-radius: 18px;
|
||||
border: 2px solid orange;
|
||||
border: 2px solid red;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
@@ -307,11 +142,6 @@ table tr td label {
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.link {
|
||||
color: orange;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.divLink {
|
||||
text-decoration: none;
|
||||
display: block;
|
||||
@@ -319,28 +149,6 @@ table tr td label {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.underline {
|
||||
text-decoration: underline;
|
||||
text-decoration-thickness: 3px;
|
||||
text-decoration-color: orange;
|
||||
}
|
||||
|
||||
i {
|
||||
border: none;
|
||||
background: transparent;
|
||||
font-size: 1.5vw;
|
||||
transition-duration: 500ms;
|
||||
}
|
||||
|
||||
#theme_toggle {
|
||||
background: none;
|
||||
border: none;
|
||||
}
|
||||
|
||||
i:hover {
|
||||
color: orange;
|
||||
}
|
||||
|
||||
.article {
|
||||
width: 60%;
|
||||
margin: 0 auto;
|
||||
@@ -359,115 +167,14 @@ i:hover {
|
||||
justify-content: left;
|
||||
}
|
||||
|
||||
input,
|
||||
.autofilled,
|
||||
input:-webkit-autofill,
|
||||
textarea:-webkit-autofill,
|
||||
input:-webkit-autofill:hover,
|
||||
textarea:-webkit-autofill:hover,
|
||||
input:-webkit-autofill:focus,
|
||||
select,
|
||||
option,
|
||||
textarea {
|
||||
/* Try this first */
|
||||
border-radius: 12px;
|
||||
width: 100%;
|
||||
padding: 15px;
|
||||
margin: 15px 15px 15px 0px;
|
||||
box-sizing: border-box;
|
||||
transition-duration: 500ms;
|
||||
resize: none;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
input[type="datetime_local"] {
|
||||
color: white;
|
||||
}
|
||||
|
||||
input:focus,
|
||||
textarea:focus,
|
||||
input:hover,
|
||||
textarea:hover {
|
||||
border: 3px solid orange;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
textarea {
|
||||
border-radius: 18px;
|
||||
height: 70%;
|
||||
}
|
||||
|
||||
.checkboxes {
|
||||
height: max-content;
|
||||
}
|
||||
|
||||
input[type="radio"] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.form_checkbox_container {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
position: relative;
|
||||
padding-left: 35px;
|
||||
margin: 15px 15px 15px 0px;
|
||||
cursor: pointer;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
|
||||
height: 29px;
|
||||
width: max-content;
|
||||
}
|
||||
|
||||
.checkmark {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 25px;
|
||||
width: 25px;
|
||||
}
|
||||
|
||||
.form_checkbox_container input {
|
||||
position: absolute;
|
||||
opacity: 0;
|
||||
cursor: pointer;
|
||||
height: 0;
|
||||
width: 0;
|
||||
}
|
||||
|
||||
/* Create the checkmark/indicator (hidden when not checked) */
|
||||
.checkmark:after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Show the checkmark when checked */
|
||||
.form_checkbox_container input:checked~.checkmark:after {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* When the checkbox is checked, add a blue background */
|
||||
.form_checkbox_container input:checked~.checkmark {
|
||||
background-color: orange;
|
||||
}
|
||||
|
||||
/* Style the checkmark/indicator */
|
||||
.form_checkbox_container .checkmark:after {
|
||||
left: 9px;
|
||||
top: 5px;
|
||||
width: 5px;
|
||||
height: 10px;
|
||||
border: solid white;
|
||||
border-width: 0 3px 3px 0;
|
||||
-webkit-transform: rotate(45deg);
|
||||
-ms-transform: rotate(45deg);
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
|
||||
input[type="file"] {
|
||||
display: none;
|
||||
}
|
||||
@@ -567,7 +274,7 @@ input[type="file"] {
|
||||
|
||||
.modal_close:hover,
|
||||
.modal_close:focus {
|
||||
color: orange;
|
||||
color: red;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
@@ -591,7 +298,7 @@ input[type="file"] {
|
||||
height: 128px;
|
||||
width: 128px;
|
||||
|
||||
outline: dashed 4px orange;
|
||||
outline: dashed 4px red;
|
||||
|
||||
position: fixed;
|
||||
left: 50%;
|
||||
@@ -603,7 +310,7 @@ input[type="file"] {
|
||||
position: absolute;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background-color: orange;
|
||||
background-color: red;
|
||||
border-radius: 50%;
|
||||
cursor: nwse-resize;
|
||||
/* Default cursor for resizing */
|
||||
@@ -683,7 +390,7 @@ input[type="file"] {
|
||||
|
||||
::selection {
|
||||
color: black;
|
||||
background: orange;
|
||||
background: red;
|
||||
}
|
||||
|
||||
.grid-2x1 {
|
||||
@@ -718,52 +425,6 @@ hr {
|
||||
margin: 15px 0px 15px 0px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar {
|
||||
background-color: transparent;
|
||||
border-radius: 18px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-button {
|
||||
display: none;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track {
|
||||
display: none;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
background-color: orange;
|
||||
border-radius: 9px;
|
||||
}
|
||||
|
||||
.dropdown {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin-right: 15px;
|
||||
padding: 15px;
|
||||
border-radius: 9px;
|
||||
}
|
||||
|
||||
.dropdown_content {
|
||||
display: none;
|
||||
position: absolute;
|
||||
min-width: 50px;
|
||||
padding: 15px;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.dropdown:hover .dropdown_content {
|
||||
display: block;
|
||||
margin-left: -15px;
|
||||
margin-top: 15px;
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
.dropdown_content form * {
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 992px) {
|
||||
body {
|
||||
padding-bottom: 160px;
|
||||
|
||||
Reference in New Issue
Block a user