Post Friends My journal
jessieka in makeithot

#034; layout » car crash hearts

Jan 30, 2011 21:25



TEMP Live Preview

DARK

/* car crash hearts - dark
layout by jessieka
credit http://community.livejournal.com/makeithot */

/*-------------------------------*/

body {
background: #121212;
text-align: left;
color: #949494;
font-family: "arial", sans-serif;
font-size: 10px;
}

a, a:link, a:visited {
color: #5674b9;
text-decoration: none;
}

a:hover {
color: #36d2fa;
}

p, td, {
font-size: 11px;
}

blockquote {
font-size: 11px;
border-width: 1px;
border-style: dotted;
border-color: ffffff;
padding: 10px;
}

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

/*-------------------------------
General page alignment and width
-------------------------------*/

#content
{
width: 1000px;
background-color: #121212;
margin-left: auto;
margin-right: auto;
}

#maincontent {
font-family: "arial", sans-serif;
font-size: 11px;
background-color: #121212;
color: #666666;
margin: 15px 5px 0px 200px;
text-align: left;
}

#sidebar {
padding-top: 10px;
margin-top: 0px;
background-color: #121212;
font-size: 10px;
font-family: "arial", sans-serif;
color: #ffffff;
width: 180px;
float: left;
text-align: left;
}

/*-------------------------------
Header
-------------------------------*/

#header {
width: 100%;
padding: 10px 0px 10px 0px;
margin: 0px;
text-align: center;
font-family: "arial", sans-serif;
text-transform:uppercase;
font-size: 15px;
font-weight: bold;
letter-spacing: 2px;
background-color: #eefc4c;
color: #111111;
float: top;
}

.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 {
text-decoration: none;
color: #111111;
}

div#header a:hover, div#footer a:hover {
text-decoration: none;
background: #fa4e55;
color: #ffffff;
padding: 5px;}
}

/*title and subtitle*/
.title {
display: none;
}

.subtitle{
display: none;
}

/*-------------------------------
Header - top navigation
-------------------------------*/

/* header -- links to views; title of journal; subtitle of journal */

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

ul.navheader li {
display: inline;
list-style: none;
padding: 0 3px 0 3px;
}

.title, .subtitle {
display: none;
}

/*-------------------------------
Entry stuff
-------------------------------*/

.entry {
margin: 10px 100px 10px 10px;
padding: 10px;
background-color: #121212;
color: #ffffff;
font-family: "arial", sans-serif;
font-size: 11px;
text-align: left;
}

.entry a:hover {
color: #36d2fa;
}

.entry_text {
padding-bottom:15px;
}

.userpic {
position: relative;
float: right;
background-color: #fa4e55 !important;
padding: 5px;
margin-top: 10px;
z-index: 15;
font-family: "arial", sans-serif;
font-size: 10px;
text-align: center;
}

.userpic a font {
color: #ffffff;
}

.date {
line-height: 200%;
top: 5px;
color: #eefc4c;
font-family: "arial", sans-serif;
font-size: 11px;
text-transform:uppercase;
}

.subject {
padding: 0px;
margin: 0px 100px 0px 0px;
color: #ffffff;
font-family: "arial black", sans-serif;
font-size: 18px;
font-weight: bold;
text-transform:uppercase;
border-bottom: 1px dotted #ffffff;
}

.subject a, .subject a:link, .subject a:visited {
color: #ffffff;
}

.subject a:hover {
color: #fa4e55;
}

.datesubject {
background-color: #121212;
padding: 0px;
}

.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: "arial", sans-serif;
font-size: 11px;
font-weight: normal;
}

.currents strong {
font-weight: normal;
}

.currents a:hover {
color: #36d2fa;
}

.ljtags {
margin-top: 30px;
}

.ljtags a:hover {
color: #36d2fa;
}

.ljtaglist a:hover {
color: #36d2fa;
}

/*-------------------------------
Entry Stuff - Comments
-------------------------------*/

.comments {
font-family: "arial", sans-serif;
font-size: 11px;
text-align: right;
background-color: #121212;
padding: 0px 5px 0px 5px;
position: relative;
top: 15px;
}

div.comments a, div.comments a:link, div.comments a:visited{
font-family: "arial black", sans-serif;
font-size: 18px;
font-weight: bold;
text-transform:uppercase;
color: #ffffff;
}

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

/*-------------------------------
Entry Stuff - Separator
-------------------------------*/

.separator{
/* for formatting separators between entries */
height: 35px;
}

