Karakterlap-sablon 3.0

**Galactic Center** Wed Aug 10, 2022 10:18 pm

KARAKTERNÉV
Kor
Származás
Faj
Rang

Képesség

Foglalkozás
Fökarakter
PB-alany

Jellem

Alcím

IDE JÖN A SZÖVEG

Élettörténet

Alcím

IDE JÖN A SZÖVEG

Egyéb

Alcím:

IDE JÖN A SZÖVEG

Emme

Code:: <div class="MM052"><div class="MM052-top"><div class="MM052-img" style="background-image: url(https://c.tenor.com/dZJKSddeUYcAAAAC/energy.gif);"></div> <div class="MM052-in"> <span style="font-size: 24px;"><b></b>KARAKTERNÉV</span> <span class="th th-book-o"> Kor</span> <span class="th th-book-o"> Származás</span> <span class="th th-book-o"> Faj</span> <span class="th th-book-o"> Rang</span> <span class="th th-book-o"> [left]Képesség[/left] </span> <span class="th th-book-o"> Foglalkozás</span> <span class="th th-book-o"> Fökarakter</span> <span class="th th-book-o"> PB-alany</span> </div></div> <label><input type="checkbox"><div class="MM052-tt"> <span><b></b>Jellem</span> </div> <div class="MM052-hd"><div> <div>Alcím</div> IDE JÖN A SZÖVEG </div></div> </label> <label><input type="checkbox"><div class="MM052-tt"> <span><b></b>Élettörténet</span> </div> <div class="MM052-hd"><div> <div>Alcím</div> IDE JÖN A SZÖVEG</div></div> </label> <label><input type="checkbox"><div class="MM052-tt"> <span><b></b>Egyéb</span> </div> <div class="MM052-hd"><div> <div>Alcím:</div> IDE JÖN A SZÖVEG</div></div> </label> </div><a class="miMM" href="https://emmescodes.tumblr.com/" title="Code by Emme">Emme</a> <link href="https://fonts.googleapis.com/css?family=Arimo|Lora" rel="stylesheet"> <link href="//db.onlinewebfonts.com/c/4b50a17694ebfd0e0f014a850426aa65?family=Tulpen+One" rel="stylesheet" type="text/css"/> <style>.MM052, .MM052 * { box-sizing: border-box; scrollbar-color: #FFF2 #FFF2 !important; scrollbar-width: none; transition: .5s; } .MM052 input, .MM052 br { display: none; } .MM052 { width: 550px; margin: auto; background: #222; padding: 30px; color: #CCC; font: 14px Tulpen One; } .MM052-top { display: flex; } .MM052-img { width: 150px; background-position: center; background-size: cover; } .MM052-in { margin-left: 10px; border-left: 1px dotted; padding: 10px 0 10px 30px; flex: 1; } .MM052-tt > span, .MM052-in > span { font: 14px Tulpen One; text-transform: uppercase; letter-spacing: 2px; display: flex; } .MM052-tt > span > b, .MM052-in > span > b { margin-right: auto; } .MM052-txt { padding: 20px; text-align: justify; letter-spacing: 1px; margin-top: 10px; } .MM052 label { margin: 0; padding: 0; color: inherit; } .MM052-tt { margin-top: 50px; cursor: crosshair; } .MM052-tt:hover { color: #FFF; } .MM052-tt > span { border-bottom: 1px dotted; padding: 0 10px 5px; } .MM052-tt > div { text-align: center; padding: 5px; letter-spacing: 2px; } .MM052-hd { padding: 0 20px; display: flex; height: 0px; overflow: hidden; line-height: 1.7; letter-spacing: 2px;} .MM052 input:checked ~ .MM052-hd { height: 150px; padding: 20px; } .MM052-hd > div { max-height: 100%; overflow: auto; text-align: justify; letter-spacing: 1px; } .MM052-hd > div > div { font: bold 12px Tulpen One; text-transform: uppercase; letter-spacing: 3px; padding-top: 10px;} .MM052-hd > div br, .MM052-txt br { display: block; } .MM052-hd > div bt + br, .MM052-txt br + br { margin: 5px; } .MM052 div::-webkit-scrollbar { width: 5px !important; height: 5px !important; background: #FFF2 !important; } .MM052 div::-webkit-scrollbar-thumb { background: #FFF2 !important; } .miMM { display: block; font: bold 10px Tulpen One; letter-spacing: 2px; text-align: center; transition: 0.5s; text-transform: uppercase; padding: 3px; color: #444; } .miMM:hover { letter-spacing: 3px; }</style>