Vorlage - Inseln

<center>
<style>.kastenmain { background-image: url('http://up.picr.de/21717833tc.jpg'); height: 500px; width: 425px; position: relative; overflow: hidden; }.kastenname { position: absolute; top: 15px; left: 15px; width: 385px; background-color: rgba(50,50,50,0.7); font-family: playfair display; color: #f1f1f1; font-size: 20px; text-align: left; text-transform: lowercase; padding: 8px 5px 5px 5px; font-style: italic; }.kastensub { font-family: courier new; font-size: 10px; text-transform: uppercase; text-align: left; color: #f5f5f5; margin-top: -3px; }.kastentext { position: absolute; bottom: -705px; left: 15px; padding: 15px; width: 365px; height: 380px; background-color: rgba(255,255,255,0.9); font-family: calibri; font-size: 10px; line-height: 11px; text-align: justify; color: #454545; overflow: auto;  -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; } .kastenmain:hover .kastentext { position: absolute; bottom: 15px; left: 15px;  -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; }.kastentext::-webkit-scrollbar {width: 05px;}.kastentext::-webkit-scrollbar-track {background-color: #fafafa;}.kastentext::-webkit-scrollbar-thumb {background-color: #ffffff;}.kastentite { font-family: playfair display; font-size: 13px; margin-bottom: 3px; padding-bottom: 3px; border-bottom: 2px solid #ffffff; text-transform: uppercase; }</style>
<link href='http://fonts.googleapis.com/css?family=Playfair+Display:400,400italic' rel='stylesheet' type='text/css'>

<div class="kastenmain">
<div class="kastenname">Name der Bande
<div class="kastensub">Anzahl der Inseln, bei nur 1 Insel, die Lage (East-, West-, South- oder Northblue, in der neuen Welt oder auf der Grandline)</div></div>
<div class="kastentext">

<div class="kastentite">Y.O.U.R.  F.I.R.S.T.  I.S.L.A.N.D.</div>

Name: Der Name eurer Insel
Lage: Wo liegt sie? Liegt sie im East- oder Westblue, im South- oder Northblue, in der neuen Welt oder auf der Grandline?
Aussehen: Beschreibt das Aussehen eurer Insel. Ist sie groß oder klein? Welche Pflanzen wachsen auf ihr? Ist sie von Riffen umgeben?<p>

<div class="kastentite">Y.O.U.R.  S.E.C.O.N.D.  I.S.L.A.N.D.</div>
(Nur WENN ihr eine 2. besitzt!)

Name: Der Name eurer zweiten Insel
Lage: Wo liegt eure Insel? (wie oben)
Aussehen: Beschreibt auch hier eure Insel.
<p>

<div class="kastentite">Y.O.U.R.  T.H.I.R.D.  I.S.L.A.N.D.</div>

Name: Der Name eurer Insel
Lage: SChreibt hier bitte die Lage eurer Insel rein (wie oben)
Aussehen: Beschreibt eure Insel bitte (wie oben)<p>

</div><div style="text-align: center;font-size: 9px; font-family: playfair display; text-transform: uppercase; letter-spacing: 1px; color: #545453;">crash & burn || TCP </div>

</center>