christina

Linkin Park Layout & Icons

Thu, 31 May 2007 19:08:49 GMT

New Linkin Park layout! Enjoy!

rules:
+ do NOT remove credits in code.
+ do NOT claim as your own.
+ credit thechickie in keywords/comments for icons.
+ credit thechickie in your profile or other area for layouts is appreciated.

to use:
+ Style: S2: flexible squares
+ Must list a website in your userinfo for layout to work

Layout

/*
Linkin Park Layout by thechickie @ LJ
Original stylesheet by Ronie @ http://community.livejournal.com/reversescollide
Style System: S2
Theme: Flexible Squares
Account: Free and/or Paid
*/

body{
background-color: #CCCCCC;
text-align: center;
color: #FFFFFF;
line-height: 15px;
font-family: Tahoma;
font-size: 10px;
margin: 0;
background-image: url(http://img57.imageshack.us/img57/1578/lpbgtn7.gif);
background-repeat: repeat;
background-position: center;
}
p, td {
font-size: 10px;
}
code, kbd, pre, tt {
font-family: monospace;
}

/* main links */

a, a:link, a:visited, a:active {
color: #575757;
font-weight: normal;
text-decoration: none;
}
a:hover {
color: #575757;background: #DFDFDF;
font-weight: normal;
text-decoration: none;
}

/* quotation */

blockquote {
margin: 10px 10px; 
padding: 10px; 
color: #949494;
line-height: 15px;
font-size:9px;
font-family: Trebuchet MS;
border: 1px dotted #F6F6F6;
background-color: #D5D5D5;
text-align: justify;
}

/* all content */

#content {
width:  676px;
margin-top: 0;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
background-color: transparent;
border: 0px;
padding: 0;
}

#maincontent {
margin: 0;
margin-right: auto;
margin-left: auto;
padding: 15px;
border: 0px;
background-color: #CCCCCC;
}

#sidebar {
display: none;
}

#header {
width: auto;
margin: 0;
padding: 5px;
text-align: center;
font-family: Tahoma;
font-size: 10px;
font-weight: normal;
text-transform: uppercase;
color: #FFFFFF;
line-height: 20px;
letter-spacing: 2px;
background-color: #CCCCCC;
border: 0px;
}

#footer {
width: auto;
height: 10px;
z-index: 100;
clear: both;
margin: 0;
padding: 10px 0px 10px 0px;
text-align: center;
font-family: Tahoma;
font-size: 10px;
color: #FFFFFF;
background-color: #CCCCCC;
background-image: url();
background-repeat: no-repeat;
background-position: center bottom;
border: 0px;
}

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

div#header a, div#header a:link, div#header a:active, div#header a:visited {
color: #575757;
padding: 5px;
font-weight: normal;
text-decoration; none;
}
div#header a:hover {
color: #575757;
padding: 5px;
font-weight: normal;
text-decoration; none;
}
div#footer a, div#footer a:link, div#footer a:active, div#footer a:visited {
color: #575757;
padding: 5px;
font-weight: normal;
text-decoration; none;
}
div#footer a:hover {
color: #575757;
padding: 5px;
font-weight: normal;
text-decoration; none;
}
ul.navheader {
padding: 5px;
margin: 0;
}
ul.navheader li  {
display: inline;
padding: 5px;
}
.title{
display: none;
}
.subtitle {
display: none;
}

/* maincontent */

.subcontent {
}
.entry{
padding-top: 0px;
background-color: transparent;
color: #FFFFFF;
line-height: 10px;
font-family: Tahoma;
font-size: 10px;
text-align: justify;
border: 0px;
margin: 0;
}
.entry ul li {
padding-left: 5px;
margin-left: 15px;
}
.entry ol li {
padding-left: 5px;
margin-left: 15px;
}

/* user icons on recent and friends page */

.userpic {
display: visible;
position: relative;
float: right;
padding: 1px;
margin: 10px;
text-align: center;
background-color: transparent !important;
border: 1px dotted #FFFFFF;
font-family: Tahoma;
font-size: 10px;
z-index: 15;
}
.userpicfriends {
display: visible;
position: relative;
float: right;
padding: 5px;
margin: 10px;
text-align: center;
background-color: transparent !important;
border: 1px dotted #FFFFFF;
font-family: Tahoma;
font-size: 10px;
z-index: 15;
}