/*-------------------------------
Special friends page customization
-------------------------------*/

.userpicfriends {
position: relative;
float: right;
background-color: #fa4e55 !important;
padding: 5px;
margin-top: 10px;
z-index: 15;
font-family: "arial", sans-serif;
font-size: 10px;
text-align: center;
}

.userpicfriends a font {
color: #ffffff;
}

/*-------------------------------
Sidebar
-------------------------------*/

.defaultuserpic {
margin-right: auto;
margin-left: auto;
width: 100px;

}

.sbarheader {
padding: 0px 5px 0px 5px;
}

.sbarbody {
padding: 0px 5px 0px 5px;
}

.sbarbody2 {
padding: 0 15px 0 15px;
}

div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
color: #ffffff;
}

div#sidebar a:hover {
color: #eefc4c;
text-decoration: none;
}

/*-------------------------------
Sidebar - Calendar
-------------------------------*/

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

table a, a:link, a:visited {
color: #ffffff;
text-decoration: none;
}

.sbarcalendar {
text-align: center;
font-family: "arial", sans-serif;
font-size: 11px;
}

.sbarcalendarposts {
background-color: #fa4e55;
text-align: center;
font-family: "arial", sans-serif;
font-size: 11px;
}

/*-------------------------------
Sidebar - link box contents and sidebar box titles
-------------------------------*/

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

li.sbaritem
{
margins: 0px 5px 0px 5px;
padding: 4px 4px 4px 4px;
list-style: none;
border-bottom: 1px dotted #ffffff;
}

li.sbartitle
{
list-style: none;
background-color: #949494;
padding: 5px;
margin-bottom: 10px;
margin-top: 10px;
text-align: center;
font-family: arial;
font-size: 15px;
font-weight: bold;
text-transform:uppercase;
}

/*-------------------------------
Footer
-------------------------------*/

#footer {
width: 100%;
text-align: center;
font-family: "arial", sans-serif;
font-size: 11px;
font-weight: bold;
letter-spacing: 1px;
background-color: #eefc4c;
line-height: 30px;
color: #121212;
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;
font-family: "arial", sans-serif;
font-size: 18px;
}

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

table.yeartable td.yeardate, table.yeartable td.yearday {
border-width: 1px;
border-style: dotted;
border-color: #949494;
}

table.yeartable td.yearday {
background-color: #fa4e55;
text-align: center;
}

table.yeartable td.yeardate a:hover {
color: #36d2fa;
}

td.yearmonth {
border-style: none;
}

/*-------------------------------
Comments pages
-------------------------------*/

.datesubjectcomment {
background-color: #fa4e55;
padding: 5px;
margin-top: 20px;
}

.userpiccomment {
position: relative;
border-width: 5px;
border-style: solid;
border-color: #ffffff;
background-color: #121212;
top: -30px;
left: 0px;
padding: 5px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
border-width: 1px;
border-color: #ffffff;
border-style: solid;
}

.box {
padding: 10px;
clear: left;
}

input, textarea {
background-color: #949494;
color: #121212;
font-family: "arial", sans-serif;
font-size: 12px;
}

textarea.textbox {
width: 100% !important;
}

.reply {
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: "arial", sans-serif;
font-size: 11px;
line-height: 125%;
}

.replytosubject {
font-weight: bold;
}

.commentreply {
position: relative;
margin: 10px;
font-size: 11px;
font-family: "arial", sans-serif;
color: #ffffff;
}

.commentbox {
padding: 10px;
margin: 10px;
background-color: #121212;
}

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

.datesubjectcomment a:hover {
color: #36d2fa;
}

.commentboxpartial {
border-color: #949494;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #121212;
}

.commentinfo {
background-color: #121212;
margin-top: 10px;
width: 100%;
}

.skiplinks {
background-color: #949494;
text-align: center;
}

/*-------------------------------
Tiny Icons
-------------------------------*/

