stormqloud on DeviantArthttps://www.deviantart.com/stormqloud/art/Free-To-Use-Sailor-Journal-Skin-400071578stormqloud

Deviation Actions

stormqloud's avatar

Free To Use Sailor Journal Skin

By
stormqloud
Published:
2.7K Views

Description

Free to use! No permission necessary!

If you want to use this journal skin, here is the CSS code:

Top Box-

<div class="mainbox">

Middle Box-

.journalbox {
border: 2px solid #000;
border-radius: 15px;
max-width: 672px;
height:750px;
background-color:transparent;
border: 0px transparent solid;
background-image: url(fc05.deviantart.net/fs70/f/201…;
background-repeat: no-repeat;
text-align: center;
font-family: Tahoma;
}
.journalbox .list li {
text-align: center;
font-family: Georgia, serif;
font-size: 11px;
padding: 2px;


background-color: transparent !important;
color: #FFFFFF !important;
}

.journalbox .list li.a {
background-color: transparent !important;
color: ##000000 !important;
}

.journaltop {
background-color: transparent;
color: #FFFFFF;
display:block;
text-shadow:0 0 20px #5CB3FF,0 0 10px #5CB3FF,0 0 5px #5CB3FF;
background-position: top center;
background-repeat: no-repeat;
height: 60px;
text-align: center !important;
font-family:Georgia, serif;
}
.journalbox h2 {
color: #000000;
text-shadow:0 0 20px #FFFFFF,0 0 10px #FFFFFF,0 0 5px #FFFFFF;
font: bold 200%/100%
overflow: auto none;
font-weight:normal;
background-color: transparent;
font-family: Georgia, serif;
font-weight: normal;
letter-spacing: 1px;
text-align: center;
padding: 10px 0px 0px 0px;
font-size:200%;
}
.text strong {
color:#000000;
font-family: tahoma;
display: block;
font: bold 200%/100%
overflow: auto none;
font-weight:bold;
text-shadow:0 0 20px #FFFFFF,0 0 10px #FFFFFF,0 0 5px #FFFFFF;
background-color: transparent;
font-size: 15px;
text-align: center;
padding-bottom: 1px;

}
.text p{
color: #000000;
font-size: 11px;
font-family: Tahoma;
text-align: center;
text-shadow: #FFFFFF 1px 1px 1px;
background-color:#ffffff;
margin: 0px 21px 0px 21px;
border:1px dashed #FFFFFF;
padding:10px;
-moz-border-radius: 10px;
}
.journaltop img
{
display: none;
}

.thumbs{text-align: center;}

.thumbs img{
width:75px;
height:75px;
opacity: 0.70;
padding: 5px;
border-radius: 7px;
border: 1px dashed #FFFFFF;}

.thumbs img:hover{
opacity: 100;
background: #34CDD5;
border: 1px dashed #fff;}

.journaltext
{
padding-top: 0px;
padding-left: 255px;
text-align: justify;
}
.journalbox .journaltext b {
color:#000000;
font-family:Lucida Console;
font-size:13px;
font-weight:bold;
text-transform:none;
text-decoration:none;
}
.journalbox .journaltext u {
text-decoration: italic;
color:#000000;

font-family: Lucida Console;
font-size:12px;
font-weight: bold;
}
.journalbox .journaltext i {
color:#00000;

font-family:Lucida Console;
font-size:11px;
font-weight:italic;
text-transform:none;
text-decoration:none;
}
.journaltext a
{
color: #000000;
font-family: Lucida Console;
font-weight:bold;
text-decoration: none;
}
.journaltext a:hover
{
color: #FFFFFF;
text-decoration: underline;

}
.mainbox {
position:relative;
overflow:auto;
width:330px;
height:450px;
text-align:left;
background:transparent;
border:0px solid #FFFFFF;
font-family:font-family: Georgia, serif;;
padding: 0px 5px 0px 5px;
}
.journalbox .journalbottom {
font-family: Lucida Console;
font-size: 11px;
color: #FFFFFF;
text-decoration: bold;
font-weight: bold;
padding-left: 180px;
padding-bottom: 40px;
}
.journalbottom a
{
font-family: Georgia, serif;
font-size: 11px;
color: #FFFFFF;
text-decoration: bold;
font-weight: bold;
}
.journalbottom a:hover
{
color: #FFFFFF;
text-decoration: underline;
}

- - -

Journal Art (c) *xSierraPawz

Anchor (c) Tumblr
Image size
677x653px 39.55 KB
© 2013 - 2024 stormqloud
Comments5
Join the community to add your comment. Already a deviant? Log In
NixBirchesDynasty's avatar
NixBirchesDynasty
This is really cool! I tried using it but, uh, the URL link in the coding apparently doesn't exist...