/* date and entry title */

.date {
top: 0;
padding: 0;
padding-bottom: 5px;
text-align: center;
color: #575757;
font-family: Tahoma;
font-size: 7pt;
letter-spacing: 5px;
text-transform: uppercase;
}
.subject {
text-align: left;
font-weight: bold;
padding: 0;
padding-bottom: 10px;
color: #575757;
font-family: Trebuchet MS;
font-size: 20px;
}
.subject a, .subject a:link, .subject a:active, .subject a:visited {
color: #575757;
font-weight: normal;
text-decoration: none;
}
.subject a:hover {
color: #575757;
font-weight: normal;
text-decoration: none;
}
.datesubject {
background-color: transparent;
}

/* replaces default locked and ljuser images, ljuser link color */

.subject img[src="http://stat.livejournal.com/img/icon_protected.gif"]{
width: 0;
height: 0;
padding: 0 0px 0px 0;
background: url();
}
.subject img[src="http://stat.livejournal.com/img/icon_private.gif"]{
width: 0;
height: 0;
padding: 0 0px 0px 0;
background: url();
}
.ljuser img {
width: 0;
height: 0;
background-repeat: no-repeat;
background-image: url(http://rose-colored.net/lj/iconljuser.gif);
padding: 12px 11px 0 0;
}
.ljuser A:link, A:visited, A:active {
color: #575757;
font-weight: bold;
text-decoration: none;
}
.ljuser A:hover {
color: #575757;
font-weight: bold;
text-decoration: none;
}

/* current mood, music, and location; tags */

.currents, .currentmood, .currentmusic, .currentlocation {
color: #575757; font-size: 9px;
}
.ljtags {
margin-top: 7px;
color: #575757;
font-weight: bold;
}
.ljtags a, .ljtags a:link, .ljtags a:visited {
color: #575757;
font-weight: normal;
text-decoration: none;
}
.ljtags a:hover {
color: #575757;
font-weight: normal;
text-decoration: none;
}

/* comments and comment links */

.comments {
position: relative;
padding-bottom: 10px;
font-family: Trebuchet MS;
font-size: 10px;
font-weight: bold;
text-align: center;
color: #FFFFFF;
top: 15px;
background-color: transparent;
}
div.comments a, div.comments a:link, div.comments a:visited {
color: #575757;
font-size: 11px;
font-weight: normal;
text-decoration: none;
}
div.comments a:hover {
color: #575757;
font-size: 11px;
font-weight: normal;
text-decoration: none;
}

/* maincontent - tags page */

h2 {
display: block;
text-align: left;
font-weight: bold;
padding: 0;
color: #FFFFFF;
font-family: Trebuchet MS;
font-size: 20px;
}
.ljtaglist {
text-align: left;
font-family: Tahoma;
font-size: 10px;
color: #FFFFFF;
}

/* maincontent - calendar page */

ul.year{
font-size: 10px;
color: #FFFFFF;
font-family: Tahoma;
text-align: center;
padding: 0;
padding-bottom: 10px;
border: 0px solid #FFFFFF;
background-color: transparent;
}
ul.year li {
color: #FFFFFF;
display: inline;
}
ul.active li {
border: 0px solid #FFFFFF;
}
table.yeartable {
margin-left: auto;
margin-right: auto;
padding: 10px;
border: 0px solid #FFFFFF;
background-color: transparent;
}
table.yeartable td.yeardate, table.yeartable td.yearday {
font-size: 10px;
color: #FFFFFF;
font-family: Tahoma;
border: 1px solid #575757;
}
table.yeartable td.yearday {
background-color: transparent;
text-align: center;
}
td.yearmonth {
font-size: 10px;
color: #FFFFFF;
font-family: Tahoma;
border-style: none;
}

/* footer */

ul.navfooter {
padding: 0px;
margin: 0px;
}
ul.navfooter li {
display: inline;
margin: 0 0px 0 0px;
}
.clearfoot {
display: none;
clear: both;
}

/* misc  */

.headerimage {
position: relative;
width:  676px;
height: 328px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0 !important;
background-image: url(http://img211.imageshack.us/img211/8382/lpcu7.png);
background-repeat: no-repeat;
}
.clear {
height: 10px;
}
.skiplinks {
text-align: center;
border: 0px;
background-color: transparent;
}
.separator {
background-color: transparent;
background-image: url(http://img166.imageshack.us/img166/5467/lpdivuo0.png);
background-repeat: no-repeat;
background-position: bottom center;
height: 32px;
}

icons:

Remember to credit thechickie! ;3
Leave a comment and let me know if you use these! I'd love to see them in use!

LJ Layouts: Peach Girl and Avril

Sat, 19 May 2007 17:22:33 GMT

Hello everyone. These are up for anyone to use! Please credit back to thechickie if you decide to use any. Thanks & enjoy!

rules:
+do NOT remove credits in code.
+do NOT claim as your own.
+credit thechickie in keywords/comments for icons.
+credit thechickie in your profile or other area for layouts is appreciated.

to use:
+Style: S2: flexible squares
+Must list a website in your userinfo for layout to work

LJ layouts:

Peach Girl

/*
Peachgirl Layout by thechickie @ LJ
Original stylesheet by Ronie @ http://community.livejournal.com/reversescollide
Style System: S2
Theme: Flexible Squares
Account: Free and/or Paid
*/

body{
background-color: #BFB59F;
text-align: center;
color: #846648;
line-height: 15px;
font-family: Tahoma;
font-size: 10px;
margin: 0;
background-image: url(http://img338.imageshack.us/img338/9460/peachgirlbgoc9.gif);
background-repeat: repeat;
background-position: center;
}
p, td {
font-size: 10px;
}
code, kbd, pre, tt {
font-family: monospace;
}

/* main links */

a, a:link, a:visited, a:active {
color: #a27260;
font-weight: normal;
text-decoration: none;
}
a:hover {
color: #b37f6e;
font-weight: normal;
text-decoration: none;
}

/* quotation */

blockquote {
margin: 10px 10px; 
padding: 10px; 
color: #5b4a33;
line-height: 15px;
font-size:9px;
font-family: Trebuchet MS;
border: 1px solid #E8D9B0;
background-color: #CDC3AD;
text-align: justify;
}

/* all content */

#content {
width:  678px;
margin-top: 0;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
background-color: transparent;
border: 0px;
padding: 0;
}

#maincontent {
margin: 0;
margin-right: auto;
margin-left: auto;
padding: 15px;
border: 0px;
background-color: #BFB59F;
}

#sidebar {
display: none;
}

#header {
width: auto;
margin: 0;
padding: 5px;
text-align: center;
font-family: Tahoma;
font-size: 10px;
font-weight: normal;
text-transform: uppercase;
color: #5b4a33;
line-height: 20px;
letter-spacing: 2px;
background-color: #BFB59F;
border: 0px;
}

