10.05.2018, 15:59
Code:
<link href='https://fonts.googleapis.com/css?family=Voltaire' rel='stylesheet' type='text/css'><link href='https://fonts.googleapis.com/css?family=Khand' rel='stylesheet' type='text/css'><style type="text/css"> /*
--- SPIRITS IN MY HEAD by rubyRED.DIAMOND @ Storming Gates
--- HINTERGRUND-BOX */ #spirits {width: 500px; height: 550px; background: #2d1a11; box-sizing: border-box;} /*
--- LINKS */ #spirits a {color: #ffffff; font-weight: bold;} #spirits a:hover {color: #A4C3BD;} /*
--- BOLD, KURSIV, UNTERSTRICHEN */ #spirits u {color: #955A6C; font-family: 'Khand', sans-serif; font-size: 11px; font-weight: bold; padding: 0 2px; text-transform: uppercase; letter-spacing: 2px; text-decoration: underline;} #spirits b {color: #955A6C; font-family: 'Khand', sans-serif; font-size: 11px; font-weight: bold; text-transform: uppercase; letter-spacing: 2px;} #spirits i {color: #8D908F; font-family: 'Khand', sans-serif; font-size: 11px; text-transform: uppercase; letter-spacing: 2px; font-style: italic;} /*
--- SCROLLBOX */ .simhscroll {width: 500px; height: 450px; overflow-x: scroll; padding: 5px 25px; background: #2d1a11; text-align: justify; -webkit-columns: 5 400px; -moz-columns: 5 400px; columns: 5 400px; -webkit-column-gap: 60px; -moz-column-gap: 60px; column-gap: 60px; box-sizing: border-box;} /*
--- HEADER-BILD */ .simhbild {height: 270px; width:460px; overflow: hidden; padding: 15px; background: #A4C3BD; display: block-inline; background-image:url('https://wonderland.stecktvollergeheimnisse.de/images/boards/world/col.png'); box-sizing: border-box;} /*
--- KLEINE BILDER */ .simhpic {height: 80px; width: 80px; padding: 5px; border: 3px solid #955A6C; float: right; margin-left: 10px; -webkit-border-radius: 80px; -moz-border-radius: 80px; border-radius: 80px;} /*
--- KLEIN BILDER */ .simhpicl {height: 80px; width: 80px; padding: 5px; border: 3px solid #955A6C; float: left; margin-right: 10px; -webkit-border-radius: 80px; -moz-border-radius: 80px; border-radius: 80px;} /*
--- TEXTBOX */ .simhtext {height: 400px; width: 425px; overflow: auto; padding: 15px; display: block-inline; background: #d2b5a4; color: #583210; font-family: arial; font-size: 11px; box-sizing: border-box;}/*
--- ÜBERSCHRIFTEN */ .simhtitel {font-family: 'Voltaire', sans-serif; font-size: 36px; line-height: 40px; color: #ad8f6f; font-weight: bold; text-transform: uppercase; text-shadow: 1px 1px #5B5258; margin-top: 5px;} .simhsubtitel {font-family: 'Khand', sans-serif; font-size: 12px; color: #ffffff; text-transform: uppercase; letter-spacing: 3px; margin-bottom: 12px;} .simhcat {font-family: 'Voltaire', sans-serif; font-size: 18px; color: #54330f; font-weight: bold; text-transform: uppercase; text-shadow: 1px 1px #5B5258; display: inline;} /*
--- SHORTFACTS */ .simhfakt {width: 110px; height: 20px; padding: 5px 3px; margin: 0 5px; background: #5f2c26; font-family: 'Khand', sans-serif; font-size: 11px; color: #ffffff; text-align: center; text-transform: uppercase; letter-spacing: 1px; display: inline-block; position: relative; top: 0px; overflow: hidden;}/*
--- SCROLLBAR */ #spirits ::-webkit-scrollbar {height: 6px; width: 6px;} #spirits ::-webkit-scrollbar-track-piece {background-color:#d2b5a4;} #spirits ::-webkit-scrollbar-thumb:horizontal {background-color:#d2b5a4; border-left: 25px solid #906044; border-right: 25px solid #906044;} #spirits ::-webkit-scrollbar-thumb:vertical {background-color:#d2b5a4;} /*
--- CREDITS */ .creditrrd {display: inline; position: relative; bottom: -10px; right: -222px; z-index: 5; opacity: 0.3;}</style>
<center><div id="spirits">
<div class="simhtitel">Mein Tagebuch</div>
<div class="simhsubtitel">Was bisher geschehen ist</div>
<div class="simhtext"><img src="https://wonderland.stecktvollergeheimnisse.de/images/boards/world/min.png" class="simhpic">
<div class="simhcat">› Datum | Playpartner | Ort</div><br>
Was habt ihr gemeinsam erlebt?
<br>
<img src="https://wonderland.stecktvollergeheimnisse.de/images/boards/world/min.png" class="simhpicl">
<div class="simhcat">› Datum | Playpartner | Ort</div><br>
Was habt ihr gemeinsam erlebt?
</div>
<div class="creditrrd"><a href="https://storming-gates.de/member.php?action=profile&uid=71" target="_blank"><img src="https://wonderland.stecktvollergeheimnisse.de/images/boards/world/ds.png"></a></div>
</div></center>