New Dream DeviantART Journal Skin

~Instructions~

------------------
First off, code is provided by ginkgografix at Deviantart.com. Please credit them in the footer.
Second, PLEASE upload the images to your own hosting site, don't link them from mine, it's rather rude XD
Third, you must be a DA subscriber to use this theme.

------------------

Step 1: Add this to your footer
------------------


CSS Code by :devginkgografix:
NiGHTS skin by :devfeniiku:
Template obtained from http://www.nightsintodreams.com

------------------

Step 2: Add this to the CSS(beta) box
------------------

.journalbox {
background-color: #53515f;
background-image:url(http://i15.photobucket.com/albums/a395/FeniikuComic/journalbg3.png);
background-repeat:no-repeat;
color:#000000;
font-family:  Verdana, Helvetica, Arial, sans-serif ;
font-size: 80%;
text-align: center;}

.journalbox .journaltop img{display:none;}
.journalbox .journaltext {font-size:100% ;}

.journalbox ul.list {
text-align:center;
color:#D0E682;
text-decoration:none;
padding:10px 20px 0 20px;
margin: 0 0 20px 0;}

.journalbox .f strong{color: #672b91; border-bottom: dashed 1px #672b91;}
.journalbox .f {background-color:transparent;}

.journalbox .boxtop {
background-image: url(http://i15.photobucket.com/albums/a395/FeniikuComic/cssv2-8.png);
background-repeat: no-repeat;
background-position: center;
background-color:transparent;
text-align: center;
border-bottom: 1px solid #6F9F48;
border-top: 1px solid #6f9f48;
margin-top: 20px;
color: #003333;
padding: 10px 0 10px 0;}

.journalbox .journaltop h2 {
text-align: center;
font-weight: bold;
font-size: 170%;
font-family: segoe script, Georgia, "Times New Roman", Times, serif;
color: #672b91;}

.links{position: absolute; top: 100px; right: 20px;  padding: 17px 0 0 5px; width: 120px;
background: url(http://i15.photobucket.com/albums/a395/FeniikuComic/linklist.png) no-repeat left top; }
.links ul{font-size: 12px; text-align:left; font-family: Georgia, "Times New Roman", Times, serif;}
.links li{list-style: url(http://i15.photobucket.com/albums/a395/FeniikuComic/linkpoint.png); padding-top: 1px;}
.links a{text-decoration: underline; color: #66ffcc;}
.links a:hover{text-decoration: underline, bold; color:66cccc;}

.journalbox .journaltext .contenttop{
text-align: left;
padding: 20px 10px 0 20px;
margin-right: 130px;
font-size: 120%;}

.journalbox .journaltext .content{
text-align: left;
padding: 0 20px 0 20px;
width: 90%;
font-size: 120%;}

.journalbox .journaltext .divider2 {
background: url(http://i15.photobucket.com/albums/a395/FeniikuComic/divider.png) center 2px no-repeat;
height: 60px;
font-size: 160%;
font-weight: bold;
color: #cc66cc;
font-family: Georgia, "Times New Roman", Times, serif;
} 

.journalbox .journaltext .content2{
text-align: left;
padding: 0 20px 0 20px;
width: 370px;
font-size: 120%;
margin: -30px auto;}

.journalbox .journaltext .box{
background-image: url(http://i15.photobucket.com/albums/a395/FeniikuComic/box-2.png);
background-repeat: no-repeat;
width: 310px;
text-align: center;
padding: 0 50px 40px 40px;
margin-left: auto;
margin-right: auto;
color: #2A2F34;
border: 0px solid #21241F;
}

.journalbox .journaltext .box p{
font-size: 160%;
font-weight: bold;
font-family: Georgia, "Times New Roman", Times, serif;
color: #cc66cc;
margin:  -4px 0 16px 12px;}

.journalbox .journaltext .box_scroll{
width: 310px;
height: 140px;
text-align: center;
color: #2A2F34;
overflow: auto;}

.journalbox .journaltext .box2{
width: 400px;
text-align: center;
margin-left: auto;
margin-right: auto;
color: #2A2F34;
border: 0px solid #21241F;}

.journalbox .journaltext .box2 .box_head{
background-image: url(http://i15.photobucket.com/albums/a395/FeniikuComic/box2v2-top.png);
background-repeat: no-repeat;
background-position:center bottom;
height: 69px;
font-size: 160%;
font-weight: bold;
font-family: Georgia, "Times New Roman", Times, serif;
color: #cc66cc; 
}

.journalbox .journaltext .box2 .box2_content{
background: url(http://i15.photobucket.com/albums/a395/FeniikuComic/box2v2-middle.png) repeat-y center top;
padding: 0 40px;}

.journalbox .journaltext .content A{
text-decoration: none !important;
color: #66cccc;
font-weight: bold;}

.journalbox .journaltext .content2 A:hover{
text-decoration: underline !important;
color: #66cccc;
font-weight: bold;}

.journalbox .journaltext .contenttop A{
text-decoration: none !important;
color: #af75d7;
font-weight: bold;}

.journalbox .journalbottom {
background-image: url(http://i15.photobucket.com/albums/a395/FeniikuComic/journalfoot3.png);
background-repeat:no-repeat;
background-position: center;
color: #D0E682;
font-size: 90%;
padding: 120px 0px 0;}

.journalbox .journalbottom A{
text-decoration: none;
font-weight: bold ; 
color: #af75d7;}

-----------------

Step 3: Add this to the journal box
-----------------

<div class="links"><ul><li><a href="http://www.deviantart.com">Link</a></li><li><a href="http://www.deviantart.com">Link</a></li><li><a href="http://www.deviantart.com">Link</a></li><li><a href="http://www.deviantart.com">Link</a></li></ul></div>
<div class="contenttop">This box here is coded to provide a gap between the links and the text of the journal. Obviously, it should be as long as the link list XD

Just use spaces to fill it up if you want, lol

For the link list, replace the links with whatever you want.</div>
<div class="content">
This is where the main content goes. You can copy and paste the divider as many times as you like throughout the journal, andywhere in the journal. Even in the boxes I think XD


Divider is the sparkly bit that stretches across just below this, lol.



</div>

<img src="http://i15.photobucket.com/albums/a395/FeniikuComic/divider.png"/>
<div class="content">

More journal content goes here lol. You can rearrange the boxes and re-use them in any order, extra coding isn't needed for them. For the stretching box, just make sure you do copy the footer bit too XD</div>


<div class="box"><p>Headline</p>
<div class="box_scroll">
This is a box that adds a scrollbar if the contents get too long, so you can feel free to add stamps and feature art and so on in these ones XD




*tries to make it scroll*

There we go, scrolling XD

</div></div>


<div class="divider2">Customized headlines</div><div class="content2">
You can change the background image of this headline if you want, I just re-used the divider one ^_^;.
</div>



<div class="box2"><div class="box_head">Headline</div><div class="box2_content">
Another extra box, much like the scrolling one.

Except this one stretches as you add more information.

Enjoy playing around with it XD



Whoo!
*stretches the box*


:)
</div><img src="http://i15.photobucket.com/albums/a395/FeniikuComic/box2v2-bottom.png"/>

--------------------

Step 4: Edit the respective sections of the code so that it applies to you and your journal.
--------------------

Step 5: Have fun ^_^