Difference between revisions of "Celandine"
| Line 155: | Line 155: | ||
display: flex; | display: flex; | ||
margin-bottom: 4px; | margin-bottom: 4px; | ||
| + | text-shadow: 0px 0px 2px #000; | ||
| + | color: #F2ECD8; | ||
| + | font-family: 'PT Sans', Calibri, Arial, Sans Serif; | ||
} | } | ||
| Line 192: | Line 195: | ||
} | } | ||
} | } | ||
| + | <css> | ||
| + | @import 'https://fonts.googleapis.com/css2?family=Charm'; | ||
| + | @import 'https://fonts.googleapis.com/css2?family=PT+Sans'; | ||
| + | |||
| + | a:link { | ||
| + | color: #ff5942; | ||
| + | text-shadow: 1px 1px 1px #000 | ||
| + | } | ||
| + | a:visited { | ||
| + | color: #ff5942; | ||
| + | text-shadow: 1px 1px 1px #000 | ||
| + | } | ||
| + | a:hover { | ||
| + | opacity: 0.7; | ||
| + | -webkit-transition: all .4s ease; | ||
| + | -moz-transition: all .4s ease; | ||
| + | -o-transition: all .4s ease; | ||
| + | -ms-transition: all .4s ease; | ||
| + | transition: all .4s ease; | ||
| + | } | ||
| + | |||
| + | .info { | ||
| + | width: 325px; | ||
| + | background-color: #000000; | ||
| + | border-radius: 0px; | ||
| + | align: center; | ||
| + | margin-left: -85px; | ||
| + | padding: 5px; | ||
| + | border: 1px solid #0a0b2f; | ||
| + | text-align: center; | ||
| + | margin-top: 15px; | ||
| + | font-size: 18px; | ||
| + | font-family: 'PT Sans', Calibri, Arial, Sans Serif; | ||
| + | } | ||
| + | .infotext { | ||
| + | text-shadow: 0px 0px 2px #000; | ||
| + | color: #F2ECD8; | ||
| + | font-family: 'PT Sans', Calibri, Arial, Sans Serif; | ||
| + | font-size: 14px; | ||
| + | padding: 0px; | ||
| + | } | ||
| + | .label { | ||
| + | color: #BFA4BB; | ||
| + | font-size: 15px; | ||
| + | font-family: 'Boogaloo', Sans Serif; | ||
| + | letter-spacing: 1px; | ||
| + | text-shadow: 1px 1px 1px #000; | ||
| + | |||
| + | } | ||
| + | .text { | ||
| + | width: 600px; | ||
| + | font-family: 'PT Sans', Calibri, Arial, Sans Serif; | ||
| + | font-size: 14px; | ||
| + | line-height: 16px; | ||
| + | margin-left: 20px; | ||
| + | text-align: justify; | ||
| + | } | ||
| + | |||
| + | .header { | ||
| + | text-transform: uppercase; | ||
| + | letter-spacing: 2px; | ||
| + | font-size: 20px; | ||
| + | margin-top: 10px; | ||
| + | text-shadow: 0px 1px 2px #000; | ||
| + | text-align: center; | ||
| + | font-style: none; | ||
| + | font-family: Charm, Sans Serif; | ||
| + | color: #800000; | ||
| + | } | ||
| + | </css> | ||
</CSS> | </CSS> | ||
<div id="wrapper"> | <div id="wrapper"> | ||
[[file:celandinebg.jpg|class=bg|link=]] | [[file:celandinebg.jpg|class=bg|link=]] | ||
<div id="container"> | <div id="container"> | ||
| − | |||
<div id="top> | <div id="top> | ||
[[file: celandine.jpg|class=portraittop]] | [[file: celandine.jpg|class=portraittop]] | ||
| Line 220: | Line 292: | ||
</div> | </div> | ||
<div id="right"> | <div id="right"> | ||
| + | <div class="header">History</div> | ||
| + | <div class="infotext"> | ||
| + | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sit amet nibh nec ante pulvinar tristique. Mauris varius dui pulvinar, congue arcu vel, sagittis dolor. Proin tempor id odio eget rhoncus. In ac massa felis. Praesent eu dolor vel dui eleifend luctus. Morbi rhoncus, quam quis cursus cursus, ante turpis tempus est, et gravida quam dolor sed arcu. Etiam eu ornare tellus. Fusce consequat dignissim lacus, et efficitur eros varius ut. Praesent efficitur, ex ac viverra vehicula, ante tellus elementum quam, id tempor purus tortor ac urna. | ||
| − | + | In interdum sed ex semper malesuada. In euismod risus ut leo malesuada consectetur. Aenean viverra bibendum facilisis. Phasellus et fringilla lorem. In imperdiet lorem orci, vitae tristique ligula lobortis non. Sed tempor faucibus mi, vitae tempor tortor vulputate eget. Nunc at nisi scelerisque, convallis quam eget, lobortis velit. Nam sit amet vestibulum mauris. Aliquam ac ante massa. Phasellus id purus vitae justo accumsan scelerisque et dignissim urna. Nam tempor aliquet nulla, et vulputate leo ultrices ullamcorper. Aliquam nec neque luctus elit dictum tincidunt ut in magna. Nam non mauris dapibus, placerat ante sit amet, consectetur ipsum. Integer eget imperdiet lorem, nec luctus justo. | |
| + | </div> | ||
| − | <div class=" | + | <div class="header">Hooks</div> |
| − | + | <div class="infotext"> | |
| − | '''Mortal''' | + | *'''Mortal''' |
| − | + | ** Truth | |
| − | * Truth | + | ** Truth |
| − | * Truth | + | *'''Supernatural''' |
| − | + | ** Truth | |
| − | + | ** Truth | |
| − | '''Supernatural''' | + | ** Lie |
| + | </div> | ||
| − | * | + | <div class="header">Friends</div> |
| − | * | + | <div class="infotext"> |
| − | * | + | *[[Lily]]: Sister. |
| + | * Someone | ||
| + | * Someone else | ||
</div> | </div> | ||
| Line 242: | Line 321: | ||
</div> | </div> | ||
| − | <div class=" | + | <div class="header">Gallery</div> |
| − | |||
<div id="gallery"> | <div id="gallery"> | ||
[[file: celandine.jpg|class=photo]] | [[file: celandine.jpg|class=photo]] | ||
| Line 253: | Line 331: | ||
| − | <div class=" | + | <div class="header">Logs</div> |
| − | |||
{{ #dpl: | {{ #dpl: | ||
|userdateformat='''Y M d''' - | |userdateformat='''Y M d''' - | ||
Revision as of 22:33, 16 October 2022
</CSS>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sit amet nibh nec ante pulvinar tristique. Mauris varius dui pulvinar, congue arcu vel, sagittis dolor. Proin tempor id odio eget rhoncus. In ac massa felis. Praesent eu dolor vel dui eleifend luctus. Morbi rhoncus, quam quis cursus cursus, ante turpis tempus est, et gravida quam dolor sed arcu. Etiam eu ornare tellus. Fusce consequat dignissim lacus, et efficitur eros varius ut. Praesent efficitur, ex ac viverra vehicula, ante tellus elementum quam, id tempor purus tortor ac urna.
In interdum sed ex semper malesuada. In euismod risus ut leo malesuada consectetur. Aenean viverra bibendum facilisis. Phasellus et fringilla lorem. In imperdiet lorem orci, vitae tristique ligula lobortis non. Sed tempor faucibus mi, vitae tempor tortor vulputate eget. Nunc at nisi scelerisque, convallis quam eget, lobortis velit. Nam sit amet vestibulum mauris. Aliquam ac ante massa. Phasellus id purus vitae justo accumsan scelerisque et dignissim urna. Nam tempor aliquet nulla, et vulputate leo ultrices ullamcorper. Aliquam nec neque luctus elit dictum tincidunt ut in magna. Nam non mauris dapibus, placerat ante sit amet, consectetur ipsum. Integer eget imperdiet lorem, nec luctus justo.
- Mortal
- Truth
- Truth
- Supernatural
- Truth
- Truth
- Lie
- Lily: Sister.
- Someone
- Someone else
|
|
|