victoria's listography
user image

bookmarks:
listography GIVE MEMORIES
TERMS
FAVORITE LISTOGRAPHY MENTIONS
IMPORTANT NOTICES
MESSAGES
login
sign up
explore
main  (15) ongoing    archive    private   

<title>test</title>

<style> body { font-family:ms ui gothic; font-size:15px; color:#525252

</style>

<!-- copying is an act of love, please copy also hi 😊 -->

<style> body { background: url(https://i.pinimg.com/736x/80/47/e5/8047e53ac42fcbc19ce19cb030574fc0.jpg);

</style>

<style>

    • title {

position: absolute; top: -10px; right: 30px; }

              • title2 {

position: absolute; top: 87px; right: 0px; </style>

<style>

  • header{

width: 170%; height: 7rem; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.466), transparent),url(https://i.pinimg.com/564x/c7/8b/48/c78b48892c28e48204f17ba178f4ccc5.jpg); background-size: contain; border: #fdb2df 1px solid; border-radius: 10px 2px 0 0; overflow: hidden; box-shadow: inset #ffb3ddc4 0 0 9px 1px;

h1{ width: fit-content; margin-top: -1em; font-size: 3em; filter: drop-shadow(0px 0px 1px #7e4b38) drop-shadow(0px 0px 1px #FFFFFF) drop-shadow(0px 0px 1px #FFFFFF) drop-shadow(0px 0px 1px #FFFFFF) drop-shadow(0px 0px 1px #FFFFFF) drop-shadow(1px 1px 0px #7e4b38); text-shadow: -1px 0 var(--outline1), 0 1px var(--outline1), 1px 0 var(--outline1), 0 -1px var(--outline1); color: white; margin-left: 0.4rem; font-family: love-paradise; animation:blinkingText 1.3s infinite; line-spacing: 150%;

margin: auto;} @keyframes blinkingText{0%{ color: #eea2c5; }49%{ color: #Ffdbe5; }60%{ color: white; }99%{ color:white; }100%{ color: #eea2c5; }} }

      • headerheadertotallynotconfusing{

width: 100%; height: 53px; background: url(https://file.garden/ZRW6VPKULjLI59VM/graphics/lace%20borders%20etc/tumblr_1cb04b244a56e3c62b333585bba8d00c_e7a378ac_250.webp); filter: drop-shadow(0px 4px 1px white) drop-shadow(0px 0px 1px rgba(211, 211, 211, 0.644)); }

  • left{

height: 100%; width: 50%; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; gap: 3px; padding-top: 3px;

text-align: center; p{ scale: 0.9; </style>

<style>

  • container {

background: none; border: 4px ridge; width: 860px; height: 800%; margin: auto; padding: 10px; border-radius:6px; position: relative; height: auto; border-image: url("https://external-media.spacehey.net/media/svPg5thrUNpYaeJBhUL3eKIrMp99F8jXeVmrM55LGe6Y=/https://files.catbox.moe/jqcqeg.gif") 7 fill round; }

  • header {

width: 99%; height: 200px;

background-size:contain; border-radius: 4px; }

  • flex-container {

display: flex;

}

  • flex-container > div {

font-size: large;

margin: 10px; padding: 10px; text-align: center; border-style :ridge; border-width: 2px; border-radius: 2px; position: relative; margin-top:10px; contain: content; }

  • bar {

background-color: #f5ffb3; padding: 4px; width: 98%; border-top: 1px dotted #666666; border-bottom: 1px dotted #666666; padding-bottom: 2px; margin-bottom: 2px; }

}

  • left {

font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; margin:auto; text-align: center; float: left; width: 15%; height:835px; }

  • left img {

width:100%; object-fit: contain; }

nav{ background-color: var(--bg-color); border: var(--border); border-radius: var(--border-rad); h2{ margin: 0; padding-top: 5px; padding-bottom: 5px; letter-spacing: .01rem; text-shadow: var(--text-shadow); background-image: url(images/bg/h2.webp); border-top-left-radius: var(--border-rad); border-top-right-radius: var(--border-rad); } a{ border-top: var(--border)!important; display: block; border: none; padding: 5px; background-image: var(--button-bg); box-shadow: var(--button-shadow); text-align: left; color: var(--header-color); text-shadow: var(--text-shadow); img{ margin-right: 7px; vertical-align: -5px; } } a:hover{ background-image: var(--button-bg-hover); box-shadow: var(--button-shadow-hover); text-decoration: underline;

} a:visited{ color: var(--button-link-visited); } }

  • pink{

--button-bg: linear-gradient(#fffcfe 70%, #f7d5e6 100%); --button-shadow: 2px 2px 2px inset white,-1px -1px 1px inset #d6a9b0; }

  • yellow{

--button-bg: linear-gradient(#fffaef 70%, #f7e0d5 100%); --button-shadow: 2px 2px 2px inset white,-1px -1px 1px inset #d6b6a9; }

}

}

  • center{

font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; text-align: center; width: 50%; min-height: 80%; }

  • skib123 {

text-align: center; width: 48%; border: 3px ridge; height: auto; text-align: center; text-wrap: wrap; float: left; } #posts-container { align-self:center; text-align: center; width:48%; height: 22%; border: 3px ridge; background-color: #ad7979; height: inherit; text-align: center; text-wrap: wrap; float: right; height: 250px; overflow-y: auto; }

  • post {

border: 1px solid black; padding: 15px 20px; background:#d0a6a7; box-shadow: 1px 1px 3px rgb(0 0 0/20%); }

  • post-content {

font-size: 1em; overflow: auto; }

  • post-timestamp {

font-size: 0.85em; color: #6e0606; }

  • about {

text-align: center; width: 100%; border: 3px ridge; background-color: var(--bg-color); border-radius: 4px; height: auto;

}

}

  • mybutton {

border-style :ridge; border-width: 2px; border-radius: 2px; background-color:#d0a6a7; text-align: center; }

  • mood {

border-style :ridge; border-width: 2px; border-radius: 2px; background-color:#d0a6a7; text-align: center; text-wrap: wrap; }

  • socials {

border-style :ridge; border-width: 2px; border-radius: 2px; background-color:#d0a6a7; text-align: center; text-wrap: wrap; }

  • contact {

border-style :ridge; border-width: 2px; border-radius: 2px; background-color:#d0a6a7; text-align: center; text-wrap: wrap; }

a, a:hover, a:visited, a:active { color: inherit; text-decoration: none; } h1, h2, h3, h4 { margin:0; } @media only screen and (max-width: 800px) {

      • container {

flex-wrap: wrap; justify-content: center; }

      • flex-container {

flex-wrap: wrap; justify-content: center; }

      • left {

width: 100%; height: fit-content; }

      • center {

width: 90%; height: fit-content; }

      • right {

width: 95%; height: fit-content; }

      • header {

display: none;

} } :root{ /*background*/ --bg-image: url('images/bg/index.png'); --bg-color: white; --bg-divs: #fffcfe;

/*font and text*/ --font: ms pgothic, times new roman; --font-size: 0.96rem; --font-color: #3F334D; --header-color:#42213D; --link-color: rgb(12, 71, 180); --link-decor: underline; --link-visited-color: #7e0ed4; --button-link-visited: rgb(187, 0, 103); --selection-bg: rgba(236, 172, 209, 0.541); --selected-color: #401D31; --line-height: 1.4em; --text-shadow: -1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff;

/*border*/ --border: 2px solid rgb(223, 138, 176); --border-color: rgb(223, 138, 176); --border-rad: 5px;

/**button**/ --button-bg-hover: linear-gradient(#f8fffc 70%, #d5f7e7 100%); --button-shadow-hover: 2px 2px 2px inset white,-1px -1px 1px inset #a9d6bc;

</style>

</body>

<style> h2{ margin: auto; text-align: center; font-family: hellokitty; font-size: 2em; color: #eea2c5; filter: drop-shadow(0px 0px 1px #7e4b38) drop-shadow(0px 0px 1px #FFFFFF) drop-shadow(0px 0px 1px #FFFFFF) drop-shadow(0px 0px 1px #FFFFFF) drop-shadow(0px 0px 1px #FFFFFF) drop-shadow(1px 1px 0px #7e4b38); animation:blinkingText 1.3s infinite; line-spacing: 150%;

margin: auto;} @keyframes blinkingText{0%{ color: #eea2c5; }49%{ color: #Ffdbe5; }60%{ color: white; }99%{ color:white; }100%{ color: #eea2c5; }} </style>

<style> nav a:hover:after { content:url('https://bobcat.moe/graphics/pixels/fetch_039-9.gif'); margin-left:10px; </style>

<div class="container"> <header class="topheader"></header> <div class="wrapper"> <div class="wrapper2"> <div class="header"> <header class="headerheadertotallynotconfusing"></header> <p><h1>vickkuma <img src="https://imgcdn.sigstick.com/5Fbo4rTfJVqIBMIa24A4/cover-1.thumb256.png" alt="" style="height: 5rem; translate: 0 1.3rem;"></h1></div>

<div class="flex-container">

<div class="left">

<p>

</div>

<div class="center"> <div class="about">

<p> <img src="https://i.pinimg.com/originals/35/ad/89/35ad89657c8e20ceb328e5c4c84adc30.gif" style="float:right; width:20%"> <div class="bar"><img src="SHi2T.gif"> welcome to vickkuma.neocities.org <font color=pink>•⩊• </font></div> <p> im the webmistress behind the site, victoria! or call me vicky <font color="pink">✿</font>◠‿◠) this site was made as an outlet to expand my creativity, while being productive and displaying the passion i have for my love of coding and my interests :3 here is what i used as a <a href="credits.html">guide</a> </p>

</p> </div> <div class="skibidi">

<div class="interests"> ‎ ‎ </div> </div> <!--I have been constantly confusing skib123 and skib456 and i should PROBABLY change the name but thats too much effort...--> <div class="skib123">

<img style="width:100%; object-fit:cover;" src="https://i.pinimg.com/originals/f0/f2/16/f0f216116cdec2ea5f2204ceedf47264.gif"> </div>

<div id="posts-container"> </div>

</div>

<div class="right"> <nav> <h2>navigation</h2> <a href="about.html" class="yellow">about me</a> <a href="blog.html" class="pink">blogging</a> <a href="credits.html" style="border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;" class="yellow">credits</a> </nav><br> <div class="mybutton"> <a href="https://ottokake.tumblr.com/post/127018319621/black-gyaru-pixel-masterpost"><img src="https://64.media.tumblr.com/b40ea3ba9347106625d86eee932c0e1b/tumblr_inline_ntaoeumaIa1rqscnx_250.gifv" style="width: 43%; float:right;"loading="lazy"></a> <div class="status"> <center>vicky is feeling: <a href="https://www.imood.com/users/vickkuma"><img src="https://moods.imood.com/display/uname-vickkuma/fg-#FBD0E/trans-1/imood.gif" alt="The current mood of vickkuma at www.imood.com" border="0"></a></div></center> <br><center><!-- FC2 Counter Starts here --> <script language="javascript" type="text/javascript" src="//counter1.fc2.com/counter.php?id=40002905&main=1"></script><noscript><img src="//counter1.fc2.com/counter_img.php?id=40002905&main=1" /></noscript> <!-- FC2 Counter Ends here --> <!-- FC2 Counter Ends here --> <!-- FC2 Clap tag starts here --> <a href="//clap.fc2.com/post/vickkuma/?url=https%3A%2F%2Fvickkuma.neocities.org" target="_blank" title="Web Clap by FC2"><img src="//clap.fc2.com/images/button/pink/vickkuma?url=https%3A%2F%2Fvickkuma.neocities.org&amp;lang=en" alt="Web Clap by FC2" style="border:none;" /></a> <!-- FC2 Clap tag ends here --></center> </div>

</div>

</div> </div>

nov 17 2024 ∞
nov 17 2024 +
our listography guide about privacy terms contact