Moon veil - T.M. Revolution layout
Band/theme : T.M. Revolution
Theme: smooth sailling
Type : s2
Account: free/plus/paid
REMEMBER :
If you're taking this, comment here with your ljusername and put where this layout will be used. Don't forget to credit this livejournal on your links. PLEASE.
This Lj layout as made by valuexofxpain. over a request at jrock_layouts
Click on the image for a live version:
Codes and Intructions :
Images you'll need:
Header
BODY_BG
Code :
/* PAGE */
/* For this layout to work you must:
1. set you journal on smooth sailing default layout,
2.deactivate the 'use layout's stylesheet' and 'Use layout's stylesheet(s) when including custom
external stylesheet'
3.activate the customized css, pasting this code there */
/* ctrl+f to localize the HEADER_IMAGE and BODY_BG and change for the link were you put
your image */
body {
font-family:Myriad Web Pro;
font-size: 14px;
line-height: 16px;
letter-spacing: 0pt;
margin-top: 0px;
background-color: #000000;
color: #cd7c84;
align: center;
background-image:url();
background-repeat: repeat;
background-position: top;
}
::-moz-selection { background-color: #000000; color: #ed15a7; }
a, a:link, a:visited {
color: #222a5b;
text-decoration: none;
}
a:hover {
color: #ffffff;
background-color: #222a5b;
line-height: 16px;
text-decoration: none;
}
.pageblock{
width:780px;
background-image: url('BODY_BG');
background-repeat: repeat-y;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
}
.pagefooterblock {
background-color: #000000;
color:#0f3276;
padding-top:5px;
padding-bottom:5px;
text-align: center;
border-top:1px solid #0f3276;
width: 780px;
}
.pagefooterblock a, .pagefooterblock a:visited {
color: #a83479;
}
/* HEADER */
.pageheaderblock {
text-align: left;
}
.header-title {
display:none;
font-size: 0px;
background-color: transparent;
background-image:url();
background-repeat: no-repeat;
margin-left: auto;
margin-right: auto;
margin-top:0px;
height: 470px;
width: 780px;
}
.header-subtitle {
display:none;
}
.header-icon {
display:none;
}
.header-menu {
padding: 0px;
background-color: transparent;
font-family:Myriad Web Pro;
font-size: 11px;
line-height: 20px;
text-align: center;
background-image: url(HEADER_IMAGE);
border-bottom:0px dashed #5c5c5c;
width: 304px;
height: 210px;
padding-left: 476px;
padding-top:356px;
}
.header-menu a, .header-menu a:visited {
text-align: center;
padding: 3px 10px 3px 10px;
color: #222a5b;
text-decoration: bold;
}
.header-menu a:hover {
padding: 1px 5px 2px 5px;
color: #ffffff;
background-color: #222a5b;
font-size: 11px;
text-decoration: bold;
}
.header-menu ul, #footer-menu ul {
margin: 0px;
padding: 0px;
}
.header-menu li, #footer-menu li {
display: inline;
}
/* BODY */
.bodyblock {
padding:0px;
background-color: transparent;
width: 751px;
background-image:url();
top:-144px;
position:relative;
z-index:100;
margin-left:29px;
color: #ffffff;
}
.bodyheaderblock {
display: none;
}
.bodynavblock {
background-color: transparent;
color: #cd7c84;
text-align:right;
}
.bodynavblock a, .bodynavblock a:visited {
color: #a83479;
}
.body-title {
display: none;
}
.body-midtitle {
display: none;
}
/*ENTRIES*/
.entryHolder {
color:#ffffff;
background-color: transparent;
font-family:Myriad Web Pro ;
font-size: 14px;
padding-top: 3px;
padding-left: 10px;
padding-bottom: 20px;
padding-left:5px;
border-bottom:1px solid #000000;
width: 449px;
margin-left: 90px;
}
.entryUserinfo {
text-align: center;
margin: 5px;
background-color: transparent;
background-image:url();
background-repeat: no-repeat;
background-position: top left;
padding-bottom: 1px;
}
.entryUserinfo-usericon img {
background-image:url();
border: 0px;
}
.entryText {
padding: 6px;
}
.entryHeader {
color: #0f3276;
font-family:Myriad Web Pro;
font-size: 15px;
font-weight: none;
text-decoration: none;
background-color: transparent;
padding-top: 5px;
padding-bottom:5px;
}
.entryHeader a{
color: #0f3276;
}
.entryHeaderSubject {
font-weight: none;
font-size: 15px;
letter-spacing: 3pt;
text-decoration : none;
}
.entryHeaderDate {
color: #0f3276;
text-decoration : none;
}
.entryHeaderDate a {
color: #0f3276;
text-decoration : none;
}
.entryHeaderDate a:hover {
color : #0f3276;
text-decoration : none;
}
.entryMetadata {
padding-left: 6px;
}
.entryMetadata ul {
margin: 0px;
padding: 0px;
}
.entryMetadata li {
list-style: none;
display: inline;
padding-right: 10px;
}
.entryMetadata-label {
color: #0f3276;
font-weight: none;
padding-right: 4px;
}
.entryLinkbar {
font-family:Myriad Web Pro ;
font-size: 11px;
color: #0f3276;
text-align: right;
padding: 4px 0px 4px 0px;
}
.entryLinkbar ul {
margin: 0px;
padding: 0px;
}
.entryLinkbar li {
padding: 0px 5px 0px 5px;
margin: 0px;
display: inline;
}
/*FOOTER*/
#footer-menu {
font-size: 10px;
background-color:tranparent;
padding-left:5px;
}
#footer-menu a, .footer-menu a:visited {
color: #0f3276;
background-color:tranparent;
padding: 0px;
text-align: right;
}
#footer-menu a:hover {
background-color:#0f3276;
color: #000000;
padding: 0px;
text-align: right;
}
/*SIDEBAR*/
.sidebar {
font-family:Myriad Web Pro;
font-size: 12px;
margin-right: 0px;
margin-left: 0px;
width: 217px;
border-right:0px solid #87075b;
color: #ffffff;
background-color: transparent;
top:70px;
position:relative;
z-index:700;
text-align: center;
}
.sidebox {
padding: 4px;
background-color: transparent;
margin: 0px 0px 10px 0px;
}
.sideboxTitle {
text-align: center;
list-style: none;
color: #ffffff;
margin-bottom: 3px;
font-family: Myriad Web Pro;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
background-image:url();
background-repeat: no-repeat;
background-position: top left;
background-color: transparent;
padding-top: 15px;
border-bottom:1px solid #ffffff;
}
.sideboxContent {
text-align: center;
font-family:Myriad Web Pro;
font-size: 10px;
padding: 2px 4px 2px 4px;
color: #0f3276;
}
.sidebox #profile, .sidebox #latestmonth, .sidebox #search {
text-align: center;
}
.sidebox #tags_sidebox {
text-align: center;
font-size : 10px;
width:100%
font-weight:bold;
}
.sidebox #systemlinks {
text-align: right;
font-size : 10px;
width:100%
}
.sidebox #latestmonth table{
width: 90%;
margin-left: auto;
margin-right: auto;
margin-top: 4px;
color: #ffffff;
}
.listtitle {
font-weight: bold;
text-align: right;
font-size : 10px;
text-align: center;
display: block;
width: 100%;
}
.profile-label {
font-weight: bold;
}
.sidebox #systemlinks a{
padding-top:5px;
padding-right: 5px;
list-style: none;
text-align: right;
display: block;
}
.sidebox #systemlinks hover{
background-color: #a83479;
}
/*ARCHIVE PAGE*/
.yearlinks{
color: #571338;
text-align: right;
}
.yearlink{
padding-left:4px;
padding-right: 4px;
}
.month {
width: 450px;
border: 0px solid #3d3d3d;
margin: 8px 8px 8px 40px;
}
.daysubjects {
color: #571338;
padding: 8px 8px 8px 40px;
}
.daytitles {
text-align: center;
border: 1px dotted #3d3d3d;
background: transparent;
color: #571338;
}
.day-blank {
border: 1px solid #ed15a7;
}
.day {
border: 1px solid #ed15a7;
}
.day-date {
border-right: 1px solid #ed15a7;
border-bottom: 1px solid #ed15a7;
color: #ed15a7;
width: 50%;
text-align: center;
}
.day-count {
width: 50%;
text-align: center;
float: right;
font-size: 14px;
}
.day-count a {
text-decoration: none;
color: #ed15a7;
}
/*TAGS PAGE*/
.tagstable, .tagstable td {
border: 1px solid #ed15a7;
}
.tagstable { width: 450px;
}
/* COMMENT PAGE */
.commentHolder {
color: #cd7c84;
background-color: transparent;
border-top: 1px dashed #ed15a7;
font-family: ;
font-size: 12px;
margin: 4px 0px 4px 0px;
background-color: #3a0b2b;
}
.commentUserinfo {
text-align: center;
margin: 0px 8px 8px 0px;
background-color: transparent;
}
.commentUserinfo-usericon img {
border: 0;
}
.commentText {
padding: 6px;
}
.commentHeader {
background-color: transparent;
color: #cd7c84;
font-family: Myriad Web Pro;
font-size: 12px;
padding: 4px 0px 4px 8px;
}
.commentHeader a{
color: #a83479;
}
.commentHeaderScreened {
font-family: ;
font-size: 12px;
background-color: transparent;
padding: 4px 0px 4px 8px;
}
.commentHeaderSubject {
font-weight: bold;
}
.commentLinkbar {
font-family: ;
font-size: 11px;
color: #000000;
text-align: right;
padding-top: 4px;
padding-bottom: 4px;
}
.commentLinkbar ul {
margin: 0px;
padding: 0px;
}
.commentLinkbar li {
padding: 0px 5px 0px 5px;
margin: 0px;
display: inline;
}
#commenttext{
width:100%;
}
/* FORM */
.replyform {
background-color: #ffffff;
text-align: left;
margin: 5px 10px 5px 7px;
color: #3a0b2b;
line-height: 16px;
border: 1px solid #3a0b2b;
}
.textbox {
margin-top: 5px;
margin-bottom: 5px;
}
.replyform textarea {
width: 450px;
}
input {
font-family:Myriad Web Pro;
font-size: 10pt;
color: #3a0b2b;
background-color: #ffffff;
text-transform: uppercase;
letter-spacing: 2px;
border: 1px solid #3a0b2b;
font-size: small;
margin: 0;
}
#SearchType {
margin-bottom: 5px;
}
How to install :
1. go to Journal>Customize Journal
2. choose one of the Smooth Sailing Theme
3.On page setup ( on the bottom of the same screen) fix it (accord with the layout specifications) to sidebar on left, right or none.
4. click on customize selected theme
5. on display: uncheck navigation strip
6. On the layout code you got from here, press ctrl+f to localize the HEADER_IMAGE and BODY_BG and change it for the link were you put your images.
7. on custom css : put all to 'no' and them past the code on the Custom stylesheet text area.
8. save and it's done
Any problems with the layouts can be
related here
For you journal stay pretty, go onto the display option and put YES onto the option : wrap text under userinfo. Otherwise your texts will strech the body of the layout ^.^
PS.2 - if you're using a plus account, you need to set your advertsiment to show up between your entries.
Theme: smooth sailling
Type : s2
Account: free/plus/paid
REMEMBER :
If you're taking this, comment here with your ljusername and put where this layout will be used. Don't forget to credit this livejournal on your links. PLEASE.
This Lj layout as made by valuexofxpain. over a request at jrock_layouts
Click on the image for a live version:
Codes and Intructions :
Images you'll need:
Header
BODY_BG
Code :
/* PAGE */
/* For this layout to work you must:
1. set you journal on smooth sailing default layout,
2.deactivate the 'use layout's stylesheet' and 'Use layout's stylesheet(s) when including custom
external stylesheet'
3.activate the customized css, pasting this code there */
/* ctrl+f to localize the HEADER_IMAGE and BODY_BG and change for the link were you put
your image */
body {
font-family:Myriad Web Pro;
font-size: 14px;
line-height: 16px;
letter-spacing: 0pt;
margin-top: 0px;
background-color: #000000;
color: #cd7c84;
align: center;
background-image:url();
background-repeat: repeat;
background-position: top;
}
::-moz-selection { background-color: #000000; color: #ed15a7; }
a, a:link, a:visited {
color: #222a5b;
text-decoration: none;
}
a:hover {
color: #ffffff;
background-color: #222a5b;
line-height: 16px;
text-decoration: none;
}
.pageblock{
width:780px;
background-image: url('BODY_BG');
background-repeat: repeat-y;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
}
.pagefooterblock {
background-color: #000000;
color:#0f3276;
padding-top:5px;
padding-bottom:5px;
text-align: center;
border-top:1px solid #0f3276;
width: 780px;
}
.pagefooterblock a, .pagefooterblock a:visited {
color: #a83479;
}
/* HEADER */
.pageheaderblock {
text-align: left;
}
.header-title {
display:none;
font-size: 0px;
background-color: transparent;
background-image:url();
background-repeat: no-repeat;
margin-left: auto;
margin-right: auto;
margin-top:0px;
height: 470px;
width: 780px;
}
.header-subtitle {
display:none;
}
.header-icon {
display:none;
}
.header-menu {
padding: 0px;
background-color: transparent;
font-family:Myriad Web Pro;
font-size: 11px;
line-height: 20px;
text-align: center;
background-image: url(HEADER_IMAGE);
border-bottom:0px dashed #5c5c5c;
width: 304px;
height: 210px;
padding-left: 476px;
padding-top:356px;
}
.header-menu a, .header-menu a:visited {
text-align: center;
padding: 3px 10px 3px 10px;
color: #222a5b;
text-decoration: bold;
}
.header-menu a:hover {
padding: 1px 5px 2px 5px;
color: #ffffff;
background-color: #222a5b;
font-size: 11px;
text-decoration: bold;
}
.header-menu ul, #footer-menu ul {
margin: 0px;
padding: 0px;
}
.header-menu li, #footer-menu li {
display: inline;
}
/* BODY */
.bodyblock {
padding:0px;
background-color: transparent;
width: 751px;
background-image:url();
top:-144px;
position:relative;
z-index:100;
margin-left:29px;
color: #ffffff;
}
.bodyheaderblock {
display: none;
}
.bodynavblock {
background-color: transparent;
color: #cd7c84;
text-align:right;
}
.bodynavblock a, .bodynavblock a:visited {
color: #a83479;
}
.body-title {
display: none;
}
.body-midtitle {
display: none;
}
/*ENTRIES*/
.entryHolder {
color:#ffffff;
background-color: transparent;
font-family:Myriad Web Pro ;
font-size: 14px;
padding-top: 3px;
padding-left: 10px;
padding-bottom: 20px;
padding-left:5px;
border-bottom:1px solid #000000;
width: 449px;
margin-left: 90px;
}
.entryUserinfo {
text-align: center;
margin: 5px;
background-color: transparent;
background-image:url();
background-repeat: no-repeat;
background-position: top left;
padding-bottom: 1px;
}
.entryUserinfo-usericon img {
background-image:url();
border: 0px;
}
.entryText {
padding: 6px;
}
.entryHeader {
color: #0f3276;
font-family:Myriad Web Pro;
font-size: 15px;
font-weight: none;
text-decoration: none;
background-color: transparent;
padding-top: 5px;
padding-bottom:5px;
}
.entryHeader a{
color: #0f3276;
}
.entryHeaderSubject {
font-weight: none;
font-size: 15px;
letter-spacing: 3pt;
text-decoration : none;
}
.entryHeaderDate {
color: #0f3276;
text-decoration : none;
}
.entryHeaderDate a {
color: #0f3276;
text-decoration : none;
}
.entryHeaderDate a:hover {
color : #0f3276;
text-decoration : none;
}
.entryMetadata {
padding-left: 6px;
}
.entryMetadata ul {
margin: 0px;
padding: 0px;
}
.entryMetadata li {
list-style: none;
display: inline;
padding-right: 10px;
}
.entryMetadata-label {
color: #0f3276;
font-weight: none;
padding-right: 4px;
}
.entryLinkbar {
font-family:Myriad Web Pro ;
font-size: 11px;
color: #0f3276;
text-align: right;
padding: 4px 0px 4px 0px;
}
.entryLinkbar ul {
margin: 0px;
padding: 0px;
}
.entryLinkbar li {
padding: 0px 5px 0px 5px;
margin: 0px;
display: inline;
}
/*FOOTER*/
#footer-menu {
font-size: 10px;
background-color:tranparent;
padding-left:5px;
}
#footer-menu a, .footer-menu a:visited {
color: #0f3276;
background-color:tranparent;
padding: 0px;
text-align: right;
}
#footer-menu a:hover {
background-color:#0f3276;
color: #000000;
padding: 0px;
text-align: right;
}
/*SIDEBAR*/
.sidebar {
font-family:Myriad Web Pro;
font-size: 12px;
margin-right: 0px;
margin-left: 0px;
width: 217px;
border-right:0px solid #87075b;
color: #ffffff;
background-color: transparent;
top:70px;
position:relative;
z-index:700;
text-align: center;
}
.sidebox {
padding: 4px;
background-color: transparent;
margin: 0px 0px 10px 0px;
}
.sideboxTitle {
text-align: center;
list-style: none;
color: #ffffff;
margin-bottom: 3px;
font-family: Myriad Web Pro;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
background-image:url();
background-repeat: no-repeat;
background-position: top left;
background-color: transparent;
padding-top: 15px;
border-bottom:1px solid #ffffff;
}
.sideboxContent {
text-align: center;
font-family:Myriad Web Pro;
font-size: 10px;
padding: 2px 4px 2px 4px;
color: #0f3276;
}
.sidebox #profile, .sidebox #latestmonth, .sidebox #search {
text-align: center;
}
.sidebox #tags_sidebox {
text-align: center;
font-size : 10px;
width:100%
font-weight:bold;
}
.sidebox #systemlinks {
text-align: right;
font-size : 10px;
width:100%
}
.sidebox #latestmonth table{
width: 90%;
margin-left: auto;
margin-right: auto;
margin-top: 4px;
color: #ffffff;
}
.listtitle {
font-weight: bold;
text-align: right;
font-size : 10px;
text-align: center;
display: block;
width: 100%;
}
.profile-label {
font-weight: bold;
}
.sidebox #systemlinks a{
padding-top:5px;
padding-right: 5px;
list-style: none;
text-align: right;
display: block;
}
.sidebox #systemlinks hover{
background-color: #a83479;
}
/*ARCHIVE PAGE*/
.yearlinks{
color: #571338;
text-align: right;
}
.yearlink{
padding-left:4px;
padding-right: 4px;
}
.month {
width: 450px;
border: 0px solid #3d3d3d;
margin: 8px 8px 8px 40px;
}
.daysubjects {
color: #571338;
padding: 8px 8px 8px 40px;
}
.daytitles {
text-align: center;
border: 1px dotted #3d3d3d;
background: transparent;
color: #571338;
}
.day-blank {
border: 1px solid #ed15a7;
}
.day {
border: 1px solid #ed15a7;
}
.day-date {
border-right: 1px solid #ed15a7;
border-bottom: 1px solid #ed15a7;
color: #ed15a7;
width: 50%;
text-align: center;
}
.day-count {
width: 50%;
text-align: center;
float: right;
font-size: 14px;
}
.day-count a {
text-decoration: none;
color: #ed15a7;
}
/*TAGS PAGE*/
.tagstable, .tagstable td {
border: 1px solid #ed15a7;
}
.tagstable { width: 450px;
}
/* COMMENT PAGE */
.commentHolder {
color: #cd7c84;
background-color: transparent;
border-top: 1px dashed #ed15a7;
font-family: ;
font-size: 12px;
margin: 4px 0px 4px 0px;
background-color: #3a0b2b;
}
.commentUserinfo {
text-align: center;
margin: 0px 8px 8px 0px;
background-color: transparent;
}
.commentUserinfo-usericon img {
border: 0;
}
.commentText {
padding: 6px;
}
.commentHeader {
background-color: transparent;
color: #cd7c84;
font-family: Myriad Web Pro;
font-size: 12px;
padding: 4px 0px 4px 8px;
}
.commentHeader a{
color: #a83479;
}
.commentHeaderScreened {
font-family: ;
font-size: 12px;
background-color: transparent;
padding: 4px 0px 4px 8px;
}
.commentHeaderSubject {
font-weight: bold;
}
.commentLinkbar {
font-family: ;
font-size: 11px;
color: #000000;
text-align: right;
padding-top: 4px;
padding-bottom: 4px;
}
.commentLinkbar ul {
margin: 0px;
padding: 0px;
}
.commentLinkbar li {
padding: 0px 5px 0px 5px;
margin: 0px;
display: inline;
}
#commenttext{
width:100%;
}
/* FORM */
.replyform {
background-color: #ffffff;
text-align: left;
margin: 5px 10px 5px 7px;
color: #3a0b2b;
line-height: 16px;
border: 1px solid #3a0b2b;
}
.textbox {
margin-top: 5px;
margin-bottom: 5px;
}
.replyform textarea {
width: 450px;
}
input {
font-family:Myriad Web Pro;
font-size: 10pt;
color: #3a0b2b;
background-color: #ffffff;
text-transform: uppercase;
letter-spacing: 2px;
border: 1px solid #3a0b2b;
font-size: small;
margin: 0;
}
#SearchType {
margin-bottom: 5px;
}
How to install :
1. go to Journal>Customize Journal
2. choose one of the Smooth Sailing Theme
3.On page setup ( on the bottom of the same screen) fix it (accord with the layout specifications) to sidebar on left, right or none.
4. click on customize selected theme
5. on display: uncheck navigation strip
6. On the layout code you got from here, press ctrl+f to localize the HEADER_IMAGE and BODY_BG and change it for the link were you put your images.
7. on custom css : put all to 'no' and them past the code on the Custom stylesheet text area.
8. save and it's done
Any problems with the layouts can be
related here
For you journal stay pretty, go onto the display option and put YES onto the option : wrap text under userinfo. Otherwise your texts will strech the body of the layout ^.^
PS.2 - if you're using a plus account, you need to set your advertsiment to show up between your entries.