KanJani8: "sleepover" and Okura layout~

Blurb

one.
This is

twin_star_spica's, graphics community.

I love to make graphics and such and so I made this community to share the graphics with you.

This would be JE centered, mostly NewS and HSJ, but different things would still come out, like anime and other entertainment agencies.

two.

All entries will be locked after one week. So if you want to stay, please join..

credits:
Layout Codes by

minty_peach
Edited by

kimmyxfleur
Main Images by

twin_star_spica

three.

Links:
Resources
Tags
How Tos (faq)
Affiliates
The Request Thread
Credit/Advertise Mirror Frosting

Previous | | Next

twin_star_spica
[mirror_frosting]

03 August 2009 @ 08:58 pm

KanJani8: "sleepover" and Okura layout~

Layouts:

Codes:

/*---------------------
MADE BY: minty_peach
LAYOUT ID: Focused 91
DO NOT STEAL. DO NOT EDIT AND REPOST AS YOURS.
-----------------------*/

/*---------------------
Edited and re-mixed by twin_star_spica with permission.
-----------------------*/

/*--- HEADER IMAGE ---*/

.headerimage {
			position: relative;
			margin-left: auto;
			margin-right: auto;
			margin-bottom: 0px; 
			width: 850px;
			height: 499px;
			background-image: url('http://i715.photobucket.com/albums/ww152/twinstarspica/layouts%20for%20LJ/header_kanjani8-sleepover.jpg'); 
			background-repeat: no-repeat;
			}

.separator {
			height: 20px;
			background-color: #ffffff;
			}

/*--- MAIN PAGE-O ---*/

BODY {
			margin: 10px 0px 10px 0px;
			background-color: #EDFEF9;
			font-family: "Comic sans", sans-serif;
			text-align: left;
			font-size: 10px;
			line-height: 16px;
			color: #777777;
			}

b, i, s, u { 
			color: #36C7AC; 
			}

code, kbd, pre, tt {
			font-family: tahoma;
			}

a, a:link, a:visited {
			color: #EB6450;
			text-transform: lowercase;
			text-decoration: none;
			}

a:hover {
			color: #555555;
			}

blockquote {
			margin: 0px 5px 0px 5px; 
			padding: 0px 3px 0px 3px; 
			color: #aaaaaa;
			font-size: 10px;
			border-left: 2px solid #EB6450;
			text-align: justify;
			}

#content {
			width: 810px;
			margin-left: auto; 
			margin-right: auto;
			background-color: #ffffff;
			padding: 10px;
			border: 10px solid #D9FEF4;
			}

#maincontent {
			margin: 10px 10px 10px 300px;
			}

/*---------------- SIDEBAR -----------------*/

#sidebar {
			width: 250px;
			float: left;
			color: #a0a0a0;
			padding: 20px 25px 25px 25px;
			text-align: justify;
			}

.defaultuserpic {
			text-align: center;
			}

.sbarheader, .sbarbody, .sbarbody2 {
			padding: 0px;
			}

table.calendar {
			margin-right: auto;
			margin-left: auto;
			}

.sbarcalendar {
			padding: 3px;
			border: 1px solid #ddd;
			text-align: center;
			color: #bbbbbb;
			font-size: 7pt;
			}

.sbarcalendarposts {
			padding: 3px;
			border: 1px solid #ddd;
			background: #f9f9f9;
			text-align: center;
			color: #EB8A00;
			font-size: 7pt;
			}

ul.sbarlist {
			margin: 0px; 
			list-style: none; 
			padding: 0px; 
			}

li.sbaritem {
			list-style: none; 
			}

li.sbaritem:hover {
			background-color: #EEEEEE; 
			}

li.sbartitle {
			padding-bottom: 5px;
			padding-top: 15px;
			color: #888888;
			border-bottom: 1px dashed #dddddd;
			font-size: 7pt;
			text-transform: lowercase;
			text-align: left;
			}