#footer {
width: auto;
height: 59px;
z-index: 100;
clear: both;
margin: 0;
padding: 10px 0px 10px 0px;
text-align: center;
font-family: Tahoma;
font-size: 10px;
color: #5b4a33;
background-color: #BFB59F;
background-image: url(http://img338.imageshack.us/img338/73/peachgirlfooteric4.gif);
background-repeat: no-repeat;
background-position: center bottom;
border: 0px;
}

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

div#header a, div#header a:link, div#header a:active, div#header a:visited {
color: #a27260;
padding: 5px;
font-weight: normal;
text-decoration; none;
}
div#header a:hover {
color: #b37f6e;
padding: 5px;
font-weight: normal;
text-decoration; none;
}
div#footer a, div#footer a:link, div#footer a:active, div#footer a:visited {
color: #a27260;
padding: 5px;
font-weight: normal;
text-decoration; none;
}
div#footer a:hover {
color: #b37f6e;
padding: 5px;
font-weight: normal;
text-decoration; none;
}
ul.navheader {
padding: 5px;
margin: 0;
}
ul.navheader li  {
display: inline;
padding: 5px;
}
.title{
display: none;
}
.subtitle {
display: none;
}

/* maincontent */

.subcontent {
}
.entry{
padding-top: 0px;
background-color: transparent;
color: #5b4a33;
line-height: 15px;
font-family: Tahoma;
font-size: 10px;
text-align: justify;
border: 0px;
margin: 0;
}
.entry ul li {
padding-left: 5px;
margin-left: 15px;
}
.entry ol li {
padding-left: 5px;
margin-left: 15px;
}

