~Butter(fly)~ 3426 Actief ~Waiting Hurts. Forgetting Hurts. But not knowing which decision to take can sometimes be the most painful.~
Onderwerp: Sheetjes [Oceanstar] do 24 jan 2019 - 13:57 Hier staan de sheetjes die ik voor Oceanstar heb gekregen of zelf heb gemaakt van de tekeningen die ik heb gekregen van anderen. In de sheet zelf staat dan ook wie wat heeft gedaan. Graag copyright van de code behouden, aangezien deze van een site afkomen alsmede die van de tekeningen natuurlijk. Ik hoop dat jullie ze net zo gaaf vinden als ik. Onder deze staat de eerste en in elke nieuwe post word een andere sheet neer gezet zodat ik het overzicht kan houden. Bedankt iedereen die moeite heeft gestoken in het tekenen van Oceanstar en het geven van deze prachtige cadeau's. Ik besloot dat ik ze beter kon gebruiken dus hoop dat jullie ze net zo tof vinden als ik. De tekeningen die geen achtergrond hadden hebben een foto als achtergrond gekregen, zodat het sheetje net wat professionelere oogde. Gebruik ze alsjeblieft niet zonder toestemming! OCEANSTAR
Bedankt Rebecca!
Code: <link href='http://fonts.googleapis.com/css?family=Wire+One' rel='stylesheet' type='text/css'><center><div style="width: 300px; border-top: 20px solid black; border-bottom: 20px solid black; background-color: white"><div style="width: 300px; height: 300px; background-image: url(https://orig00.deviantart.net/6e58/f/2018/171/c/f/9_lives_by_wolfskull1996-dcewsra.gif)"><img src="https://i.servimg.com/u/f28/19/70/41/73/postsh10.png"></div><div style="width: 300px; font: 50px wire one; letter-spacing: 0px; text-transform: uppercase; text-align: center; margin-top: -25px">OCEANSTAR</div> Tekst hier </div> <div style="width: 300px; border-top: 1px dotted #838383"></div></div><a href="" style="font-family: arial; font-size: 7px; text-transform: uppercase; line-height: 90%; color: black; "></a></center>
Laatst aangepast door Oceanstar op do 24 jan 2019 - 16:47; in totaal 1 keer bewerkt
~Butter(fly)~ 3426 Actief ~Waiting Hurts. Forgetting Hurts. But not knowing which decision to take can sometimes be the most painful.~
Onderwerp: Re: Sheetjes [Oceanstar] do 24 jan 2019 - 13:58 OCEANSTAR
POST HIER; Thanks Rebecca!
Code: <center><link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'><img src="https://orig00.deviantart.net/6e58/f/2018/171/c/f/9_lives_by_wolfskull1996-dcewsra.gif" width="350"><link href='http://fonts.googleapis.com/css?family=Dancing+Script' rel='stylesheet' type='text/css'><div style="font-family: 'dancing script'; font-size:40px; color: #000; text-align: center; text-transform:uppercase; line-height: 10%; text-shadow: 0px 1px 1px #FFFFFF;">OCEANSTAR</div><div style="width: 320px; font-family: serif; font-size:10px; font-color: #000000; text-align: justify; background-color:#ffffff; border-left: 5px solid #000000; border-right: solid 5px #000000; padding: 10px;"> <div style="font-family: 'dancing script'; font-size:30px; color: #8b3a3a; text-align: right; text-transform:lowercase; line-height: 10%; text-shadow: 0px 1px 1px #000;"></div> POST HIER <div style = "width: 320px; height: 35px; line-height: 30px; background-color: #d1d1d1"></div></div><div style = "font-family: 'calibri'; font-size: 6px; text-transform:uppercase;">[url=http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showuser=819]ma cher jessica![/url]</div>
~Butter(fly)~ 3426 Actief ~Waiting Hurts. Forgetting Hurts. But not knowing which decision to take can sometimes be the most painful.~
Onderwerp: Re: Sheetjes [Oceanstar] do 24 jan 2019 - 14:00 Tekst hier, Bedankt Babs voor de tekening en Rebecca voor het vinden van de code.
Code: <link href='http://fonts.googleapis.com/css?family=Playfair+Display:400,700,400italic,700italic' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'> <style type='text/css'> .statw::-webkit-scrollbar {width: 3px;background: #fff;} .statw::-webkit-scrollbar-thumb {background: #000;} .statw::-webkit-scrollbar-corner {background: #fff;} #statue { width: 400px; height: 500px; background-color: #fff; margin: 0 auto;} .statp { width: 350px; height: 200px; margin: 0 auto; background: url(https://i.imgur.com/W4C5SEf.png); background-repeat: no-repeat; background-position:0 25px; position: relative; overflow: hidden;} .stats { width: 350px; height: 100px; background-color: rgba(255, 255, 255, 0.9); position: absolute; top: 175px; left: 100px; transform: rotate(-10deg); -webkit-transform: rotate(-30deg);-moz-transform: rotate(-10deg); -ms-transform: rotate(-10deg); -o-transform: rotate(-20deg); z-index: 1;} .statt { width: 360px; height: 40px; margin: 0 auto; color: #333; font: italic 400 20px/10px playfair display, serif; z-index: 999; margin-top: 20px; text-align: center;} .statsu { font: normal 400 10px/20px playfair display, serif; letter-spacing: 3px; width: 300px; margin: 0 auto; height: 20px;} .statw {width: 300px; height: 200px; margin: 0 auto; font: normal normal 10px/10px open sans, sans-serif; text-align: justify; overflow-y: auto; padding-right: 10px;} </style> <div id='statue'><div class='statp'><div class='stats'></div></div> <div class='statt'>WindClan<div class='statsu'>Leader</div> </div> <div class='statw'> Tekst hier. </div> </div> <center><div style='font: normal normal 9px/15px open sans, sans-serif; letter-spacing: 1px;'><a href='http://cttw.jcink.net/index.php?showuser=178' style='color: #333;'>missy</a></div></center>
~Butter(fly)~ 3426 Actief ~Waiting Hurts. Forgetting Hurts. But not knowing which decision to take can sometimes be the most painful.~
Onderwerp: Re: Sheetjes [Oceanstar] do 24 jan 2019 - 15:59
CALM AS THE STORM ON SEA
------------------------------------------------------ oceanstar, windclan leader --------------------
tags ❋ word count
Tekst komt hier, Q bedankt voor de code en Babs voor de tekening.
Code: <link href='https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Noto+Sans|Varela+Round' rel='stylesheet' type='text/css'><center><div style="width: 400px; background-color: #d1d3cc; border:1px solid #a39b96;"> <div style=" height: 200px; width:400px; background-image:url('https://i.imgur.com/x0rrjbX.png');"></div> <div style="width: 400px; background-color:#e3e7e1; padding-top: 1px; padding-bottom: 1px; text-align: center; font-family: open sans condensed; text-transform: uppercase; font-size: 22px; color: #504e5b; letter-spacing: 4px; line-height: 100%;">CALM AS THE STORM ON SEA <div style="width: 380px; text-align: center; color: #504e5b; font-family: noto sans; font-size: 10px; line-height: 90%;letter-spacing: -1px; padding-left:14px; padding-bottom:3px; "> ------------------------------------------------------ oceanstar, windclan leader --------------------<br></div></div> <p> <div style="padding-top: 1px; padding-bottom: 6px; text-align: center; font-family: noto sans; text-transform: uppercase; font-size: 7px; letter-spacing: 2px; color: #504e5b;"> tags ❋ word count </div> <div style="width: 380px; background-color: #e3e7e1;"> <div style="width: 360px; text-align: justify; color: #504e5b; font-family: Varela Round; font-size: 10px; line-height: 100%; padding-top:10px; padding-bottom:1px; "> <p> Tekst komt hier </div></div> <p><div style="padding-top: 1px; padding-bottom: 6px; text-align: center; font-family: noto sans; text-transform: uppercase; font-size: 7px; letter-spacing: 2px; color: #504e5b;">notes:</div> </div> <div style="text-align: center; font-family: verdana; font-size:6px;color: #504e5b;"> <a href=http://cttw.jcink.net/index.php?showuser=6822>MERCI, LIVIDE</a></div></center>
notes:
~Butter(fly)~ 3426 Actief ~Waiting Hurts. Forgetting Hurts. But not knowing which decision to take can sometimes be the most painful.~
Onderwerp: Re: Sheetjes [Oceanstar] do 24 jan 2019 - 16:01 Dream higher than the sky and deeper than the ocean
Tekst hier, bedankt Q voor de code en Floriske voor de tekening
Code: <center> <link href='http://fonts.googleapis.com/css?family=Lato:200,300,400,600,700,900,200italic,300italic,400italic,600italic,700italic,900italic' rel='stylesheet' type='text/css'> <style type="text/css"> .daimage{ margin-top: 40px; width:90px;height:90px;border-radius:50%;-webkit-border-radius:50%;} .somelyrics {margin-top: -90px; height: 100px; margin-bottom: 20px; margin-left: 110px; color: #662a48; width: 190px; text-transform:uppercase;text-align: justify; font-weight:600;font-size:10px;letter-spacing:3px;line-height:130%; padding-top:13px;font-family: Lato; } .somewords { width:300px; font-family: calibri; font-size: 11px; line-height: 90%; text-align: justify; padding:45px; background:url('https://i.imgur.com/A5Z9d74.gif'); background-repeat: no-repeat; background-color:#fff; color: #666;} .somewords b {color: #662a48; font-size: 12px; font-family:Lato; } .somewords i {color: #662a48; font-family:Lato; font-size: 12px;} </style> <div class="somewords"> <img src="https://i.imgur.com/pJun4iT.png" class="daimage"> <div class="somelyrics"> Dream higher than the sky and deeper than the ocean</div> Tekst hier </div> <div style= "margin-top: 3px; text-align: center; font-family: times; font-size: 10px; background-color:transparent; color:#000;">[url=http://cttw.b1.jcink.com/index.php?showuser=136]THANKS[/url]</div> </center>
~Butter(fly)~ 3426 Actief ~Waiting Hurts. Forgetting Hurts. But not knowing which decision to take can sometimes be the most painful.~
Onderwerp: Re: Sheetjes [Oceanstar] do 24 jan 2019 - 16:03 Tekst hier.
Je kan de I speak & I think er onderaan uithalen, ik vind 't persoonlijk wel mooi staan en geeft duidelijkheid c:
Thanks Q voor nog een mooie code en Bunny voor de tekening!
Code: <head> <link href="https://fonts.googleapis.com/css?family=Josefin+Sans:400,400i|Sorts+Mill+Goudy:400,400i" rel="stylesheet"> <style> .namepost { width: 400px; margin: auto; background: url('https://i.imgur.com/oEU4dsr.png') no-repeat center bottom; background-color:#bca988; padding: 0px 0px 273px 0px; } .namewords { font-family: 'Josefin Sans', sans-serif; font-size: 12px; text-align: justify; color: #003366; margin:auto; padding-top:25px; width: 85%; } .namewords b { font-family: 'Sorts Mill Goudy', serif; line-height:13px; font-size:14px; color: #fdf4ff; text-shadow: 2px 1px 0px #2b3746; text-align: justify; } .namewords i { font-family: 'Sorts Mill Goudy', serif; line-height:13px; font-size:15px; color: #183150; text-shadow: 2px 2px 3px #9b84a2; text-align: justify; } .namewords h1 { text-align: center; font-size: 15px; } .roxicredit { margin: auto; font-size: 20px; color:#696969; line-height:25px; text-align: center; } .roxicredit a { text-transform: none; text-decoration: none; color: #696969; } </style> </head> <div class="namepost"> <div style="background-image: linear-gradient(to bottom, #d1d5df, #bca988);"> <div class="namewords"> Tekst hier. Je kan de I speak & I think er onderaan uithalen, ik vind 't persoonlijk wel mooi staan en geeft duidelijkheid c: <br><br> <center><i>"I Speak"</i> | <b>I Think</b></center> </div> </div> </div> </div> <div class="roxicredit"><a href="http://cttw.jcink.net/index.php?showuser=17764">Δ</a></div>
"I Speak" | I Think
~Butter(fly)~ 3426 Actief ~Waiting Hurts. Forgetting Hurts. But not knowing which decision to take can sometimes be the most painful.~
Onderwerp: Re: Sheetjes [Oceanstar] do 24 jan 2019 - 16:05 Oceanstar Leader Tekst hier! Bedankt Q voor de code en Kip voor de geweldige tekening!
Code: <div class='meg-round'> <center><img src='https://i.imgur.com/ZJJ5uB7.png' /></center> <h1>Oceanstar</h1> <h2>Leader</h2> <p>Tekst hier!</p> <h3><b>NOTES:</b> one is the loneliest numbah</h3> <div class='zeddit'> <a href='http://cttw.jcink.net/index.php?showtopic=868'>&</a> </div> </div> <link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'> <style>#userlinks { z-index: 9999; } .meg-round { width: 350px; padding: 0 0 10px; margin: 15px auto; background-color: #F5F5F5; box-shadow: 0 0 0 10px #F5F5F5, 0 0 0 11px #ccc; border-top: 100px solid #171717; position: relative; text-align: justify; font-family: 'Roboto', sans-serif; font-size: 11px; color: #333; line-height: 1.4em; letter-spacing: 0.03em; } .meg-round img { -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; height: 150px; width: 150px; display: block; margin: -95px auto 0; background-color: #F5F5F5; padding: 10px; position: relative; z-index: 3; } .meg-round h1, .meg-round h2, .meg-round h3 { width: 175px; font-weight: normal; color: #F5F5F5; background-color: #272727; font-size: 9px; position: absolute; margin: 1px 0; padding: 0px 10px; text-transform: uppercase; } .meg-round h1 { top: 0; left: 0; text-align: left; height: 25px; line-height: 25px; } .meg-round h2 { top: 0; right: 0; text-align: right; height: 25px; line-height: 25px; } .meg-round h3 { position: relative; width: 330px; padding: 3px 10px; margin-top: 20px; } .meg-round p { margin-right: 20px; margin-left: 20px; } .meg-round p:nth-child(4) { padding-top: 0px; margin-top: 0px; } .meg-round p:last-child { padding-bottom: 0px; margin-bottom: 0px; } .zeddit { position: absolute; bottom: -30px; left: 0; right: 0; text-align: center; }</style>
NOTES: one is the loneliest numbah
Laatst aangepast door Oceanstar op do 24 jan 2019 - 16:21; in totaal 1 keer bewerkt
~Butter(fly)~ 3426 Actief ~Waiting Hurts. Forgetting Hurts. But not knowing which decision to take can sometimes be the most painful.~
Onderwerp: Re: Sheetjes [Oceanstar] do 24 jan 2019 - 16:07 T
ekst hier
Remember that je de eerste letter van de zin, alleen aan 't BEGIN van je post bij de letter1 div zet, dan wordt die groter c:
Bedankt Q voor een andere geweldige code en Rebecca voor deze toffe tekening.
Code: <link href='http://fonts.googleapis.com/css?family=Playfair+Display:400,400italic,700,700italic,900' rel='stylesheet' type='text/css'> <style> .miricredit { text-align: center; text-transform:uppercase; line-height: 150%;} .miricredit a { font-family: calibri; font-size: 8px; letter-spacing:1px; color: #aaa; } .letter1 { margin-left: 0px; float: left; font-family: playfair display; text-transform: uppercase; font-size: 35px; color: #000; padding: 10px; line-height: 50%; font-style: italic; } .threadtext { background: #fdfdfd; padding: 0px; width: 385px;line-height: 140%; font-size: 11px; letter-spacing: 0.5px; font-family: playfair display; text-align: justify; color: #2d2d2d;} </style> <center><img src="https://i.imgur.com/rtnPsur.png" style="padding-bottom: 5px"> <div class="threadtext"><div style="margin-top: 0px; text-align: justify; border: 3px double #ddd; padding: 45px;"> <div class="letter1">T</div> ekst hier Remember that je de eerste letter van de zin, alleen aan 't BEGIN van je post bij de letter1 div zet, dan wordt die groter c: <p> </div></div> <div class="miricredit"><a href="http://cttw.jcink.net/index.php?showuser=7588">window blues</a> </div></center>
~Butter(fly)~ 3426 Actief ~Waiting Hurts. Forgetting Hurts. But not knowing which decision to take can sometimes be the most painful.~
Onderwerp: Re: Sheetjes [Oceanstar] do 24 jan 2019 - 16:45 OCEANSTAR
Tekst hier, Q heeft hetzelfde sheetje als de bovenste even wat leesbaarder gemaakt. Code: <link href='http://fonts.googleapis.com/css?family=Wire+One' rel='stylesheet' type='text/css'><center><div style="width: 300px; border-top: 20px solid black; border-bottom: 20px solid black; background-color: white"><div style="width: 300px; height: 300px; background-image: url(https://orig00.deviantart.net/6e58/f/2018/171/c/f/9_lives_by_wolfskull1996-dcewsra.gif)"><img src="https://i.servimg.com/u/f28/19/70/41/73/postsh10.png"></div><div style="width: 300px; font: 50px wire one; letter-spacing: 0px; text-transform: uppercase; text-align: center; margin-top: -25px">OCEANSTAR</div> [left][justify]<blockquote>[size=11] Tekst hier [/size]</blockquote>[/justify] [/left] <div style="width: 300px; border-top: 1px dotted #838383"></div></div><a href="" style="font-family: arial; font-size: 7px; text-transform: uppercase; line-height: 90%; color: black; "></a></center>
~Butter(fly)~ 3426 Actief ~Waiting Hurts. Forgetting Hurts. But not knowing which decision to take can sometimes be the most painful.~
Onderwerp: Re: Sheetjes [Oceanstar] di 5 maa 2019 - 14:14
OCEANSTAR windclan leader Dit is een nieuw sheetje met een tekening van Bunny. Deze heb ik zelf hierin geplaatst en graag zou ik Bunny bedanken voor deze gave tekening!
Code: <link href="https://fonts.googleapis.com/css?family=Cousine|Karla:400,400i,700" rel="stylesheet"><link href="https://files.jcink.net/uploads/rosemountain/loyalty.css" rel="stylesheet"><link rel="stylesheet" href="https://files.jcink.net/uploads/rosemountain/mitzicred.css"><div class="loyalty"><div class="inner"> <div class="pic" style="background:url(https://i.imgur.com/SykMhmb.png)"></div> <div class="triangle"></div><div class="titles"> <h1>OCEANSTAR</h1> <h2>windclan leader</h2> </div><div class="text">Tekst hier!!!</div></div></div><div class="mitzicredit" style="width:400px;"><a href="https://cttw.jcink.net/index.php?showuser=10464">FROM MITZI WITH LOVE</a></div>
Laatst aangepast door Oceanstar op di 5 maa 2019 - 14:36; in totaal 1 keer bewerkt
~Butter(fly)~ 3426 Actief ~Waiting Hurts. Forgetting Hurts. But not knowing which decision to take can sometimes be the most painful.~
Onderwerp: Re: Sheetjes [Oceanstar] di 5 maa 2019 - 14:33 Dit is een van de twee tekeningen van Robin in een sheetje met een toegevoegde background. De eerste heeft lijnen en die is te zien op Ocean's profiel en deze zonder omlijning heb ik gebruikt voor dit sheetje. Code: <link href="https://fonts.googleapis.com/css?family=Montserrat:400,800|Gothic+A1" rel="stylesheet"> <style> #partysover { width: 300px; height: 400px; background:; position: relative; margin: 20px auto 0px; background: #f0f0f0; outline: 1px solid #eee; overflow: hidden; } .poquotespot { width: 270px; height: 40px; position: relative; background: #f6f6f6; left: 15px; top: 30px; outline: 1px solid #eee; overflow: hidden; } .poimageback { height: 315px; width: 270px; background-size: cover; position: relative; top: 15px; left: 15px; outline: 1px solid #eee; overflow: hidden; -webkit-filter: grayscale(0%); filter: grayscale(0%); transition: 1s; } #partysover:hover .poimageback { -webkit-filter: grayscale(0%); filter: grayscale(100%); transition: 1s; } #partysover quote { display: block; font-family: montserrat; text-transform: uppercase; font-size: 9px; text-align: center; width: 270px; position: absolute; left: 0px; top: 14px; color: #999; line-height: 130%; transition: 0.8s; } #partysover backquote { display: block; font-family: montserrat; text-transform: uppercase; font-size: 25px; text-align: center; width: 270px; position: absolute; left: 0px; top: 4px; color:#eee; line-height: 130%; transition: 0.8s; font-weight: 800; opacity: 0; } #partysover:hover quote { top: -10px; transition: 1s; } #partysover:hover backquote { opacity: 1; transition: 1s; } #partysover description { display: block; font-family: montserrat; text-transform: uppercase; font-size: 9px; text-align: center; width: 270px; position: absolute; left: 0px; bottom: -10px; color: #999; line-height: 130%; transition: 1s; } #partysover:hover description { bottom: 14px; transition: 1s; } .poimagewithin { background: rgba(240, 240, 240, 0.7); width: 270px; height: 315px; position: absolute; bottom: 0px; left: 0px; opacity: 0; transition: 1s; display: flex; justify-content: center; align-items: center; transition-delay: 0.3s; } #partysover:hover .poimagewithin { opacity: 1; transition: 1s; transition-delay: 0s; } .potexthold { background: #f0f0f0; outline: 1px solid #eee; position: relative; height: 295px; width: 250px; display: block; transition: 1s; transition-delay: 0s; opacity: 0; } #partysover:hover .potexthold { opacity: 1; transition: 1s; transition-delay: 1s; } #partysover text { display: block; height: 275px; width: 225px; position: absolute; top: 10px; left: 10px; overflow: auto; font-family: gothic a1; text-align: justify; padding-right: 5px; font-size: 11px; color: #777; line-height: 150%; transition: 1s; opacity: 0; } #partysover:hover text { opacity: 1; transition: 1s; } #partysover text::-webkit-scrollbar { width: 2px; } #partysover text::-webkit-scrollbar-track { background: none!important; border: none !important; } #partysover text::-webkit-scrollbar-thumb { background: #f9f9f9 !important; border: none !important; } #partysover b { background: #ddd; padding: 2px; } </style> <div id="partysover"> <div class="poimageback" style="background-image: url(https://i.imgur.com/cUP3CCs.png)"> <div class="poimagewithin"> <div class="potexthold"> <text> TEKST HIER</text> </div> </div> </div> <div class="poquotespot"> <backquote>We are stars</backquote> <quote>Freedom is never given, it is won.</quote> <description>Windclan Leader</description> </div> </div><center><a href="http://cttw.jcink.net/index.php?showuser=18033" style="color:#ccc;font-size:7px;letter-spacing:5px;">MONTY</a></center>
We are stars Freedom is never given, it is won.
Windclan Leader
MONTY
~Butter(fly)~ 3426 Actief ~Waiting Hurts. Forgetting Hurts. But not knowing which decision to take can sometimes be the most painful.~
Onderwerp: Re: Sheetjes [Oceanstar] za 27 apr 2019 - 14:54 tag: -
De tekening is door Robin gemaakt, en ik heb de code gevonden en er een mooi sheetje van gemaakt.
Code: <link href="https://fonts.googleapis.com/css?family=Noto+Serif:400i,400,700,700i|Playfair+Display" rel="stylesheet"> <style> .itsthefuzz { position: relative; background: #f7f7f7; height: 500px; width: 500px; border: 1px solid #ccc; margin: 20px auto 0px; } .itstheback { background-color: #f4eada; position: absolute; height: 500px; width: 200px; border-left: 1px solid #ccc; top: 0px; right: 0px; } .itstheimghold { height: 450px; width: 150px; border: 10px solid #f7f7f7; outline: 1px solid #ccc; top: 15px; left: 15px; position: absolute; background: #f7f7f7; } .itstheback img { position: absolute; height: 450px; width: 150px; object-fit: cover; top: 0px; left: 0px; filter: grayscale(20%) contrast(70%); -webkit-filter: grayscale(20%) contrast(70%); transition: 0.5s; -webkit-transition: 0.5s; } .itsthefuzz:hover .itstheback img { height: 400px; } .itsthetagbox { height: 0px; position: absolute; width: 128px; background: #f4eada; padding: 0px 10px; text-align: center; bottom: 0px; overflow: hidden; font-family: noto serif; font-size: 11px; font-style: italic; color: #393939; letter-spacing: 0.7px; display: flex; justify-content: center; align-items: center; line-height: 150%; transition: 0.5s; -webkit-transition: 0.5s; text-shadow: -1px 1px 0 #f7f7f7, 1px 1px 0 #f7f7f7, 1px -1px 0 #f7f7f7; -1px -1px 0 #f7f7f7; border: 0px solid #ccc; } .itsthefuzz:hover .itsthetagbox { height: 30px; padding: 10px; border: 1px solid #ccc; } .itstheheader { font-family: playfair display; font-weight: 400; text-transform: uppercase; letter-spacing: 2px; position: relative; font-size: 30px; color: #393939; line-height: 130%; } .itstheheader b { background: white; font-weight: 400; } .itsthetext { position: relative; top: 20px; width: 240px; overflow: auto; padding-right: 5px; font-family: noto serif; font-size: 11px; text-align: justify; line-height: 160%; letter-spacing: 0.5px; margin-bottom: 20px; color: #393939; } .itsthemain { display: flex; flex-direction: column; max-height: calc(100% - 60px); padding: 30px; } .itsthetext b { color: #9b987f; } .itsthetext::-webkit-scrollbar{width:5px;} .itsthetext::-webkit-scrollbar-track{background:#f7f7f7!important;border: 1px solid #ccc;} .itsthetext::-webkit-scrollbar-thumb{background:#f4eada;border: 1px solid #ccc;} .itsthetext img { object-fit: cover; height: 65px; width: 65px; float: left; outline: 1px solid #ddd; outline-offset: 5px; margin: 6px; margin-right: 15px; filter: grayscale(20%) contrast(70%); -webkit-filter: grayscale(20%) contrast(70%); } </style> <div class="itsthefuzz"> <div class="itstheback"> <div class="itstheimghold"> <img src="https://i.imgur.com/N5TUM2U.png"> <div class="itsthetagbox"> tag: - </div> </div> </div> <div class="itsthemain"> <div class="itstheheader"><b> Oceanstar </b></div> <div class="itsthetext"> <img src="https://i.imgur.com/qgg7Xyq.png"> POST GOES HERE </div> </div> </div><center><a href="http://cttw.jcink.net/index.php?showuser=18033" style="color:#ccc;font-size:7px;letter-spacing:5px;">MONTY</a></center>
MONTY
~Butter(fly)~ 3426 Actief ~Waiting Hurts. Forgetting Hurts. But not knowing which decision to take can sometimes be the most painful.~
Onderwerp: Re: Sheetjes [Oceanstar] wo 1 mei 2019 - 18:38 not just beautiful, though
–the stars are like the trees in the forest, alive and breathing. And they’re watching me.
TEXT HERE! De tekening is van Babs, dit sheetje is gemaakt voor een speciaal topicsoort.
Code: <link href="https://fonts.googleapis.com/css?family=Mr+Dafoe|Raleway" rel="stylesheet"> <style> #watch {width: 450px;height: auto;padding-bottom:20px;background: #eee;padding-top:20px;font-family: 'Raleway', sans-serif; border:5px solid white;} #watch .image {background-image: url("https://imgur.com/V8VmKKC.png"); background-size: 100%;height:125px; width:125px; float:left; border: 4px solid #bfd6ff; box-shadow: 0 0 3pt 2pt #fff; box-shadow: 0 0 0 2pt #fff;margin: 3px 10px 3px 3px;border-radius:100%; -webkit-filter: grayscale(0.3); filter: grayscale(.30);display:inline-block;-moz-transition-duration: 1.5s;-webkit-transition-duration: 1.5s;-o-transition-duration;} #watch:hover .image {-webkit-filter: grayscale(0.7); background-size:100%; filter: grayscale(0.7);border-radius:0%;} #watch .text {text-align:justify;color: black;font-size: 11px;height: auto;width: 85%;padding: 10px;} #watch .lyrics1 {font-family: 'Mr Dafoe', cursive;line-height: 15%;font-size: 27px;color: #bfd6ff;text-align: center;padding-top: 10px;-moz-transition-duration: 0.6s;-webkit-transition-duration: 0.6s;-o-transition-duration;} #watch .lyrics2 {font-family: 'Raleway', sans-serif;line-height: 75%;font-size: 20px;color: black;text-align: center;padding-top: 10px;letter-spacing: 2.3px;text-transform: lowercase;} #watch:hover .lyrics1 {text-shadow: 2px 2px 4px #222;} #watch b {color: #bfd6ff;font-size: 13px;} #watch .notes {background: white;color: black;font-size: 10px;padding-top: 10px;padding-bottom:10px;text-align: center; font-family:'Raleway',sans-serif;text-transform:lowercase;height:20px; overflow:auto;} </style> <center> <div id="watch"> <div class="lyrics1">not just beautiful, though</div> <div class="lyrics2">–the stars are like the trees in the forest, alive and breathing. And they’re watching me.</div> <div style="padding:5px;"></div> <div class="text"> <div class="image"></div> TEXT HERE! </div> <div class="notes"><b>T A G</b> PERSON <b>W O R D S</b> ### <b>N O T E S</b> None </div> </div> <a href="http://cttw.jcink.net/index.php?showuser=18033" style="color:#ccc;font-size:7px;">M O N T Y</a> </center>
T A G PERSON W O R D S ### N O T E S None
M O N T Y
Onderwerp: Re: Sheetjes [Oceanstar]