Posts
IC Posts
Lemuria Citizen
Guivre Requin
Guivre's sheet:
MONTY
You are nothing until the thrill of the killbecomes your only law
POST HERE.
- Code:
<link href="https://fonts.googleapis.com/css?family=Istok+Web:400,700|Source+Code+Pro|Libre+Baskerville:400i" rel="stylesheet"> <style> #masks { position: relative; margin: 20px auto 0px; width: 350px; background: black; overflow: hidden; padding: 50px; padding-bottom: 250px; } #masks img { position: absolute; object-fit: cover; height: 200px; width: 450px; bottom: 0px; overflow: hidden; filter: grayscale(100%); -webkit-filter: grayscale(100%); left: 0px; } .mimgover { background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(229,229,229,0) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(229,229,229,0) 100%); background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(229,229,229,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00e5e5e5',GradientType=0 ); position: absolute; height: 200px; width: 450px; bottom: 0px; left: 0px; } .mline1 { height:200px; width: 1px; background: #66CCFF; position: absolute; right: 25px; bottom: 0px; } #masks quote { display: block; font-family: istok web; position: absolute; color: #66CCFF; text-transform: uppercase; font-size: 10px; letter-spacing: 10px; width: 200px; text-align: right; bottom: 0px; right: 35px; line-height: 140%; font-weight: 700; z-index: 1; height: 200px; } .mabox { width: 450px; height: 200px; mix-blend-mode: screen; position: absolute; bottom: 0px; right: 0px; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,51,102, 1) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,51,102, 1) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,51,102, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#9f0000',GradientType=0 ); } #masks quote2 { color: #fff; font-size: 8px; font-family: libre baskerville; text-transform: lowercase; text-align: right; line-height: 230%; letter-spacing: 4px; opacity: 0.3; display: block; font-style: italic; } #masks text { position: relative; color: #72; width: 350px; height: auto; font-size: 11px; font-family: istok web; line-height: 180%; text-align: justify; display: block; } #masks b { color: white; opacity: 0.6; } #masks text::-webkit-scrollbar{width:1px} #masks text::-webkit-scrollbar-track{background:#000!important;border:none!important} #masks text::-webkit-scrollbar-thumb{background: rgba(114, 114, 114,0.3)} </style> <div id="masks"> <img src="https://external-content.duckduckgo.com/iu/?u=http%3A%2F%2Fwallup.net%2Fwp-content%2Fuploads%2F2016%2F12%2F08%2F82550-shark-dark-sea-underwater.jpg"> <div class="mimgover"></div> <div class="mline1"></div><div class="mabox"></div> <quote>You are nothing until the thrill of the kill <quote2>becomes your only law</quote2> </quote> <p style="font-size: 11px; text-align: justify;"> POST HERE. </p></div><center><a href="http://cttw.jcink.net/index.php?showuser=18033" style="color:#ccc;font-size:7px;letter-spacing:5px;">MONTY</a></center>
Thu Jul 07, 2022 5:18 pm
Posts
IC Posts
Ravaryn Citizen
Isabella Rizal
- Code:
<style> .gem-wrap { --gem-bg1: #ECECEC; --gem-bg2: #C38A8A; /* background texture image, NOT character image */ --gem-bgimg: url(https://files.jcink.net/uploads2/widowspeakskins/fimg/grungetex.png); --gem-text: #444; --gem-bold: #9A6464; --gem-font: 300 14.5px/1.6em "Roboto Slab", serif; --gem-notefont: 300 10px/1.5em "Roboto", sans-serif; --gem-notecolor: #E8E8E8; --credit-color: #ececec; } .gem-wrap { width: 500px; padding-top: 250px; min-height: 400px; margin: 0 auto; background-color: var(--gem-bg1); overflow: hidden; position: relative; } .gem-wrap:before { content: ""; position: absolute; display: block; width: 120%; height: 200px; top: -40px; left: -65px; transform: rotate(-9deg); background: var(--gem-bg2) var(--gem-bgimg) no-repeat top; background-size: cover; } .gem-diamond { transform: rotate(-45deg); width: 106px; height: 106px; overflow: hidden; position: absolute; top: 92px; left: 50%; margin-left: -53px; outline: 10px solid var(--gem-bg2); transition: all .5s linear; } .gem-sparkle { transform: rotate(45deg); overflow: hidden; width: 150px; height: 150px; margin: -22px; } .gem-sparkle img { height: 100%; width: 100%; } .gem-diamond:hover, .gem-diamond:focus { outline-color: var(--gem-bg1); } .gem-post { font: var(--gem-font); white-space: pre-line; margin: 0 70px 2em; text-align: justify; color: var(--gem-text); letter-spacing: 0.02em; } .gem-scroll { max-height: 395px; overflow-y: scroll; margin-right: 60px; padding-right: 10px; } .gem-post b { color: var(--gem-bold); font-weight: 300; } .gem-notes { background-color: var(--gem-bg2); background: var(--gem-bg2) var(--gem-bgimg) no-repeat top; background-size: cover; padding: 2em 70px; letter-spacing: .06em; text-transform: uppercase; font: var(--gem-notefont); color: var(--gem-notecolor); text-align: justify; text-align-last: center; } .gem-scroll::-webkit-scrollbar-track { background: var(--gem-bg1); } .gem-scroll::-webkit-scrollbar-thumb { background: var(--gem-bg2); } a.gem-wdwspk { background-color: var(--credit-color); height: 10px; width: 10px; position: absolute; display: inline-block; bottom: -5px; right: 50%; margin-right: -5px; transform: rotate(45deg); }</style> <link rel="preconnect" href="https://fonts.gstatic.com"> <link href="https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300&display=swap|Roboto:wght@300&display=swap" rel="stylesheet"> <div class="gem-wrap"> <div class="gem-diamond" tabindex="0"> <div class="gem-sparkle"> <img style="object-fit: cover; object-position: top;" src="https://64.media.tumblr.com/7f4d09b1978f6c2a9ac92e57c573f023/tumblr_ofymliVNtp1s7r9p8o4_400.gif"> </div> </div> <div class="gem-post"> TEXT GOES HERE </div> <div class="gem-notes">NOTES AND TAG </div> <a class="gem-wdwspk" href="https://cttw.jcink.net/index.php?showuser=287" aria-label="code by widowspeak" title="widowspeak"> </a> </div>
Mon Jul 11, 2022 2:02 pm
Posts
IC Posts
Princess of Xaila
Phaedra Daetrys
Even the darkest night will end
And the sun will rise
And the sun will rise
TEXT HERE
@ username
eve's codes
- Code:
<link href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Inconsolata:400,700" rel="stylesheet"> <style> #neon {width: 500px; border: 1px solid #000; background: #fff; margin: auto} #neon .topbit {height: 180px; width: 100%; position: relative; border-bottom: 1px solid #000} #neon .topbit .imgbit {position: absolute; width: 45%; height: 100%; box-sizing: border-box; right: 0; border-left: 1px solid #000; padding: 20px; background: #CB8653} #neon .topbit .imgbit img {height: calc(100% - 40px); width: calc(100% - 40px); border: 1px solid #000; object-fit: cover;position: absolute; box-sizing: border-box;} #neon .topbit .left {width: 55%; height: 100%; box-sizing: border-box; border: 30px solid transparent;text-align: right; font-family: roboto; text-transform: uppercase; font-weight: 900; color: #000; font-size: 20px; } #neon .topbit .left span {border-bottom: 5px solid #CB8653; line-height: 1.5} #neon .maintxt {padding: 60px; font-family: inconsolata; font-size: 12px; line-height: 1.5; text-align: justify; color: #000} #neon .maintxt .tagbit {width: 100%; border-top: 5px solid #CB8653; margin-top: 10px; padding-top: 10px; font-family: roboto; text-transform: uppercase; font-weight: 900; letter-spacing: 1px; font-size: 13px; margin-bottom: -10px;} #neon .maintxt b {background: #CB8653; color: #000; font-family: roboto; text-transform: uppercase; font-weight: 900; letter-spacing: 1px; font-size: 11px; padding: 2px 5px;} </style> <div id="neon"> <div class="topbit"> <div class="imgbit"> <img src="https://64.media.tumblr.com/eff486cd4c36155452564bf5033907e2/a12b35e8db5ae598-ce/s250x400/800c51fc77cfca5317a75501f715df574a37e5c9.png"> </div> <div class="left"><span>Even the darkest night will end<br>And the sun will rise</span> </div> </div> <div class="maintxt"> TEXT HERE <div class="tagbit">@ username</div> </div> </div> <a href="http://cttw.jcink.net/index.php?showuser=14057"><div style="width: 500px; margin: 10px auto; text-align: right; font-size: 8px; font-family: arial; text-transform: uppercase; color: #aaa;">eve's codes</div></a>
Mon Jul 11, 2022 10:35 pm
Posts
IC Posts
Ashmoor Citizen
Fritz Farrington
TEXT HIER LALALA
- Code:
<center><link href="https://dl.dropbox.com/s/y7a134zj4p4k5jl/a%20moth%20to%20a%20flame.css" rel="stylesheet"><div id="r_moth-to-a-flame" style='--width: 500px; --bg-color: #e1e1e1; --text-bg: #fff; --text-color: #000; --bg-image: url(https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fimages3.alphacoders.com%2F278%2Fthumb-1920-27877.jpg&f=1&nofb=1); --title: "Fritz Farrington";'><div class="rcontainer"><div class="rheader"><div></div></div><div class="rtitle"><div></div></div><div class="rtxt">TEXT HIER LALALA</div></div></div></center>
Thu Jul 21, 2022 10:53 pm
Posts
IC Posts
Sponsored content
Permissions in this forum:
You cannot reply to topics in this forum
|
|