diff --git a/CSS/account.css b/CSS/account.css
index 7c84b5c..396ec81 100644
--- a/CSS/account.css
+++ b/CSS/account.css
@@ -1,3 +1,7 @@
+html {
+ background: linear-gradient(to right, #00FFFF, #dcdcdc, #dcdcdc, #dcdcdc, #dcdcdc, #dcdcdc, #00FFFF);
+}
+
.Button {
margin-top: 30px;
@@ -13,14 +17,46 @@ body {
text-align: center;
}
+section {
+ display: flex;
+ flex-wrap: wrap;
+}
+
+div:not(.Posts) {
+ margin-left: auto;
+ margin-right: auto;
+ margin-bottom: auto;
+
+ border-style: solid;
+ border-width: 2px 0;
+
+ width: 49%;
+}
+
+#stick {
+ position: sticky;
+ top: 0;
+}
+
+img {
+ width: 20vh;
+ height: 20vh;
+}
+
footer {
display: flex;
justify-content: center;
- height: 5vh;
+ height: 20vh;
}
/* Mastodon things */
+.Trees {
+ display: flex;
+ justify-content: center;
+ flex-wrap: wrap;
+}
+
.Entry {
border-left: 2px solid;
border-right: 1px dashed;
diff --git a/CSS/expanded.css b/CSS/expanded.css
index 507d9cc..89534d2 100644
--- a/CSS/expanded.css
+++ b/CSS/expanded.css
@@ -15,7 +15,7 @@ body {
.Embed {
border-style: solid;
- border-radius: 1%;
+ border-radius: 2%;
background-color: yellow;
}
@@ -40,6 +40,10 @@ body {
background-color: #050505;
}
+.Favorite, .Boost, .Reply {
+ margin: auto;
+}
+
.Button {
margin-top: 30px;
diff --git a/CSS/index.css b/CSS/index.css
index 625db26..a64f9b5 100644
--- a/CSS/index.css
+++ b/CSS/index.css
@@ -221,9 +221,9 @@ html {
.Username {
text-align: center;
font-weight: bold;
- font-size: 2ch;
+ font-size: min(2vw, 2ch);
- margin-top: -5px;
+ margin-top: max(-5px, -0.5vw);
}
.PostContent {
@@ -247,6 +247,11 @@ html {
.Time {
font-size: 4ch;
+ text-decoration: none;
+}
+
+.Time:hover {
+ text-decoration: underline;
}
.MainFooter, .MainBlackedFooter {
@@ -260,6 +265,8 @@ html {
border-width: 2px;
border-color: #00FFFF;
+ padding: auto;
+
height: 20vh;
}
diff --git a/CSS/mail.css b/CSS/mail.css
index af328d1..cddedba 100644
--- a/CSS/mail.css
+++ b/CSS/mail.css
@@ -1,6 +1,6 @@
/* Combination */
header, footer {
- style="position: relative;
+ position: relative;
z-index: 1;
}
diff --git a/CSS/post.css b/CSS/post.css
index b5eb3a9..4a3be31 100644
--- a/CSS/post.css
+++ b/CSS/post.css
@@ -1,4 +1,5 @@
html {
+ background: linear-gradient(#FFFFFF, #dcdcdc, #2eff51);
overflow-x: hidden;
overflow-y: hidden;
}
@@ -14,6 +15,43 @@ body {
section {
height: 75vh;
+
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: center;
+ text-align: center;
+}
+
+textarea, select, input, label {
+ resize: none;
+
+ border-style: solid;
+ border-width: 2px;
+ border-color: #00FFFF;
+ border-radius: 2% / 50%;
+}
+
+.Divide {
+ margin-top: auto;
+ margin-bottom: auto;
+ margin-left: 1%;
+ margin-right: 1%;
+
+ border-style: solid;
+ border-width: 4px;
+ border-radius: 10%;
+
+ padding: 1%;
+
+ background-color: white;
+ filter: drop-shadow(0px 20px 10px #00cf23);
+
+ transition: background-color 0.5s, filter 0.5s;
+}
+
+.Button:hover {
+ background-color: #dcdcdc;
+ filter: drop-shadow(0px -20px 10px #2eff51);
}
.SmallButton {
@@ -30,5 +68,5 @@ footer {
display: flex;
justify-content: center;
- height: 5vh;
+ height: 20vh;
}
diff --git a/CSS/setting.css b/CSS/setting.css
index c8cad4f..cb2d041 100644
--- a/CSS/setting.css
+++ b/CSS/setting.css
@@ -28,9 +28,8 @@ body {
border-width: 6px;
border-color: #00FFFF;
- padding: 8%;
+ padding: 8vh 6vw;
- display: flex;
justify-content: center;
background: linear-gradient(#dcdcdc, #b4b4b4);
color: black;
diff --git a/HTML/account.html b/HTML/account.html
index ba539fc..102fe34 100644
--- a/HTML/account.html
+++ b/HTML/account.html
@@ -15,18 +15,25 @@
Account
Follow!
-Block!
+Not implemented. Posts should populate here.
+ +Favorite!
Boost!
Reply!
diff --git a/HTML/post.html b/HTML/post.html index b8cf3f1..94e50bf 100644 --- a/HTML/post.html +++ b/HTML/post.html @@ -16,19 +16,28 @@POST!
POST!