Report Blog Entry
since layouts are still down here!! ^_^ simple pimpkiepie layout
here's a preview !
layout code here !
(sorry it's long O_o;)
<style>
body{
background-image: url(https://i.pinimg.com/550x/07/d5/6e/07d56e778a87b9ecfe3f74ab3c957697.jpg);
}
main{
border-radius:10px;
background-color:#FDC7DE;
border: 2px solid #FA93C0;
box-shadow: 0px 0px 10px 0px #FA93C0;
color:#EF4F91;
}
.container {
width: 830px !important;
}
.general-about{
background: #FCF1AF;
border-radius: 15px;
padding:5px;
}
.general-about .profile-pic img {
border: 2px solid;
border-radius: 10px;
}
.profile h1 {
margin: 0 0 10px 0;
text-align: center;
font-size: 30px;
}
.profile p {
font-size: 13px;
}
.profile-info {
background-image: url(https://i.pinimg.com/550x/07/d5/6e/07d56e778a87b9ecfe3f74ab3c957697.jpg);
border: 2px solid rgb(71 174 222);
border-radius: 10px;
background-size: 88%;
}
.profile .contact, .profile .table-section, .setting-section, .home-actions {
background: #FCF1AF !important;
border: none;
}
.profile .url-info {
background: #fee4ef;
border: none;
}
.profile .url-info p:last-child:after {
content: "";
display: block;
background-image: url(https://derpicdn.net/img/2020/12/23/2514423/medium.png);
width: auto;
height: 100px;
background-position: top center;
background-size: 50%;
background-repeat: no-repeat; }
.profile .blurbs .inner .section {
padding: 5px;
}
.profile .blurbs {
background: #FCF1AF;
}
nav .top{
background-color: #56D6F9 !important;
border-radius: 10px;
}
nav .links{
text-align: center;
background-color: #A3EAFE !important;
border-radius: 10px;
}
nav{
margin-top: 10px;
margin-bottom: 15px;
border-radius: 10px;
box-shadow: 0px 0px 10px 0px #47aede;
background-image: linear-gradient(#56D6F9,#A3EAFE,#A3EAFE);
border: 2px solid #47aede;
}
nav .links a {
text-decoration: none;
}
nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
content: " ♡ ";
color: white;
font-size: 10px;
}
footer{
background: #fcf1af;
border: 2px solid #60a5fa;
border-radius: 10px;
}
.col.w-40 {
margin: 5px;
}
.col.right {
margin: 5px;
}
.details-table td:first-child {
background: #fdc7de !important;
border: 2px solid #fa93c0;
color: #ef4f91;
}
.details-table td {
background: none !important;
}
.blog-preview h4{
background-color:none;
margin: 0px;
padding: 5px;
}
.blog-preview p {
padding: 10px;
}
.blog-preview {
background-color:#ffffff85;
border: none;
border-radius: 10px;
}
.comments-table td:first-child, .music-table td:first-child {
background: #fdc7de;
border: 2px solid #fa93c0;
color: #ef4f91;
}
table.comments-table td {
overflow: hidden;
padding: 5px;
background: none;
}
.heading {
background-image: url(https://i.pinimg.com/550x/07/d5/6e/07d56e778a87b9ecfe3f74ab3c957697.jpg) !important;
background-position: bottom !important;
background-size: 60% !important;
border: 2px solid #fa93c0;
}
.heading h4 {
color: #ef4f91;
font-size: 14px;
text-shadow: 0 0 5px #fa93c0, 0 0 2px #fa93c0;
}
.profile .blurbs .section h4{
color:#47aede !important;
}
.profile .friends .person p{
color:#47aede !important;
}
.profile .friends {
background: #FCF1AF;
margin: 5px;
}
.profile .friends-grid {
padding: 5px;
}
.profile .mood {
margin-bottom: 6px;
margin-top: 6px;
padding: 5px;
background: #fee4ef;
}
.online {
color:#47aede;
animation-name: floatie;
animation-duration: .7s;
animation-iteration-count: infinite;
padding-left: 25%;
}
.online img {
content: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/51aa7b3a-7e2f-44b5-b548-51f2dd7ab1f8/d47ot1m-b8a335b5-f4ab-4aa0-b93f-5f16c324eea2.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzUxYWE3YjNhLTdlMmYtNDRiNS1iNTQ4LTUxZjJkZDdhYjFmOFwvZDQ3b3QxbS1iOGEzMzViNS1mNGFiLTRhYTAtYjkzZi01ZjE2YzMyNGVlYTIuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.C94vU5IVsuu1miGkveDIpGnQpNACDDd1jqL37_To3SU);
animation: none !important;
width:50px;
height:auto;
}
.count {
color: #47aede !important;
}
a {
color: #47aede !important;
transition: color .5s, text-shadow .5s;
}
a:hover {
color: white !important;
font-weight: bold;
text-shadow: 0 0 4px #095DC3;
text-decoration: none;
}
main:before {
width: 100%;
height: 300px;
display: block;
content: "";
margin-top: -6px;
background-image: url('https://i.pinimg.com/736x/e3/3b/c3/e33bc356789e529f61e2c48577eef911.jpg');
background-position: center center;
background-size: cover;
}
* {
cursor: url(https://64.media.tumblr.com/4b120efb2ecc26736ff49810a59a426d/0dd5b4a9d6ce1209-f1/s75x75_c1/ce9ba4b05acc7aebb15461620e8cccc0db2ecbd4.pnj), auto !important;
}
@keyframes floatie {
0% {
transform:translate(0px,0.3px);
}
8% {
transform:translate(0px,0.5px);
}
16% {
transform:translate(0px,1px);
}
24% {
transform:translate(0px,1.5px);
}
32% {
transform:translate(0px,2px);
}
40% {
transform:translate(0px,2.5px);
}
48% {
transform:translate(0px,3px);
}
56% {
transform:translate(0px,3.5px);
}
64% {
transform:translate(0px,3px);
}
72% {
transform:translate(0px,2.5px);
}
80% {
transform:translate(0px,2px);
}
88% {
transform:translate(0px,1.5px);
}
96% {
transform:translate(0px,0.5px);
}
100% {
transform:translate(0px,0.3px);
}
</style>
Comments
Displaying 0 of 0 comments ( View all | Add Comment )