<style>
/* the mobile code */
@media(max-width:30em){
main:before{
background-image: url('https://i.ibb.co/Gn0FH1s/p.png')!important;
background-size: 100%100%!important;
height: 560px!important;
margin-top:20px!important;
margin:-40px!important;
padding: 0px!important;
pointer-events: none!important;
width: 100%!important;
}
main{
height: 550px!important;
margin:auto!important;
width:80%!important;
}
.profile{
height: 500px!important;
margin-top:40px!important;
padding: 0px!important;
}
.general-about{
width: 100%!important;
margin-left:0px!important;
}
.f-row{
border-spacing: 10px!important;
}
.url-info{
height:240px!important;
}
.details-table td:first-child{
height:30px!important;
width: 50%!important;
}
.details-table td{
height:120px!important;
}
.profile-info{
width: 100%!important;
}
.count{
font-family: "TextMeOne-Regular"!important;
}
.friends{
margin:0px!important;
padding:0px!important;
}
.comments-table{
border-spacing: 0px!important;
margin: 0px!important;
padding: 0px!important;
}
footer{
margin-top:30px!important;
margin-bottom:30px!important;
}
}
</style>
<style>
/* fonts */
@font-face {
font-family: "TextMeOne-Regular";
src: url("//dl.dropbox.com/s/ob6fg25uw67e72i/TextMeOne-Regular.ttf");
}
@font-face {
font-family: "101StarLitNght-xLBq";
src: url("//dl.dropbox.com/s/nnnwudpolgcypjn/101StarLitNght-xLBq.ttf");
}
@font-face {
font-family: "CruDissaramasHandWritten-rYzK";
src: url("//dl.dropbox.com/s/glfyezznri3cs58/CruDissaramasHandWritten-rYzK.ttf");
}
</style>
<style>
body {
background-color: black;
}
/* fonts and colors */
.icon {
font-size: 12px!important;
}
a {
color: #996655;
font-family: "CruDissaramasHandWritten-rYzK";
font-size: 20px!important;
}
a:hover{
text-decoration-style: double;
text-decoration-color: rgba(218, 165, 32, 0.2);
text-decoration-line: underline;
color:gold;
}
nav .top a, nav .links a, button, nav label {
color: #996655!important;
font-family: "CruDissaramasHandWritten-rYzK";
font-size: 20px!important;
}
p, b, .supporter {
color: #bb9988;
font-family: "CruDissaramasHandWritten-rYzK";
font-size: 20px!important;
}
.supporter{
text-align: center;
}
h2, h3, h4, .count {
color: #655442;
font-family: "101StarLitNght-xLBq";
font-size: 26px!important;
font-weight: 1;
text-shadow: 1px 1px 1px white;
}
.section h4 {
color: #655442!important;
font-family: "TextMeOne-Regular";
font-size: 20px!important;
font-variant: small-caps;
font-weight: bold;
text-shadow: 1px 1px 1px #655442;
text-transform: lowercase;
}
[id='q'] {
background-color: transparent;
border-bottom: 1px solid white;
border: none;
}
h1 {
color: #76624D;
font-family: "101StarLitNght-xLBq";
font-size: 50px!important;
font-variant: small-caps;
font-weight: 1;
padding-top: 15px;
text-transform: lowercase;
}
.details-table td p:not(.details-table td:first-child p) {
color: black;
}
button {
background-color: transparent;
border: none;
}
.online img {
content: url('https://media3.giphy.com/media/v1.Y2lkPTc5MGI3NjExbTI3bm13b25hMzd0eDgxcmpuNnRhYzEzdmJ4OHRjZmltNmdudm5pbSZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9cw/qvLrmOTKalELCI3LkI/giphy.gif');
animation: none;
height: 50px;
vertical-align: middle;
}
.online {
color: beige;
font-family: "101StarLitNght-xLBq";
font-size: 15px!important;
font-style: italic;
font-weight: 1;
letter-spacing: 1px;
text-align: center;
text-transform: lowercase;
}
nav img.logo {
filter: brightness(0) saturate(100%) invert(18%) sepia(61%) saturate(323%) hue-rotate(349deg) brightness(95%) contrast(94%)!important;
padding: 2px;
}
/* container */
.container {
width: 100%;
}
footer {
background-color: transparent;
margin-top: 20px;
padding: 0px;
text-align: left;
}
footer p, footer .links {
margin: 0px;
text-align: left;
}
::-webkit-scrollbar {
width: 1px;
height: 5px;
}
::-webkit-scrollbar-track {
background-color: black;
}
::-webkit-scrollbar-thumb {
background-color: black;
}
nav .top, nav .links {
background-color: transparent;
padding: 0px;
}
nav .links {
margin-left: 15px;
}
nav .links a {
text-shadow: none;
}
nav {
margin-bottom: 30px;
}
main:before {
content: "";
background-image: url('https://i.ibb.co/jD9wcNf/fancyborder.png');
background-size: 100%100%;
height: 600px;
margin: -30px;
padding: 5px;
pointer-events: none;
position: absolute;
width: 600px;
}
main {
background-color: transparent;
height: 550px;
margin: auto;
overflow-y: scroll;
width: 550px;
}
.profile {
background-color: black;
display: flex;
flex-direction: column;
overflow-y: auto;
}
.profile .left {
width: 100% !important;
}
h1 {
text-align: center!important;
}
body > div > main > div.row.profile > div.col.w-40.left > div.general-about > div.details > p:nth-child(2) {
font-size: 0px;
visibility: hidden;
}
body > div > main > div.row.profile > div.col.w-40.left > div.general-about > div.details > p:nth-child(2)::before {
content: "Female \a 200 years old \a Ethnicity \a Joined: 00/00/0000";
display: inline-block;
font-size: 18px;
text-align: left;
visibility: visible;
white-space: pre;
}
.general-about {
margin-left: 100px;
margin-top: 30px;
}
.general-about .details p {
margin: 3px;
}
.profile-pic img {
border-radius: 3px;
border: 3px groove #655442;
padding: 1px;
}
.profile-pic {
box-shadow: 0px 0px 3px #C8BBAB;
}
.mood {
margin-bottom: 10px;
margin-top: 10px;
text-align: center;
}
/* contact */
.contact .heading {
background-color: transparent!important;
padding-bottom: 10px!important;
text-align: center;
}
.contact {
border: none!important;
}
.f-row {
border-spacing: 70px 7px;
margin: 0px!important;
}
.f-col {
background: linear-gradient(to bottom right, #856657, #3c2826);
border-radius: 2px;
border: 3px groove #655442;
padding: 3px 1px;
text-align: center;
}
.contact .icon {
display: none;
}
.contact a {
color: #c3aba5;
font-family: "TextMeOne-Regular";
font-size: 15px!important;
font-weight: 1;
letter-spacing: 1px;
text-transform: uppercase;
}
/* url box */
.url-info {
background-image: url('https://i.ibb.co/6Dxq0cd/blend.jpg');
background-size: 100%100%;
border: none!important;
height: 340px;
}
.url-info p {
opacity: 0;
}
/* the interests table */.table-section .heading {
background-color: transparent!important;
background-image: url('https://i281.photobucket.com/albums/kk203/hiv0lt4g3/Pinky%20Sugar/lace/055.gif')!important;
background-repeat: repeat-x!important;
background-size: contain;
padding-top: 25px!important;
text-align: center;
}
.table-section h4 {
font-family: "101StarLitNght-xLBq";
font-size: 20px;
font-weight: 1;
}
/* interest table background */
.table-section {
background-image: url('https://media1.giphy.com/media/v1.Y2lkPTc5MGI3NjExbG91YTI0cnV6bjdubmtyanFvNTdxbmZjc2t1Z2w0aWQ2ZXcyZTE5dCZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9cw/LotWrbwc16DVTXSPmw/giphy.gif');
background-size: 50%;
border-radius: 3px;
border: none!important;
margin-bottom: 0px!important;
padding: 10px;
}
.table-section:last-child {
display: none;
}
.details-table {
border-spacing: 0px 10px;
}
/* left side of table */
.details-table td:first-child {
height: 40px;
text-align: center;
width: 240px;
writing-mode: vertical-rl;
}
.details-table td:first-child p {
background-color: black;
border-radius: 20px;
color: beige!important;
font-family: "TextMeOne-Regular";
font-size: 10px!important;
text-orientation: upright;
text-transform: uppercase;
}
/* general td */
.table-section:not(:last-child) .details-table tr:nth-child(1) td:first-child {
background-color: purple;
background-image: url('https://i.pinimg.com/originals/ed/bf/0a/edbf0adce0a7a5dc974b02adb04965ac.gif');
background-size: 100%100%;
}
/* music td */
.table-section:not(:last-child) .details-table tr:nth-child(2) td:first-child {
background-color: pink;
background-image: url('https://i.pinimg.com/originals/a2/38/1d/a2381dd826ea373e4ef88e0536b8b2b8.gif');
background-size: 100%100%;
}
/* movies td */
.table-section:not(:last-child) .details-table tr:nth-child(3) td:first-child {
background-color: dodgerblue;
background-image: url('https://i.pinimg.com/originals/7b/be/44/7bbe441bdeeef3a4ca60bbe08eadfeed.gif');
background-size: 100%100%;
}
/* television td */
.table-section:not(:last-child) .details-table tr:nth-child(4) td:first-child {
background-color: PapayaWhip;
background-image: url('https://i.pinimg.com/originals/d8/bb/8e/d8bb8e12080ae07c82cb578b9659c4d6.gif');
background-size: 100%100%;
}
/* books td */
.table-section:not(:last-child) .details-table tr:nth-child(5) td:first-child {
background-color: LightGreen;
background-image: url('https://i.pinimg.com/originals/74/4b/62/744b62a013d01713bc5aea1f99524fac.gif');
background-size: 100%100%;
}
/* heroes td */
.table-section:not(:last-child) .details-table tr:nth-child(6) td:first-child {
background-color: Tan;
background-image: url('https://i.pinimg.com/originals/36/c2/6b/36c26ba0c419327e9efe26d3ea00244c.gif');
background-size: 100%100%;
}
/* right side of table */
.details-table td:not(.details-table td:first-child) {
background-color: #BAA899!important;
display: block;
height: 140px;
overflow-y: scroll;
}
.details-table td:not(.details-table td:first-child)::-webkit-scrollbar {
width: 8px;
height: 6px;
}
.details-table td:not(.details-table td:first-child)::-webkit-scrollbar-track {
background-color: #706256;
}
.details-table td:not(.details-table td:first-child)::-webkit-scrollbar-thumb {
background-color: black;
background-image: url('https://png.pngtree.com/png-vector/20240719/ourmid/pngtree-geometric-gold-line-cubes-seamless-pattern-png-image_12978537.png');
background-size: cover;
border-radius: 5px;
}
/* profile info */
.profile-info {
border: none;
}
/* blog section */
.blog-preview {
text-align: left;
padding: 10px;
}
.blog-preview h4 {
margin-top: 0px;
}
.blog-preview p{
letter-spacing: 2px;
padding-left:30px;
}
/* blurbs */
.blurbs .heading{
background-color: transparent!important;
text-align: center;
}
.blurbs .section h4{
text-align: center;
}
.blurbs{
padding-left: 10px;
padding-right: 10px;
text-align: justify;
}
/* friends */
.friends:not(#comments){
margin-bottom: 20px;
margin: 10px;
text-align: center;
}
.friends .heading {
background-color: transparent!important;
text-align: center;
}
/* friends image */
.friends .person{
padding: 0px!important;
}
.friends .icon{
display: none;
}
.friends .person img{
border:2px solid #675B3F;
height: 100%;
object-fit: cover;
object-position: center;
width: 100%;
}
.friends .person p{
color:#675B3F!important;
text-shadow: 0px 1px 0px tan;
}
/* comments */
.comment-replies {
border: 2px solid rgba(184, 134, 11, 0.3);
margin: 10px;
}
.comment-reply:not(:first-child) {
border-top: 1px solid #655442;
}
.comments-table {
border-spacing: 20px;
border: none;
padding: 0px;
}
.comments-table td:first-child {
background-image: url('https://i.pinimg.com/1200x/e6/de/d4/e6ded413d03469897a5735db94bd7fa2.jpg');
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.comments-table td:first-child img {
border-radius: 5px;
border:2px solid #675B3F;
}
.comments-table td {
background-color: black;
background-image: url('https://data.whicdn.com/images/279824782/original.gif');
background-position: center;
background-size: contain;
border: none;
box-shadow: tan 0px 0px 5px 0px;
padding: 10px;
}
</style>
Report Blog Entry
Comments
Displaying 0 of 0 comments ( View all | Add Comment )