Shop Mobile More Submit  Join Login
×




Details

Submitted on
July 14, 2009
File Size
2.0 KB
Link
Thumb

Stats

Views
9,527 (3 today)
Favourites
7 (who?)
Comments
15
×
.journalbox{
    border-style:solid inset;
    border-width:6px;
    border-color:#ccd9d8;
    background-color:#080808;
    color:#5fba3d;
    font-family:monospace, prestige;
}

a{
    color:#5fba3d;
    text-decoration:underline;
}

.journaltop{
    background-color:#080808;
    color:#5fba3d;
}

h2{
    color:#5fba3d;
    font-family:monospace, prestige;
}

img{
    width:0px;
    height:0px;
}

li{
    background-color:#080808;
}

.a{
    background-color:#080808;
}

.redback{
    background-color:#d5381a;
    color:#080808;
}

.blueback{
    background-color:#0034dc;
    color:#5fba3d;
}

.greenback{
    background-color:#5fba3d;
    color:#080808;
}

.yellowback{
    background-color:#e5df43;
    color:#d5381a;
}

.greyback{
    background-color:#888888;
    color:#ffffff;
}

.border{
    width:auto;
    height:auto;
    border-style:solid;
    border-width:3px;
    border-color:#888888;
}

.image{
    width:auto;
    height:auto;
}
Terminal CSS to make your journal look more old school!

Useful hints:

If you want to add images, you'll have to add the "image" or "border" class to the image tag ( <img class="image OR border" src="picture.png" /> )
With "image" it's just a normal image, "border" adds a grey 3 pixel border, like you can see in the CSS preview.

The reason you have to use different classes for images is because I removed all standard icons by making images invisible by default, which means the normal journal icon that appears before your title won't show, and neither will mood icons.

There are 5 different text markup classes: "redback", "greenback", "yellowback", "blueback" and "greyback", all shown in preview.
You can use either span or div tag to style the text. Examples from my preview are:
<span class="yellowback">source=bash@wikipedia</span>
and
<DlV class="redback">Terminal CSS by Svanrog</DlV>
(Note that I've written 'DlV' as 'DLV' above, because if I'd use the proper 'div', then those tags would disappear)


Please comment and fav if you use this CSS, and if you'd run into any problem with my CSS, be sure to notify me and I'll make sure to sort it out~
:D
Add a Comment:
 
:iconzenkon13:
Zenkon13 Featured By Owner Dec 1, 2013  Hobbyist Digital Artist
Now this is something I've been searching for quite awhile... I'm really glad that you made this journal skin. =D
Reply
:iconorrinfox:
OrrinFox Featured By Owner Feb 3, 2012
I'd love to use this, terminal interface forever :la:
Reply
:iconsvanrog:
Svanrog Featured By Owner Feb 8, 2012
Be my guest! :D
Reply
:iconorrinfox:
OrrinFox Featured By Owner Feb 8, 2012
thank you :D
Reply
:iconmissythemouse:
MissyTheMouse Featured By Owner Sep 1, 2010
Love it.
Reply
:iconsvanrog:
Svanrog Featured By Owner Sep 7, 2010
Thanks for the love! :D
Reply
:iconmissythemouse:
MissyTheMouse Featured By Owner Sep 28, 2010
No problems.
Reply
:iconsaturninesweetness:
saturninesweetness Featured By Owner Dec 12, 2009  Hobbyist Writer
Swell! I've been wanting something like this for a while.
Reply
:iconsvanrog:
Svanrog Featured By Owner Dec 12, 2009
Good to hear you like it! :D
Reply
:iconsaturninesweetness:
saturninesweetness Featured By Owner Jun 11, 2010  Hobbyist Writer
I'm having a bit of an issue with the span class format though.

The very first time I used it, it worked perfectly.
Now, when using span class the colour back doesn't show at all,
and when using DIV class it lights up the entire line
and pushes the rest of the text to the next line.
Reply
Add a Comment: