Report Blog Entry
hello! this was a request i got and had a ton of fun putting together another pokemon profile! to see it in action click here! feel free to use it or any of my other ones but it'd be really cool if you could leave a comment or consider adding me so i can see it! also you're more than welcome to change whatever! (reach out if you need any help!) ^-^ i used some codes the wonderful cory posted as a base to achieve some of the effects.
_____________________________________________________________________
<!-- (c) Layout created by ash lynx (https://layouts.spacehey.com/layout?id=1370) -->
<style>@import url('https://fonts.googleapis.com/css2?family=Shadows+Into+Light&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Shadows+Into+Light&display=swap');
:root {
--yourBackground: url(https://wallpaperaccess.com/full/813007.gif);
--pageTexture: url(https://i.pinimg.com/originals/10/ab/ea/10abeaf03c5733d7c9a361ec2d34a120.gif);
--nameSticker: url(https://media2.giphy.com/media/z8OcWLLk4SrpS/giphy.gif?cid=ecf05e473t48xtfucsmwptihecr8tyf4vl0yxq9odci0c9fu&rid=giphy.gif);
--blurbSticker: url(https://media2.giphy.com/media/31vamYdZV5ISQ/giphy.gif?cid=ecf05e47pizviy3z41ffxjyec6yfb1s9wik8kyu4dfpq0o65&rid=giphy.gif);
--commentsSticker: url(https://professorlotus.com/Sprites/Wigglytuff.gif);
--interestSticker: url(https://media0.giphy.com/media/zJWlcaKf03RzG/giphy.gif?cid=ecf05e474c7z94kbpjo6fe53ffekmmr1c4ghsvlyvadzvhsy&rid=giphy.gif);
--urlInfoBox: url(https://media4.giphy.com/media/DJM88aCmEeaNG/giphy.gif?cid=ecf05e47q3waonarc1fwcj5i1cf9jhzwifdj0z4e5dd4j2sk&rid=giphy.gif);
--titleTexture: url(https://31.media.tumblr.com/16a54ec732853f6b327bde6bc023deff/tumblr_ndk6cv4agP1tk3zx2o1_400.gif);
--linkTexture: url();
--profileInfo: url(https://img00.deviantart.net/5dab/i/2014/115/e/9/commission__cyndaquil_and_pikachu_by_seviyummy-d7fy8iw.png);
}
.profile {
font-family: 'Shadows Into Light', cursive;
font-size:18px;
}
.profile .left h1 {
font-family: 'Shadows Into Light', cursive;
line-height:1em;
}
.profile .contact .heading h4, .profile .table-section .heading h4, .profile .blurbs .heading h4, .profile .friends .heading h4, .blog-entry .comments .heading h4, .bulletin .comments .heading h4, .home-actions .heading h1, .statistics .heading h4 {
font-family: 'Shadows Into Light', cursive;
line-height:1em;
}
body {
background-image: var(--yourBackground);
background-size: cover;
background-attachment: fixed;
}
main {
background-color: #F1B9E377;
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
margin-top: 0rem;
margin-bottom: 2rem;
}
body:before {
display: block;
position: fixed;
pointer-events: none;
content: " ";
height: 100vh;
width: 100vw;
top: 0;
left: 0;
right: 0;
background-image: var(--pageTexture);
background-size: cover;
background-attachment: fixed;
opacity: .15;
z-index: 25;
}
.profile a {
transition: all .1s!important;
}
.profile a:hover, .profile a:hover p {
background: var(--linkTexture)!important;
;
color: #FFF!important;
text-shadow: 1px 1px 0 #000!important;
;
}
.profile .left h1 {
text-transform: uppercase;
font-size: 3rem;
color: #FFF;
text-shadow: 3px 3px 0 #67337C;
line-height:1em;
}
.profile .left h1:before {
background-image: var(--nameSticker);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: block;
height: 100px;
width: 100px;
content: " ";
transform: rotate(-4deg) scale(1.7) translateX(-1em);
position: absolute;
z-index: -1;
}
.profile .right .blurbs {
position: relative;
}
.profile .right .blurbs:after {
background-image: var(--blurbSticker);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: block;
height: 100px;
width: 100px;
content: " ";
transform: rotate(-4deg) scale(2) translateY(-2rem);
position: absolute;
right: 0;
z-index: -1;
}
.profile .left .table-section:nth-last-child(2):before {
background-image: var(--interestSticker);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: block;
height: 100px;
width: 100px;
content: " ";
transform: rotate(-4deg) scale(1.7) translateX(-3em) translateY(2.5em);
position: absolute;
z-index: -1;
}
.profile .contact, .profile .url-info, .profile .table-section, .home-actions {
border: 0!important;
width: 100%;
}
.profile .contact .heading, .profile .table-section .heading, .home-actions .heading, .profile .blurbs .heading, .profile .friends .heading {
background-image: var(--titleTexture)!important;
background-size: cover;
background-position: center;
color: #FFF;
}
.profile .contact .heading h4, .profile .table-section .heading h4, .profile .blurbs .heading h4, .profile .friends .heading h4, .blog-entry .comments .heading h4, .bulletin .comments .heading h4, .home-actions .heading h1, .statistics .heading h4 {
text-transform: uppercase;
font-size: 1.8rem;
}
.profile .url-info {
border: 0;
color: #FFF;
background: var(--urlInfoBox);
background-position: center;
text-align: center;
}
.details-table td:first-child {
background: none;
width: fit-content!important;
color: #FFF;
text-shadow: 0px 2px 0 #000;
}
.details-table td:last-child {
background: none;
}
.details-table tr {
border-bottom: 1px solid #000;
}
.profile .blurbs .section h4 {
color: #4D1469;
font-size: 1.3rem;
}
.profile-info {
background: var(--profileInfo);
background-size: cover;
background-position: center;
box-shadow: -7px 8px 0 #0006;
color: #FFF;
}
.profile-info h3 a {
color: #FFF;
}
.comments-table, .details-table {
border: 1px solid #0000;
border-collapse: separate;
border-spacing: 0 .5em;
}
.comments-table td, .music-table td {
background: none;
color: #000;
}
.comments-table tr {
border-bottom: 1px solid #F1B9E377;
}
.comments-table td:first-child, .music-table td:first-child {
background: none;
text-align: left;
}
.profile .comments-table:after {
background-image: var(--commentsSticker);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: block;
height: 100px;
width: 100px;
content: " ";
transform: rotate(-4deg) scale(2) translateY(-3.5rem);
position: absolute;
bottom: 0;
z-index: -1;
}
:root {
--logo-blue: url(https://31.media.tumblr.com/16a54ec732853f6b327bde6bc023deff/tumblr_ndk6cv4agP1tk3zx2o1_400.gif);
--darker-blue: ;
--lighter-blue: #F1B9E377;
}
.comments-table td {
background-image:url();
vertical-align: top;
position: relative;
}
table.comments-table{
display: block;
height: 800px!important;
overflow-y: scroll;
}
</style>
<style>
footer {
border-radius: 15px;
background-image: url(https://68.media.tumblr.com/c3e28050c6c4ac02ca334ab74592e4f7/tumblr_nzmpb0Yeb51ul6hd2o1_500.png);
background-position: center center;
</style>
<style>
.online{content:url("http://dl5.glitter-graphics.net/pub/3119/3119625a2kanfbptw.png");}
</style>
<style>* {cursor: url(https://cur.cursors-4u.net/games/gam-13/gam1256.cur), auto !important;}</style>
Comments
Displaying 0 of 0 comments ( View all | Add Comment )