ul.ljtaglist li{
			padding: 5px;
			margin: 0px;
			list-style: decimal-leading-zero;
			list-style-position: outside;
			}

/*--- MAKING ALL IMAGES SEE-THROUGH ON HOVER ---*/

img:hover {
			filter: alpha(opacity=70);
			moz-opacity: .70;
			opacity: .70;
			}

/*--- HEADER & FOOTER LINKS -  DOES NOT CONTROL HEADER IMAGE ---*/

#header {
			width: auto;
			padding: 20px;
			text-align: center; 
			font-size: 8pt; 
			color: #FFFFFF;
			text-transform: lowercase;
			}

#footer {
			width: auto;
			padding-bottom: 20px;
			text-align: center; 
			font-size: 8pt; 
			color: #FFFFFF;
			text-transform: lowercase;
			clear: both;
			}

div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited { 
			color: #aaaaaa;
			text-transform: lowercase;
			font-size: 8pt;
			}

div#header a:hover, div#footer a:hover { 
			color: #888888;
			}

ul.navheader, ul.navfooter { 
			padding: 0px;
			margin: 0px; 
			}

ul.navheader li, ul.navfooter li { 
			display: inline; 
			list-style: none; 
			padding: 2px;
			margin: 2px; 
			}

div#header li.view, div#footer li.viewing { 
			color: #888888;
			}

.clearfoot {
			display: none; 
			}

/*--- title & subtitle ---*/

.title			{
			display: none;
			}

.subtitle {
			display: none;
			}

/*--- TAGS PAGE LAYOUT ---*/

.ljtaglist { 
			list-style-type: none; 
			margin: -1px 20px 0px 20px; 
			margin-left: 70px; width: 60%; 
			text-transform: lowercase;
			text-align: left; 
			}

.ljtaglist li { 
			border-bottom: 1px solid #eeeeee; 
			padding: 6px 3px 6px 20px; 
			color: #aaaaaa; 
			}

H2 { 
			background-color: #FFFFFF;
			margin: 30px; 
			text-align: left; 
			padding: 10px; 
			line-height: 12px; 
			font-weight: normal; 
			font-style: italic; 
			font-size: 12px; 
			text-transform: lowercase;
			color: #aaaaaa; 
			}

ul.ljtaglist {
			color: #cccccc;
			font-size: 8pt;
			padding: 8px 8px 8px 12px;
			text-align: left;
			margin-right: auto;
			margin-left: auto; 
			padding: 25px;
			}

/*--- ENTRY, SUB CONTENT ---*/

.subcontent {
			padding: 10px;
			background-color: #FFFFFF;
			}

.entry {
			padding: 3px;
			background-color: #FFFFFF;
			color: #a0a0a0;
			font-size: 10px;
			text-align: justify;
			}

.entry ul li {
			padding: 0px;
			margin: 0px;
			list-style: decimal-leading-zero;
			list-style-position: outside;
			}

.entry ol li {
			padding-left: 0px;
			margin-left: 0px;
			list-style: decimal-leading-zero;
			list-style-position: outside;
			}

/*--- USERPICS, DATE, SUBJECT ---*/

.userpic {
			display: none;
			position: relative;
			float: left;
			margin: 0px 20px 10px 0px;
			z-index: 15;
			}

.userpicfriends {
			position: relative;
			float: left;
			margin: 0px 20px 10px 0px;
			background-color: #ffffff !important;
			text-align: center;
			font-size: 7pt;
			z-index: 15;
			}

.userpicfriends font {
			color: #888888 !important;
			text-transform: lowercase;
			}

.userpicfriends br {
			display: block;
			height: 0;
			}

.userpic img, .userpicfriends img {
			background-color: #ffffff !important;
			width: 50px;
			height: 50px;
			padding: 5px;
			}

.date {
			text-align: left;
			font-weight: normal;
			color: #cccccc;
			font-size: 7pt;
			text-transform: lowercase;
			}

.subject {
			text-align: left;
			font-weight: normal;
			color: #888888;
			font-size: 7pt;
			text-transform: lowercase;
			}

