Layout CSS
.edit-info {
background: #FF8393;
background: #FFBBD9;
border: #FF83BA;
border: #FF83BA;
width: 100%;
padding: 5px;
overflow-wrap: break-word;
word-break: break-word;
}
<style>
*, p, a, form, li, .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
font-family:: "Didact Gothic" !important;
font-size: 14px !important;
color: EDB9C20 !important;
text-shadow: none !important;
letter-spacing: 1px;
}
body {
background-image: url(https://i.pinimg.com/736x/0b/8e/8d/0b8e8dfdb8ad41f89f7a9469d9e7064a.jpg);
background-position: center center;
background-size: cover;
}
.top, .links, .heading, footer, button {
background-color: #ffa0d1 !important;
}
h1 {
font-family:: "Leckerli One";
src:
url(https://dl.dropbox.com/s/6fha3wjzklq7u1s/love.ttf);
}
h4 {
color: #e33151 !important;
}
.contact, .url-info, .table-section, .profile-info {
border-color: #ff6a85 !important;
}
td {
background-color: white !important;
}
input, button:not(.logout-btn) {
border: 1px groove #ff6a85 !important;
}
.pfp-fallback, .row.profile {
border: 1px dotted #ff6a85 !important;
}
.logo-fallback {
height: 38px !important;
}
.icon, .award img {
content: url(https://64.media.tumblr.com/6047f139c9b161e6a0f9a7fca6bac0b8/9170b1332be2e241-04/s75x75_c1/702f8dc3fd47b909820300b8ff2f1ec5b9c8aada.gifv);
display: inline-block;
height: 1.5em;
width: 1.5em;
margin: 0 .05em 0 .1em;
vertical-align: -0.3em;
color: rgba(0, 0, 0, 0);
}
.friends-grid .person {
background-color: rgb(255, 204, 215);
margin: 0px;
}
.friends-grid .person img{
mix-blend-mode: overlay;
}
a {
color: #C74465;
color: #E46685;
text-decoration: none;
}
main {
background: white;
color: #D54166;
padding: 6px 0px;
font-size: 80%;
}
.profile-pic > img { display:none; }
.profile-pic:after { background-image: url("https://i.pinimg.com/736x/2c/e4/8e/2ce48e7f3a2907008f8e64783e992e11.jpg"); display: inline-block; content:"" }
.blog-entry .profile-pic:after, .bulletin .profile-pic:after { background-size: cover; width: 110px; height: 110px; } /* blogs, bulletins */
.general-about .profile-pic:after { background-size: cover; width: 160px; height: 160px; } /* profile */
* {cursor: url("https://64.media.tumblr.com/7fa0f13e7b017aa1d0b187c05aaf44ce/0ae5bc74dc7ccadb-ca/s75x75_c1/f2c8d2fd439d19fa3296f53d81814b99cd2de533.gifv"), auto;}
A:hover{cursor: url("https://64.media.tumblr.com/7fa0f13e7b017aa1d0b187c05aaf44ce/0ae5bc74dc7ccadb-ca/s75x75_c1/f2c8d2fd439d19fa3296f53d81814b99cd2de533.gifv "), auto;}
main:before {
width: 100%;
height: 125px ;
display: block;
content: "";
background-image: url('https://i.pinimg.com/originals/5e/40/19/5e4019cd3179abcc86b0e43f1c39f3be.gif');
background-position: center center;
background-size: cover;
}
@media only screen and (max-width: 600px) {
main:before{
height: 200px;
}
}
.online {
content: url(https://sillyblinkies.nekoweb.org/online/catonline.gif);
}
footer::after{
bottom: 0;
font-size:0;
left: 70%;
position:fixed;
pointer-events: none;
content:url("https://i.pinimg.com/originals/58/5f/9f/585f9f5cacf9070525ab08d3cb8cddf1.gif");
animation: floating 3s ease-in-out infinite
}
<style>
@keyframes spin{
from{ transform:rotate(0deg); }
to{ transform:rotate(-360deg); }
}
.general-about .profile-pic img{
border-radius: 50%;
animation: spin 7s infinite linear;
}
</style>
<style>html:after {
animation: grain 8s steps(10) infinite;
background-image: url(https://64.media.tumblr.com/849c4259435e5ff9789dd42e23fbf003/tumblr_p422nhq6vi1qzm8dwo1_640.gifv);
content: "";
height: 300%;
left: -50%;
opacity:.4;
position: fixed;
top: -110%;
width: 300%;
pointer-events:none;
}
@keyframes grain
70% { transform:translate(0%, 15%) }
/* Pink Glass Music Bar */
.music-bar {
background: linear-gradient(90deg, #ff9ecd, #ffc4e1) !important;
}
.music-bar::before { display: none !important; } /* remove the dark glass overlay */
.music-bar .bar-title { color: #ffffff !important; text-shadow: 0 1px 2px rgba(0,0,0,0.35) !important; }
.bar-now-playing { color: #fff0f8 !important; }
.bar-time-display, .bar-time-total { color: #ffffff !important; }
.bar-progress { background: rgba(255,255,255,0.4) !important; }
.bar-progress-fill { background: #ffffff !important; }
.music-bar .bar-btn { filter: brightness(1.15) !important; }
}</style>
Comments (0)
No comments yet. Be the first!
Log in to leave a comment.