.ljuser img {
width: 0px; height: 0px; background-repeat: no-repeat; background-image: url(http://i53.tinypic.com/rct4hs.jpg);
padding: 16px 16px 0px 0px!important;
}

.ljuser img[src="http://stat.livejournal.com/img/userinfo.gif"] { background-image: url(http://i53.tinypic.com/rct4hs.jpg);
padding: 16px 16px 0px 0px!important;
}

.ljuser img[src="http://stat.livejournal.com/img/community.gif"] { background-image: url(http://i53.tinypic.com/rct4hs.jpg);
padding: 16px 16px 0px 0px!important;
}

.ljuser img[src="http://stat.livejournal.com/img/openid-profile.gif"] { background-image: url(http://i53.tinypic.com/rct4hs.jpg);
padding: 16px 16px 0px 0px!important;
}

.subject img[src="http://l-stat.livejournal.com/img/icon_protected.gif"] { width: 0; height: 0;
padding: 0 16px 16px 0;
background: url(http://i53.tinypic.com/nozkmf.jpg);
}

.subject img[src="http://l-stat.livejournal.com/img/icon_groups.gif"] { width: 0; height: 0;
padding: 0 16px 16px 0;
background: url(http://i53.tinypic.com/nozkmf.jpg);
}

.subject img[src="http://l-stat.livejournal.com/img/icon_private.gif"] { width: 0; height: 0;
padding: 0 16px 16px 0;
background: url(http://i56.tinypic.com/4ikjg4.jpg);
}

/*-------------------------------
Contextual Popups
-------------------------------*/

div.ContextualPopup div.Inner {
background: transparent !important;
color: #ffffff!important;
padding: 10px;
border: none;
width: 250px;
font-family: arial;
}

div.ContextualPopup .Content {
padding: 10px 10px 10px 10px;
margin-right: 80px;
background:#949494;
border:1px solid #121212;
}

div.ContextualPopup .Userpic {
padding:10px;
background:#949494;
margin:0px;
border:1px solid #121212;
}

div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {
text-decoration: none !important;
font-weight: normal;
color: #eefc4c !important;
}

div.ContextualPopup .Relation {
border-bottom: 1px dotted #ddd;
margin-bottom:3px;
padding-bottom:3px;
font-family: arial black, sans-serif;
font-size: 14px;
text-transform:uppercase;
}

/*-------------------------------
Misc
-------------------------------*/

.clear {
height: 0px;
}




LIGHT

/* car crash hearts - light
layout by jessieka
credit http://community.livejournal.com/makeithot */

/*-------------------------------*/

body {
background: #ffffff;
text-align: left;
color: #949494;
font-family: "arial", sans-serif;
font-size: 10px;
}

a, a:link, a:visited {
color: #5674b9;
text-decoration: none;
}

a:hover {
color: #8CBFDE;
}

p, td, {
font-size: 11px;
}

blockquote {
font-size: 11px;
border-width: 1px;
border-style: dotted;
border-color: 121212;
padding: 10px;
}

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

/*-------------------------------
General page alignment and width
-------------------------------*/

#content
{
width: 1000px;
background-color: #ffffff;
margin-left: auto;
margin-right: auto;
}

#maincontent {
font-family: "arial", sans-serif;
font-size: 11px;
background-color: #ffffff;
color: #666666;
margin: 15px 5px 0px 200px;
text-align: left;
}

#sidebar {
padding-top: 10px;
margin-top: 0px;
background-color: #ffffff;
font-size: 10px;
font-family: "arial", sans-serif;
color: #121212;
width: 180px;
float: left;
text-align: left;
}

/*-------------------------------
Header
-------------------------------*/

#header {
width: 100%;
padding: 10px 0px 10px 0px;
margin: 0px;
text-align: center;
font-family: "arial", sans-serif;
text-transform:uppercase;
font-size: 15px;
font-weight: bold;
letter-spacing: 2px;
background-color: #87E3DB;
color: #121212;
float: top;
}

.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 {
text-decoration: none;
color: #121212;
}

div#header a:hover, div#footer a:hover {
text-decoration: none;
background: #FF8EA1;
color: #121212;
padding: 5px;}
}

/*title and subtitle*/
.title {
display: none;
}

.subtitle{
display: none;
}

/*-------------------------------
Header - top navigation
-------------------------------*/

/* header -- links to views; title of journal; subtitle of journal */

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

ul.navheader li {
display: inline;
list-style: none;
padding: 0 3px 0 3px;
}

.title, .subtitle {
display: none;
}

/*-------------------------------
Entry stuff
-------------------------------*/

.entry {
margin: 10px 100px 10px 10px;
padding: 10px;
background-color: #ffffff;
color: #121212;
font-family: "arial", sans-serif;
font-size: 11px;
text-align: left;
}

.entry a:hover {
color: #8CBFDE;
}

.entry_text {
padding-bottom:15px;
}

.userpic {
position: relative;
float: right;
background-color: #FF8EA1 !important;
padding: 5px;
margin-top: 10px;
z-index: 15;
font-family: "arial", sans-serif;
font-size: 10px;
text-align: center;
}

.userpic a font {
color: #121212;
}

.date {
line-height: 200%;
top: 5px;
color: #87E3DB;
font-family: "arial", sans-serif;
font-size: 11px;
text-transform:uppercase;
}

.subject {
padding: 0px;
margin: 0px 100px 0px 0px;
color: #121212;
font-family: "arial black", sans-serif;
font-size: 18px;
font-weight: bold;
text-transform:uppercase;
border-bottom: 1px dotted #121212;
}

.subject a, .subject a:link, .subject a:visited {
color: #121212;
}

.subject a:hover {
color: #FF8EA1;
}

.datesubject {
background-color: #ffffff;
padding: 0px;
}

.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: "arial", sans-serif;
font-size: 11px;
font-weight: normal;
}

.currents strong {
font-weight: normal;
}

.currents a:hover {
color: #8CBFDE;
}

.ljtags {
margin-top: 30px;
}

.ljtags a:hover {
color: #8CBFDE;
}

.ljtaglist a:hover {
color: #8CBFDE;
}

/*-------------------------------
Entry Stuff - Comments
-------------------------------*/

.comments {
font-family: "arial", sans-serif;
font-size: 11px;
text-align: right;
background-color: #ffffff;
padding: 0px 5px 0px 5px;
position: relative;
top: 15px;
}

div.comments a, div.comments a:link, div.comments a:visited{
font-family: "arial black", sans-serif;
font-size: 18px;
font-weight: bold;
text-transform:uppercase;
color: #121212;
}

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

/*-------------------------------
Entry Stuff - Separator
-------------------------------*/

.separator{
/* for formatting separators between entries */
height: 35px;
}

/*-------------------------------
Special friends page customization
-------------------------------*/

.userpicfriends {
position: relative;
float: right;
background-color: #FF8EA1 !important;
padding: 5px;
margin-top: 10px;
z-index: 15;
font-family: "arial", sans-serif;
font-size: 10px;
text-align: center;
}

.userpicfriends a font {
color: #121212;
}

/*-------------------------------
Sidebar
-------------------------------*/

.defaultuserpic {
margin-right: auto;
margin-left: auto;
width: 100px;

}

.sbarheader {
padding: 0px 5px 0px 5px;
}

.sbarbody {
padding: 0px 5px 0px 5px;
}

.sbarbody2 {
padding: 0 15px 0 15px;
}

div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
color: #121212;
}

