[LJ Layout] Red Angel Kouichi + Blue Angel Tsuyoshi
Sorry for another layout spam. Was thinking to must complete the angel KK version so I just completed Kouichi version. And I am so not giving up when I randomly came across the Kouichi picture in Google. XD
Just deleted the Tsuyoshi version post and combined these two guys in one post. :)
Feel free to use it if anyone interested. :) Let me know if you face any problems. :D
A comment will be appreciated just in case if you use it. :)
Picture Preview: (sorry no live-preview)
Layout Style: Smooth Sailing
Best view: Tested in Firefox with 1024x768 resolution. but IE should work too.
Work with Nav bar?: Yes
Work with Ads? Yes.
Credits:Please credit dodoki for the original CCS and Modified by rurun
To install:
1) Select Smooth Sailing as the Theme
2) Choose 1 column (no sidebar) and horizontal as the advertisement for the Page Setup (yeah I make it no sidebar. Somehow it looks simpler :) )
3) Go to the custom CCS box, select 'No' for all the two dropdown options and leave the 'Custom external stylesheet URL' box blank, copy the code below and paste it in the CCS box.
Red Angel Kouichi code:
/*---------------------------------------------------
CSS BY: dodoki.livejournal.com / abasium.livejournal.com
Modified CCS BY: rurun.livejournal.com
LAYOUT NAME: Red Angel Kouichi
*PLEASE CREDIT WHEN USE*
-----------------------------------------------------*/
body {
font-family: tahoma; font-size: 11px;
margin: 0; padding: 0;
background-color: F1F0EE;
background-image: url('http://img266.imageshack.us/img266/388/koubg.jpg');
background-position: top center;
background-repeat: repeat;
}
a, a:visited {
color: #D11B55; background-color: transparent;
text-decoration: none;
padding: 0px;
border: 0;
}
a:hover { text-decoration: underline; cursor: default; }
blockquote{
background-color: #f8f8f8; color: #bbbbbb;
border: 1px solid #FFC4C0;
font-size: 9px;
margin: 10px 10px 10px ; padding: 5px;
}
blockquote:first-line { font-size: 10px; letter-spacing: 1px; font-weight: bold; color:#626262}
blockquote:hover { text-decoration: underline; cursor: text; }
input, select {
background-color: #f8f8f8; color: #673F4A;
font-family: tahoma; font-size: 9px;
border: 1px solid #FFC4C0;
margin-top: 5px;
}
input:hover, select:hover {
background-color: #ffffff; color: #673F4A;
border: 1px solid #FFC4C0;
cursor: help;
}
textarea {
width: 200px; padding: 5px;
border: 1px solid #FFC4C0;
background-color: #f8f8f8; color: #673F4A;
font-size: 9px; font-family: tahoma;
}
.pageblock{ width: 730px; margin: auto; }
.pagefooterblock { display: none; }
.pageheaderblock {
/*title, subtitle, menu*/
background-color: #FFC4C0;
background-image: url('http://img137.imageshack.us/img137/1614/headerkou.jpg');
color: #FFFFFF;
background-position: top left;
background-repeat: no-repeat;
font-family: "helvetica", sans-serif;
margin-top:10px;
height: 650px;
text-align: right;
}
.header-title {
display:none;
}
.header-subtitle{
display: none;
}
.pageheaderblock { width: 100%; }
.header-icon { display: none; }
.header-menu {
text-decoration: bold;
font-family: Georgia; font-size: 11px;
letter-spacing: 2px;
text-align: center;
padding: 625px 0 0px 0px;
width: 730px;
border-top: 0px solid #D11B55;
}
.header-menu a, .header-menu a:visited {
padding: 1px 0px 1px 0px; margin: 5px;
color: #D11B55;
word-spacing: 3px;
}
.header-menu a:hover {
text-decoration: underline;
}
.header-menu ul, #footer-menu ul {
margin: 0px; padding: 0px;
}
.header-menu li, #footer-menu li { display: inline; }
.bodyblock {
width: 730px; margin: auto; padding: 0px ;
background-color: #ffffff;
}
.bodyheaderblock { display: none; }
.bodynavblock {
background-color: transparent; color: #673F4A;
margin-top: 5px; margin-left: 10px;
text-align: left;
}
.bodynavblock a, .bodynavblock a:visited {
color: #673F4A; background-color: transparent;
border: none;
text-align: left;
}
.body-title { display: none; }
.body-midtitle { display: none; }
.sidebar {
background-color:#FFC4C0;
border-left:medium none;
font-family:arial;
font-size:11px;
line-height:19px;
padding-left:0;
padding-top:5px;
padding-bottom: 5px;
position:absolute;
text-align:center;
top:0px;
width:730px;
}
.sidebar a, .sidebar a:visited {
color:#434343;
}
.sidebar a:hover {
color:#673F4A;
}
.sidebox {
color:#000000;
margin-bottom:0;
margin-right:auto;
margin-top:0;
padding:2px 16px 5px;
text-align:justify;
}
.sideboxTitle {
display:none;
}
.sideboxContent {
background:transparent none repeat scroll 0 0;
color:#BFBFBF;
display:inline;
font-family:georgia;
font-size:10px;
letter-spacing:0;
line-height:18px;
text-align:justify;
}
.sidebox #freetext {
}
.sidebox #latestmonth, .sidebox #search {
text-align:center;
}
.sidebox #profile {
float:left;
margin-bottom:3px;
margin-right:10px;
padding-top:7px;
}
.sidebox #profile img {
border:15px solid #101010;
height:80px;
width:80px;
}
.profile-label {
display:none;
}
.profile-content {
display:none;
}
.sidebox #tags_sidebox {
color:#131313;
font-size:0 !important;
text-align:right;
}
.sidebox #tags_sidebox a {
font-size:10px !important;
margin-right:9px;
text-align:right !important;
}
.sidebox #systemlinks {
font-size:12px;
line-height:normal;
margin-bottom:0;
padding:0;
top:0;
}
.sidebox #systemlinks a:link, .sidebox #systemlinks a:active, .sidebox #systemlinks a:visited {
color:#F1F1F1;
font-family:georgia;
font-size:11px;
letter-spacing:2px;
margin-right:7px;
text-transform:uppercase;
}
.sidebox #systemlinks a:hover, .sidebox #systemlinks a:active {
color:white;
text-decoration:none;
}
.entryHolder {
background:#F8F8F8 none repeat scroll 0 0;
color:#4F4F4F;
font-size:11px;
margin-top:17px;
width:730px; //size entry box
}
.entryUserinfo {
margin:18px 14px 8px 18px;
}
.entryUserinfo-username {
background:transparent none repeat scroll 0 0;
font-size:11px;
line-height:18px;
margin-right:15px;
margin-top:4px;
text-align:left;
}
.entryUserinfo-username .ljuser a b {
background:transparent none repeat scroll 0 0;
color:#673F4A;
font-family:georgia;
font-size:12px;
font-weight:normal;
letter-spacing:0;
text-decoration:none !important;
}
.entryUserinfo-usericon img {
border:11px solid #FFC4C0;
cursor:auto !important;
}
.entryUserinfo-usericon img:hover {
border:11px solid #F4F4F4;
cursor:pointer;
opacity:0.8;
}
.entryText {
color:#673F4A;
font-family:Trebuchet MS;
font-size:12px;
line-height:19px;
padding:16px 20px;
text-align:justify;
}
.entryHeader {
background:#FFC4C0 none repeat scroll 0 0;
border-bottom:0 none;
color:#F1F1F1;
font-family:georgia;
font-size:10px;
line-height:17px;
padding:8px 0 8px;
text-align:center;
text-transform:lowercase;
}
.entryHeader a {
color:#6A1D2F;
font-size:10px;
letter-spacing:4px;
text-transform:uppercase;
}
.entryHeader a:hover {
}
.entryHeaderSubject {
color:#F1F1F1;
font-family:georgia;
font-size:21px;
letter-spacing:0;
padding-top:3px;
}
.entryHeaderDate {
color:#DD2C5A;
font-size:12px;
letter-spacing:2px;
margin-right:0px;
position:relative;
text-transform:uppercase;
z-index:10;
}
.entryMetadata {
background:#FFC4C0 none repeat scroll 0 0;
color:#DD2C5A;
font-family:arial;
margin-bottom:0;
padding:10px 0px 10px 10px;;
}
.entryMetadata a, .entryMetadata a:visited {
background:#FFC4C0 none repeat scroll 0 0;
color:#DD2C5A;
font-size:9px;
text-transform:lowercase;
}
.entryMetadata a:hover {
border-bottom:0 none;
text-decoration: underline;
}
.entryMetadata ul {
margin:0;
padding:0;
}
.entryMetadata li {
background:#FFC4C0 none repeat scroll 0 0;
display:block;
font-size:9px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding-right:10px;
}
.entryMetadata-label {
font-family:georgia;
font-size:10px;
font-weight:bold;
padding-right:5px;
text-transform:uppercase;
}
.entryLinkbar {
background:#DD2C5A none repeat scroll 0 0;
color:#000000;
margin-right:1px;
margin-top:0;
padding:5px 0px 5px 0;
text-align:center;
text-transform:lowercase;
}
.entryLinkbar a {
background:#DD2C5A none repeat scroll 0 0;
color:#FFFFFF;
font-family:georgia;
font-size:9px;
font-weight:normal;
letter-spacing:0;
padding:0;
text-transform:lowercase;
}
.entryLinkbar a:hover {
text-decoration: underline;
}
.entryLinkbar ul {
margin-bottom:0 !important;
margin-left:0 !important;
margin-top:0 !important;
padding:0;
}
.entryLinkbar li {
background:#DD2C5A none repeat scroll 0 0;
display:inline;
margin:0;
padding:0 5px;
}
#footer-menu {
background-color: #ffffff;
background-image: url('');
width: 500px;
text-transform: uppercase; text-align: right;
font-family: tahoma; font-size: 14px;
margin: 0px 0 0 0; padding: 0px 0 0 0;
}
#footer-menu a, .footer-menu a:visited {
padding: 1px 10px 1px 10px;
color: #D11B55;
white-space: nowrap;
}
#footer-menu a:hover { text-decoration: underline; }
.commentHolder {
color: #673F4A; background-color: #F5F5F5;
font-family: tahoma; font-size: 11px;
padding: 10px; margin: 10px 0 10px 10px;
}
.commentUserinfo {
font-weight: normal;
text-align: center;
}
.commentUserinfo b{font-weight: lighter !important;}
.commentUserinfo-usericon img {
padding: 5px; margin: 5px;
border: 2px solid #FFC4C0;
background-color: #f8f8f8;
height: 50px; width: 50px;
}
#qrform table{
width: 500px;
border: 1px solid #FFC4C0 !important;
background-color: transparent;
margin: 0; padding: 0;
}
#qrform .textbox{
width: 400px !important;
font-family: tahoma; font-size: 11px;
border: 1px solid #FFC4C0 !important;
background-color: transparent !important;
}
#qrform .textbox:hover {
background-color: #FFC4C0; color: #673F4A;
border: 2px solid #bbbbbb;
cursor: text;
}
.commentHeader {
font-family: tahoma; font-size: 11px; font-weight: none;
color: #bbbbbb;
border-bottom: 2px solid #FFC4C0;
letter-spacing: 1px;
text-transform: uppercase;
}
.commentHeader a{ color: #673F4A; }
.commentHeaderScreened {
background-color: #f8f8f8;
padding: 2px 0 2px 5px;
border: 1px solid #FFC4C0;
letter-spacing: 1px;
}
.commentHeaderSubject { font-weight: normal; font-family: tahoma; font-size: 11px; }
.commentLinkbar {
border: 1;
font-family: tahoma; font-size: 10px;
color: #673F4A;
text-transform: lowercase; text-align: left;
padding-bottom: 10px;
}
.commentLinkbar ul { margin: 0; padding: 0; text-align: center;}
.commentLinkbar li { padding: 0px 0 0px 5px; margin: 0; display: inline; }
.replyform {
margin: 10px;
border: 2px;
background-color: #bbbbbb; color: #673F4A;
}
.commentText{ margin: 5px; }
#postform{ background-color: #ffffff; }
#commenttext { width: 100%;}
.yearlinks { text-align: right; }
.yearlink{ padding:0 4px 0 4px; }
.entryHeader a{}
.entryHeader a:hover{}
.month {
width: 100%;
border: 1px solid #070D17;
margin: 10px 0 0 0; padding: 10px;
}
.daysubjects {
color: #673F4A;
letter-spacing: 1px;
padding: 6px 0px 6px 0px;
}
.daytitles {
text-align: center; margin: 0; padding: 0;
background-color: #070D17; color: #bbbbbb;
border-left: 2px solid #070D17; border-right: 2px solid #070D17; border-bottom: 5px solid #070D17;
}
.day-blank { padding: 10px; }
.day { padding: 2px 2px 1px 2px; }
.day-date {
color: #673F4A;
text-align: right;
padding: 0px 3px 0 0;
border-right: 1px solid #FFC4C0; border-top: 1px solid #FFC4C0;
}
.day-count {
width: 50%;
float: right;
}
.tagstable td { padding: 5px 0px 5px 0px; }
.tagstable { text-transform: uppercase; letter-spacing: 1px; width: 500px; }
::-moz-selection { background: #bbbbbb; color: #ffffff; }
::selection { background: #bbbbbb; color: #ffffff; }
code::-moz-selection { background: #bbbbbb; color: #ffffff;}
code::selection { background: #bbbbbb; color: #ffffff;}
/*-----------*/
/* general positioning */
div.ContextualPopup {
margin: 10px 0 0 0px;
font: normal 10px "tahoma" !important;
}
div.ContextualPopup img {
border-left: 1px solid #FFC4C0;
border-right: 1px solid #FFC4C0;
padding: 0 5px 0 5px;
margin: 0 1px 0 5px !important;
}
div.ContextualPopup div.Inner {
background-color: #f8f8f8 !important;
color: #673F4A !important;
border: 1px solid #FFC4C0;
padding: 0px;
width: 220px;
text-align: right;
}
div.ContextualPopup .Content {
padding: 2px 4px 6px 4px;
}
div.ContextualPopup .Relation {
font-weight: normal !important;
letter-spacing: 0px;
}
/* look of words LJ Talk */
div.ContextualPopup .Content .OnlineStatus {
font-weight: normal;
}
/* element that contains the user icon */
div.ContextualPopup .Userpic {
padding: 4px 4px 0 0;
}
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {
text-decoration: none !important;
font-weight: normal;
color: #2D2D2D !important;
}
div.ContextualPopup div.Inner a:hover {
color: #6F6F6F !important;
}
/* */
* html span.ljuser{
background-image: url() !important;
background-repeat: no-repeat;
background-position: left middle;
padding: 10px 8px 0px 0px !important;
}
* html span.ljuser img{ visibility: hidden; }
.ljuser img[src="http://stat.livejournal.com/img/userinfo.gif"] {
width: 0;
height: 0;
background-repeat: no-repeat;
padding: 10px 8px 0 4px !important;
}
.ljuser img[src="http://stat.livejournal.com/img/community.gif"] {
width:0;
height: 0;
background-repeat: no-repeat;
background-image: url(http://cbimg6.com/layouts/09/02/33647ac.gif);
padding: 11px 8px 0 4px !important;
}
img[src="http://stat.livejournal.com/img/icon_protected.gif"]{
width: 0;
height: 0;
padding: 0 0 10px 10px;
}
img[src="http://stat.livejournal.com/img/icon_private.gif"]{
width: 0;
height: 0;
padding: 0 0 10px 10px;
}
#lj_controlstrip {
top: 0; left: 0; width: 100%; height: 50px;
margin: 0; padding: 0;
position: absolute;
background: #FFC4C0 !important;
}
#lj_controlstrip table { margin: 0; padding: 0; width: auto; }
#lj_controlstrip td {
font-family: tahoma, sans-serif;
color: #673F4A !important;
font-size: 10px;
}
#lj_controlstrip a {
font-family: tahoma, sans-serif; font-size: 9px;
color: #FF1545 !important;
text-decoration: none;
border: 0; margin: 0; padding: 0;}
#lj_controlstrip a:hover {
text-decoration: none; color: #79d7ff !important;
}
#lj_controlstrip img, #lj_controlstrip a img, #lj_controlstrip form { background: none; margin: 0; padding: 0; border: 0; }
#lj_controlstrip input {
font-family: tahoma, sans-serif; color: #673F4A !important;
font-size: 10px; background-color: #f8f8f8 !important; border: 1px solid #ffffff;}
}
#lj_controlstrip select, #lj_controlstrip input#xc_user, #lj_controlstrip input#xc_password, #lj_controlstrip input#xc_remember {
font-family: tahoma, sans-serif;
font-size: 10px;
padding: 0; margin: 0;
}
#lj_controlstrip_userpic {margin: 0; padding: 0;}
#lj_controlstrip_userpic img{
width: 50px; height: 50px;
}
#lj_controlstrip_user, #lj_controlstrip_actionlinks, #lj_controlstrip_login, #lj_controlstrip_search{
text-align: left;
border-right: 1px solid #ffffff;
}
#lj_controlstrip_statustext {
font-size: 9px; font-weight: bold;
letter-spacing: 2px; color: #ffffff;
}
.ControlStrip_SPlus, .ControlStrip_AdPlacementFree, .ControlStrip_AdPlacementPlus, .ControlStrip_ExpressiveThemes { right: 0; margin: 0; padding: 0; text-align: right; }
img[src="http://stat.livejournal.com/img/icon_protected.gif"], img[src="http://stat.livejournal.com/img/icon_private.gif"]{
display: none
}
.ljuser img {
width: 0;
height: 0;
background-repeat: no-repeat;
background-color:transparent;
/* so that IE users will still see an image */
background-image: url(http://cbimg6.com/layouts/09/02/33647ad.gif);
padding: 12px 12px 0 12px;
}
.ljuser img[src="http://stat.livejournal.com/img/userinfo.gif"] {
background-color:transparent;
background-image: url(http://cbimg6.com/layouts/09/02/33647ad.gif);
padding: 12px 12px 0 12px;
}
.ljuser img[src="http://stat.livejournal.com/img/community.gif"] {
background-color:transparent;
background-image: url(http://cbimg6.com/layouts/09/02/33647ac.gif);
padding: 14px 14px 0 14px;
}
Pictures: Header | Background
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Blue Angel Tsuyoshi code:
/*---------------------------------------------------
CSS BY: dodoki.livejournal.com / abasium.livejournal.com
Modified CCS BY: rurun.livejournal.com
LAYOUT NAME: Blue Angel Tsuyoshi
*PLEASE CREDIT WHEN USE*
-----------------------------------------------------*/
body {
font-family: tahoma; font-size: 11px;
margin: 0; padding: 0;
background-color: F1F0EE;
background-image: url('http://img268.imageshack.us/img268/8232/tsubg.jpg');
background-position: top center;
background-repeat: repeat;
}
a, a:visited {
color: #5083D0; background-color: transparent;
text-decoration: none;
padding: 0px;
border: 0;
}
a:hover { text-decoration: underline; cursor: default; }
blockquote{
background-color: #f8f8f8; color: #bbbbbb;
border: 1px solid #D8E7FE;
font-size: 9px;
margin: 10px 10px 10px ; padding: 5px;
}
blockquote:first-line { font-size: 10px; letter-spacing: 1px; font-weight: bold; color:#626262}
blockquote:hover { text-decoration: underline; cursor: text; }
input, select {
background-color: #f8f8f8; color: #586C87;
font-family: tahoma; font-size: 9px;
border: 1px solid #D8E7FE;
margin-top: 5px;
}
input:hover, select:hover {
background-color: #ffffff; color: #586C87;
border: 1px solid #D8E7FE;
cursor: help;
}
textarea {
width: 200px; padding: 5px;
border: 1px solid #D8E7FE;
background-color: #f8f8f8; color: #586C87;
font-size: 9px; font-family: tahoma;
}
.pageblock{ width: 730px; margin: auto; }
.pagefooterblock { display: none; }
.pageheaderblock {
/*title, subtitle, menu*/
background-color: #D8E7FE;
background-image: url('http://img268.imageshack.us/img268/7987/tsuheaderl.jpg');
color: #FFFFFF;
background-position: top left;
background-repeat: no-repeat;
font-family: "helvetica", sans-serif;
margin-top:10px;
height: 650px;
text-align: right;
}
.header-title {
display:none;
}
.header-subtitle{
display: none;
}
.pageheaderblock { width: 100%; }
.header-icon { display: none; }
.header-menu {
text-decoration: bold;
font-family: Georgia; font-size: 11px;
letter-spacing: 2px;
text-align: center;
padding: 625px 0 0px 0px;
width: 730px;
border-top: 0px solid #5083D0;
}
.header-menu a, .header-menu a:visited {
padding: 1px 0px 1px 0px; margin: 5px;
color: #5083D0;
word-spacing: 3px;
}
.header-menu a:hover {
text-decoration: underline;
}
.header-menu ul, #footer-menu ul {
margin: 0px; padding: 0px;
}
.header-menu li, #footer-menu li { display: inline; }
.bodyblock {
width: 730px; margin: auto; padding: 0px ;
background-color: #ffffff;
}
.bodyheaderblock { display: none; }
.bodynavblock {
background-color: transparent; color: #586C87;
margin-top: 5px; margin-left: 10px;
text-align: left;
}
.bodynavblock a, .bodynavblock a:visited {
color: #586C87; background-color: transparent;
border: none;
text-align: left;
}
.body-title { display: none; }
.body-midtitle { display: none; }
.sidebar {
background-color:#D8E7FE;
border-left:medium none;
font-family:arial;
font-size:11px;
line-height:19px;
padding-left:0;
padding-top:5px;
padding-bottom: 5px;
position:absolute;
text-align:center;
top:0px;
width:730px;
}
.sidebar a, .sidebar a:visited {
color:#434343;
}
.sidebar a:hover {
color:#586C87;
}
.sidebox {
color:#000000;
margin-bottom:0;
margin-right:auto;
margin-top:0;
padding:2px 16px 5px;
text-align:justify;
}
.sideboxTitle {
display:none;
}
.sideboxContent {
background:transparent none repeat scroll 0 0;
color:#BFBFBF;
display:inline;
font-family:georgia;
font-size:10px;
letter-spacing:0;
line-height:18px;
text-align:justify;
}
.sidebox #freetext {
}
.sidebox #latestmonth, .sidebox #search {
text-align:center;
}
.sidebox #profile {
float:left;
margin-bottom:3px;
margin-right:10px;
padding-top:7px;
}
.sidebox #profile img {
border:15px solid #101010;
height:80px;
width:80px;
}
.profile-label {
display:none;
}
.profile-content {
display:none;
}
.sidebox #tags_sidebox {
color:#131313;
font-size:0 !important;
text-align:right;
}
.sidebox #tags_sidebox a {
font-size:10px !important;
margin-right:9px;
text-align:right !important;
}
.sidebox #systemlinks {
font-size:12px;
line-height:normal;
margin-bottom:0;
padding:0;
top:0;
}
.sidebox #systemlinks a:link, .sidebox #systemlinks a:active, .sidebox #systemlinks a:visited {
color:#F1F1F1;
font-family:georgia;
font-size:11px;
letter-spacing:2px;
margin-right:7px;
text-transform:uppercase;
}
.sidebox #systemlinks a:hover, .sidebox #systemlinks a:active {
color:white;
text-decoration:none;
}
.entryHolder {
background:#F8F8F8 none repeat scroll 0 0;
color:#4F4F4F;
font-size:11px;
margin-top:17px;
width:730px; //size entry box
}
.entryUserinfo {
margin:18px 14px 8px 18px;
}
.entryUserinfo-username {
background:transparent none repeat scroll 0 0;
font-size:11px;
line-height:18px;
margin-right:15px;
margin-top:4px;
text-align:left;
}
.entryUserinfo-username .ljuser a b {
background:transparent none repeat scroll 0 0;
color:#586C87;
font-family:georgia;
font-size:12px;
font-weight:normal;
letter-spacing:0;
text-decoration:none !important;
}
.entryUserinfo-usericon img {
border:11px solid #D8E7FE;
cursor:auto !important;
}
.entryUserinfo-usericon img:hover {
border:11px solid #F4F4F4;
cursor:pointer;
opacity:0.8;
}
.entryText {
color:#586C87;
font-family:Trebuchet MS;
font-size:12px;
line-height:19px;
padding:16px 20px;
text-align:justify;
}
.entryHeader {
background:#D8E7FE none repeat scroll 0 0;
border-bottom:0 none;
color:#F1F1F1;
font-family:georgia;
font-size:10px;
line-height:17px;
padding:8px 0 8px;
text-align:center;
text-transform:lowercase;
}
.entryHeader a {
color:#2559A7;
font-size:10px;
letter-spacing:4px;
text-transform:uppercase;
}
.entryHeader a:hover {
}
.entryHeaderSubject {
color:#F1F1F1;
font-family:georgia;
font-size:21px;
letter-spacing:0;
padding-top:3px;
}
.entryHeaderDate {
color:#5994EC;
font-size:12px;
letter-spacing:2px;
margin-right:0px;
position:relative;
text-transform:uppercase;
z-index:10;
}
.entryMetadata {
background:#D8E7FE none repeat scroll 0 0;
color:#5994EC;
font-family:arial;
margin-bottom:0;
padding:10px 0px 10px 10px;;
}
.entryMetadata a, .entryMetadata a:visited {
background:#D8E7FE none repeat scroll 0 0;
color:#5994EC;
font-size:9px;
text-transform:lowercase;
}
.entryMetadata a:hover {
border-bottom:0 none;
text-decoration: underline;
}
.entryMetadata ul {
margin:0;
padding:0;
}
.entryMetadata li {
background:#D8E7FE none repeat scroll 0 0;
display:block;
font-size:9px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding-right:10px;
}
.entryMetadata-label {
font-family:georgia;
font-size:10px;
font-weight:bold;
padding-right:5px;
text-transform:uppercase;
}
.entryLinkbar {
background:#5994EC none repeat scroll 0 0;
color:#000000;
margin-right:1px;
margin-top:0;
padding:5px 0px 5px 0;
text-align:center;
text-transform:lowercase;
}
.entryLinkbar a {
background:#5994EC none repeat scroll 0 0;
color:#FFFFFF;
font-family:georgia;
font-size:9px;
font-weight:normal;
letter-spacing:0;
padding:0;
text-transform:lowercase;
}
.entryLinkbar a:hover {
text-decoration: underline;
}
.entryLinkbar ul {
margin-bottom:0 !important;
margin-left:0 !important;
margin-top:0 !important;
padding:0;
}
.entryLinkbar li {
background:#5994EC none repeat scroll 0 0;
display:inline;
margin:0;
padding:0 5px;
}
#footer-menu {
background-color: #ffffff;
background-image: url('');
width: 500px;
text-transform: uppercase; text-align: right;
font-family: tahoma; font-size: 14px;
margin: 0px 0 0 0; padding: 0px 0 0 0;
}
#footer-menu a, .footer-menu a:visited {
padding: 1px 10px 1px 10px;
color: #5083D0;
white-space: nowrap;
}
#footer-menu a:hover { text-decoration: underline; }
.commentHolder {
color: #586C87; background-color: #F5F5F5;
font-family: tahoma; font-size: 11px;
padding: 10px; margin: 10px 0 10px 10px;
}
.commentUserinfo {
font-weight: normal;
text-align: center;
}
.commentUserinfo b{font-weight: lighter !important;}
.commentUserinfo-usericon img {
padding: 5px; margin: 5px;
border: 2px solid #D8E7FE;
background-color: #f8f8f8;
height: 50px; width: 50px;
}
#qrform table{
width: 500px;
border: 1px solid #D8E7FE !important;
background-color: transparent;
margin: 0; padding: 0;
}
#qrform .textbox{
width: 400px !important;
font-family: tahoma; font-size: 11px;
border: 1px solid #D8E7FE !important;
background-color: transparent !important;
}
#qrform .textbox:hover {
background-color: #D8E7FE; color: #586C87;
border: 2px solid #bbbbbb;
cursor: text;
}
.commentHeader {
font-family: tahoma; font-size: 11px; font-weight: none;
color: #bbbbbb;
border-bottom: 2px solid #D8E7FE;
letter-spacing: 1px;
text-transform: uppercase;
}
.commentHeader a{ color: #586C87; }
.commentHeaderScreened {
background-color: #f8f8f8;
padding: 2px 0 2px 5px;
border: 1px solid #D8E7FE;
letter-spacing: 1px;
}
.commentHeaderSubject { font-weight: normal; font-family: tahoma; font-size: 11px; }
.commentLinkbar {
border: 1;
font-family: tahoma; font-size: 10px;
color: #586C87;
text-transform: lowercase; text-align: left;
padding-bottom: 10px;
}
.commentLinkbar ul { margin: 0; padding: 0; text-align: center;}
.commentLinkbar li { padding: 0px 0 0px 5px; margin: 0; display: inline; }
.replyform {
margin: 10px;
border: 2px;
background-color: #bbbbbb; color: #586C87;
}
.commentText{ margin: 5px; }
#postform{ background-color: #ffffff; }
#commenttext { width: 100%;}
.yearlinks { text-align: right; }
.yearlink{ padding:0 4px 0 4px; }
.entryHeader a{}
.entryHeader a:hover{}
.month {
width: 100%;
border: 1px solid #070D17;
margin: 10px 0 0 0; padding: 10px;
}
.daysubjects {
color: #586C87;
letter-spacing: 1px;
padding: 6px 0px 6px 0px;
}
.daytitles {
text-align: center; margin: 0; padding: 0;
background-color: #070D17; color: #bbbbbb;
border-left: 2px solid #070D17; border-right: 2px solid #070D17; border-bottom: 5px solid #070D17;
}
.day-blank { padding: 10px; }
.day { padding: 2px 2px 1px 2px; }
.day-date {
color: #586C87;
text-align: right;
padding: 0px 3px 0 0;
border-right: 1px solid #D8E7FE; border-top: 1px solid #D8E7FE;
}
.day-count {
width: 50%;
float: right;
}
.tagstable td { padding: 5px 0px 5px 0px; }
.tagstable { text-transform: uppercase; letter-spacing: 1px; width: 500px; }
::-moz-selection { background: #bbbbbb; color: #ffffff; }
::selection { background: #bbbbbb; color: #ffffff; }
code::-moz-selection { background: #bbbbbb; color: #ffffff;}
code::selection { background: #bbbbbb; color: #ffffff;}
/*-----------*/
/* general positioning */
div.ContextualPopup {
margin: 10px 0 0 0px;
font: normal 10px "tahoma" !important;
}
div.ContextualPopup img {
border-left: 1px solid #D8E7FE;
border-right: 1px solid #D8E7FE;
padding: 0 5px 0 5px;
margin: 0 1px 0 5px !important;
}
div.ContextualPopup div.Inner {
background-color: #f8f8f8 !important;
color: #586C87 !important;
border: 1px solid #D8E7FE;
padding: 0px;
width: 220px;
text-align: right;
}
div.ContextualPopup .Content {
padding: 2px 4px 6px 4px;
}
div.ContextualPopup .Relation {
font-weight: normal !important;
letter-spacing: 0px;
}
/* look of words LJ Talk */
div.ContextualPopup .Content .OnlineStatus {
font-weight: normal;
}
/* element that contains the user icon */
div.ContextualPopup .Userpic {
padding: 4px 4px 0 0;
}
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {
text-decoration: none !important;
font-weight: normal;
color: #2D2D2D !important;
}
div.ContextualPopup div.Inner a:hover {
color: #6F6F6F !important;
}
/* */
* html span.ljuser{
background-image: url() !important;
background-repeat: no-repeat;
background-position: left middle;
padding: 10px 8px 0px 0px !important;
}
* html span.ljuser img{ visibility: hidden; }
.ljuser img[src="http://stat.livejournal.com/img/userinfo.gif"] {
width: 0;
height: 0;
background-repeat: no-repeat;
padding: 10px 8px 0 4px !important;
}
.ljuser img[src="http://stat.livejournal.com/img/community.gif"] {
width:0;
height: 0;
background-repeat: no-repeat;
background-image: url(http://cbimg6.com/layouts/09/02/33647ac.gif);
padding: 11px 8px 0 4px !important;
}
img[src="http://stat.livejournal.com/img/icon_protected.gif"]{
width: 0;
height: 0;
padding: 0 0 10px 10px;
}
img[src="http://stat.livejournal.com/img/icon_private.gif"]{
width: 0;
height: 0;
padding: 0 0 10px 10px;
}
#lj_controlstrip {
top: 0; left: 0; width: 100%; height: 50px;
margin: 0; padding: 0;
position: absolute;
background: #D8E7FE !important;
}
#lj_controlstrip table { margin: 0; padding: 0; width: auto; }
#lj_controlstrip td {
font-family: tahoma, sans-serif;
color: #586C87 !important;
font-size: 10px;
}
#lj_controlstrip a {
font-family: tahoma, sans-serif; font-size: 9px;
color: #0096c7 !important;
text-decoration: none;
border: 0; margin: 0; padding: 0;}
#lj_controlstrip a:hover {
text-decoration: none; color: #79d7ff !important;
}
#lj_controlstrip img, #lj_controlstrip a img, #lj_controlstrip form { background: none; margin: 0; padding: 0; border: 0; }
#lj_controlstrip input {
font-family: tahoma, sans-serif; color: #586C87 !important;
font-size: 10px; background-color: #f8f8f8 !important; border: 1px solid #ffffff;}
}
#lj_controlstrip select, #lj_controlstrip input#xc_user, #lj_controlstrip input#xc_password, #lj_controlstrip input#xc_remember {
font-family: tahoma, sans-serif;
font-size: 10px;
padding: 0; margin: 0;
}
#lj_controlstrip_userpic {margin: 0; padding: 0;}
#lj_controlstrip_userpic img{
width: 50px; height: 50px;
}
#lj_controlstrip_user, #lj_controlstrip_actionlinks, #lj_controlstrip_login, #lj_controlstrip_search{
text-align: left;
border-right: 1px solid #ffffff;
}
#lj_controlstrip_statustext {
font-size: 9px; font-weight: bold;
letter-spacing: 2px; color: #ffffff;
}
.ControlStrip_SPlus, .ControlStrip_AdPlacementFree, .ControlStrip_AdPlacementPlus, .ControlStrip_ExpressiveThemes { right: 0; margin: 0; padding: 0; text-align: right; }
img[src="http://stat.livejournal.com/img/icon_protected.gif"], img[src="http://stat.livejournal.com/img/icon_private.gif"]{
display: none
}
.ljuser img {
width: 0;
height: 0;
background-repeat: no-repeat;
background-color:transparent;
/* so that IE users will still see an image */
background-image: url(http://cbimg6.com/layouts/09/02/33647ad.gif);
padding: 12px 12px 0 12px;
}
.ljuser img[src="http://stat.livejournal.com/img/userinfo.gif"] {
background-color:transparent;
background-image: url(http://cbimg6.com/layouts/09/02/33647ad.gif);
padding: 12px 12px 0 12px;
}
.ljuser img[src="http://stat.livejournal.com/img/community.gif"] {
background-color:transparent;
background-image: url(http://cbimg6.com/layouts/09/02/33647ac.gif);
padding: 14px 14px 0 14px;
}
Pictures: Header | Background
And thus the Angel KinKi Kids Coming to Your Window layouts are now completed. lol! XD
And I might make Futari layout soon :)
Just deleted the Tsuyoshi version post and combined these two guys in one post. :)
Feel free to use it if anyone interested. :) Let me know if you face any problems. :D
A comment will be appreciated just in case if you use it. :)
Picture Preview: (sorry no live-preview)
Layout Style: Smooth Sailing
Best view: Tested in Firefox with 1024x768 resolution. but IE should work too.
Work with Nav bar?: Yes
Work with Ads? Yes.
Credits:Please credit dodoki for the original CCS and Modified by rurun
To install:
1) Select Smooth Sailing as the Theme
2) Choose 1 column (no sidebar) and horizontal as the advertisement for the Page Setup (yeah I make it no sidebar. Somehow it looks simpler :) )
3) Go to the custom CCS box, select 'No' for all the two dropdown options and leave the 'Custom external stylesheet URL' box blank, copy the code below and paste it in the CCS box.
Red Angel Kouichi code:
/*---------------------------------------------------
CSS BY: dodoki.livejournal.com / abasium.livejournal.com
Modified CCS BY: rurun.livejournal.com
LAYOUT NAME: Red Angel Kouichi
*PLEASE CREDIT WHEN USE*
-----------------------------------------------------*/
body {
font-family: tahoma; font-size: 11px;
margin: 0; padding: 0;
background-color: F1F0EE;
background-image: url('http://img266.imageshack.us/img266/388/koubg.jpg');
background-position: top center;
background-repeat: repeat;
}
a, a:visited {
color: #D11B55; background-color: transparent;
text-decoration: none;
padding: 0px;
border: 0;
}
a:hover { text-decoration: underline; cursor: default; }
blockquote{
background-color: #f8f8f8; color: #bbbbbb;
border: 1px solid #FFC4C0;
font-size: 9px;
margin: 10px 10px 10px ; padding: 5px;
}
blockquote:first-line { font-size: 10px; letter-spacing: 1px; font-weight: bold; color:#626262}
blockquote:hover { text-decoration: underline; cursor: text; }
input, select {
background-color: #f8f8f8; color: #673F4A;
font-family: tahoma; font-size: 9px;
border: 1px solid #FFC4C0;
margin-top: 5px;
}
input:hover, select:hover {
background-color: #ffffff; color: #673F4A;
border: 1px solid #FFC4C0;
cursor: help;
}
textarea {
width: 200px; padding: 5px;
border: 1px solid #FFC4C0;
background-color: #f8f8f8; color: #673F4A;
font-size: 9px; font-family: tahoma;
}
.pageblock{ width: 730px; margin: auto; }
.pagefooterblock { display: none; }
.pageheaderblock {
/*title, subtitle, menu*/
background-color: #FFC4C0;
background-image: url('http://img137.imageshack.us/img137/1614/headerkou.jpg');
color: #FFFFFF;
background-position: top left;
background-repeat: no-repeat;
font-family: "helvetica", sans-serif;
margin-top:10px;
height: 650px;
text-align: right;
}
.header-title {
display:none;
}
.header-subtitle{
display: none;
}
.pageheaderblock { width: 100%; }
.header-icon { display: none; }
.header-menu {
text-decoration: bold;
font-family: Georgia; font-size: 11px;
letter-spacing: 2px;
text-align: center;
padding: 625px 0 0px 0px;
width: 730px;
border-top: 0px solid #D11B55;
}
.header-menu a, .header-menu a:visited {
padding: 1px 0px 1px 0px; margin: 5px;
color: #D11B55;
word-spacing: 3px;
}
.header-menu a:hover {
text-decoration: underline;
}
.header-menu ul, #footer-menu ul {
margin: 0px; padding: 0px;
}
.header-menu li, #footer-menu li { display: inline; }
.bodyblock {
width: 730px; margin: auto; padding: 0px ;
background-color: #ffffff;
}
.bodyheaderblock { display: none; }
.bodynavblock {
background-color: transparent; color: #673F4A;
margin-top: 5px; margin-left: 10px;
text-align: left;
}
.bodynavblock a, .bodynavblock a:visited {
color: #673F4A; background-color: transparent;
border: none;
text-align: left;
}
.body-title { display: none; }
.body-midtitle { display: none; }
.sidebar {
background-color:#FFC4C0;
border-left:medium none;
font-family:arial;
font-size:11px;
line-height:19px;
padding-left:0;
padding-top:5px;
padding-bottom: 5px;
position:absolute;
text-align:center;
top:0px;
width:730px;
}
.sidebar a, .sidebar a:visited {
color:#434343;
}
.sidebar a:hover {
color:#673F4A;
}
.sidebox {
color:#000000;
margin-bottom:0;
margin-right:auto;
margin-top:0;
padding:2px 16px 5px;
text-align:justify;
}
.sideboxTitle {
display:none;
}
.sideboxContent {
background:transparent none repeat scroll 0 0;
color:#BFBFBF;
display:inline;
font-family:georgia;
font-size:10px;
letter-spacing:0;
line-height:18px;
text-align:justify;
}
.sidebox #freetext {
}
.sidebox #latestmonth, .sidebox #search {
text-align:center;
}
.sidebox #profile {
float:left;
margin-bottom:3px;
margin-right:10px;
padding-top:7px;
}
.sidebox #profile img {
border:15px solid #101010;
height:80px;
width:80px;
}
.profile-label {
display:none;
}
.profile-content {
display:none;
}
.sidebox #tags_sidebox {
color:#131313;
font-size:0 !important;
text-align:right;
}
.sidebox #tags_sidebox a {
font-size:10px !important;
margin-right:9px;
text-align:right !important;
}
.sidebox #systemlinks {
font-size:12px;
line-height:normal;
margin-bottom:0;
padding:0;
top:0;
}
.sidebox #systemlinks a:link, .sidebox #systemlinks a:active, .sidebox #systemlinks a:visited {
color:#F1F1F1;
font-family:georgia;
font-size:11px;
letter-spacing:2px;
margin-right:7px;
text-transform:uppercase;
}
.sidebox #systemlinks a:hover, .sidebox #systemlinks a:active {
color:white;
text-decoration:none;
}
.entryHolder {
background:#F8F8F8 none repeat scroll 0 0;
color:#4F4F4F;
font-size:11px;
margin-top:17px;
width:730px; //size entry box
}
.entryUserinfo {
margin:18px 14px 8px 18px;
}
.entryUserinfo-username {
background:transparent none repeat scroll 0 0;
font-size:11px;
line-height:18px;
margin-right:15px;
margin-top:4px;
text-align:left;
}
.entryUserinfo-username .ljuser a b {
background:transparent none repeat scroll 0 0;
color:#673F4A;
font-family:georgia;
font-size:12px;
font-weight:normal;
letter-spacing:0;
text-decoration:none !important;
}
.entryUserinfo-usericon img {
border:11px solid #FFC4C0;
cursor:auto !important;
}
.entryUserinfo-usericon img:hover {
border:11px solid #F4F4F4;
cursor:pointer;
opacity:0.8;
}
.entryText {
color:#673F4A;
font-family:Trebuchet MS;
font-size:12px;
line-height:19px;
padding:16px 20px;
text-align:justify;
}
.entryHeader {
background:#FFC4C0 none repeat scroll 0 0;
border-bottom:0 none;
color:#F1F1F1;
font-family:georgia;
font-size:10px;
line-height:17px;
padding:8px 0 8px;
text-align:center;
text-transform:lowercase;
}
.entryHeader a {
color:#6A1D2F;
font-size:10px;
letter-spacing:4px;
text-transform:uppercase;
}
.entryHeader a:hover {
}
.entryHeaderSubject {
color:#F1F1F1;
font-family:georgia;
font-size:21px;
letter-spacing:0;
padding-top:3px;
}
.entryHeaderDate {
color:#DD2C5A;
font-size:12px;
letter-spacing:2px;
margin-right:0px;
position:relative;
text-transform:uppercase;
z-index:10;
}
.entryMetadata {
background:#FFC4C0 none repeat scroll 0 0;
color:#DD2C5A;
font-family:arial;
margin-bottom:0;
padding:10px 0px 10px 10px;;
}
.entryMetadata a, .entryMetadata a:visited {
background:#FFC4C0 none repeat scroll 0 0;
color:#DD2C5A;
font-size:9px;
text-transform:lowercase;
}
.entryMetadata a:hover {
border-bottom:0 none;
text-decoration: underline;
}
.entryMetadata ul {
margin:0;
padding:0;
}
.entryMetadata li {
background:#FFC4C0 none repeat scroll 0 0;
display:block;
font-size:9px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding-right:10px;
}
.entryMetadata-label {
font-family:georgia;
font-size:10px;
font-weight:bold;
padding-right:5px;
text-transform:uppercase;
}
.entryLinkbar {
background:#DD2C5A none repeat scroll 0 0;
color:#000000;
margin-right:1px;
margin-top:0;
padding:5px 0px 5px 0;
text-align:center;
text-transform:lowercase;
}
.entryLinkbar a {
background:#DD2C5A none repeat scroll 0 0;
color:#FFFFFF;
font-family:georgia;
font-size:9px;
font-weight:normal;
letter-spacing:0;
padding:0;
text-transform:lowercase;
}
.entryLinkbar a:hover {
text-decoration: underline;
}
.entryLinkbar ul {
margin-bottom:0 !important;
margin-left:0 !important;
margin-top:0 !important;
padding:0;
}
.entryLinkbar li {
background:#DD2C5A none repeat scroll 0 0;
display:inline;
margin:0;
padding:0 5px;
}
#footer-menu {
background-color: #ffffff;
background-image: url('');
width: 500px;
text-transform: uppercase; text-align: right;
font-family: tahoma; font-size: 14px;
margin: 0px 0 0 0; padding: 0px 0 0 0;
}
#footer-menu a, .footer-menu a:visited {
padding: 1px 10px 1px 10px;
color: #D11B55;
white-space: nowrap;
}
#footer-menu a:hover { text-decoration: underline; }
.commentHolder {
color: #673F4A; background-color: #F5F5F5;
font-family: tahoma; font-size: 11px;
padding: 10px; margin: 10px 0 10px 10px;
}
.commentUserinfo {
font-weight: normal;
text-align: center;
}
.commentUserinfo b{font-weight: lighter !important;}
.commentUserinfo-usericon img {
padding: 5px; margin: 5px;
border: 2px solid #FFC4C0;
background-color: #f8f8f8;
height: 50px; width: 50px;
}
#qrform table{
width: 500px;
border: 1px solid #FFC4C0 !important;
background-color: transparent;
margin: 0; padding: 0;
}
#qrform .textbox{
width: 400px !important;
font-family: tahoma; font-size: 11px;
border: 1px solid #FFC4C0 !important;
background-color: transparent !important;
}
#qrform .textbox:hover {
background-color: #FFC4C0; color: #673F4A;
border: 2px solid #bbbbbb;
cursor: text;
}
.commentHeader {
font-family: tahoma; font-size: 11px; font-weight: none;
color: #bbbbbb;
border-bottom: 2px solid #FFC4C0;
letter-spacing: 1px;
text-transform: uppercase;
}
.commentHeader a{ color: #673F4A; }
.commentHeaderScreened {
background-color: #f8f8f8;
padding: 2px 0 2px 5px;
border: 1px solid #FFC4C0;
letter-spacing: 1px;
}
.commentHeaderSubject { font-weight: normal; font-family: tahoma; font-size: 11px; }
.commentLinkbar {
border: 1;
font-family: tahoma; font-size: 10px;
color: #673F4A;
text-transform: lowercase; text-align: left;
padding-bottom: 10px;
}
.commentLinkbar ul { margin: 0; padding: 0; text-align: center;}
.commentLinkbar li { padding: 0px 0 0px 5px; margin: 0; display: inline; }
.replyform {
margin: 10px;
border: 2px;
background-color: #bbbbbb; color: #673F4A;
}
.commentText{ margin: 5px; }
#postform{ background-color: #ffffff; }
#commenttext { width: 100%;}
.yearlinks { text-align: right; }
.yearlink{ padding:0 4px 0 4px; }
.entryHeader a{}
.entryHeader a:hover{}
.month {
width: 100%;
border: 1px solid #070D17;
margin: 10px 0 0 0; padding: 10px;
}
.daysubjects {
color: #673F4A;
letter-spacing: 1px;
padding: 6px 0px 6px 0px;
}
.daytitles {
text-align: center; margin: 0; padding: 0;
background-color: #070D17; color: #bbbbbb;
border-left: 2px solid #070D17; border-right: 2px solid #070D17; border-bottom: 5px solid #070D17;
}
.day-blank { padding: 10px; }
.day { padding: 2px 2px 1px 2px; }
.day-date {
color: #673F4A;
text-align: right;
padding: 0px 3px 0 0;
border-right: 1px solid #FFC4C0; border-top: 1px solid #FFC4C0;
}
.day-count {
width: 50%;
float: right;
}
.tagstable td { padding: 5px 0px 5px 0px; }
.tagstable { text-transform: uppercase; letter-spacing: 1px; width: 500px; }
::-moz-selection { background: #bbbbbb; color: #ffffff; }
::selection { background: #bbbbbb; color: #ffffff; }
code::-moz-selection { background: #bbbbbb; color: #ffffff;}
code::selection { background: #bbbbbb; color: #ffffff;}
/*-----------*/
/* general positioning */
div.ContextualPopup {
margin: 10px 0 0 0px;
font: normal 10px "tahoma" !important;
}
div.ContextualPopup img {
border-left: 1px solid #FFC4C0;
border-right: 1px solid #FFC4C0;
padding: 0 5px 0 5px;
margin: 0 1px 0 5px !important;
}
div.ContextualPopup div.Inner {
background-color: #f8f8f8 !important;
color: #673F4A !important;
border: 1px solid #FFC4C0;
padding: 0px;
width: 220px;
text-align: right;
}
div.ContextualPopup .Content {
padding: 2px 4px 6px 4px;
}
div.ContextualPopup .Relation {
font-weight: normal !important;
letter-spacing: 0px;
}
/* look of words LJ Talk */
div.ContextualPopup .Content .OnlineStatus {
font-weight: normal;
}
/* element that contains the user icon */
div.ContextualPopup .Userpic {
padding: 4px 4px 0 0;
}
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {
text-decoration: none !important;
font-weight: normal;
color: #2D2D2D !important;
}
div.ContextualPopup div.Inner a:hover {
color: #6F6F6F !important;
}
/* */
* html span.ljuser{
background-image: url() !important;
background-repeat: no-repeat;
background-position: left middle;
padding: 10px 8px 0px 0px !important;
}
* html span.ljuser img{ visibility: hidden; }
.ljuser img[src="http://stat.livejournal.com/img/userinfo.gif"] {
width: 0;
height: 0;
background-repeat: no-repeat;
padding: 10px 8px 0 4px !important;
}
.ljuser img[src="http://stat.livejournal.com/img/community.gif"] {
width:0;
height: 0;
background-repeat: no-repeat;
background-image: url(http://cbimg6.com/layouts/09/02/33647ac.gif);
;){kind=link}
padding: 11px 8px 0 4px !important;
}
img[src="http://stat.livejournal.com/img/icon_protected.gif"]{
width: 0;
height: 0;
padding: 0 0 10px 10px;
}
img[src="http://stat.livejournal.com/img/icon_private.gif"]{
width: 0;
height: 0;
padding: 0 0 10px 10px;
}
#lj_controlstrip {
top: 0; left: 0; width: 100%; height: 50px;
margin: 0; padding: 0;
position: absolute;
background: #FFC4C0 !important;
}
#lj_controlstrip table { margin: 0; padding: 0; width: auto; }
#lj_controlstrip td {
font-family: tahoma, sans-serif;
color: #673F4A !important;
font-size: 10px;
}
#lj_controlstrip a {
font-family: tahoma, sans-serif; font-size: 9px;
color: #FF1545 !important;
text-decoration: none;
border: 0; margin: 0; padding: 0;}
#lj_controlstrip a:hover {
text-decoration: none; color: #79d7ff !important;
}
#lj_controlstrip img, #lj_controlstrip a img, #lj_controlstrip form { background: none; margin: 0; padding: 0; border: 0; }
#lj_controlstrip input {
font-family: tahoma, sans-serif; color: #673F4A !important;
font-size: 10px; background-color: #f8f8f8 !important; border: 1px solid #ffffff;}
}
#lj_controlstrip select, #lj_controlstrip input#xc_user, #lj_controlstrip input#xc_password, #lj_controlstrip input#xc_remember {
font-family: tahoma, sans-serif;
font-size: 10px;
padding: 0; margin: 0;
}
#lj_controlstrip_userpic {margin: 0; padding: 0;}
#lj_controlstrip_userpic img{
width: 50px; height: 50px;
}
#lj_controlstrip_user, #lj_controlstrip_actionlinks, #lj_controlstrip_login, #lj_controlstrip_search{
text-align: left;
border-right: 1px solid #ffffff;
}
#lj_controlstrip_statustext {
font-size: 9px; font-weight: bold;
letter-spacing: 2px; color: #ffffff;
}
.ControlStrip_SPlus, .ControlStrip_AdPlacementFree, .ControlStrip_AdPlacementPlus, .ControlStrip_ExpressiveThemes { right: 0; margin: 0; padding: 0; text-align: right; }
img[src="http://stat.livejournal.com/img/icon_protected.gif"], img[src="http://stat.livejournal.com/img/icon_private.gif"]{
display: none
}
.ljuser img {
width: 0;
height: 0;
background-repeat: no-repeat;
background-color:transparent;
/* so that IE users will still see an image */
background-image: url(http://cbimg6.com/layouts/09/02/33647ad.gif);
;){kind=link}
padding: 12px 12px 0 12px;
}
.ljuser img[src="http://stat.livejournal.com/img/userinfo.gif"] {
background-color:transparent;
background-image: url(http://cbimg6.com/layouts/09/02/33647ad.gif);
padding: 12px 12px 0 12px;
}
.ljuser img[src="http://stat.livejournal.com/img/community.gif"] {
background-color:transparent;
background-image: url(http://cbimg6.com/layouts/09/02/33647ac.gif);
padding: 14px 14px 0 14px;
}
Pictures: Header | Background
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Blue Angel Tsuyoshi code:
/*---------------------------------------------------
CSS BY: dodoki.livejournal.com / abasium.livejournal.com
Modified CCS BY: rurun.livejournal.com
LAYOUT NAME: Blue Angel Tsuyoshi
*PLEASE CREDIT WHEN USE*
-----------------------------------------------------*/
body {
font-family: tahoma; font-size: 11px;
margin: 0; padding: 0;
background-color: F1F0EE;
background-image: url('http://img268.imageshack.us/img268/8232/tsubg.jpg');
background-position: top center;
background-repeat: repeat;
}
a, a:visited {
color: #5083D0; background-color: transparent;
text-decoration: none;
padding: 0px;
border: 0;
}
a:hover { text-decoration: underline; cursor: default; }
blockquote{
background-color: #f8f8f8; color: #bbbbbb;
border: 1px solid #D8E7FE;
font-size: 9px;
margin: 10px 10px 10px ; padding: 5px;
}
blockquote:first-line { font-size: 10px; letter-spacing: 1px; font-weight: bold; color:#626262}
blockquote:hover { text-decoration: underline; cursor: text; }
input, select {
background-color: #f8f8f8; color: #586C87;
font-family: tahoma; font-size: 9px;
border: 1px solid #D8E7FE;
margin-top: 5px;
}
input:hover, select:hover {
background-color: #ffffff; color: #586C87;
border: 1px solid #D8E7FE;
cursor: help;
}
textarea {
width: 200px; padding: 5px;
border: 1px solid #D8E7FE;
background-color: #f8f8f8; color: #586C87;
font-size: 9px; font-family: tahoma;
}
.pageblock{ width: 730px; margin: auto; }
.pagefooterblock { display: none; }
.pageheaderblock {
/*title, subtitle, menu*/
background-color: #D8E7FE;
background-image: url('http://img268.imageshack.us/img268/7987/tsuheaderl.jpg');
color: #FFFFFF;
background-position: top left;
background-repeat: no-repeat;
font-family: "helvetica", sans-serif;
margin-top:10px;
height: 650px;
text-align: right;
}
.header-title {
display:none;
}
.header-subtitle{
display: none;
}
.pageheaderblock { width: 100%; }
.header-icon { display: none; }
.header-menu {
text-decoration: bold;
font-family: Georgia; font-size: 11px;
letter-spacing: 2px;
text-align: center;
padding: 625px 0 0px 0px;
width: 730px;
border-top: 0px solid #5083D0;
}
.header-menu a, .header-menu a:visited {
padding: 1px 0px 1px 0px; margin: 5px;
color: #5083D0;
word-spacing: 3px;
}
.header-menu a:hover {
text-decoration: underline;
}
.header-menu ul, #footer-menu ul {
margin: 0px; padding: 0px;
}
.header-menu li, #footer-menu li { display: inline; }
.bodyblock {
width: 730px; margin: auto; padding: 0px ;
background-color: #ffffff;
}
.bodyheaderblock { display: none; }
.bodynavblock {
background-color: transparent; color: #586C87;
margin-top: 5px; margin-left: 10px;
text-align: left;
}
.bodynavblock a, .bodynavblock a:visited {
color: #586C87; background-color: transparent;
border: none;
text-align: left;
}
.body-title { display: none; }
.body-midtitle { display: none; }
.sidebar {
background-color:#D8E7FE;
border-left:medium none;
font-family:arial;
font-size:11px;
line-height:19px;
padding-left:0;
padding-top:5px;
padding-bottom: 5px;
position:absolute;
text-align:center;
top:0px;
width:730px;
}
.sidebar a, .sidebar a:visited {
color:#434343;
}
.sidebar a:hover {
color:#586C87;
}
.sidebox {
color:#000000;
margin-bottom:0;
margin-right:auto;
margin-top:0;
padding:2px 16px 5px;
text-align:justify;
}
.sideboxTitle {
display:none;
}
.sideboxContent {
background:transparent none repeat scroll 0 0;
color:#BFBFBF;
display:inline;
font-family:georgia;
font-size:10px;
letter-spacing:0;
line-height:18px;
text-align:justify;
}
.sidebox #freetext {
}
.sidebox #latestmonth, .sidebox #search {
text-align:center;
}
.sidebox #profile {
float:left;
margin-bottom:3px;
margin-right:10px;
padding-top:7px;
}
.sidebox #profile img {
border:15px solid #101010;
height:80px;
width:80px;
}
.profile-label {
display:none;
}
.profile-content {
display:none;
}
.sidebox #tags_sidebox {
color:#131313;
font-size:0 !important;
text-align:right;
}
.sidebox #tags_sidebox a {
font-size:10px !important;
margin-right:9px;
text-align:right !important;
}
.sidebox #systemlinks {
font-size:12px;
line-height:normal;
margin-bottom:0;
padding:0;
top:0;
}
.sidebox #systemlinks a:link, .sidebox #systemlinks a:active, .sidebox #systemlinks a:visited {
color:#F1F1F1;
font-family:georgia;
font-size:11px;
letter-spacing:2px;
margin-right:7px;
text-transform:uppercase;
}
.sidebox #systemlinks a:hover, .sidebox #systemlinks a:active {
color:white;
text-decoration:none;
}
.entryHolder {
background:#F8F8F8 none repeat scroll 0 0;
color:#4F4F4F;
font-size:11px;
margin-top:17px;
width:730px; //size entry box
}
.entryUserinfo {
margin:18px 14px 8px 18px;
}
.entryUserinfo-username {
background:transparent none repeat scroll 0 0;
font-size:11px;
line-height:18px;
margin-right:15px;
margin-top:4px;
text-align:left;
}
.entryUserinfo-username .ljuser a b {
background:transparent none repeat scroll 0 0;
color:#586C87;
font-family:georgia;
font-size:12px;
font-weight:normal;
letter-spacing:0;
text-decoration:none !important;
}
.entryUserinfo-usericon img {
border:11px solid #D8E7FE;
cursor:auto !important;
}
.entryUserinfo-usericon img:hover {
border:11px solid #F4F4F4;
cursor:pointer;
opacity:0.8;
}
.entryText {
color:#586C87;
font-family:Trebuchet MS;
font-size:12px;
line-height:19px;
padding:16px 20px;
text-align:justify;
}
.entryHeader {
background:#D8E7FE none repeat scroll 0 0;
border-bottom:0 none;
color:#F1F1F1;
font-family:georgia;
font-size:10px;
line-height:17px;
padding:8px 0 8px;
text-align:center;
text-transform:lowercase;
}
.entryHeader a {
color:#2559A7;
font-size:10px;
letter-spacing:4px;
text-transform:uppercase;
}
.entryHeader a:hover {
}
.entryHeaderSubject {
color:#F1F1F1;
font-family:georgia;
font-size:21px;
letter-spacing:0;
padding-top:3px;
}
.entryHeaderDate {
color:#5994EC;
font-size:12px;
letter-spacing:2px;
margin-right:0px;
position:relative;
text-transform:uppercase;
z-index:10;
}
.entryMetadata {
background:#D8E7FE none repeat scroll 0 0;
color:#5994EC;
font-family:arial;
margin-bottom:0;
padding:10px 0px 10px 10px;;
}
.entryMetadata a, .entryMetadata a:visited {
background:#D8E7FE none repeat scroll 0 0;
color:#5994EC;
font-size:9px;
text-transform:lowercase;
}
.entryMetadata a:hover {
border-bottom:0 none;
text-decoration: underline;
}
.entryMetadata ul {
margin:0;
padding:0;
}
.entryMetadata li {
background:#D8E7FE none repeat scroll 0 0;
display:block;
font-size:9px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding-right:10px;
}
.entryMetadata-label {
font-family:georgia;
font-size:10px;
font-weight:bold;
padding-right:5px;
text-transform:uppercase;
}
.entryLinkbar {
background:#5994EC none repeat scroll 0 0;
color:#000000;
margin-right:1px;
margin-top:0;
padding:5px 0px 5px 0;
text-align:center;
text-transform:lowercase;
}
.entryLinkbar a {
background:#5994EC none repeat scroll 0 0;
color:#FFFFFF;
font-family:georgia;
font-size:9px;
font-weight:normal;
letter-spacing:0;
padding:0;
text-transform:lowercase;
}
.entryLinkbar a:hover {
text-decoration: underline;
}
.entryLinkbar ul {
margin-bottom:0 !important;
margin-left:0 !important;
margin-top:0 !important;
padding:0;
}
.entryLinkbar li {
background:#5994EC none repeat scroll 0 0;
display:inline;
margin:0;
padding:0 5px;
}
#footer-menu {
background-color: #ffffff;
background-image: url('');
width: 500px;
text-transform: uppercase; text-align: right;
font-family: tahoma; font-size: 14px;
margin: 0px 0 0 0; padding: 0px 0 0 0;
}
#footer-menu a, .footer-menu a:visited {
padding: 1px 10px 1px 10px;
color: #5083D0;
white-space: nowrap;
}
#footer-menu a:hover { text-decoration: underline; }
.commentHolder {
color: #586C87; background-color: #F5F5F5;
font-family: tahoma; font-size: 11px;
padding: 10px; margin: 10px 0 10px 10px;
}
.commentUserinfo {
font-weight: normal;
text-align: center;
}
.commentUserinfo b{font-weight: lighter !important;}
.commentUserinfo-usericon img {
padding: 5px; margin: 5px;
border: 2px solid #D8E7FE;
background-color: #f8f8f8;
height: 50px; width: 50px;
}
#qrform table{
width: 500px;
border: 1px solid #D8E7FE !important;
background-color: transparent;
margin: 0; padding: 0;
}
#qrform .textbox{
width: 400px !important;
font-family: tahoma; font-size: 11px;
border: 1px solid #D8E7FE !important;
background-color: transparent !important;
}
#qrform .textbox:hover {
background-color: #D8E7FE; color: #586C87;
border: 2px solid #bbbbbb;
cursor: text;
}
.commentHeader {
font-family: tahoma; font-size: 11px; font-weight: none;
color: #bbbbbb;
border-bottom: 2px solid #D8E7FE;
letter-spacing: 1px;
text-transform: uppercase;
}
.commentHeader a{ color: #586C87; }
.commentHeaderScreened {
background-color: #f8f8f8;
padding: 2px 0 2px 5px;
border: 1px solid #D8E7FE;
letter-spacing: 1px;
}
.commentHeaderSubject { font-weight: normal; font-family: tahoma; font-size: 11px; }
.commentLinkbar {
border: 1;
font-family: tahoma; font-size: 10px;
color: #586C87;
text-transform: lowercase; text-align: left;
padding-bottom: 10px;
}
.commentLinkbar ul { margin: 0; padding: 0; text-align: center;}
.commentLinkbar li { padding: 0px 0 0px 5px; margin: 0; display: inline; }
.replyform {
margin: 10px;
border: 2px;
background-color: #bbbbbb; color: #586C87;
}
.commentText{ margin: 5px; }
#postform{ background-color: #ffffff; }
#commenttext { width: 100%;}
.yearlinks { text-align: right; }
.yearlink{ padding:0 4px 0 4px; }
.entryHeader a{}
.entryHeader a:hover{}
.month {
width: 100%;
border: 1px solid #070D17;
margin: 10px 0 0 0; padding: 10px;
}
.daysubjects {
color: #586C87;
letter-spacing: 1px;
padding: 6px 0px 6px 0px;
}
.daytitles {
text-align: center; margin: 0; padding: 0;
background-color: #070D17; color: #bbbbbb;
border-left: 2px solid #070D17; border-right: 2px solid #070D17; border-bottom: 5px solid #070D17;
}
.day-blank { padding: 10px; }
.day { padding: 2px 2px 1px 2px; }
.day-date {
color: #586C87;
text-align: right;
padding: 0px 3px 0 0;
border-right: 1px solid #D8E7FE; border-top: 1px solid #D8E7FE;
}
.day-count {
width: 50%;
float: right;
}
.tagstable td { padding: 5px 0px 5px 0px; }
.tagstable { text-transform: uppercase; letter-spacing: 1px; width: 500px; }
::-moz-selection { background: #bbbbbb; color: #ffffff; }
::selection { background: #bbbbbb; color: #ffffff; }
code::-moz-selection { background: #bbbbbb; color: #ffffff;}
code::selection { background: #bbbbbb; color: #ffffff;}
/*-----------*/
/* general positioning */
div.ContextualPopup {
margin: 10px 0 0 0px;
font: normal 10px "tahoma" !important;
}
div.ContextualPopup img {
border-left: 1px solid #D8E7FE;
border-right: 1px solid #D8E7FE;
padding: 0 5px 0 5px;
margin: 0 1px 0 5px !important;
}
div.ContextualPopup div.Inner {
background-color: #f8f8f8 !important;
color: #586C87 !important;
border: 1px solid #D8E7FE;
padding: 0px;
width: 220px;
text-align: right;
}
div.ContextualPopup .Content {
padding: 2px 4px 6px 4px;
}
div.ContextualPopup .Relation {
font-weight: normal !important;
letter-spacing: 0px;
}
/* look of words LJ Talk */
div.ContextualPopup .Content .OnlineStatus {
font-weight: normal;
}
/* element that contains the user icon */
div.ContextualPopup .Userpic {
padding: 4px 4px 0 0;
}
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {
text-decoration: none !important;
font-weight: normal;
color: #2D2D2D !important;
}
div.ContextualPopup div.Inner a:hover {
color: #6F6F6F !important;
}
/* */
* html span.ljuser{
background-image: url() !important;
background-repeat: no-repeat;
background-position: left middle;
padding: 10px 8px 0px 0px !important;
}
* html span.ljuser img{ visibility: hidden; }
.ljuser img[src="http://stat.livejournal.com/img/userinfo.gif"] {
width: 0;
height: 0;
background-repeat: no-repeat;
padding: 10px 8px 0 4px !important;
}
.ljuser img[src="http://stat.livejournal.com/img/community.gif"] {
width:0;
height: 0;
background-repeat: no-repeat;
background-image: url(http://cbimg6.com/layouts/09/02/33647ac.gif);
padding: 11px 8px 0 4px !important;
}
img[src="http://stat.livejournal.com/img/icon_protected.gif"]{
width: 0;
height: 0;
padding: 0 0 10px 10px;
}
img[src="http://stat.livejournal.com/img/icon_private.gif"]{
width: 0;
height: 0;
padding: 0 0 10px 10px;
}
#lj_controlstrip {
top: 0; left: 0; width: 100%; height: 50px;
margin: 0; padding: 0;
position: absolute;
background: #D8E7FE !important;
}
#lj_controlstrip table { margin: 0; padding: 0; width: auto; }
#lj_controlstrip td {
font-family: tahoma, sans-serif;
color: #586C87 !important;
font-size: 10px;
}
#lj_controlstrip a {
font-family: tahoma, sans-serif; font-size: 9px;
color: #0096c7 !important;
text-decoration: none;
border: 0; margin: 0; padding: 0;}
#lj_controlstrip a:hover {
text-decoration: none; color: #79d7ff !important;
}
#lj_controlstrip img, #lj_controlstrip a img, #lj_controlstrip form { background: none; margin: 0; padding: 0; border: 0; }
#lj_controlstrip input {
font-family: tahoma, sans-serif; color: #586C87 !important;
font-size: 10px; background-color: #f8f8f8 !important; border: 1px solid #ffffff;}
}
#lj_controlstrip select, #lj_controlstrip input#xc_user, #lj_controlstrip input#xc_password, #lj_controlstrip input#xc_remember {
font-family: tahoma, sans-serif;
font-size: 10px;
padding: 0; margin: 0;
}
#lj_controlstrip_userpic {margin: 0; padding: 0;}
#lj_controlstrip_userpic img{
width: 50px; height: 50px;
}
#lj_controlstrip_user, #lj_controlstrip_actionlinks, #lj_controlstrip_login, #lj_controlstrip_search{
text-align: left;
border-right: 1px solid #ffffff;
}
#lj_controlstrip_statustext {
font-size: 9px; font-weight: bold;
letter-spacing: 2px; color: #ffffff;
}
.ControlStrip_SPlus, .ControlStrip_AdPlacementFree, .ControlStrip_AdPlacementPlus, .ControlStrip_ExpressiveThemes { right: 0; margin: 0; padding: 0; text-align: right; }
img[src="http://stat.livejournal.com/img/icon_protected.gif"], img[src="http://stat.livejournal.com/img/icon_private.gif"]{
display: none
}
.ljuser img {
width: 0;
height: 0;
background-repeat: no-repeat;
background-color:transparent;
/* so that IE users will still see an image */
background-image: url(http://cbimg6.com/layouts/09/02/33647ad.gif);
padding: 12px 12px 0 12px;
}
.ljuser img[src="http://stat.livejournal.com/img/userinfo.gif"] {
background-color:transparent;
background-image: url(http://cbimg6.com/layouts/09/02/33647ad.gif);
padding: 12px 12px 0 12px;
}
.ljuser img[src="http://stat.livejournal.com/img/community.gif"] {
background-color:transparent;
background-image: url(http://cbimg6.com/layouts/09/02/33647ac.gif);
padding: 14px 14px 0 14px;
}
Pictures: Header | Background
And thus the Angel KinKi Kids Coming to Your Window layouts are now completed. lol! XD
And I might make Futari layout soon :)