.datesubject {
			padding: 3px;
			border-bottom: 1px dashed #dddddd;
			}

/* currents, comment links for main page, tags on main page */

.currents {
			background-color: transparent;
			}

.currents strong{
			font-weight: normal;
			font-size: 9px;
			color: #cccccc;
			}

.currentlocation, .currentmood, .currentmusic, .currentgroup {
			text-align: right;
			padding-right: 15px;
			font-size: 9px;
			color: #888888;
			border-right: 3px solid #EB6450;
			}
						
			.ljtags { 
			margin-top: 15px; 
			padding-right: 15px;
			text-align: right;
			text-transform: lowercase;
			font-size: 9px;
			color: #cccccc;
			border-right: 3px solid #EB6450;
			}

.comments {
			text-align: right;
			font-weight: none;
			padding-right: 15px;
			border-right: 3px solid #bbbbbb;
			position: relative;
			color: #dddddd;
			top: 5px;
			}

div.comments a, div.comments a:link, div.comments a:visited {
			font-size: 9px;
			color: #888888;
			text-transform: lowercase;
			}

div.comments a:hover {
			color: #cccccc;
			}

/* image hover effects */

img:hover {
			filter: alpha(opacity=80);
			moz-opacity: .80;
			opacity: .80;
			}

/*--- ARCHIVE PAGE ---*/

ul.year{
			text-align: center;
			padding: 2px 2px 2px 2px;
			}

ul.year li {
			color: #aaaaaa;
			display: inline;
			}

table.yeartable {
			margin-left: auto;
			margin-right: auto;
			padding: 2px;
			}

table.yeartable td.yeardate, table.yeartable td.yearday {
			color: #888888;
			border: 1px solid #cccccc;
			padding: 2px;
			text-align: center;
			}

table.yeartable td.yearday {
			background-color: #EB6450;
			padding: 2px;
			text-align: center;
			text-transform: lowercase;
			color: #FFFFFF;
			}

td.yearmonth {
			color: #aaaaaa;
			border-style: none;
			}

/* comment page (sponsored and paid only) */

.clear {
			display: none;
			}

.skiplinks {
			text-transform: lowercase;
			text-align: center;
			padding-top: 10px;
			color: #999999;
			}

.datesubjectcomment {
			background-color: #ffffff;
			color: #aaaaaa;
			padding: 5px;
			margin-bottom: 5px;
			}

.userpiccomment {
			position: relative;
			max-width: 50px;
			max-height: 50px;
			top: -10px;
			left: 0px;
			margin: 0px 10px -20px -10px;
			z-index: 15;
			float: left;
			padding: 5px;
			}

.box {
			background-color: #ffffff;
			width: auto;
			clear: left;
			padding: 25px;
			}

input, textarea {
			background-color: #A7DBD8;
			font-size: 12px;
			font-family: "Georgia", sans-serif;
			color: #555555;
			}

textarea.textbox{
			border: 0px solid #fff;
			font-family: "Georgia", sans-serif;
			font-size: 12px;
			width: 95% !important;
			}

.reply{
			position: relative;
			margin: 5px 5px 5px 5px;
			padding: 5px 5px 5px 5px;
			text-align: left;
			font-size: 10px;
			line-height: 125%;
			color: #777777;
			}

.replytosubject {
			font-weight: bold;
			}

.commentreply {
			position: relative;
			padding: 10px 10px 20px 70px;
			font-size: 10px;
			color: #777777;
			}

.commentbox {
			padding: 15px 0px 15px 0px;
			margin: 5px;
			border-top: 1px solid #dddddd;
			}

.datesubjectcomment a:link, .datesubjectcomment a:visited {
			color: #9E9E7B;
			}

.datesubjectcomment a:hover {
			color: #bbbbbb;
			}

.commentboxpartial {
			background-color: #FFFFFF;
			padding: 5px;
			margin: 12px;
			}

.commentinfo {
			margin-top: 10px;
			width: 100%;
			}

