CatAClock/Fedi.CrowdedGames.Group
CatAClock/Fedi.CrowdedGames.Group
0
0
Fork 0
Code Issues Pull requests Activity

Post lookin good

Browse source
This commit is contained in:
CatAClock 2025-06-03 18:27:13 -07:00
parent 2a3b6510f2
commit 25b3d85f2a
3 changed files with 51 additions and 10 deletions

2
CSS/mail.css
View file

@ -1,6 +1,6 @@
/* Combination */
header, footer {
style="position: relative;
position: relative;
z-index: 1;
}

37
CSS/post.css
View file

@ -1,4 +1,5 @@
html {
background: linear-gradient(#FFFFFF, #dcdcdc, #2eff51);
overflow-x: hidden;
overflow-y: hidden;
}
@ -15,10 +16,44 @@ 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 {
margin-top: 30px;
@ -33,5 +68,5 @@ footer {
display: flex;
justify-content: center;
height: 5vh;
height: 20vh;
}

22
HTML/post.html
View file

@ -16,22 +16,28 @@
<h1>Post</h1>
</header>
<section>
<textarea cols="50" rows="25" class="Text" placeholder="status here..."></textarea>
<div>
<!-- This the typing div :3 -->
<div class="Divide">
<textarea cols="50" rows="25" class="Text" placeholder="status here..."></textarea>
<div><textarea cols="50" rows="2" class="Warning" maxlength="100" placeholder="Content Warnings"></textarea></div>
<div><textarea cols="50" rows="1" class="Tags" maxlength="50" placeholder="Tags (seperate with ;)"></textarea></div>
</div>
<!-- This the "settings" div :3 -->
<div class="Divide">
<select class="PostVisibility">
<option value="Public">Public Post</option>
<option value="Quiet">Quiet Public Post</option>
<option value="Friend">Friends Only Post</option>
<option value="Private">Private Post</option>
</select>
<input type="checkbox" class="PostYoutube" />
<label>Post to Youtube</label>
<div></div>
<input type="checkbox" class="PostYoutube" />
<label>Post to Youtube</label>
</div>
</div>
<textarea cols="50" rows="2" class="Warning" maxlength="100" placeholder="Content Warnings"></textarea>
<div>
<textarea cols="50" rows="1" class="Tags" maxlength="50" placeholder="Tags (seperate with ;)"></textarea>
<div class="Divide Button">
<p>POST!</p>
</div>
<p class="Button">POST!</p>
</section>
<footer>
<p class="SmallButton" onclick="history.back();"><b>Back</b></p>