div#sidebar a:hover {
color: #87E3DB;
text-decoration: none;
}

/*-------------------------------
Sidebar - Calendar
-------------------------------*/

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

table a, a:link, a:visited {
color: #121212;
text-decoration: none;
}

.sbarcalendar {
text-align: center;
font-family: "arial", sans-serif;
font-size: 11px;
}

.sbarcalendarposts {
background-color: #FF8EA1;
text-align: center;
font-family: "arial", sans-serif;
font-size: 11px;
}

/*-------------------------------
Sidebar - link box contents and sidebar box titles
-------------------------------*/

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

li.sbaritem
{
margins: 0px 5px 0px 5px;
padding: 4px 4px 4px 4px;
list-style: none;
border-bottom: 1px dotted #121212;
}

li.sbartitle
{
list-style: none;
background-color: #949494;
padding: 5px;
margin-bottom: 10px;
margin-top: 10px;
text-align: center;
font-family: arial;
font-size: 15px;
font-weight: bold;
text-transform:uppercase;
}

/*-------------------------------
Footer
-------------------------------*/

#footer {
width: 100%;
text-align: center;
font-family: "arial", sans-serif;
font-size: 11px;
font-weight: bold;
letter-spacing: 1px;
background-color: #87E3DB;
line-height: 30px;
color: #ffffff;
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;
font-family: "arial", sans-serif;
font-size: 18px;
}

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

table.yeartable td.yeardate, table.yeartable td.yearday {
border-width: 1px;
border-style: dotted;
border-color: #949494;
}

table.yeartable td.yearday {
background-color: #FF8EA1;
text-align: center;
}

table.yeartable td.yeardate a:hover {
color: #8CBFDE;
}

td.yearmonth {
border-style: none;
}

/*-------------------------------
Comments pages
-------------------------------*/

.datesubjectcomment {
background-color: #FF8EA1;
padding: 5px;
margin-top: 20px;
}

.userpiccomment {
position: relative;
border-width: 5px;
border-style: solid;
border-color: #121212;
background-color: #ffffff;
top: -30px;
left: 0px;
padding: 5px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
border-width: 1px;
border-color: #121212;
border-style: solid;
}

