MIISCEA ► THREE

[miiscea]

tranquility ii: o2

→ PREVIEW
✎ DOWNLOAD



❥ info

style: tranquility ii
browsers: mozilla firefox
accounts: basic/plus/paid
advertisements: between entries/horizontal/vertical
resources: can be found here!

❥ etc.

✎ Go to Select Journal Style (OR search for Tranquility II) and you should be seeing default styles for Tranquility II. Pick one of them, it doesn't matter.

✎ Head afterwards to Customize Journal Style and set Yes as the option for "Display your userpic with your entries", "Disable customized comment pages for your journal" and "Disable menu summary view". Save changes and go to Custom CSS and set all options as "No".

/* ----------------------------------------------
Tranquility II [do not remove credits]
"o2" by miiscea/triclementia (at) lj
---------------------------------------------- */

body {
background: #dfeaeb url(http://imgboot.com/images/Miiscea/bglj5_1.png);
font: 11px/20px arial;
color: #999;
text-align: justify;
}

#container {
margin: 0px auto;
width: 650px;
}

#content {
margin: 0px auto;
width: 650px;
margin-top: 0px;
}

/* ------------------------ main links, colors */

a, a:visited, .ind-entry div.entry-item a, .ind-entry div.month-entries a, .ind-entry div.entry-item a:visited, .ind-entry div.month-entries a:visited {
color: #c89a9c;
text-decoration: none;
}

a:hover, .ind-entry div.entry-item a:hover, .ind-entry div.month-entries a:hover {
color: #e6d2d2;
cursor: hand;
}

.ljuser img {
display: none;
}

blockquote {
font: 11px/20px tahoma;
background: #f7f7f7;
padding: 5px 10px;
margin: 0px 20px;
opacity: .80;
border-top: 10px solid #e6d2d2;
border-bottom: 10px solid #e6d2d2;
}

::-moz-selection {
background: #ddd;
}

p {
margin: 5px;
padding: 5px;
}

form {
display: inline;
margin: 0px;
padding: 0px;
}

input, select, textarea, option {
font: 11px verdana;
color: #957d70;
border: 0px;
background: #e2f2ed;
border-bottom: 1px solid #ddd;
padding: 2px;
}

/* ----------------------------------------------
header & footer
---------------------------------------------- */

#header {
position: relative;
top: 0px;
width: 470px;
padding: 10px 0px 0px;
}

#header h1 {
color: #999;
letter-spacing: -2px;
font: 36px/10px courier new;
}

#footer {
position: relative;
font: 16px/20px courier new;
letter-spacing: -2px;
}

#footer p {
margin: 10px 40px;
}

/* ----------------------------------------------
sidebar
---------------------------------------------- */

#menu {
margin: 0px auto;
width: 650px;
height: 250px;
border-top: 10px solid #ddd;
border-bottom: 10px solid #ddd;
background: #f2f2f2 url(http://imgboot.com/images/Miiscea/bg_13.png) no-repeat;
}

#menu h2, #menu h2.userpic {
display: none;
}

#menu a, #menu a:visited {
color: #aaa;
padding: 2px;
letter-spacing: 2px;
font: 21px/10px courier new;
display: block;
margin-left: 430px;
}

#menu a:hover {
color: #d04349;
}

#user-links a, #user-links a:visited {
color: #a87581;
padding: 2px;
letter-spacing: 1px;
font: 11px/14px verdana;
background: #ecedee;
margin-left: 430px;
text-align: left;
}

#user-links a:hover {
color: #fff;
background: #b3c7c9;
}

#menu ul {
margin: 0px;
padding: 5px;
list-style: none;
text-align: right;
}

#menu ul li {
margin: 5px;
padding: 0px;
list-style: none;
display: block;
}

#menu ul li.active {
color: #bbb;
padding: 2px;
letter-spacing: 1px;
font: 21px/10px courier new;
}

/* ----------------------------------------------
recent entries
---------------------------------------------- */

#content h2 {
margin: 0px;
}

#entries {
margin: 0px;
}

#comments {
margin: 10px;
}

.ind-entry {
margin: 20px 0px;
background: #f2f2f2 url(http://imgboot.com/images/Miiscea/bg_16.png) no-repeat bottom left;
padding: 2px 25px 2px 145px;
border-top: 10px solid #ddd;
border-bottom: 10px solid #ddd;
}

.ind-entry h3 img, .ind-comment-one h3 img, .ind-comment-two h3 img, .ind-comment-screened h3 img {
position: relative;
float: left;
padding: 0px;
}

h3.userpic img {
border-right: 10px solid #b98eaa;
background: #f2f2f2;
padding-right: 1px;
width: 100px;
height: 100px;
opacity: .80;
margin: 8px 10px 10px -125px;
}

.ind-entry h2 {
font: 21px/0px courier new;
color: #c89a9c;
margin: 0px;
letter-spacing: 1px;
padding-top: 15px;
}

.ind-entry H2 a, .ind-entry H2 a:visited {
color: #c89a9c;
text-decoration: none;
}

img[src*="icon_protected.gif"]{
width: 0px;
height: 0px;
padding: 16px 16px 0px 0px !important;
background: url(http://imgboot.com/images/Miiscea/lock.gif) no-repeat;
background-position: center left;
}

/* ---------------------- current, comment+bar */

.ind-entry h4, .ind-comment-one h4, .ind-comment-two h4, .ind-comment-screened h4 {
font: 8px/15px verdana;
color: #8d8194;
text-transform: uppercase;
margin: 15px 0px;
}

.ind-entry h4 a, .ind-comment-one h4 a, .ind-comment-two h4 a, .ind-comment-screened h4 a, .ind-entry h4 a:visited, .ind-comment-one h4 a:visited, .ind-comment-two h4 a:visited, .ind-comment-screened h4 a:visited {
color: #888;
}

.ind-entry h4 a:hover, .ind-comment-one h4 a:hover, .ind-comment-two h4 a:hover, .ind-comment-screened h4 a:hover {
color: #bb91ae;
}

.ljtags {
font: 8px/16px verdana;
text-transform: uppercase;
color: #888;
padding: 0px;
margin: 15px 0px -15px;
}

.ind-entry div.entry-item, .ind-entry div.month-entries {
margin: 0px;
}

/* ----------------------------------------------
calendar/archive
---------------------------------------------- */

.month-entries {
margin: 10px 0;
}

.month-entries ul {
list-style: none;
margin: 10px;
}

.month-entries ul li {
list-style: none;
padding: 3px;
}

.ljtaglist {
margin-left: 5px;
}

---------------------------------------------- */
(Right click in the textarea and pick "Select All" and push Ctrl+C.)

You will see a huge textarea, and this is where you will copy and paste the layout in. Save changes!

INSTRUCTIONS FOR USING & RULES. GIVE CREDIT TO TRICLEMENTIA.
COMMENTS, FEEDBACK AND SUCH ARE GREATLY APPRECIATED. ♥