/* user icons on recent and friends page */

.userpic {
display: visible;
position: relative;
float: right;
padding: 1px;
margin: 10px;
text-align: center;
background-color: transparent !important;
border: 1px dotted #5b4a33;
font-family: Tahoma;
font-size: 10px;
z-index: 15;
}
.userpicfriends {
display: visible;
position: relative;
float: right;
padding: 5px;
margin: 10px;
text-align: center;
background-color: transparent !important;
border: 1px dotted #EBE1CB;
font-family: Tahoma;
font-size: 10px;
z-index: 15;
}

/* date and entry title */

.date {
top: 0;
padding: 0;
padding-bottom: 5px;
text-align: center;
color: #b37f6e;
font-family: Tahoma;
font-size: 7pt;
letter-spacing: 5px;
text-transform: uppercase;
}
.subject {
text-align: left;
font-weight: bold;
padding: 0;
padding-bottom: 10px;
color: #a27260;
font-family: Trebuchet MS;
font-size: 20px;
}
.subject a, .subject a:link, .subject a:active, .subject a:visited {
color: #a27260;
font-weight: normal;
text-decoration: none;
}
.subject a:hover {
color: #b37f6e;
font-weight: normal;
text-decoration: none;
}
.datesubject {
background-color: transparent;
}

/* replaces default locked and ljuser images, ljuser link color */

