Layout: 30 Seconds To Mars
1. Go into your Journal Display area.
2. Click on Look and Feel.
3. Select "Flexible Squares". Save your settings.
4. Click on Custom Options.
5. Click on "Custom CSS".
6. In the text area, copy and paste the code below, then save your settings.
/* Cleaned CSS: */
/*---------------------------------------------------
This is the original stylesheet for the S2 style Flexible Squares with the elements
arranged in a hopefully clearer order.
You can find a full guide on the single css definitions, including exlanations and illustrations
at http://cartonage.livejournal.com.
Hope this helps! =)
-----------------------------------------------------*/
body {
background-color: #ffffff;
background-image:url(http://i7.tinypic.com/2vngbkn.jpg);
;){kind=link}
background-position: top center;
background-repeat:no-repeat;
text-align: right;
color: #353535;
font-family: Verdana;
font-size: 11px;
margin: 10px 0 10px 0;
}
a, a:link, a:visited {
color: #1A1654;
text-decoration: none;
}
a:hover {
color: #ffffff;
text-decoration: underline;
}
p, td, blockquote {
font-size: 11px;
}
code, kbd, pre, tt {
font-family: monospace;
}
/*---------------------------------------------------------------------
General page alignment and width
------------------------------------------------------------------------*/
#content
{
width: 600px;
margin-left: auto; margin-right: auto;
background-color: transparent;
border-width: 1px;
border-style: solid;
border-color: transparent;
padding: 5px;
margin-top: 0px;
}
#maincontent {
margin-top: 15px;
width: 590px;
font-family: "Verdana", sans-serif;
font-size: 11px;
background-color: #ffffff;
color: #353535;
border-style: solid;
border-color: #ffffff;
border-width: 0px;
margin-right: 0px;
margin-top: 380px;
text-align: left;
}
#sidebar {
display:none;
}
/*-----------------------------------------------------------------------------
Header - you can add a header image with either #header or .headerimage
--------------------------------------------------------------------------------*/
#header {
width: 100%;
padding: 5px 0px 5px 0px;
margin: 0px;
text-align: center;
font-family: "Verdana", sans-serif;
font-variant: small-caps;
font-size: 11px;
font-weight: bold;
letter-spacing: 2px;
border-style: solid;
border-color: #ffffff;
border-width: 0px;
background-color: transparent;
color: #353535;
}
.headerimage {
/* for formatting header image */
}
/*look and color of links (also partly for footer)*/
div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link,
div#footer a:visited {
color: #1A1654;
}
div#header a:hover, div#footer a:hover {
color: #ffffff;
text-decoration: none;
}
/*title and subtitle*/
.title {
display: none;
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: normal;
line-height: 200%;
top: 10px;
}
.subtitle{
display: none;
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: normal;
top: 10px;
}
/*-----------------------------------------------------------------------------
Header - top navigation
--------------------------------------------------------------------------------*/
/* header -- links to views; title of journal; subtitle of journal */
ul.navheader
{
padding: 0px;
margin: 0px;
}
ul.navheader li {
display: inline;
padding: 0 3px 0 3px;
}
/*-----------------------------------------------------------------------------
Entry stuff
------------------------------------------------------------------------*/
.subcontent {
}
.entry {
margin: 0px 10px 10px 0px;
padding: 10px;
background-color: transparent;
color: #353535;
font-family: "Verdana", sans-serif;
font-size: 11px;
text-align: left;
border-width: 0px;
border-color: #ffffff;
border-style: solid;
}
.userpic {
position: relative;
float: left;
background-color: #ffffff;
padding: 0px;
margin: 10px;
z-index: 15;
border-width: 0px;
border-color: #ffffff;
border-style: solid;
}
.date {
line-height: 200%;
top: 5px;
color: #ffffff;
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: bold;
font-variant: small-caps;
}
.subject {
font-weight: bold;
font-variant: small-caps;
padding: 10px;
color: #ffffff;
background-color: transparent;
font-family: "Verdana", sans-serif;
font-size: 11px;
}
.subject a, .subject a:link, .subject a:visited {
color: #1A1654;
}
.subject a:hover {
color: #ffffff;
}
.datesubject {
background-color: #4E021F;
padding: 5px;
}
.entry ul li
{
padding-left: 5px;
margin-left: 15px;
}
.entry ol li
{
padding-left: 5px;
margin-left: 15px;
}
/*---------------------------------------------------------------------
Entry Stuff - Current Mood, Music and Location
------------------------------------------------------------------------*/
.currents, .currentmood, .currentmusic {
font-family: "Verdana", sans-serif;
font-variant: small-caps;
font-size: 11px;
}
/*---------------------------------------------------------------------
Entry Stuff - Comments
------------------------------------------------------------------------*/
.comments {
font-family: "Verdana", sans-serif;
font-size: 11px;
text-align: right;
background-color: transparent;
padding: 0px 5px 0px 5px;
position: relative;
top: 0px;
}
div.comments a, div.comments a:link, div.comments a:visited{
color: #1A1654;
font-variant: small-caps;
}
div.comments a:hover {
color: #ffffff;
text-decoration: none;
}
/*---------------------------------------------------------------------
Entry Stuff - Separator
------------------------------------------------------------------------*/
.separator{
/* for formatting separators between entries */
height: 20px;
}
/*------------------------------------------------------------
Special friends page customization
-------------------------------------------------------------------------------*/
.userpicfriends {
position: relative;
float: left;
padding: 0px;
margin: 10px;
text-align: center;
border-style: solid;
border-width: 0px;
border-color: #ffffff;
background-color: transparent !important;
font-family: "Verdana", sans-serif;
font-size: 11px;
z-index: 15;
}
/*----------------------------------------------------
footer
----------------------------------------------------------------*/
#footer {
width: 100%;
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: bold;
letter-spacing: 1px;
background-color: #ffffff;
color: #353535;
border-color: #ffffff;
border-width: 0px;
border-style: solid;
z-index: 100;
clear: both;
}
ul.navfooter{
padding: 0px;
margin: 0px;
}
ul.navfooter li {
display: inline;
margin: 0 5px 0 5px;
}
.clearfoot {
clear: both;
}
/*----------------------------------------------------
Archive Pages
----------------------------------------------------------------*/
ul.year {
text-align: center;
padding-bottom: 40px;
}
ul.year li {
display: inline;
}
table.yeartable {
margin-left: auto;
margin-right: auto;
}
table.yeartable td.yeardate, table.yeartable td.yearday {
border-width: 1px;
border-style: solid;
border-color: #ffffff;
}
table.yeartable td.yearday {
background-color: #ffffff;
text-align: center;
}
td.yearmonth {
border-style: none;
}
/*----------------------------------------------------
Comments pages
----------------------------------------------------------------*/
.datesubjectcomment {
background-color: #ffffff;
padding: 5px;
margin-top: 20px;
}
.userpiccomment {
position: relative;
border-width: 5px;
border-style: solid;
border-color: #ffffff;
background-color: #ffffff;
top: -30px;
left: 0px;
padding: 5px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
border-width: 0px;
border-color: #ffffff;
border-style: solid;
}
.box {
border-style: solid;
border-width: 1px 0px 0px 0px;
border-color: #ffffff;
padding: 10px;
clear: right;
}
input, textarea {
background-color: #ffffff;
color: #353535;
}
textarea.textbox {
width: 100% !important;
}
.reply {
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: "Verdana", sans-serif;
font-size: 11px;
line-height: 125%;
background-color: #ffffff;
color: #353535;
}
.replytosubject {
font-weight: bold;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 11px;
font-family: "Verdana", sans-serif;
color: #353535;
}
.commentbox {
border-color: #ffffff;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #ffffff;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #1A1654;
}
.datesubjectcomment a:hover {
color: #ffffff;
}
.commentboxpartial {
border-color: #ffffff;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #ffffff;
}
.commentinfo {
background-color: #ffffff;
margin-top: 10px;
width: 100%;
}
.skiplinks {
text-align: center;
}
/*--------------------------------------------
Misc
-----------------------------------------*/
.clear {
height: 15px;
}
7. You may also change other settings in "Custom Options", like adding a website that will appear in your header, or change the 'leave a comment' links to something different.
8. For a detailed preview with working links, check out velvet_testing.
9. If you have the Navigation Bar turned on, or if you have ads on your journal, it will mess up the alignments and the layout will look funky. You can turn off the Nav Bar here and you can get rid of those annoying ads here.
10. This layout has no sidebar, and it also doesn't have customized comment pages, because my testing journal doesn't have a paid account. If you have a paid account, I would suggest using the default comment pages for this layout. If you have a basic account, don't worry about it.
RULES
1. Please comment if you're using it. If I don't know what people like and what people don't like, I won't know what to make in the future! Which is a bummer for everyone.
2. If you use this layout, be sure to credit thevelvetsun or velvetsun_icons in your userinfo.
3. Don't steal or edit this layout. If I see people stealing my layouts (stealing includes using this layout without crediting me, or changing a few colors and the header and claiming it as your own) I will have to make this community friends only and you will be banned. Don't say I didn't warn you.
4. I do take requests. Just leave a comment in an entry.