.box {
padding: 10px;
clear: left;
}

input, textarea {
background-color: #949494;
color: #ffffff;
font-family: "arial", sans-serif;
font-size: 12px;
}

textarea.textbox {
width: 100% !important;
}

.reply {
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: "arial", sans-serif;
font-size: 11px;
line-height: 125%;
}

.replytosubject {
font-weight: bold;
}

.commentreply {
position: relative;
margin: 10px;
font-size: 11px;
font-family: "arial", sans-serif;
color: #121212;
}

.commentbox {
padding: 10px;
margin: 10px;
background-color: #ffffff;
}

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

.datesubjectcomment a:hover {
color: #8CBFDE;
}

.commentboxpartial {
border-color: #949494;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #ffffff;
}

.commentinfo {
background-color: #ffffff;
margin-top: 10px;
width: 100%;
}

.skiplinks {
background-color: #949494;
text-align: center;
}

/*-------------------------------
Tiny Icons
-------------------------------*/

.ljuser img {
width: 0px; height: 0px; background-repeat: no-repeat; background-image: url(http://i51.tinypic.com/2s9uq6s.jpg);
padding: 16px 16px 0px 0px!important;
}

.ljuser img[src="http://stat.livejournal.com/img/userinfo.gif"] { background-image: url(http://i51.tinypic.com/2s9uq6s.jpg);
padding: 16px 16px 0px 0px!important;
}

.ljuser img[src="http://stat.livejournal.com/img/community.gif"] { background-image: url(http://i51.tinypic.com/2s9uq6s.jpg);
padding: 16px 16px 0px 0px!important;
}

.ljuser img[src="http://stat.livejournal.com/img/openid-profile.gif"] { background-image: url(http://i51.tinypic.com/2s9uq6s.jpg);
padding: 16px 16px 0px 0px!important;
}

.subject img[src="http://l-stat.livejournal.com/img/icon_protected.gif"] { width: 0; height: 0;
padding: 0 16px 16px 0;
background: url(http://i53.tinypic.com/mrg505.jpg);
}

.subject img[src="http://l-stat.livejournal.com/img/icon_groups.gif"] { width: 0; height: 0;
padding: 0 16px 16px 0;
background: url(http://i53.tinypic.com/mrg505.jpg);
}

.subject img[src="http://l-stat.livejournal.com/img/icon_private.gif"] { width: 0; height: 0;
padding: 0 16px 16px 0;
background: url(http://i51.tinypic.com/16gzaiv.jpg);
}

/*-------------------------------
Contextual Popups
-------------------------------*/

div.ContextualPopup div.Inner {
background: transparent !important;
color: #121212!important;
padding: 10px;
border: none;
width: 250px;
font-family: arial;
}

div.ContextualPopup .Content {
padding: 10px 10px 10px 10px;
margin-right: 80px;
background:#949494;
border:1px solid #ffffff;
}

div.ContextualPopup .Userpic {
padding:10px;
background:#949494;
margin:0px;
border:1px solid #ffffff;
}

div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {
text-decoration: none !important;
font-weight: normal;
color: #87E3DB !important;
}

div.ContextualPopup .Relation {
border-bottom: 1px dotted #ddd;
margin-bottom:3px;
padding-bottom:3px;
font-family: arial black, sans-serif;
font-size: 14px;
text-transform:uppercase;
}

/*-------------------------------
Misc
-------------------------------*/

.clear {
height: 0px;
}

Install Instructions
1. Select Journal Style, choose a Flexible Style Theme.
2. Customize Theme
3. Custom CSS. Make sure all drop down settings are set to 'NO'
4. Paste code into custom stylesheet box. Save changes.

Credits
Contextual Popups » cartonage
Tiny Icons » Marker Style by IconDock

Customizations
» First time coding from scratch, let me know if there are any bugs.
» Layout looks best without default userpic in the sidebar and no mood theme.

» Dark scheme: #fa4e55 | #eefc4c | #36d2fa
» I'd reccomend saving and replace tiny icons to your own hosting.

» Light scheme: dolce: #FF8EA1 | #87E3DB | #8CBFDE
» I'd reccomend saving and replace tiny icons to your own hosting.


Layout inspired by Clandestine Industries website.

*layout

Leave a comment

Read comments 1
Previous post Next post
Up
Homepage Read journal... Full version Help Русская версия
© 1999-2024 LiveJournal, Inc.