.subject img[src="http://stat.livejournal.com/img/icon_protected.gif"]{
width: 0;
height: 0;
padding: 0 0px 0px 0;
background: url();
}
.subject img[src="http://stat.livejournal.com/img/icon_private.gif"]{
width: 0;
height: 0;
padding: 0 0px 0px 0;
background: url();
}
.ljuser img {
width: 0;
height: 0;
background-repeat: no-repeat;
background-image: url(http://rose-colored.net/lj/iconljuser.gif);
padding: 12px 11px 0 0;
}
.ljuser A:link, A:visited, A:active {
color: #a27260;
font-weight: bold;
text-decoration: none;
}
.ljuser A:hover {
color: #b37f6e;
font-weight: bold;
text-decoration: none;
}

/* current mood, music, and location; tags */

.currents, .currentmood, .currentmusic, .currentlocation {
color: #968E7C; font-size: 7px;
}
.ljtags {
margin-top: 7px;
color: #968E7C;
font-weight: bold;
}
.ljtags a, .ljtags a:link, .ljtags a:visited {
color: #a27260;
font-weight: normal;
text-decoration: none;
}
.ljtags a:hover {
color: #b37f6e;
font-weight: normal;
text-decoration: none;
}

/* comments and comment links */

.comments {
position: relative;
padding-bottom: 10px;
font-family: Trebuchet MS;
font-size: 10px;
font-weight: bold;
text-align: center;
color: #EBE1CB;
top: 15px;
background-color: transparent;
}
div.comments a, div.comments a:link, div.comments a:visited {
color: #a27260;
font-size: 11px;
font-weight: normal;
text-decoration: none;
}
div.comments a:hover {
color: #b37f6e;
font-size: 11px;
font-weight: normal;
text-decoration: none;
}

/* maincontent - tags page */

h2 {
display: block;
text-align: left;
font-weight: bold;
padding: 0;
color: #605b50;
font-family: Trebuchet MS;
font-size: 20px;
}
.ljtaglist {
text-align: left;
font-family: Tahoma;
font-size: 10px;
color: #605b50;
}

/* maincontent - calendar page */

ul.year{
font-size: 10px;
color: #5b4a33;
font-family: Tahoma;
text-align: center;
padding: 0;
padding-bottom: 10px;
border: 0px solid #E8D9B0;
background-color: transparent;
}
ul.year li {
color: #5b4a33;
display: inline;
}
ul.active li {
border: 0px solid #E8D9B0;
}
table.yeartable {
margin-left: auto;
margin-right: auto;
padding: 10px;
border: 0px solid #E8D9B0;
background-color: transparent;
}
table.yeartable td.yeardate, table.yeartable td.yearday {
font-size: 10px;
color: #5b4a33;
font-family: Tahoma;
border: 1px solid #E8D9B0;
}
table.yeartable td.yearday {
background-color: transparent;
text-align: center;
}
td.yearmonth {
font-size: 10px;
color: #5b4a33;
font-family: Tahoma;
border-style: none;
}

/* footer */

ul.navfooter {
padding: 0px;
margin: 0px;
}
ul.navfooter li {
display: inline;
margin: 0 0px 0 0px;
}
.clearfoot {
display: none;
clear: both;
}

/* misc  */

.headerimage {
position: relative;
width:  678px;
height: 291px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0 !important;
background-image: url(http://img341.imageshack.us/img341/9548/peachgirlheaderjv6.gif);
background-repeat: no-repeat;
}
.clear {
height: 10px;
}
.skiplinks {
text-align: center;
border: 0px;
background-color: transparent;
}
.separator {
background-color: transparent;
background-image: url(http://img259.imageshack.us/img259/4512/peachgirldivfh7.gif);
background-repeat: no-repeat;
background-position: bottom center;
height: 55px;
}

Avril Lavigne

/*
Avril Layout by thechickie @ LJ
Original stylesheet by Ronie @ http://community.livejournal.com/reversescollide
Style System: S2
Theme: Flexible Squares
Account: Free and/or Paid
*/

body{
background-color: #E45360;
text-align: center;
color: #FFFFFF;
line-height: 15px;
font-family: Tahoma;
font-size: 10px;
margin: 0;
background-image: url(http://img135.imageshack.us/img135/9982/avrilbgnn6.gif);
background-repeat: repeat;
background-position: center;
}
p, td {
font-size: 10px;
}
code, kbd, pre, tt {
font-family: monospace;
}

/* main links */

a, a:link, a:visited, a:active {
color: #EE969E;
font-weight: normal;
text-decoration: none;
}
a:hover {
color: #EE636F;
font-weight: normal;
text-decoration: none;
}

/* quotation */

blockquote {
margin: 10px 10px; 
padding: 10px; 
color: #FCCDD1;
line-height: 15px;
font-size:9px;
font-family: Trebuchet MS;
border: 1px dotted #E8D9B0;
background-color: #EB5B68;
text-align: justify;
}

/* all content */

#content {
width:  539px;
margin-top: 0;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
background-color: transparent;
border: 0px;
padding: 0;
}

#maincontent {
margin: 0;
margin-right: auto;
margin-left: auto;
padding: 15px;
border: 0px;
background-color: #E45360;
}

#sidebar {
display: none;
}

#footer {
width: auto;
height: 64px;
z-index: 100;
clear: both;
margin: 0;
padding: 10px 0px 10px 0px;
text-align: center;
font-family: Tahoma;
font-size: 10px;
color: #FFFFFF;
background-color: #E45360;
background-image: url(http://img253.imageshack.us/img253/3572/avrilfooterkx8.gif);
background-repeat: no-repeat;
background-position: center bottom;
border: 0px;
}

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

div#header a, div#header a:link, div#header a:active, div#header a:visited {
color: #EE969E;
padding: 5px;
font-weight: normal;
text-decoration; none;
}
div#header a:hover {
color: #EE636F;
padding: 5px;
font-weight: normal;
text-decoration; none;
}
div#footer a, div#footer a:link, div#footer a:active, div#footer a:visited {
color: #EE969E;
padding: 5px;
font-weight: normal;
text-decoration; none;
}
div#footer a:hover {
color: #EE636F;
padding: 5px;
font-weight: normal;
text-decoration; none;
}
ul.navheader {
padding: 5px;
margin: 0;
}
ul.navheader li  {
display: inline;
padding: 5px;
}
.title{
display: none;
}
.subtitle {
display: none;
}

/* maincontent */

/* user icons on recent and friends page */

/* date and entry title */

