Custom Post Style

Started by Joel, April 02, 2015, 11:14:46 PM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

Joel


Hello Lovely people
So Roulette showed me this awesome way to customize the forum: namely the posts.

Get either the Stylish or Stylebot app for your browser.

Enable it for Elliquiy.

And then use this code if you liked the example style.


body {
max-width: 1100px;
}

.inner {
margin-top: 30px;
padding-top: 60px;
padding-bottom: 70px;
width: 500px;
padding-left: 120px;
padding-right: 110px;
margin-left: 65px;
margin-right: auto;
line-height: 135%;
text-align: justify;
font-family: times new roman;
font-size: 15px;
background-color: #fcfaf2;
color: #4c4c4c;
border-top: 1px solid #323232;
border-bottom: 3px double #323232;
}

Joel


added an adjustment to the appearance of the spoiler div class


.spoiler_container {
margin-bottom: 10px;
}

.spoiler_header {
padding: 1px;
padding-left: 5px;
padding-right: 5px;
margin-top: 10px;
margin-bottom: 10px;
background-image: none;
border: 1px dotted #C3C3C3;
border-radius: 5px;
color: #C3C3C3;
font-style: oblique;
font-size: 12px;
text-transform: lowercase;
float: left;
}

.spoiler_body {
margin-bottom: 20px;
border: 0 none;
}