/* additional codes, paste below here */

/*----------------------------------------------------
tiny icons
----------------------------------------------------------------*/

img[src*="icon_protected.gif"], img[src*="icon_private.gif"], img[src*="icon_groups.gif"], .ljuser img[src*="syndicated.gif"], .ljuser img

[src*="newsinfo.gif"], .ljuser img[src*="partnercomm.gif"], .ljuser img[src*="sponcomm.gif"], img[src*="userinfo.gif"], img[src*="talk/none.gif"], img

[src*="help.gif"] {height: 0px; width: 0px;background: transparent none no-repeat scroll 0 0; }

-ichigo-lock.png);}
img[src*="icon_private.gif"]{ padding: 0 0 26px 20px !important; background-image: url(http://i103.photobucket.com/albums/m142/spica_star/layouts/tinyicon-

ichigo-priv8.png);}
img[src*="icon_groups.gif"]{ padding: 0 0 26px 20px !important; background-image: url(http://i103.photobucket.com/albums/m142/spica_star/layouts/tinyicon-

ichigo-grps.png);}

img[src*="userinfo.gif"] {
background-repeat:no-repeat !important;
background-attachment:scroll;
background-position:0 0 !important;
padding: 20px 19px 0px 2px !important;
background-image: url(http://i103.photobucket.com/albums/m142/spica_star/layouts/tinyicon-ichigo-user.png) !important;}

.ljuser img {width: 0; height: 0; background: transparent url(http://i103.photobucket.com/albums/m142/spica_star/layouts/tinyicon-ichigo-user.png) ) no-

repeat 0 0; padding: 20px 19px 0 2px !important; vertical-align: baseline !important;}
.ljuser img[src*="userinfo.gif"] { background: transparent url(http://i103.photobucket.com/albums/m142/spica_star/layouts/tinyicon-ichigo-user.png) ) no-

repeat center left !important; padding: 20px 19px 0 2px !important; }

.ljuser img[src*="community.gif"] {background: transparent url(http://i103.photobucket.com/albums/m142/spica_star/layouts/tinyicon-ichigo-comm.png) no-repeat

scroll 0 0 !important; padding: 20px 2

Codes:

/*---------------------
MADE BY: minty_peach
LAYOUT ID: Focused 91
DO NOT STEAL. DO NOT EDIT AND REPOST AS YOURS.
-----------------------*/

/*---------------------
Edited and re-mixed by twin_star_spica with permission.
-----------------------*/

/*--- HEADER IMAGE ---*/

.headerimage {
			position: relative;
			margin-left: auto;
			margin-right: auto;
			margin-bottom: 0px; 
			width: 850px;
			height: 499px;
			background-image: url('http://i715.photobucket.com/albums/ww152/twinstarspica/layouts%20for%20LJ/header_okura-0907duet.jpg'); 
			background-repeat: no-repeat;
			}

.separator {
			height: 20px;
			background-color: #ffffff;
			}

/*--- MAIN PAGE-O ---*/

BODY {
			margin: 10px 0px 10px 0px;
			background-color: #FFECF8;
			font-family: "Comic sans", sans-serif;
			text-align: left;
			font-size: 10px;
			line-height: 16px;
			color: #777777;
			}

b, i, s, u { 
			color: #36C7AC; 
			}

code, kbd, pre, tt {
			font-family: tahoma;
			}

a, a:link, a:visited {
			color: #EB6450;
			text-transform: lowercase;
			text-decoration: none;
			}

a:hover {
			color: #555555;
			}

blockquote {
			margin: 0px 5px 0px 5px; 
			padding: 0px 3px 0px 3px; 
			color: #aaaaaa;
			font-size: 10px;
			border-left: 2px solid #EB6450;
			text-align: justify;
			}

#content {
			width: 810px;
			margin-left: auto; 
			margin-right: auto;
			background-color: #ffffff;
			padding: 10px;
			border: 10px solid #FFD4EA;
			}