.date {
top: 0;
padding: 0;
padding-bottom: 5px;
text-align: center;
color: #EE969E;
font-family: Tahoma;
font-size: 7pt;
letter-spacing: 5px;
text-transform: uppercase;
}
.subject {
text-align: left;
font-weight: bold;
padding: 0;
padding-bottom: 10px;
color: #FAC9CD;
font-family: Trebuchet MS;
font-size: 20px;
}
.subject a, .subject a:link, .subject a:active, .subject a:visited {
color: #EE969E;
font-weight: normal;
text-decoration: none;
}
.subject a:hover {
color: #EE636F;
font-weight: normal;
text-decoration: none;
}
.datesubject {
background-color: transparent;
}

/* replaces default locked and ljuser images, ljuser link color */

.subject img[src="http://stat.livejournal.com/img/icon_protected.gif"]{
width: 0;
height: 0;
padding: 0 0px 0px 0;
background: url();
}
.subject img[src="http://stat.livejournal.com/img/icon_private.gif"]{
width: 0;
height: 0;
padding: 0 0px 0px 0;
background: url();
}
.ljuser img {
width: 0;
height: 0;
background-repeat: no-repeat;
background-image: url(http://rose-colored.net/lj/iconljuser.gif);
padding: 12px 11px 0 0;
}
.ljuser A:link, A:visited, A:active {
color: #EE969E;
font-weight: bold;
text-decoration: none;
}
.ljuser A:hover {
color: #EE636F;
font-weight: bold;
text-decoration: none;
}

/* current mood, music, and location; tags */

.currents, .currentmood, .currentmusic, .currentlocation {
color: #FCCDD1; font-size: 9px;
}
.ljtags {
margin-top: 7px;
color: #FCCDD1;
font-weight: bold;
}
.ljtags a, .ljtags a:link, .ljtags a:visited {
color: #EE969E;
font-weight: normal;
text-decoration: none;
}
.ljtags a:hover {
color: #EE636F;
font-weight: normal;
text-decoration: none;
}

/* comments and comment links */

.comments {
position: relative;
padding-bottom: 10px;
font-family: Trebuchet MS;
font-size: 10px;
font-weight: bold;
text-align: center;
color: #EE636F;
top: 15px;
background-color: transparent;
}
div.comments a, div.comments a:link, div.comments a:visited {
color: #EE969E;
font-size: 11px;
font-weight: normal;
text-decoration: none;
}
div.comments a:hover {
color: #EE636F;
font-size: 11px;
font-weight: normal;
text-decoration: none;
}

/* maincontent - tags page */

/* maincontent - calendar page */

ul.year{
font-size: 10px;
color: #FFFFFF;
font-family: Tahoma;
text-align: center;
padding: 0;
padding-bottom: 10px;
border: 0px solid #FFFFFF;
background-color: transparent;
}
ul.year li {
color: #FFFFFF;
display: inline;
}
ul.active li {
border: 0px solid #FFFFFF;
}
table.yeartable {
margin-left: auto;
margin-right: auto;
padding: 10px;
border: 0px solid #FFFFFF;
background-color: transparent;
}
table.yeartable td.yeardate, table.yeartable td.yearday {
font-size: 10px;
color: #FFFFFF;
font-family: Tahoma;
border: 1px solid #EE969E;
}
table.yeartable td.yearday {
background-color: transparent;
text-align: center;
}
td.yearmonth {
font-size: 10px;
color: #FFFFFF;
font-family: Tahoma;
border-style: none;
}

/* footer */

ul.navfooter {
padding: 0px;
margin: 0px;
}
ul.navfooter li {
display: inline;
margin: 0 0px 0 0px;
}
.clearfoot {
display: none;
clear: both;
}

/* misc  */

.headerimage {
position: relative;
width:  539px;
height: 286px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0 !important;
background-image: url(http://img256.imageshack.us/img256/8371/avrilheaderlk3.gif);
background-repeat: no-repeat;
}
.clear {
height: 10px;
}
.skiplinks {
text-align: center;
border: 0px;
background-color: transparent;
}
.separator {
background-color: transparent;
background-image: url(http://img253.imageshack.us/img253/5246/avrildivwk8.gif);
background-repeat: no-repeat;
background-position: bottom center;
height: 64px;
}

icons:

Remember to credit thechickie! ;3
Leave a comment and let me know if you use these! I'd love to see them in use!