Admin
Admin
alias
Hozzászólások
Pontok
Kor
Foglalkozás
Lakhely
PB
user
KERESZTNÉV VEZETÉKNÉV
BecenévIDE
Születési időIDE
FoglalkozásIDE
Tartózkodási helyIDE
CsoportHERO
Played byIDE
SzemélyiségNem csupán minden ujjlenyomat egyedi, minden személyiség is az.
Ide kerül a karaktered belső (és akár külső) jellemzése. Nem határozzuk meg, hogy milyen formában írd meg, de derüljön ki belőle, hogy milyen a karaktered személyisége.
Ide kerül a karaktered belső (és akár külső) jellemzése. Nem határozzuk meg, hogy milyen formában írd meg, de derüljön ki belőle, hogy milyen a karaktered személyisége.
TörténetMég a gazemberek mögött is mindig áll egy történet.
A karaktered előtörténete vagy szerepjátékos példa kerüljön ide, minimum 300 szóban.
A karaktered előtörténete vagy szerepjátékos példa kerüljön ide, minimum 300 szóban.
KépességMindegy, hogy képességeid mekkorák: fő, hogy a tőled telhető legjobbat formáld belőlük és általuk.
Itt részletezd a képességeid és a gyengeségeid. Figyelj oda arra, hogy ne legyen legyőzhetetlen vagy túl erős a karaktered.
Itt részletezd a képességeid és a gyengeségeid. Figyelj oda arra, hogy ne legyen legyőzhetetlen vagy túl erős a karaktered.
Admin
Admin
alias
Hozzászólások
Pontok
Kor
Foglalkozás
Lakhely
PB
user
- Karakterlap mina - Hero:
- Kód:
<div class="MM075"><div><div class="MM075-tt"><b></b>KERESZTNÉV VEZETÉKNÉV</div><hr>
<span class="MM075-bo"><div class="MM075-img"><div style="background-image: url(KÉP LINK);"></div></div><div class="MM075-dd">
<div><b>Becenév</b>IDE</div>
<div><b>Születési idő</b>IDE</div>
<div><b>Foglalkozás</b>IDE</div>
<div><b>Tartózkodási hely</b>IDE</div>
<div><b>Csoport</b>HERO</div>
<div><b>Played by</b>IDE</div>
</div></span><hr><div class="MM075-cn"><input type="radio" name="MM075" id="MM075-1" checked/><input type="radio" name="MM075" id="MM075-2" /><input type="radio" name="MM075" id="MM075-3" /><div class="MM075-lab"><label for="MM075-1"><i class="ion-ios-heart-half"></i></label><label for="MM075-2"><i class="ion-ios-book"></i></label><label for="MM075-3"><i class="ion-ios-add-circle"></i></label></div>
<div class="MM075-txt">
<div class="MM075-1"><span><b>Személyiség</b>[i]Nem csupán minden ujjlenyomat egyedi, minden személyiség is az.[/i]</span><div>
Ide kerül a karaktered belső (és akár külső) jellemzése. Nem határozzuk meg, hogy milyen formában írd meg, de derüljön ki belőle, hogy milyen a karaktered személyisége.
</div></div>
<div class="MM075-2"><span><b>Történet</b>[i]Még a gazemberek mögött is mindig áll egy történet.[/i]</span><div>
A karaktered előtörténete vagy szerepjátékos példa kerüljön ide, minimum 300 szóban.
</div></div>
<div class="MM075-3"><span><b>Képesség</b>[i]Mindegy, hogy képességeid mekkorák: fő, hogy a tőled telhető legjobbat formáld belőlük és általuk.[/i]</span><div>
Itt részletezd a képességeid és a gyengeségeid. Figyelj oda arra, hogy ne legyen legyőzhetetlen vagy túl erős a karaktered.
</div></div>
</div></div></div></div><a href="https://emmescodes.tumblr.com/" class="miMM"></a><link href="//dl.dropbox.com/s/hw1euzwqm52r3bk/IonCSS.css" rel="stylesheet"><style>@font-face { font-family: NewYork; src: url(https://dl.dropbox.com/s/esbjyrst1kgq99e/NewYork.otf); } .MM075, .MM075 * { box-sizing: border-box; transition: .3s; scrollbar-color: var(--mm-1) var(--mm-4) !important; scrollbar-width: thin; --mm-1: #008799; --mm-2: #999; --mm-3: #333; --mm-4: #131313; --mm-5: #202020; } .MM075 input, .MM075 br { display: none; } .MM075 { width: 450px; margin: 10px auto; border: 1px solid var(--mm-1); padding: 0 10px; text-align: center; font: 12px Calibri; color: var(--mm-2); } .MM075 > div { background: repeating-linear-gradient(35deg, var(--mm-4) 0px, var(--mm-4) 6px, var(--mm-5) 6px, var(--mm-5) 7px); border: 1px solid var(--mm-3); margin: -11px 0; } .MM075-dd, .MM075 > div > div { border: 1px solid var(--mm-3); background-color: var(--mm-4); padding: 20px; margin: 30px; } .MM075-tt { font: 22px NewYork; color: var(--mm-1); letter-spacing: 2px; } .MM075-tt > b { display: block; font: 12px calibri; text-transform: lowercase; color: var(--mm-2); letter-spacing: normal; } .MM075 hr { margin: 0 !important; border-top: 1px solid var(--mm-3) !important; } .MM075-bo { display: flex; } .MM075-img { width: 180px; border-right: 1px solid var(--mm-3); padding: 5px; position: relative; } .MM075-img::before { content: ""; position: absolute; border: 1px solid var(--mm-1); top: -11px; left: -12px; right: -11px; bottom: -11px; } .MM075-img > div { border: 1px solid var(--mm-3); height: 100%; background-position: center; background-size: cover; } .MM075-dd { flex: 1; padding: 5px; } .MM075-dd > div ~ div { margin-top: 5px; } .MM075-dd > div { padding: 5px; font-size: 14px; border: 1px solid var(--mm-3); } .MM075-dd > div:hover { border: 1px solid var(--mm-1); } .MM075-dd b { display: block; font-size: 10px; text-transform: uppercase; letter-spacing: 2px; color: var(--mm-1); } .MM075-cn { padding: 0 !important; } .MM075-lab { border-bottom: 1px solid var(--mm-3); padding: 2.5px; display: flex; } .MM075-lab > label { border: 1px solid var(--mm-3); padding: 15px; margin: 2.5px; flex-grow: 1; font-size: 20px; color: inherit !important; cursor: pointer; } #MM075-1:checked ~ div label[for*="-1"], #MM075-2:checked ~ div label[for*="-2"], #MM075-3:checked ~ div label[for*="-3"], .MM075-lab > label:hover { border-color: var(--mm-1); } .MM075-lab > label i { display: block; } #MM075-1:checked ~ div label[for*="-1"] i, #MM075-2:checked ~ div label[for*="-2"] i, #MM075-3:checked ~ div label[for*="-3"] i { color: var(--mm-1); transform: scale(1.3); } .MM075-txt { padding: 30px; position: relative; } .MM075-txt > div ~ div { position: absolute; top: 30px; left: 30px; bottom: 30px; right: 30px; } .MM075-txt > div { pointer-events: none; opacity: 0; } #MM075-1:checked ~ div .MM075-1, #MM075-2:checked ~ div .MM075-2, #MM075-3:checked ~ div .MM075-3 { pointer-events: auto; opacity: 1; } .MM075-txt > div > span { display: flex; flex-direction: column; align-items: center; } .MM075-txt > div > span > b { font: 18px NewYork; letter-spacing: 3px; border-bottom: 1px solid var(--mm-1); padding: 0 20px 0 23px; } .MM075-txt > div > div { height: 180px; margin-top: 20px; width: 100%; text-align: justify; hyphens: auto; overflow: auto; padding-right: 5px; } .MM075-txt > div > div br { display: block; } .MM075-txt > div > div br + br { margin: 5px; } .MM075 div::-webkit-scrollbar { width: 5px !important; height: 5px !important; background: var(--mm-4) !important; } .MM075 div::-webkit-scrollbar-thumb { background: var(--mm-1) !important; } .miMM { display: block; font: bold 10px Calibri; letter-spacing: 2px; text-align: center; transition: 0.5s; text-transform: uppercase; padding: 3px; color: #444; } .miMM:hover { letter-spacing: 3px; }</style>
- Karakterlap mina - Villain:
- Kód:
<div class="MM075"><div><div class="MM075-tt"><b></b>KERESZTNÉV VEZETÉKNÉV</div><hr>
<span class="MM075-bo"><div class="MM075-img"><div style="background-image: url(KÉP LINK);"></div></div><div class="MM075-dd">
<div><b>Becenév</b>IDE</div>
<div><b>Születési idő</b>IDE</div>
<div><b>Foglalkozás</b>IDE</div>
<div><b>Tartózkodási hely</b>IDE</div>
<div><b>Csoport</b>VILLAIN</div>
<div><b>Played by</b>IDE</div>
</div></span><hr><div class="MM075-cn"><input type="radio" name="MM075" id="MM075-1" checked/><input type="radio" name="MM075" id="MM075-2" /><input type="radio" name="MM075" id="MM075-3" /><div class="MM075-lab"><label for="MM075-1"><i class="ion-ios-heart-half"></i></label><label for="MM075-2"><i class="ion-ios-book"></i></label><label for="MM075-3"><i class="ion-ios-add-circle"></i></label></div>
<div class="MM075-txt">
<div class="MM075-1"><span><b>Személyiség</b>[i]Nem csupán minden ujjlenyomat egyedi, minden személyiség is az.[/i]</span><div>
Ide kerül a karaktered belső (és akár külső) jellemzése. Nem határozzuk meg, hogy milyen formában írd meg, de derüljön ki belőle, hogy milyen a karaktered személyisége.
</div></div>
<div class="MM075-2"><span><b>Történet</b>[i]Még a gazemberek mögött is mindig áll egy történet.[/i]</span><div>
A karaktered előtörténete vagy szerepjátékos példa kerüljön ide, minimum 300 szóban.
</div></div>
<div class="MM075-3"><span><b>Képesség</b>[i]Mindegy, hogy képességeid mekkorák: fő, hogy a tőled telhető legjobbat formáld belőlük és általuk.[/i]</span><div>
Itt részletezd a képességeid és a gyengeségeid. Figyelj oda arra, hogy ne legyen legyőzhetetlen vagy túl erős a karaktered.
</div></div>
</div></div></div></div><a href="https://emmescodes.tumblr.com/" class="miMM"></a><link href="//dl.dropbox.com/s/hw1euzwqm52r3bk/IonCSS.css" rel="stylesheet"><style>@font-face { font-family: NewYork; src: url(https://dl.dropbox.com/s/esbjyrst1kgq99e/NewYork.otf); } .MM075, .MM075 * { box-sizing: border-box; transition: .3s; scrollbar-color: var(--mm-1) var(--mm-4) !important; scrollbar-width: thin; --mm-1: #D4483E; --mm-2: #999; --mm-3: #333; --mm-4: #131313; --mm-5: #202020; } .MM075 input, .MM075 br { display: none; } .MM075 { width: 450px; margin: 10px auto; border: 1px solid var(--mm-1); padding: 0 10px; text-align: center; font: 12px Calibri; color: var(--mm-2); } .MM075 > div { background: repeating-linear-gradient(35deg, var(--mm-4) 0px, var(--mm-4) 6px, var(--mm-5) 6px, var(--mm-5) 7px); border: 1px solid var(--mm-3); margin: -11px 0; } .MM075-dd, .MM075 > div > div { border: 1px solid var(--mm-3); background-color: var(--mm-4); padding: 20px; margin: 30px; } .MM075-tt { font: 22px NewYork; color: var(--mm-1); letter-spacing: 2px; } .MM075-tt > b { display: block; font: 12px calibri; text-transform: lowercase; color: var(--mm-2); letter-spacing: normal; } .MM075 hr { margin: 0 !important; border-top: 1px solid var(--mm-3) !important; } .MM075-bo { display: flex; } .MM075-img { width: 180px; border-right: 1px solid var(--mm-3); padding: 5px; position: relative; } .MM075-img::before { content: ""; position: absolute; border: 1px solid var(--mm-1); top: -11px; left: -12px; right: -11px; bottom: -11px; } .MM075-img > div { border: 1px solid var(--mm-3); height: 100%; background-position: center; background-size: cover; } .MM075-dd { flex: 1; padding: 5px; } .MM075-dd > div ~ div { margin-top: 5px; } .MM075-dd > div { padding: 5px; font-size: 14px; border: 1px solid var(--mm-3); } .MM075-dd > div:hover { border: 1px solid var(--mm-1); } .MM075-dd b { display: block; font-size: 10px; text-transform: uppercase; letter-spacing: 2px; color: var(--mm-1); } .MM075-cn { padding: 0 !important; } .MM075-lab { border-bottom: 1px solid var(--mm-3); padding: 2.5px; display: flex; } .MM075-lab > label { border: 1px solid var(--mm-3); padding: 15px; margin: 2.5px; flex-grow: 1; font-size: 20px; color: inherit !important; cursor: pointer; } #MM075-1:checked ~ div label[for*="-1"], #MM075-2:checked ~ div label[for*="-2"], #MM075-3:checked ~ div label[for*="-3"], .MM075-lab > label:hover { border-color: var(--mm-1); } .MM075-lab > label i { display: block; } #MM075-1:checked ~ div label[for*="-1"] i, #MM075-2:checked ~ div label[for*="-2"] i, #MM075-3:checked ~ div label[for*="-3"] i { color: var(--mm-1); transform: scale(1.3); } .MM075-txt { padding: 30px; position: relative; } .MM075-txt > div ~ div { position: absolute; top: 30px; left: 30px; bottom: 30px; right: 30px; } .MM075-txt > div { pointer-events: none; opacity: 0; } #MM075-1:checked ~ div .MM075-1, #MM075-2:checked ~ div .MM075-2, #MM075-3:checked ~ div .MM075-3 { pointer-events: auto; opacity: 1; } .MM075-txt > div > span { display: flex; flex-direction: column; align-items: center; } .MM075-txt > div > span > b { font: 18px NewYork; letter-spacing: 3px; border-bottom: 1px solid var(--mm-1); padding: 0 20px 0 23px; } .MM075-txt > div > div { height: 180px; margin-top: 20px; width: 100%; text-align: justify; hyphens: auto; overflow: auto; padding-right: 5px; } .MM075-txt > div > div br { display: block; } .MM075-txt > div > div br + br { margin: 5px; } .MM075 div::-webkit-scrollbar { width: 5px !important; height: 5px !important; background: var(--mm-4) !important; } .MM075 div::-webkit-scrollbar-thumb { background: var(--mm-1) !important; } .miMM { display: block; font: bold 10px Calibri; letter-spacing: 2px; text-align: center; transition: 0.5s; text-transform: uppercase; padding: 3px; color: #444; } .miMM:hover { letter-spacing: 3px; }</style>
- Karakterlap mina - Antihero:
- Kód:
<div class="MM075"><div><div class="MM075-tt"><b></b>KERESZTNÉV VEZETÉKNÉV</div><hr>
<span class="MM075-bo"><div class="MM075-img"><div style="background-image: url(KÉP LINK);"></div></div><div class="MM075-dd">
<div><b>Becenév</b>IDE</div>
<div><b>Születési idő</b>IDE</div>
<div><b>Foglalkozás</b>IDE</div>
<div><b>Tartózkodási hely</b>IDE</div>
<div><b>Csoport</b>ANTIHERO</div>
<div><b>Played by</b>IDE</div>
</div></span><hr><div class="MM075-cn"><input type="radio" name="MM075" id="MM075-1" checked/><input type="radio" name="MM075" id="MM075-2" /><input type="radio" name="MM075" id="MM075-3" /><div class="MM075-lab"><label for="MM075-1"><i class="ion-ios-heart-half"></i></label><label for="MM075-2"><i class="ion-ios-book"></i></label><label for="MM075-3"><i class="ion-ios-add-circle"></i></label></div>
<div class="MM075-txt">
<div class="MM075-1"><span><b>Személyiség</b>[i]Nem csupán minden ujjlenyomat egyedi, minden személyiség is az.[/i]</span><div>
Ide kerül a karaktered belső (és akár külső) jellemzése. Nem határozzuk meg, hogy milyen formában írd meg, de derüljön ki belőle, hogy milyen a karaktered személyisége.
</div></div>
<div class="MM075-2"><span><b>Történet</b>[i]Még a gazemberek mögött is mindig áll egy történet.[/i]</span><div>
A karaktered előtörténete vagy szerepjátékos példa kerüljön ide, minimum 300 szóban.
</div></div>
<div class="MM075-3"><span><b>Képesség</b>[i]Mindegy, hogy képességeid mekkorák: fő, hogy a tőled telhető legjobbat formáld belőlük és általuk.[/i]</span><div>
Itt részletezd a képességeid és a gyengeségeid. Figyelj oda arra, hogy ne legyen legyőzhetetlen vagy túl erős a karaktered.
</div></div>
</div></div></div></div><a href="https://emmescodes.tumblr.com/" class="miMM"></a><link href="//dl.dropbox.com/s/hw1euzwqm52r3bk/IonCSS.css" rel="stylesheet"><style>@font-face { font-family: NewYork; src: url(https://dl.dropbox.com/s/esbjyrst1kgq99e/NewYork.otf); } .MM075, .MM075 * { box-sizing: border-box; transition: .3s; scrollbar-color: var(--mm-1) var(--mm-4) !important; scrollbar-width: thin; --mm-1: #69DB98; --mm-2: #999; --mm-3: #333; --mm-4: #131313; --mm-5: #202020; } .MM075 input, .MM075 br { display: none; } .MM075 { width: 450px; margin: 10px auto; border: 1px solid var(--mm-1); padding: 0 10px; text-align: center; font: 12px Calibri; color: var(--mm-2); } .MM075 > div { background: repeating-linear-gradient(35deg, var(--mm-4) 0px, var(--mm-4) 6px, var(--mm-5) 6px, var(--mm-5) 7px); border: 1px solid var(--mm-3); margin: -11px 0; } .MM075-dd, .MM075 > div > div { border: 1px solid var(--mm-3); background-color: var(--mm-4); padding: 20px; margin: 30px; } .MM075-tt { font: 22px NewYork; color: var(--mm-1); letter-spacing: 2px; } .MM075-tt > b { display: block; font: 12px calibri; text-transform: lowercase; color: var(--mm-2); letter-spacing: normal; } .MM075 hr { margin: 0 !important; border-top: 1px solid var(--mm-3) !important; } .MM075-bo { display: flex; } .MM075-img { width: 180px; border-right: 1px solid var(--mm-3); padding: 5px; position: relative; } .MM075-img::before { content: ""; position: absolute; border: 1px solid var(--mm-1); top: -11px; left: -12px; right: -11px; bottom: -11px; } .MM075-img > div { border: 1px solid var(--mm-3); height: 100%; background-position: center; background-size: cover; } .MM075-dd { flex: 1; padding: 5px; } .MM075-dd > div ~ div { margin-top: 5px; } .MM075-dd > div { padding: 5px; font-size: 14px; border: 1px solid var(--mm-3); } .MM075-dd > div:hover { border: 1px solid var(--mm-1); } .MM075-dd b { display: block; font-size: 10px; text-transform: uppercase; letter-spacing: 2px; color: var(--mm-1); } .MM075-cn { padding: 0 !important; } .MM075-lab { border-bottom: 1px solid var(--mm-3); padding: 2.5px; display: flex; } .MM075-lab > label { border: 1px solid var(--mm-3); padding: 15px; margin: 2.5px; flex-grow: 1; font-size: 20px; color: inherit !important; cursor: pointer; } #MM075-1:checked ~ div label[for*="-1"], #MM075-2:checked ~ div label[for*="-2"], #MM075-3:checked ~ div label[for*="-3"], .MM075-lab > label:hover { border-color: var(--mm-1); } .MM075-lab > label i { display: block; } #MM075-1:checked ~ div label[for*="-1"] i, #MM075-2:checked ~ div label[for*="-2"] i, #MM075-3:checked ~ div label[for*="-3"] i { color: var(--mm-1); transform: scale(1.3); } .MM075-txt { padding: 30px; position: relative; } .MM075-txt > div ~ div { position: absolute; top: 30px; left: 30px; bottom: 30px; right: 30px; } .MM075-txt > div { pointer-events: none; opacity: 0; } #MM075-1:checked ~ div .MM075-1, #MM075-2:checked ~ div .MM075-2, #MM075-3:checked ~ div .MM075-3 { pointer-events: auto; opacity: 1; } .MM075-txt > div > span { display: flex; flex-direction: column; align-items: center; } .MM075-txt > div > span > b { font: 18px NewYork; letter-spacing: 3px; border-bottom: 1px solid var(--mm-1); padding: 0 20px 0 23px; } .MM075-txt > div > div { height: 180px; margin-top: 20px; width: 100%; text-align: justify; hyphens: auto; overflow: auto; padding-right: 5px; } .MM075-txt > div > div br { display: block; } .MM075-txt > div > div br + br { margin: 5px; } .MM075 div::-webkit-scrollbar { width: 5px !important; height: 5px !important; background: var(--mm-4) !important; } .MM075 div::-webkit-scrollbar-thumb { background: var(--mm-1) !important; } .miMM { display: block; font: bold 10px Calibri; letter-spacing: 2px; text-align: center; transition: 0.5s; text-transform: uppercase; padding: 3px; color: #444; } .miMM:hover { letter-spacing: 3px; }</style>
- Karakterlap mina - Outsider:
- Kód:
<div class="MM075"><div><div class="MM075-tt"><b></b>KERESZTNÉV VEZETÉKNÉV</div><hr>
<span class="MM075-bo"><div class="MM075-img"><div style="background-image: url(KÉP LINK);"></div></div><div class="MM075-dd">
<div><b>Becenév</b>IDE</div>
<div><b>Születési idő</b>IDE</div>
<div><b>Foglalkozás</b>IDE</div>
<div><b>Tartózkodási hely</b>IDE</div>
<div><b>Csoport</b>OUTSIDER</div>
<div><b>Played by</b>IDE</div>
</div></span><hr><div class="MM075-cn"><input type="radio" name="MM075" id="MM075-1" checked/><input type="radio" name="MM075" id="MM075-2" /><div class="MM075-lab"><label for="MM075-1"><i class="ion-ios-heart-half"></i></label><label for="MM075-2"><i class="ion-ios-book"></i></label></div>
<div class="MM075-txt">
<div class="MM075-1"><span><b>Személyiség</b>[i]Nem csupán minden ujjlenyomat egyedi, minden személyiség is az.[/i]</span><div>
Ide kerül a karaktered belső (és akár külső) jellemzése. Nem határozzuk meg, hogy milyen formában írd meg, de derüljön ki belőle, hogy milyen a karaktered személyisége.
</div></div>
<div class="MM075-2"><span><b>Történet</b>[i]Még a gazemberek mögött is mindig áll egy történet.[/i]</span><div>
A karaktered előtörténete vagy szerepjátékos példa kerüljön ide, minimum 300 szóban.
</div></div>
</div></div></div></div><a href="https://emmescodes.tumblr.com/" class="miMM"></a><link href="//dl.dropbox.com/s/hw1euzwqm52r3bk/IonCSS.css" rel="stylesheet"><style>@font-face { font-family: NewYork; src: url(https://dl.dropbox.com/s/esbjyrst1kgq99e/NewYork.otf); } .MM075, .MM075 * { box-sizing: border-box; transition: .3s; scrollbar-color: var(--mm-1) var(--mm-4) !important; scrollbar-width: thin; --mm-1: #AD9E4B; --mm-2: #999; --mm-3: #333; --mm-4: #131313; --mm-5: #202020; } .MM075 input, .MM075 br { display: none; } .MM075 { width: 450px; margin: 10px auto; border: 1px solid var(--mm-1); padding: 0 10px; text-align: center; font: 12px Calibri; color: var(--mm-2); } .MM075 > div { background: repeating-linear-gradient(35deg, var(--mm-4) 0px, var(--mm-4) 6px, var(--mm-5) 6px, var(--mm-5) 7px); border: 1px solid var(--mm-3); margin: -11px 0; } .MM075-dd, .MM075 > div > div { border: 1px solid var(--mm-3); background-color: var(--mm-4); padding: 20px; margin: 30px; } .MM075-tt { font: 22px NewYork; color: var(--mm-1); letter-spacing: 2px; } .MM075-tt > b { display: block; font: 12px calibri; text-transform: lowercase; color: var(--mm-2); letter-spacing: normal; } .MM075 hr { margin: 0 !important; border-top: 1px solid var(--mm-3) !important; } .MM075-bo { display: flex; } .MM075-img { width: 180px; border-right: 1px solid var(--mm-3); padding: 5px; position: relative; } .MM075-img::before { content: ""; position: absolute; border: 1px solid var(--mm-1); top: -11px; left: -12px; right: -11px; bottom: -11px; } .MM075-img > div { border: 1px solid var(--mm-3); height: 100%; background-position: center; background-size: cover; } .MM075-dd { flex: 1; padding: 5px; } .MM075-dd > div ~ div { margin-top: 5px; } .MM075-dd > div { padding: 5px; font-size: 14px; border: 1px solid var(--mm-3); } .MM075-dd > div:hover { border: 1px solid var(--mm-1); } .MM075-dd b { display: block; font-size: 10px; text-transform: uppercase; letter-spacing: 2px; color: var(--mm-1); } .MM075-cn { padding: 0 !important; } .MM075-lab { border-bottom: 1px solid var(--mm-3); padding: 2.5px; display: flex; } .MM075-lab > label { border: 1px solid var(--mm-3); padding: 15px; margin: 2.5px; flex-grow: 1; font-size: 20px; color: inherit !important; cursor: pointer; } #MM075-1:checked ~ div label[for*="-1"], #MM075-2:checked ~ div label[for*="-2"], .MM075-lab > label:hover { border-color: var(--mm-1); } .MM075-lab > label i { display: block; } #MM075-1:checked ~ div label[for*="-1"] i, #MM075-2:checked ~ div label[for*="-2"] i { color: var(--mm-1); transform: scale(1.3); } .MM075-txt { padding: 30px; position: relative; } .MM075-txt > div ~ div { position: absolute; top: 30px; left: 30px; bottom: 30px; right: 30px; } .MM075-txt > div { pointer-events: none; opacity: 0; } #MM075-1:checked ~ div .MM075-1, #MM075-2:checked ~ div .MM075-2 { pointer-events: auto; opacity: 1; } .MM075-txt > div > span { display: flex; flex-direction: column; align-items: center; } .MM075-txt > div > span > b { font: 18px NewYork; letter-spacing: 3px; border-bottom: 1px solid var(--mm-1); padding: 0 20px 0 23px; } .MM075-txt > div > div { height: 180px; margin-top: 20px; width: 100%; text-align: justify; hyphens: auto; overflow: auto; padding-right: 5px; } .MM075-txt > div > div br { display: block; } .MM075-txt > div > div br + br { margin: 5px; } .MM075 div::-webkit-scrollbar { width: 5px !important; height: 5px !important; background: var(--mm-4) !important; } .MM075 div::-webkit-scrollbar-thumb { background: var(--mm-1) !important; } .miMM { display: block; font: bold 10px Calibri; letter-spacing: 2px; text-align: center; transition: 0.5s; text-transform: uppercase; padding: 3px; color: #444; } .miMM:hover { letter-spacing: 3px; }</style>
Engedélyek ebben a fórumban:
Nem válaszolhatsz egy témára ebben a fórumban.