Cage of Rage (s2 - Tranquility II)
Pink and Grey Tranquility II layout.
This is the current layout of apricot_13. I've had a few requests for it - so here it is!
Comment if taking and credit in your userinfo!
Link back to apricot_13
For information on installing this layout read the FAQ
Save this as style.css and upload to your own server.
Or paste as custom CSS.
/* css by han. xhan104.livejournal.com */
@media screen, print {
ul#lj-links, ul#lj-summary, ul#user-links {
margin: 0;
padding: 0;
}
body {
background-color: #222222;
font-family: arial, verdana, arial, serif;
font-size: 10px;
line-height: 125%;
color: #666;
text-align: center;
}
a {
font-family: arial, serif;
font-size: 100%;
color: #6E5058;
text-decoration: none;
}
a:visited { color: #5ab300; }
a:hover, a:visited:hover { color: #336600; text-decoration: underline; }
a:active { color: #336600; }
a img { border: none; }
a.comm {
background: transparent url(http://stat.livejournal.com/img/community.gif) no-repeat;
padding-left: 19px;
padding-bottom: 7px;
}
a.user {
background: transparent url(http://stat.livejournal.com/img/userinfo.gif) no-repeat;
padding-left: 19px;
padding-bottom: 7px;
}
p {
margin: 5px;
padding: 5px;
}
form {
display: inline;
margin: 0px;
padding: 0px;
}
input, select, textarea {
font-family: Verdana, Helvetica, sans-serif;
font-size: 80%;
color: #000000;
padding: 2px;
margin: 3px;
}
#container {
position: relative;
width: 80%;
margin: 0 auto;
text-align: left;
}
#header {
margin-bottom: 15px;
}
#header h1 {
padding: 20px;
font-family: tahoma,verdana,arial,arial, serif;
text-align: right;
font-size: 40px;
color: #FF6B95;
font-weight: lighter;
font-style: italic;
}
#menu {
position: relative;
float: left;
width: 150px;
font-size: 100%;
color: #ffffff;
padding: 4px;
}
#content {
position: relative;
margin-left: 160px;
}
#entries {
padding: 0px;
}
#menu h2 {
margin-top: 30px;
font-family: arial,arial, serif;
font-weight: lighter;
text-transform: lowercase;
letter-spacing: 2px;
font-size: 10px;
color: #FF6B95;
}
#menu h2.userpic {
text-align: center;
}
#menu a {
font-family: arial,Verdana, Helvetica, sans-serif;
font-size: 10px;
color: #6E5058;
text-transform: lowercase;
text-decoration: none;
}
#menu a:visited { color: #999999; }
#menu a:hover, #menu a:visited:hover { color: #999999; text-decoration: none;}
#menu a:active { color: #ffffff; }
#menu ul {
margin: 3px;
list-style: none;
}
#menu ul li {
margin: 3px;
padding: 2px;
list-style: none;
}
#menu ul li.active {
color: #FF6B95;
font-family: arial,arial, serif;
font-weight: lighter;
text-transform: lowercase;
letter-spacing: 2px;
}
#menu #lj-links li {
line-height: 20px;
}
#menu #user-links li {
width: 80%;
line-height: 24px;
border: none;
border-bottom: 1px dotted #333;
display: block;
background: transparent url(http://img.photobucket.com/albums/v72/panthersgem/ref/oli-1.gif) no-repeat center left;
padding: 0 0 0 13px;
text-transform: lowercase;
}
#content h2 {
margin: 20px 0;
}
#entries, #comments {
margin: 10px;
}
.ind-entry {
padding: 5px;
padding-bottom: 15px;
}
.ind-entry h3 img, .ind-comment-one h3 img, .ind-comment-two h3 img, .ind-comment-screened h3 img {
position: relative;
float: right;
padding: 5px;
border: 1px solid #ccc;
margin: 10px;
}
.ind-entry h2 {
font-family: arial, arial, serif;
font-size: 150%;
color: #FF6B95;
margin: 20px 0px;
line-height: 140%;
text-transform: lowercase;
letter-spacing: 2px;
font-weight: lighter;
text-align: right;
padding-top: 20px;
}
.ind-entry h4, .ind-comment-one h4, .ind-comment-two h4, .ind-comment-screened h4 {
font-family: arial, Verdana, Helvetica, sans-serif;
font-size: 10px;
color: #aaa;
font-weight: lighter;
text-transform: lowercase;
text-align: right;
margin-top: -20px;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 10px;
font-style: italic;
}
.ind-entry h4 a, .ind-comment-one h4 a, .ind-comment-two h4 a, .ind-comment-screened h4 a {
font-size: 100%;
color: #FF6B95;
text-decoration: none;
font-weight: none;
text-transform: lowercase;
font-family: arial, serif;
}
.entry-item {
padding-top: 40px;
padding-left: 10px;
padding-right: 5px;
padding-bottom: 20px;
}
.ind-entry {
background-color: #fff;
margin-bottom: 30px;
padding: 0px;
}
.ind-entry h4 a:visited, .ind-comment-one h4 a:visited, .ind-comment-two h4 a:visited, .ind-comment-screened h4 a:visited { color: #6E5058; text-decoration: none; }
.ind-entry h4 a:hover, .ind-comment-one h4 a:hover, .ind-comment-two h4 a:hover, .ind-comment-screened h4 a:hover { color: #999; }
.ind-entry h4 a:visited:hover, .ind-comment-one h4 a:visited:hover, .ind-comment-two h4 a:visited:hover, .ind-comment-screened h4 a:visited:hover { color: #999; }
.ind-entry h4 a:active, .ind-comment-one h4 a:active, .ind-comment-two h4 a:active, .ind-comment-screened h4 a:active { color: #999; }
.ind-entry div.entry-item, .ind-entry div.month-entries {
font-size: 100%;
margin: 15px 0px;
}
.ind-entry div.entry-item a, .ind-entry div.month-entries a {
font-size: 100%;
color: #6E5058;
text-decoration: none;
}
.ind-entry div.entry-item a:visited, .ind-entry div.month-entries a:visited { color: #6E5058; }
.ind-entry div.entry-item a:hover, .ind-entry div.entry-item a:visited:hover { color: #336600; }
.ind-entry div.month-entries a:hover, .ind-entry div.month-entries a:visited:hover { color: #336600; }
.ind-entry div.entry-item a:active, .ind-entry div.month-entries a:active { color: #336600; }
.ind-comment-one, .ind-comment-two, .ind-comment-screened {
margin: 10px 0;
padding: 5px;
}
.ind-comment-one { background-color: #ffffff; border-bottom: 1px solid #999999; }
.ind-comment-two { background-color: #ffffff; border-bottom: 1px solid #999999; }
.ind-comment-screened { background-color: #ffffff; border-bottom: 1px solid #999999; }
.ind-comment-one h2 {
font-family: arial, serif;
font-size: 130%;
color: #333333;
margin: 20px 0px;
}
.ind-comment-one div.entry-item {
font-family: arial, serif;
font-size: 100%;
color: #333333;
margin: 15px 0px;
}
.ind-comment-one div.entry-item a {
font-family: arial, serif;
font-size: 100%;
color: #5ab300;
text-decoration: underline;
}
.ind-comment-one div.entry-item a:visited { color: #5ab300; }
.ind-comment-one div.entry-item a:hover, .ind-comment-one div.entry-item a:visited:hover { color: #336600; }
.ind-comment-one div.entry-item a:active { color: #336600; }
.ind-comment-two h2 {
font-family: arial, serif;
font-size: 130%;
color: #333333;
margin: 20px 0px;
line-height: 140%;
}
.ind-comment-two div.entry-item {
font-family: arial, serif;
font-size: 100%;
color: #333333;
margin: 10px 0px;
}
.ind-comment-two div.entry-item a {
font-family: arial, serif;
font-size: 100%;
color: #5ab300;
text-decoration: underline;
}
.ind-comment-two div.entry-item a:visited { color: #5ab300; }
.ind-comment-two div.entry-item a:hover, .ind-comment-two div.entry-item a:visited:hover { color: #336600; }
.ind-comment-two div.entry-item a:active { color: #336600; }
.ind-comment-screened h2 {
font-family: arial, serif;
font-size: 130%;
color: #333333;
margin: 20px 0px;
}
.ind-comment-screened div.entry-item {
font-family: arial, serif;
font-size: 100%;
color: #333333;
margin: 10px 0px;
}
.ind-comment-screened div.entry-item a {
font-family: arial, serif;
font-size: 100%;
color: #708cc4;
text-decoration: underline;
}
.ind-comment-screened div.entry-item a:visited { color: #5ab300; }
.ind-comment-screened div.entry-item a:hover, .ind-comment-screened div.entry-item a:visited:hover { color: #336600; }
.ind-comment-screened div.entry-item a:active { color: #336600; }
.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;
}
#footer {
position: relative;
text-align: center;
font-size: 100%;
color: #666;
background-color: #fff;
}
#footer p {
padding: 20px;
}
#footer a {
font-family: arial, serif;
font-size: 100%;
color: #6E5058;
}
#footer a:visited { color: #6E5058; }
#footer a:hover, #footer a:visited:hover { color: #6E5058; }
#footer a:active { color: #6E5058; }
}
@media print {
#menu {
display: none;
}
#content {
margin-left: 0px;
}
#entries, .ind-entry, .ind-comment, #footer, #header {
border: none;
}
}
img[src="http://stat.livejournal.com/img/icon_protected.gif"]{
width: 0;
height: 0;
padding: 0 0 10px 7px;
background: url(http://img.photobucket.com/albums/v72/panthersgem/ref/plock.gif);
;){kind=link}
}
img[src="http://stat.livejournal.com/img/icon_private.gif"]{
width: 0;
height: 0;
padding: 0 0 10px 7px;
background: url(http://img.photobucket.com/albums/v72/panthersgem/ref/plock.gif);
}
.ljuser img {
width: 0;
height: 0;
background-repeat: no-repeat;
background-color: transparent;
background-image: url(http://img.photobucket.com/albums/v72/panthersgem/ref/ti1.gif);
;){kind=link}
padding: 9px 8px 2px 2px !important;
}
.ljuser a:hover b {
color: #93DFDC;
background: transparent;
}
.ljuser img[src="http://stat.livejournal.com/img/userinfo.gif"] {
background-color: transparent;
background-image: url(http://img.photobucket.com/albums/v72/panthersgem/ref/ti1.gif);
padding: 14px 7px 2px 2px !important;
}
.ljuser:hover img[src="http://stat.livejournal.com/img/userinfo.gif"] {
background-image: url(http://img.photobucket.com/albums/v72/panthersgem/ref/ti2.gif);
;){kind=link}
}
.ljuser img[src="http://stat.livejournal.com/img/community.gif"] {
background-color: transparent;
background-image: url(http://img.photobucket.com/albums/v72/panthersgem/ref/ti1.gif);
padding: 14px 7px 2px 2px !important;
}
.ljuser:hover img[src="http://stat.livejournal.com/img/community.gif"] {background-image: url(http://img.photobucket.com/albums/v72/panthersgem/ref/ti2.gif);
}
#ljuser_row img[src="http://stat.livejournal.com/img/userinfo.gif"]{ width: 0; height: 0; padding: 0 7px 10px 0; background:
url(http://img.photobucket.com/albums/v72/panthersgem/ref/ti1.gif); }
n a:hover { color: #f66; }
/* css by han. xhan104.livejournal.com */