(no subject)
103 W.I.T.C.H. icons
2 W.I.T.C.H. FO banners
7 W.I.T.C.H. wallpapers
4 W.I.T.C.H. layouts
001 002 003
004 005 006
007 008 009
010 011 012
013 014 015
016 017 018
019 020 021
022 023 024
025 026 027
028 029 030
031 032 033
034 035 036
037 038 039
040 041 042
043 044 045
046 047 048
049 050 051
052 053 054
055 056 057
058 059 060
061 062 063
064 065 066
067 068 069
070 071 072
073 074 075
076 077 078
079 080 081
082 083 084
085 086 087
088 089 090
091 092 093
094 095 096
097 098 099
100 101 102
103
![]()
![]()
Created with angelamaria's Icon Table Generator @ Bauble
Irma and Cornelia
Download: Zip file (unzip it, then just upload the .css file inside to your host)
body {
background-color: #ffcda8;
background-image: url();
background-repeat: repeat-x;
background-position: center left;
background-attachment: fixed;
text-align: center;
color: #f9283a;
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
margin: 20px 0 20px 0;
cursor: crosshair;
}
a, a:link, a:visited {
color: #f9283a;
text-decoration: none;
}
a:hover {
color: #000000;
text-decoration: underline;
}
p, td, blockquote {
font-size: 12px;
}
code, kbd, pre, tt {
font-family: monospace;
}
#content
{
width: 600px;
margin-left: auto; margin-right: auto;
background-color: #ffffff;
padding: 15px;
}
#maincontent {
margin-top: 15px;
font-family: "Trebuchet MS", monospace;
font-size: 12px;
background-color: #ffffff;
color: #f9283a;
border-style: solid;
border-color: #ffffff;
border-width: 1px;
margin-right: 180px;
text-align: left;
}
#header {
width: 100%;
padding: 5px 0px 0px 0px;
margin: 0px;
text-align: center;
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
font-weight: none;
letter-spacing: 4px;
border-style: solid;
border-color: #ffffff;
border-width: 1px;
background-color: #ffffff;
color: #f9283a;
}
#sidebar {
padding-top: 15px;
margin-top: 15px;
background-color: #ffffff;
border-color: #f9283a;
border-width: 1px;
border-style: solid;
font-size: 11px;
font-family: "Trebuchet MS", sans-serif;
color: #f9283a;
width: 155px;
float: right;
text-align: left;
}
#footer {
width: 100%;
text-align: center;
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
font-weight: bold;
letter-spacing: 2px;
background-color: #ffcda8;
color: #f9283a;
border-color: #f9283a;
border-width: 1px;
border-style: solid;
z-index: 100;
clear: both;
}
/* header -- links to views; title of journal; subtitle of journal */
div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited
{
color: #f9283a;
font-weight: bold;
}
div#header a:hover, div#footer a:hover {
color: #ffcda8;
text-decoration: none;
}
ul.navheader
{
padding: 0px;
margin: 0px;
}
ul.navheader li {
display: inline;
padding-left: 0 3px 0 3px;
}
.title {
font-family: "Trebuchet MS", sans-serif;
font-size: 13px;
visibility: hidden;
line-height: 200%;
top: 10px;
}
.subtitle{
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
visibility: hidden;
top: 5px;
}
/* sidebar */
div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
color: #f9283a;
}
div#sidebar a:hover {
color: #ffffff;
text-decoration: none;
}
.defaultuserpic {
text-align: center;
}
.sbarheader {
padding: 0px 5px 0px 5px;
color: #f9283a;
text-align: center;
}
.sbarbody {
padding: 0px 10px 0px 11px;
}
.sbarbody2 {
padding: 0 10px 0 10px;
}
table.calendar {
margin-right: auto;
margin-left: auto;
}
.sbarcalendar {
border-color: #f9283a;
border-width: 1px;
border-style: solid;
text-align: center;
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
}
.sbarcalendarposts {
border-color: #f9283a;
border-width: 1px;
border-style: solid;
background-color: #ffcda8;
text-align: center;
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
}
ul.sbarlist
{
padding-left: 0px;
margin-left: 0px;
list-style: none;
}
li.sbaritem
{
padding-left: 15px;
list-style: none;
}
li.sbartitle
{
padding-left: 15px;
list-style: none;
font-weight: bold;
text-transform:lowercase;
font-size: 13px;
border-bottom: 1px #cccccc solid;
margin-bottom: 10px;
margin-top: 10px;
}
/* maincontent */
.subcontent {
}
.entry {
margin: 0px 10px 10px 30px;
padding: 5px;
background-color: #ffffff;
color: #f9283a;
font-family: "Trebuchet MS", monospace;
font-size: 10px;
text-align: justify;
line-height: 13pt;
}
.entry ul li
{
padding-left: 5px;
margin-left: 5px;
}
.entry ol li
{
padding-left: 5px;
margin-left: 5px;
}
.userpic {
position: relative;
float: right;
background-color: #ffffff;
padding: 5px;
margin: 10px;
z-index: 15;
border-width: 1px;
border-color: #f9283a;
border-style: solid;
}
.userpicfriends {
position: relative;
float: right;
padding: 5px;
margin: 10px;
text-align: center;
border-style: solid;
border-width: 1px;
border-color: #f9283a;
font-family: "Trebuchet MS", monospace;
font-size: 12px;
z-index: 15;
}
.date {
line-height: 200%;
top: 5px;
color: #f9283a;
font-family: "Trebuchet MS", monospace;
font-size: 10px;
color: #CCCCC
font-weight: bold;
font-variant: small-caps;
letter-spacing: 2pt;
background-color:#ffffff;
}
.subject {
font-weight: bold;
padding: 10px;
color: #f9283a;
font-family: "Trebuchet MS", monospace;
font-size: 15px;
border-width: 1px;
border-style: solid;
border-color: #f9283a;
background-color: #ffcda8;
}
.subject a, .subject a:link, .subject a:visited {
color: #f9283a;
}
.subject a:hover {
color: #000000;
cursor: help;
}
.datesubject {
background-color: #ffffff;
padding: 5px;
}
.currents, .currentmood, .currentmusic {
font-family: "Trebuchet MS", monospace;
font-size: 12px;
}
.comments {
font-family: "Trebuchet MS", monospace;
font-size: 12px;
color: #f9283a;
text-align: right;
background-color: #ffcda8;
padding: 0px 5px 0px 5px;
position: relative;
top: 15px;
}
div.comments a, div.comments a:link, div.comments a:visited{
color: #f9283a;
}
div.comments a:hover {
color: #000000;
text-decoration: none;
}
/* maincontent -- entry, reply pages */
.datesubjectcomment {
background-color: #f9283a;
padding: 5px;
margin-top: 20px;
color: #ffcda8;
}
.userpiccomment {
position: relative;
border-width: 5px;
border-style: solid;
border-color: #ffcda8;
background-color: #ffcda8;
top: -30px;
left: 0px;
padding: 5px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
border-width: 1px;
border-color: #f9283a;
border-style: solid;
}
.box {
border-style: solid;
border-width: 1px 0px 0px 0px;
border-color: #f9283a;
padding: 10px;
clear: left;
}
input, textarea {
background-color: #ffcda8;
color: #011d50;
}
textarea.textbox {
width: 100% !important;
}
.reply {
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: "Trebuchet MS", monospace;
font-size: 12px;
line-height: 125%;
background-color: #ffcda8;
color: #f9283a;
}
.replytosubject {
font-weight: bold;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 12px;
font-family: "Trebuchet MS", monospace;
color: #f9283a;
}
.commentbox {
border-color: #f9283a;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #ffcda8;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #ffffff;
}
.datesubjectcomment a:hover {
color: #000000;
}
.commentboxpartial {
border-color: #ffcda8;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #ffcda8;
}
.commentinfo {
background-color: #f9283a;
margin-top: 10px;
width: 100%;
color: #ffcda8;
}
/* maincontent -- year/achive 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: #ffcda8;
}
table.yeartable td.yearday {
background-color: #ffcda8;
text-align: center;
}
td.yearmonth {
border-style: none;
}
/* footer */
ul.navfooter{
padding: 0px;
margin: 0px;
}
ul.navfooter li {
display: inline;
margin: 0 5px 0 5px;
}
.clearfoot {
clear: both;
}
/* misc */
.clear {
height: 15px;
}
.skiplinks {
text-align: center;
}
.headerimage {
position: relative;
width: 630px; /* Width of the banner, in pixels */
height: 350px; /* Height of the banner, in pixels */
margin-left: auto;
margin-right: auto;
margin-top: -18px;
margin-bottom: 0px; /* Space between bottom of image and outer box of style */
background-image: url("http://pics.livejournal.com/remiem/pic/000a8kkz"); /* Header image URL */
background-repeat: no-repeat;
}
.separator{
/* for formatting separators between entries */
height: 20px;
}
Cornelia and Caleb
Download: Zip file (unzip it, then just upload the .css file inside to your host)
body {
background-color: #ff9f6f;
background-image: url();
background-repeat: repeat-x;
background-position: center left;
background-attachment: fixed;
text-align: center;
color: #b7193f;
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
margin: 20px 0 20px 0;
cursor: crosshair;
}
a, a:link, a:visited {
color: #b7193f;
text-decoration: none;
}
a:hover {
color: #000000;
text-decoration: underline;
}
p, td, blockquote {
font-size: 12px;
}
code, kbd, pre, tt {
font-family: monospace;
}
#content
{
width: 600px;
margin-left: auto; margin-right: auto;
background-color: #ffefde;
padding: 15px;
}
#maincontent {
margin-top: 15px;
font-family: "Trebuchet MS", monospace;
font-size: 12px;
background-color: #ffefde;
color: #b7193f;
border-style: solid;
border-color: #ffefde;
border-width: 1px;
margin-right: 180px;
text-align: left;
}
#header {
width: 100%;
padding: 5px 0px 0px 0px;
margin: 0px;
text-align: center;
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
font-weight: none;
letter-spacing: 4px;
border-style: solid;
border-color: #ffefde;
border-width: 1px;
background-color: #ffefde;
color: #b7193f;
}
#sidebar {
padding-top: 15px;
margin-top: 15px;
background-color: #ffefde;
border-color: #b7193f;
border-width: 1px;
border-style: solid;
font-size: 11px;
font-family: "Trebuchet MS", sans-serif;
color: #b7193f;
width: 155px;
float: right;
text-align: left;
}
#footer {
width: 100%;
text-align: center;
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
font-weight: bold;
letter-spacing: 2px;
background-color: #ff9f6f;
color: #b7193f;
border-color: #b7193f;
border-width: 1px;
border-style: solid;
z-index: 100;
clear: both;
}
/* header -- links to views; title of journal; subtitle of journal */
div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited
{
color: #b7193f;
font-weight: bold;
}
div#header a:hover, div#footer a:hover {
color: #ff9f6f;
text-decoration: none;
}
ul.navheader
{
padding: 0px;
margin: 0px;
}
ul.navheader li {
display: inline;
padding-left: 0 3px 0 3px;
}
.title {
font-family: "Trebuchet MS", sans-serif;
font-size: 13px;
visibility: hidden;
line-height: 200%;
top: 10px;
}
.subtitle{
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
visibility: hidden;
top: 5px;
}
/* sidebar */
div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
color: #b7193f;
}
div#sidebar a:hover {
color: #ffefde;
text-decoration: none;
}
.defaultuserpic {
text-align: center;
}
.sbarheader {
padding: 0px 5px 0px 5px;
color: #b7193f;
text-align: center;
}
.sbarbody {
padding: 0px 10px 0px 11px;
}
.sbarbody2 {
padding: 0 10px 0 10px;
}
table.calendar {
margin-right: auto;
margin-left: auto;
}
.sbarcalendar {
border-color: #b7193f;
border-width: 1px;
border-style: solid;
text-align: center;
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
}
.sbarcalendarposts {
border-color: #b7193f;
border-width: 1px;
border-style: solid;
background-color: #ff9f6f;
text-align: center;
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
}
ul.sbarlist
{
padding-left: 0px;
margin-left: 0px;
list-style: none;
}
li.sbaritem
{
padding-left: 15px;
list-style: none;
}
li.sbartitle
{
padding-left: 15px;
list-style: none;
font-weight: bold;
text-transform:lowercase;
font-size: 13px;
border-bottom: 1px #cccccc solid;
margin-bottom: 10px;
margin-top: 10px;
}
/* maincontent */
.subcontent {
}
.entry {
margin: 0px 10px 10px 30px;
padding: 5px;
background-color: #ffefde;
color: #b7193f;
font-family: "Trebuchet MS", monospace;
font-size: 10px;
text-align: justify;
line-height: 13pt;
}
.entry ul li
{
padding-left: 5px;
margin-left: 5px;
}
.entry ol li
{
padding-left: 5px;
margin-left: 5px;
}
.userpic {
position: relative;
float: right;
background-color: #ffefde;
padding: 5px;
margin: 10px;
z-index: 15;
border-width: 1px;
border-color: #b7193f;
border-style: solid;
}
.userpicfriends {
position: relative;
float: right;
padding: 5px;
margin: 10px;
text-align: center;
border-style: solid;
border-width: 1px;
border-color: #b7193f;
font-family: "Trebuchet MS", monospace;
font-size: 12px;
z-index: 15;
}
.date {
line-height: 200%;
top: 5px;
color: #b7193f;
font-family: "Trebuchet MS", monospace;
font-size: 10px;
color: #CCCCC
font-weight: bold;
font-variant: small-caps;
letter-spacing: 2pt;
background-color:#ffefde;
}
.subject {
font-weight: bold;
padding: 10px;
color: #b7193f;
font-family: "Trebuchet MS", monospace;
font-size: 15px;
border-width: 1px;
border-style: solid;
border-color: #b7193f;
background-color: #ff9f6f;
}
.subject a, .subject a:link, .subject a:visited {
color: #b7193f;
}
.subject a:hover {
color: #000000;
cursor: help;
}
.datesubject {
background-color: #ffefde;
padding: 5px;
}
.currents, .currentmood, .currentmusic {
font-family: "Trebuchet MS", monospace;
font-size: 12px;
}
.comments {
font-family: "Trebuchet MS", monospace;
font-size: 12px;
color: #b7193f;
text-align: right;
background-color: #ff9f6f;
padding: 0px 5px 0px 5px;
position: relative;
top: 15px;
}
div.comments a, div.comments a:link, div.comments a:visited{
color: #b7193f;
}
div.comments a:hover {
color: #000000;
text-decoration: none;
}
/* maincontent -- entry, reply pages */
.datesubjectcomment {
background-color: #b7193f;
padding: 5px;
margin-top: 20px;
color: #ff9f6f;
}
.userpiccomment {
position: relative;
border-width: 5px;
border-style: solid;
border-color: #ff9f6f;
background-color: #ff9f6f;
top: -30px;
left: 0px;
padding: 5px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
border-width: 1px;
border-color: #b7193f;
border-style: solid;
}
.box {
border-style: solid;
border-width: 1px 0px 0px 0px;
border-color: #b7193f;
padding: 10px;
clear: left;
}
input, textarea {
background-color: #ff9f6f;
color: #011d50;
}
textarea.textbox {
width: 100% !important;
}
.reply {
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: "Trebuchet MS", monospace;
font-size: 12px;
line-height: 125%;
background-color: #ff9f6f;
color: #b7193f;
}
.replytosubject {
font-weight: bold;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 12px;
font-family: "Trebuchet MS", monospace;
color: #b7193f;
}
.commentbox {
border-color: #b7193f;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #ff9f6f;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #ffefde;
}
.datesubjectcomment a:hover {
color: #000000;
}
.commentboxpartial {
border-color: #ff9f6f;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #ff9f6f;
}
.commentinfo {
background-color: #b7193f;
margin-top: 10px;
width: 100%;
color: #ff9f6f;
}
/* maincontent -- year/achive 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: #ff9f6f;
}
table.yeartable td.yearday {
background-color: #ff9f6f;
text-align: center;
}
td.yearmonth {
border-style: none;
}
/* footer */
ul.navfooter{
padding: 0px;
margin: 0px;
}
ul.navfooter li {
display: inline;
margin: 0 5px 0 5px;
}
.clearfoot {
clear: both;
}
/* misc */
.clear {
height: 15px;
}
.skiplinks {
text-align: center;
}
.headerimage {
position: relative;
width: 630px; /* Width of the banner, in pixels */
height: 350px; /* Height of the banner, in pixels */
margin-left: auto;
margin-right: auto;
margin-top: -18px;
margin-bottom: 0px; /* Space between bottom of image and outer box of style */
background-image: url("http://pics.livejournal.com/remiem/pic/000abrs6"); /* Header image URL */
background-repeat: no-repeat;
}
.separator{
/* for formatting separators between entries */
height: 20px;
}
Will and Caleb
Download: Zip file (unzip it, then just upload the .css file inside to your host)
body {
background-color: #dd7d78;
background-image: url();
background-repeat: repeat-x;
background-position: center left;
background-attachment: fixed;
text-align: center;
color: #a5281a;
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
margin: 20px 0 20px 0;
cursor: crosshair;
}
a, a:link, a:visited {
color: #a5281a;
text-decoration: none;
}
a:hover {
color: #000000;
text-decoration: underline;
}
p, td, blockquote {
font-size: 12px;
}
code, kbd, pre, tt {
font-family: monospace;
}
#content
{
width: 600px;
margin-left: auto; margin-right: auto;
background-color: #ffffff;
padding: 15px;
}
#maincontent {
margin-top: 15px;
font-family: "Trebuchet MS", monospace;
font-size: 12px;
background-color: #ffffff;
color: #a5281a;
border-style: solid;
border-color: #ffffff;
border-width: 1px;
margin-right: 180px;
text-align: left;
}
#header {
width: 100%;
padding: 5px 0px 0px 0px;
margin: 0px;
text-align: center;
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
font-weight: none;
letter-spacing: 4px;
border-style: solid;
border-color: #ffffff;
border-width: 1px;
background-color: #ffffff;
color: #a5281a;
}
#sidebar {
padding-top: 15px;
margin-top: 15px;
background-color: #ffffff;
border-color: #a5281a;
border-width: 1px;
border-style: solid;
font-size: 11px;
font-family: "Trebuchet MS", sans-serif;
color: #a5281a;
width: 155px;
float: right;
text-align: left;
}
#footer {
width: 100%;
text-align: center;
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
font-weight: bold;
letter-spacing: 2px;
background-color: #dd7d78;
color: #a5281a;
border-color: #a5281a;
border-width: 1px;
border-style: solid;
z-index: 100;
clear: both;
}
/* header -- links to views; title of journal; subtitle of journal */
div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited
{
color: #a5281a;
font-weight: bold;
}
div#header a:hover, div#footer a:hover {
color: #dd7d78;
text-decoration: none;
}
ul.navheader
{
padding: 0px;
margin: 0px;
}
ul.navheader li {
display: inline;
padding-left: 0 3px 0 3px;
}
.title {
font-family: "Trebuchet MS", sans-serif;
font-size: 13px;
visibility: hidden;
line-height: 200%;
top: 10px;
}
.subtitle{
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
visibility: hidden;
top: 5px;
}
/* sidebar */
div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
color: #a5281a;
}
div#sidebar a:hover {
color: #ffffff;
text-decoration: none;
}
.defaultuserpic {
text-align: center;
}
.sbarheader {
padding: 0px 5px 0px 5px;
color: #a5281a;
text-align: center;
}
.sbarbody {
padding: 0px 10px 0px 11px;
}
.sbarbody2 {
padding: 0 10px 0 10px;
}
table.calendar {
margin-right: auto;
margin-left: auto;
}
.sbarcalendar {
border-color: #a5281a;
border-width: 1px;
border-style: solid;
text-align: center;
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
}
.sbarcalendarposts {
border-color: #a5281a;
border-width: 1px;
border-style: solid;
background-color: #dd7d78;
text-align: center;
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
}
ul.sbarlist
{
padding-left: 0px;
margin-left: 0px;
list-style: none;
}
li.sbaritem
{
padding-left: 15px;
list-style: none;
}
li.sbartitle
{
padding-left: 15px;
list-style: none;
font-weight: bold;
text-transform:lowercase;
font-size: 13px;
border-bottom: 1px #cccccc solid;
margin-bottom: 10px;
margin-top: 10px;
}
/* maincontent */
.subcontent {
}
.entry {
margin: 0px 10px 10px 30px;
padding: 5px;
background-color: #ffffff;
color: #a5281a;
font-family: "Trebuchet MS", monospace;
font-size: 10px;
text-align: justify;
line-height: 13pt;
}
.entry ul li
{
padding-left: 5px;
margin-left: 5px;
}
.entry ol li
{
padding-left: 5px;
margin-left: 5px;
}
.userpic {
position: relative;
float: right;
background-color: #ffffff;
padding: 5px;
margin: 10px;
z-index: 15;
border-width: 1px;
border-color: #a5281a;
border-style: solid;
}
.userpicfriends {
position: relative;
float: right;
padding: 5px;
margin: 10px;
text-align: center;
border-style: solid;
border-width: 1px;
border-color: #a5281a;
font-family: "Trebuchet MS", monospace;
font-size: 12px;
z-index: 15;
}
.date {
line-height: 200%;
top: 5px;
color: #a5281a;
font-family: "Trebuchet MS", monospace;
font-size: 10px;
color: #CCCCC
font-weight: bold;
font-variant: small-caps;
letter-spacing: 2pt;
background-color:#ffffff;
}
.subject {
font-weight: bold;
padding: 10px;
color: #a5281a;
font-family: "Trebuchet MS", monospace;
font-size: 15px;
border-width: 1px;
border-style: solid;
border-color: #a5281a;
background-color: #dd7d78;
}
.subject a, .subject a:link, .subject a:visited {
color: #a5281a;
}
.subject a:hover {
color: #000000;
cursor: help;
}
.datesubject {
background-color: #ffffff;
padding: 5px;
}
.currents, .currentmood, .currentmusic {
font-family: "Trebuchet MS", monospace;
font-size: 12px;
}
.comments {
font-family: "Trebuchet MS", monospace;
font-size: 12px;
color: #a5281a;
text-align: right;
background-color: #dd7d78;
padding: 0px 5px 0px 5px;
position: relative;
top: 15px;
}
div.comments a, div.comments a:link, div.comments a:visited{
color: #a5281a;
}
div.comments a:hover {
color: #000000;
text-decoration: none;
}
/* maincontent -- entry, reply pages */
.datesubjectcomment {
background-color: #a5281a;
padding: 5px;
margin-top: 20px;
color: #dd7d78;
}
.userpiccomment {
position: relative;
border-width: 5px;
border-style: solid;
border-color: #dd7d78;
background-color: #dd7d78;
top: -30px;
left: 0px;
padding: 5px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
border-width: 1px;
border-color: #a5281a;
border-style: solid;
}
.box {
border-style: solid;
border-width: 1px 0px 0px 0px;
border-color: #a5281a;
padding: 10px;
clear: left;
}
input, textarea {
background-color: #dd7d78;
color: #011d50;
}
textarea.textbox {
width: 100% !important;
}
.reply {
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: "Trebuchet MS", monospace;
font-size: 12px;
line-height: 125%;
background-color: #dd7d78;
color: #a5281a;
}
.replytosubject {
font-weight: bold;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 12px;
font-family: "Trebuchet MS", monospace;
color: #a5281a;
}
.commentbox {
border-color: #a5281a;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #dd7d78;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #ffffff;
}
.datesubjectcomment a:hover {
color: #000000;
}
.commentboxpartial {
border-color: #dd7d78;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #dd7d78;
}
.commentinfo {
background-color: #a5281a;
margin-top: 10px;
width: 100%;
color: #dd7d78;
}
/* maincontent -- year/achive 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: #dd7d78;
}
table.yeartable td.yearday {
background-color: #dd7d78;
text-align: center;
}
td.yearmonth {
border-style: none;
}
/* footer */
ul.navfooter{
padding: 0px;
margin: 0px;
}
ul.navfooter li {
display: inline;
margin: 0 5px 0 5px;
}
.clearfoot {
clear: both;
}
/* misc */
.clear {
height: 15px;
}
.skiplinks {
text-align: center;
}
.headerimage {
position: relative;
width: 630px; /* Width of the banner, in pixels */
height: 350px; /* Height of the banner, in pixels */
margin-left: auto;
margin-right: auto;
margin-top: -18px;
margin-bottom: 0px; /* Space between bottom of image and outer box of style */
background-image: url("http://pics.livejournal.com/remiem/pic/000ac0bx"); /* Header image URL */
background-repeat: no-repeat;
}
.separator{
/* for formatting separators between entries */
height: 20px;
}
Will and Matt
Download: Zip file (unzip it, then just upload the .css file inside to your host)
body {
background-color: #e099e0;
background-image: url();
background-repeat: repeat-x;
background-position: center left;
background-attachment: fixed;
text-align: center;
color: #3c0053;
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
margin: 20px 0 20px 0;
cursor: crosshair;
}
a, a:link, a:visited {
color: #3c0053;
text-decoration: none;
}
a:hover {
color: #000000;
text-decoration: underline;
}
p, td, blockquote {
font-size: 12px;
}
code, kbd, pre, tt {
font-family: monospace;
}
#content
{
width: 600px;
margin-left: auto; margin-right: auto;
background-color: #ffffff;
padding: 15px;
}
#maincontent {
margin-top: 15px;
font-family: "Trebuchet MS", monospace;
font-size: 12px;
background-color: #ffffff;
color: #3c0053;
border-style: solid;
border-color: #ffffff;
border-width: 1px;
margin-right: 180px;
text-align: left;
}
#header {
width: 100%;
padding: 5px 0px 0px 0px;
margin: 0px;
text-align: center;
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
font-weight: none;
letter-spacing: 4px;
border-style: solid;
border-color: #ffffff;
border-width: 1px;
background-color: #ffffff;
color: #3c0053;
}
#sidebar {
padding-top: 15px;
margin-top: 15px;
background-color: #ffffff;
border-color: #3c0053;
border-width: 1px;
border-style: solid;
font-size: 11px;
font-family: "Trebuchet MS", sans-serif;
color: #3c0053;
width: 155px;
float: right;
text-align: left;
}
#footer {
width: 100%;
text-align: center;
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
font-weight: bold;
letter-spacing: 2px;
background-color: #e099e0;
color: #3c0053;
border-color: #3c0053;
border-width: 1px;
border-style: solid;
z-index: 100;
clear: both;
}
/* header -- links to views; title of journal; subtitle of journal */
div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited
{
color: #3c0053;
font-weight: bold;
}
div#header a:hover, div#footer a:hover {
color: #e099e0;
text-decoration: none;
}
ul.navheader
{
padding: 0px;
margin: 0px;
}
ul.navheader li {
display: inline;
padding-left: 0 3px 0 3px;
}
.title {
font-family: "Trebuchet MS", sans-serif;
font-size: 13px;
visibility: hidden;
line-height: 200%;
top: 10px;
}
.subtitle{
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
visibility: hidden;
top: 5px;
}
/* sidebar */
div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
color: #3c0053;
}
div#sidebar a:hover {
color: #ffffff;
text-decoration: none;
}
.defaultuserpic {
text-align: center;
}
.sbarheader {
padding: 0px 5px 0px 5px;
color: #3c0053;
text-align: center;
}
.sbarbody {
padding: 0px 10px 0px 11px;
}
.sbarbody2 {
padding: 0 10px 0 10px;
}
table.calendar {
margin-right: auto;
margin-left: auto;
}
.sbarcalendar {
border-color: #3c0053;
border-width: 1px;
border-style: solid;
text-align: center;
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
}
.sbarcalendarposts {
border-color: #3c0053;
border-width: 1px;
border-style: solid;
background-color: #e099e0;
text-align: center;
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
}
ul.sbarlist
{
padding-left: 0px;
margin-left: 0px;
list-style: none;
}
li.sbaritem
{
padding-left: 15px;
list-style: none;
}
li.sbartitle
{
padding-left: 15px;
list-style: none;
font-weight: bold;
text-transform:lowercase;
font-size: 13px;
border-bottom: 1px #cccccc solid;
margin-bottom: 10px;
margin-top: 10px;
}
/* maincontent */
.subcontent {
}
.entry {
margin: 0px 10px 10px 30px;
padding: 5px;
background-color: #ffffff;
color: #3c0053;
font-family: "Trebuchet MS", monospace;
font-size: 10px;
text-align: justify;
line-height: 13pt;
}
.entry ul li
{
padding-left: 5px;
margin-left: 5px;
}
.entry ol li
{
padding-left: 5px;
margin-left: 5px;
}
.userpic {
position: relative;
float: right;
background-color: #ffffff;
padding: 5px;
margin: 10px;
z-index: 15;
border-width: 1px;
border-color: #3c0053;
border-style: solid;
}
.userpicfriends {
position: relative;
float: right;
padding: 5px;
margin: 10px;
text-align: center;
border-style: solid;
border-width: 1px;
border-color: #3c0053;
font-family: "Trebuchet MS", monospace;
font-size: 12px;
z-index: 15;
}
.date {
line-height: 200%;
top: 5px;
color: #3c0053;
font-family: "Trebuchet MS", monospace;
font-size: 10px;
color: #CCCCC
font-weight: bold;
font-variant: small-caps;
letter-spacing: 2pt;
background-color:#ffffff;
}
.subject {
font-weight: bold;
padding: 10px;
color: #3c0053;
font-family: "Trebuchet MS", monospace;
font-size: 15px;
border-width: 1px;
border-style: solid;
border-color: #3c0053;
background-color: #e099e0;
}
.subject a, .subject a:link, .subject a:visited {
color: #3c0053;
}
.subject a:hover {
color: #000000;
cursor: help;
}
.datesubject {
background-color: #ffffff;
padding: 5px;
}
.currents, .currentmood, .currentmusic {
font-family: "Trebuchet MS", monospace;
font-size: 12px;
}
.comments {
font-family: "Trebuchet MS", monospace;
font-size: 12px;
color: #3c0053;
text-align: right;
background-color: #e099e0;
padding: 0px 5px 0px 5px;
position: relative;
top: 15px;
}
div.comments a, div.comments a:link, div.comments a:visited{
color: #3c0053;
}
div.comments a:hover {
color: #000000;
text-decoration: none;
}
/* maincontent -- entry, reply pages */
.datesubjectcomment {
background-color: #3c0053;
padding: 5px;
margin-top: 20px;
color: #e099e0;
}
.userpiccomment {
position: relative;
border-width: 5px;
border-style: solid;
border-color: #e099e0;
background-color: #e099e0;
top: -30px;
left: 0px;
padding: 5px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
border-width: 1px;
border-color: #3c0053;
border-style: solid;
}
.box {
border-style: solid;
border-width: 1px 0px 0px 0px;
border-color: #3c0053;
padding: 10px;
clear: left;
}
input, textarea {
background-color: #e099e0;
color: #011d50;
}
textarea.textbox {
width: 100% !important;
}
.reply {
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: "Trebuchet MS", monospace;
font-size: 12px;
line-height: 125%;
background-color: #e099e0;
color: #3c0053;
}
.replytosubject {
font-weight: bold;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 12px;
font-family: "Trebuchet MS", monospace;
color: #3c0053;
}
.commentbox {
border-color: #3c0053;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #e099e0;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #ffffff;
}
.datesubjectcomment a:hover {
color: #000000;
}
.commentboxpartial {
border-color: #e099e0;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #e099e0;
}
.commentinfo {
background-color: #3c0053;
margin-top: 10px;
width: 100%;
color: #e099e0;
}
/* maincontent -- year/achive 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: #e099e0;
}
table.yeartable td.yearday {
background-color: #e099e0;
text-align: center;
}
td.yearmonth {
border-style: none;
}
/* footer */
ul.navfooter{
padding: 0px;
margin: 0px;
}
ul.navfooter li {
display: inline;
margin: 0 5px 0 5px;
}
.clearfoot {
clear: both;
}
/* misc */
.clear {
height: 15px;
}
.skiplinks {
text-align: center;
}
.headerimage {
position: relative;
width: 630px; /* Width of the banner, in pixels */
height: 350px; /* Height of the banner, in pixels */
margin-left: auto;
margin-right: auto;
margin-top: -18px;
margin-bottom: 0px; /* Space between bottom of image and outer box of style */
background-image: url("http://pics.livejournal.com/remiem/pic/000adskq"); /* Header image URL */
background-repeat: no-repeat;
}
.separator{
/* for formatting separators between entries */
height: 20px;
}
Notes: 89-103 were made by murphyboy11's request.
The two FO banners were made by indigodots' request.
Since I used tons of lyrics on everything, I'll list what ones I used...
Elyon wallpaper: "Fighter" - Christina Aguilera
CalebxCornelia wallpaper: "Better Than Me" - Hinder (my reasoning for this one? The "I really miss your hair in my face" line stuck out like a sore thumb. "Happy Birthday, Will" anyone?)
WillxCaleb wallpaper: "Stay Another Day" - Girls Aloud
Will wallpaper: "Once in a Lifetime" - Lnes
Irma wallpaper: "Love Machine" - Girls Aloud
Cornelia wallpaper: "Homecoming Queen" - Hinder
Hay Lin wallpaper: "Outer Space" - Tatu
Irma and Cornelia layout: "You Freak Me Out" - Girls Aloud
Cornelia and Caleb layout: "Faraway" - Nickelback
Will and Caleb layout: "Lips of an Angel" - Hinder
Will and Matt layout: "Why Don't You and I" - Santana
I also have textless versions of the wallpapers, so if anyone wants one textless, just let me know.
Still taking W.I.T.C.H. related requests.
Coding credit for the layouts goes to caliberstrife_.
2 W.I.T.C.H. FO banners
7 W.I.T.C.H. wallpapers
4 W.I.T.C.H. layouts
001 002 003
004 005 006
007 008 009
010 011 012
013 014 015
016 017 018
019 020 021
022 023 024
025 026 027
028 029 030
031 032 033
034 035 036
037 038 039
040 041 042
043 044 045
046 047 048
049 050 051
052 053 054
055 056 057
058 059 060
061 062 063
064 065 066
067 068 069
070 071 072
073 074 075
076 077 078
079 080 081
082 083 084
085 086 087
088 089 090
091 092 093
094 095 096
097 098 099
100 101 102
103
Created with angelamaria's Icon Table Generator @ Bauble
Irma and Cornelia
Download: Zip file (unzip it, then just upload the .css file inside to your host)
body {
background-color: #ffcda8;
background-image: url();
background-repeat: repeat-x;
background-position: center left;
background-attachment: fixed;
text-align: center;
color: #f9283a;
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
margin: 20px 0 20px 0;
cursor: crosshair;
}
a, a:link, a:visited {
color: #f9283a;
text-decoration: none;
}
a:hover {
color: #000000;
text-decoration: underline;
}
p, td, blockquote {
font-size: 12px;
}
code, kbd, pre, tt {
font-family: monospace;
}
#content
{
width: 600px;
margin-left: auto; margin-right: auto;
background-color: #ffffff;
padding: 15px;
}
#maincontent {
margin-top: 15px;
font-family: "Trebuchet MS", monospace;
font-size: 12px;
background-color: #ffffff;
color: #f9283a;
border-style: solid;
border-color: #ffffff;
border-width: 1px;
margin-right: 180px;
text-align: left;
}
#header {
width: 100%;
padding: 5px 0px 0px 0px;
margin: 0px;
text-align: center;
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
font-weight: none;
letter-spacing: 4px;
border-style: solid;
border-color: #ffffff;
border-width: 1px;
background-color: #ffffff;
color: #f9283a;
}
#sidebar {
padding-top: 15px;
margin-top: 15px;
background-color: #ffffff;
border-color: #f9283a;
border-width: 1px;
border-style: solid;
font-size: 11px;
font-family: "Trebuchet MS", sans-serif;
color: #f9283a;
width: 155px;
float: right;
text-align: left;
}
#footer {
width: 100%;
text-align: center;
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
font-weight: bold;
letter-spacing: 2px;
background-color: #ffcda8;
color: #f9283a;
border-color: #f9283a;
border-width: 1px;
border-style: solid;
z-index: 100;
clear: both;
}
/* header -- links to views; title of journal; subtitle of journal */
div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited
{
color: #f9283a;
font-weight: bold;
}
div#header a:hover, div#footer a:hover {
color: #ffcda8;
text-decoration: none;
}
ul.navheader
{
padding: 0px;
margin: 0px;
}
ul.navheader li {
display: inline;
padding-left: 0 3px 0 3px;
}
.title {
font-family: "Trebuchet MS", sans-serif;
font-size: 13px;
visibility: hidden;
line-height: 200%;
top: 10px;
}
.subtitle{
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
visibility: hidden;
top: 5px;
}
/* sidebar */
div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
color: #f9283a;
}
div#sidebar a:hover {
color: #ffffff;
text-decoration: none;
}
.defaultuserpic {
text-align: center;
}
.sbarheader {
padding: 0px 5px 0px 5px;
color: #f9283a;
text-align: center;
}
.sbarbody {
padding: 0px 10px 0px 11px;
}
.sbarbody2 {
padding: 0 10px 0 10px;
}
table.calendar {
margin-right: auto;
margin-left: auto;
}
.sbarcalendar {
border-color: #f9283a;
border-width: 1px;
border-style: solid;
text-align: center;
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
}
.sbarcalendarposts {
border-color: #f9283a;
border-width: 1px;
border-style: solid;
background-color: #ffcda8;
text-align: center;
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
}
ul.sbarlist
{
padding-left: 0px;
margin-left: 0px;
list-style: none;
}
li.sbaritem
{
padding-left: 15px;
list-style: none;
}
li.sbartitle
{
padding-left: 15px;
list-style: none;
font-weight: bold;
text-transform:lowercase;
font-size: 13px;
border-bottom: 1px #cccccc solid;
margin-bottom: 10px;
margin-top: 10px;
}
/* maincontent */
.subcontent {
}
.entry {
margin: 0px 10px 10px 30px;
padding: 5px;
background-color: #ffffff;
color: #f9283a;
font-family: "Trebuchet MS", monospace;
font-size: 10px;
text-align: justify;
line-height: 13pt;
}
.entry ul li
{
padding-left: 5px;
margin-left: 5px;
}
.entry ol li
{
padding-left: 5px;
margin-left: 5px;
}
.userpic {
position: relative;
float: right;
background-color: #ffffff;
padding: 5px;
margin: 10px;
z-index: 15;
border-width: 1px;
border-color: #f9283a;
border-style: solid;
}
.userpicfriends {
position: relative;
float: right;
padding: 5px;
margin: 10px;
text-align: center;
border-style: solid;
border-width: 1px;
border-color: #f9283a;
font-family: "Trebuchet MS", monospace;
font-size: 12px;
z-index: 15;
}
.date {
line-height: 200%;
top: 5px;
color: #f9283a;
font-family: "Trebuchet MS", monospace;
font-size: 10px;
color: #CCCCC
font-weight: bold;
font-variant: small-caps;
letter-spacing: 2pt;
background-color:#ffffff;
}
.subject {
font-weight: bold;
padding: 10px;
color: #f9283a;
font-family: "Trebuchet MS", monospace;
font-size: 15px;
border-width: 1px;
border-style: solid;
border-color: #f9283a;
background-color: #ffcda8;
}
.subject a, .subject a:link, .subject a:visited {
color: #f9283a;
}
.subject a:hover {
color: #000000;
cursor: help;
}
.datesubject {
background-color: #ffffff;
padding: 5px;
}
.currents, .currentmood, .currentmusic {
font-family: "Trebuchet MS", monospace;
font-size: 12px;
}
.comments {
font-family: "Trebuchet MS", monospace;
font-size: 12px;
color: #f9283a;
text-align: right;
background-color: #ffcda8;
padding: 0px 5px 0px 5px;
position: relative;
top: 15px;
}
div.comments a, div.comments a:link, div.comments a:visited{
color: #f9283a;
}
div.comments a:hover {
color: #000000;
text-decoration: none;
}
/* maincontent -- entry, reply pages */
.datesubjectcomment {
background-color: #f9283a;
padding: 5px;
margin-top: 20px;
color: #ffcda8;
}
.userpiccomment {
position: relative;
border-width: 5px;
border-style: solid;
border-color: #ffcda8;
background-color: #ffcda8;
top: -30px;
left: 0px;
padding: 5px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
border-width: 1px;
border-color: #f9283a;
border-style: solid;
}
.box {
border-style: solid;
border-width: 1px 0px 0px 0px;
border-color: #f9283a;
padding: 10px;
clear: left;
}
input, textarea {
background-color: #ffcda8;
color: #011d50;
}
textarea.textbox {
width: 100% !important;
}
.reply {
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: "Trebuchet MS", monospace;
font-size: 12px;
line-height: 125%;
background-color: #ffcda8;
color: #f9283a;
}
.replytosubject {
font-weight: bold;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 12px;
font-family: "Trebuchet MS", monospace;
color: #f9283a;
}
.commentbox {
border-color: #f9283a;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #ffcda8;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #ffffff;
}
.datesubjectcomment a:hover {
color: #000000;
}
.commentboxpartial {
border-color: #ffcda8;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #ffcda8;
}
.commentinfo {
background-color: #f9283a;
margin-top: 10px;
width: 100%;
color: #ffcda8;
}
/* maincontent -- year/achive 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: #ffcda8;
}
table.yeartable td.yearday {
background-color: #ffcda8;
text-align: center;
}
td.yearmonth {
border-style: none;
}
/* footer */
ul.navfooter{
padding: 0px;
margin: 0px;
}
ul.navfooter li {
display: inline;
margin: 0 5px 0 5px;
}
.clearfoot {
clear: both;
}
/* misc */
.clear {
height: 15px;
}
.skiplinks {
text-align: center;
}
.headerimage {
position: relative;
width: 630px; /* Width of the banner, in pixels */
height: 350px; /* Height of the banner, in pixels */
margin-left: auto;
margin-right: auto;
margin-top: -18px;
margin-bottom: 0px; /* Space between bottom of image and outer box of style */
background-image: url("http://pics.livejournal.com/remiem/pic/000a8kkz"); /* Header image URL */
background-repeat: no-repeat;
}
.separator{
/* for formatting separators between entries */
height: 20px;
}
Cornelia and Caleb
Download: Zip file (unzip it, then just upload the .css file inside to your host)
body {
background-color: #ff9f6f;
background-image: url();
background-repeat: repeat-x;
background-position: center left;
background-attachment: fixed;
text-align: center;
color: #b7193f;
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
margin: 20px 0 20px 0;
cursor: crosshair;
}
a, a:link, a:visited {
color: #b7193f;
text-decoration: none;
}
a:hover {
color: #000000;
text-decoration: underline;
}
p, td, blockquote {
font-size: 12px;
}
code, kbd, pre, tt {
font-family: monospace;
}
#content
{
width: 600px;
margin-left: auto; margin-right: auto;
background-color: #ffefde;
padding: 15px;
}
#maincontent {
margin-top: 15px;
font-family: "Trebuchet MS", monospace;
font-size: 12px;
background-color: #ffefde;
color: #b7193f;
border-style: solid;
border-color: #ffefde;
border-width: 1px;
margin-right: 180px;
text-align: left;
}
#header {
width: 100%;
padding: 5px 0px 0px 0px;
margin: 0px;
text-align: center;
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
font-weight: none;
letter-spacing: 4px;
border-style: solid;
border-color: #ffefde;
border-width: 1px;
background-color: #ffefde;
color: #b7193f;
}
#sidebar {
padding-top: 15px;
margin-top: 15px;
background-color: #ffefde;
border-color: #b7193f;
border-width: 1px;
border-style: solid;
font-size: 11px;
font-family: "Trebuchet MS", sans-serif;
color: #b7193f;
width: 155px;
float: right;
text-align: left;
}
#footer {
width: 100%;
text-align: center;
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
font-weight: bold;
letter-spacing: 2px;
background-color: #ff9f6f;
color: #b7193f;
border-color: #b7193f;
border-width: 1px;
border-style: solid;
z-index: 100;
clear: both;
}
/* header -- links to views; title of journal; subtitle of journal */
div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited
{
color: #b7193f;
font-weight: bold;
}
div#header a:hover, div#footer a:hover {
color: #ff9f6f;
text-decoration: none;
}
ul.navheader
{
padding: 0px;
margin: 0px;
}
ul.navheader li {
display: inline;
padding-left: 0 3px 0 3px;
}
.title {
font-family: "Trebuchet MS", sans-serif;
font-size: 13px;
visibility: hidden;
line-height: 200%;
top: 10px;
}
.subtitle{
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
visibility: hidden;
top: 5px;
}
/* sidebar */
div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
color: #b7193f;
}
div#sidebar a:hover {
color: #ffefde;
text-decoration: none;
}
.defaultuserpic {
text-align: center;
}
.sbarheader {
padding: 0px 5px 0px 5px;
color: #b7193f;
text-align: center;
}
.sbarbody {
padding: 0px 10px 0px 11px;
}
.sbarbody2 {
padding: 0 10px 0 10px;
}
table.calendar {
margin-right: auto;
margin-left: auto;
}
.sbarcalendar {
border-color: #b7193f;
border-width: 1px;
border-style: solid;
text-align: center;
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
}
.sbarcalendarposts {
border-color: #b7193f;
border-width: 1px;
border-style: solid;
background-color: #ff9f6f;
text-align: center;
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
}
ul.sbarlist
{
padding-left: 0px;
margin-left: 0px;
list-style: none;
}
li.sbaritem
{
padding-left: 15px;
list-style: none;
}
li.sbartitle
{
padding-left: 15px;
list-style: none;
font-weight: bold;
text-transform:lowercase;
font-size: 13px;
border-bottom: 1px #cccccc solid;
margin-bottom: 10px;
margin-top: 10px;
}
/* maincontent */
.subcontent {
}
.entry {
margin: 0px 10px 10px 30px;
padding: 5px;
background-color: #ffefde;
color: #b7193f;
font-family: "Trebuchet MS", monospace;
font-size: 10px;
text-align: justify;
line-height: 13pt;
}
.entry ul li
{
padding-left: 5px;
margin-left: 5px;
}
.entry ol li
{
padding-left: 5px;
margin-left: 5px;
}
.userpic {
position: relative;
float: right;
background-color: #ffefde;
padding: 5px;
margin: 10px;
z-index: 15;
border-width: 1px;
border-color: #b7193f;
border-style: solid;
}
.userpicfriends {
position: relative;
float: right;
padding: 5px;
margin: 10px;
text-align: center;
border-style: solid;
border-width: 1px;
border-color: #b7193f;
font-family: "Trebuchet MS", monospace;
font-size: 12px;
z-index: 15;
}
.date {
line-height: 200%;
top: 5px;
color: #b7193f;
font-family: "Trebuchet MS", monospace;
font-size: 10px;
color: #CCCCC
font-weight: bold;
font-variant: small-caps;
letter-spacing: 2pt;
background-color:#ffefde;
}
.subject {
font-weight: bold;
padding: 10px;
color: #b7193f;
font-family: "Trebuchet MS", monospace;
font-size: 15px;
border-width: 1px;
border-style: solid;
border-color: #b7193f;
background-color: #ff9f6f;
}
.subject a, .subject a:link, .subject a:visited {
color: #b7193f;
}
.subject a:hover {
color: #000000;
cursor: help;
}
.datesubject {
background-color: #ffefde;
padding: 5px;
}
.currents, .currentmood, .currentmusic {
font-family: "Trebuchet MS", monospace;
font-size: 12px;
}
.comments {
font-family: "Trebuchet MS", monospace;
font-size: 12px;
color: #b7193f;
text-align: right;
background-color: #ff9f6f;
padding: 0px 5px 0px 5px;
position: relative;
top: 15px;
}
div.comments a, div.comments a:link, div.comments a:visited{
color: #b7193f;
}
div.comments a:hover {
color: #000000;
text-decoration: none;
}
/* maincontent -- entry, reply pages */
.datesubjectcomment {
background-color: #b7193f;
padding: 5px;
margin-top: 20px;
color: #ff9f6f;
}
.userpiccomment {
position: relative;
border-width: 5px;
border-style: solid;
border-color: #ff9f6f;
background-color: #ff9f6f;
top: -30px;
left: 0px;
padding: 5px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
border-width: 1px;
border-color: #b7193f;
border-style: solid;
}
.box {
border-style: solid;
border-width: 1px 0px 0px 0px;
border-color: #b7193f;
padding: 10px;
clear: left;
}
input, textarea {
background-color: #ff9f6f;
color: #011d50;
}
textarea.textbox {
width: 100% !important;
}
.reply {
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: "Trebuchet MS", monospace;
font-size: 12px;
line-height: 125%;
background-color: #ff9f6f;
color: #b7193f;
}
.replytosubject {
font-weight: bold;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 12px;
font-family: "Trebuchet MS", monospace;
color: #b7193f;
}
.commentbox {
border-color: #b7193f;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #ff9f6f;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #ffefde;
}
.datesubjectcomment a:hover {
color: #000000;
}
.commentboxpartial {
border-color: #ff9f6f;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #ff9f6f;
}
.commentinfo {
background-color: #b7193f;
margin-top: 10px;
width: 100%;
color: #ff9f6f;
}
/* maincontent -- year/achive 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: #ff9f6f;
}
table.yeartable td.yearday {
background-color: #ff9f6f;
text-align: center;
}
td.yearmonth {
border-style: none;
}
/* footer */
ul.navfooter{
padding: 0px;
margin: 0px;
}
ul.navfooter li {
display: inline;
margin: 0 5px 0 5px;
}
.clearfoot {
clear: both;
}
/* misc */
.clear {
height: 15px;
}
.skiplinks {
text-align: center;
}
.headerimage {
position: relative;
width: 630px; /* Width of the banner, in pixels */
height: 350px; /* Height of the banner, in pixels */
margin-left: auto;
margin-right: auto;
margin-top: -18px;
margin-bottom: 0px; /* Space between bottom of image and outer box of style */
background-image: url("http://pics.livejournal.com/remiem/pic/000abrs6"); /* Header image URL */
background-repeat: no-repeat;
}
.separator{
/* for formatting separators between entries */
height: 20px;
}
Will and Caleb
Download: Zip file (unzip it, then just upload the .css file inside to your host)
body {
background-color: #dd7d78;
background-image: url();
background-repeat: repeat-x;
background-position: center left;
background-attachment: fixed;
text-align: center;
color: #a5281a;
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
margin: 20px 0 20px 0;
cursor: crosshair;
}
a, a:link, a:visited {
color: #a5281a;
text-decoration: none;
}
a:hover {
color: #000000;
text-decoration: underline;
}
p, td, blockquote {
font-size: 12px;
}
code, kbd, pre, tt {
font-family: monospace;
}
#content
{
width: 600px;
margin-left: auto; margin-right: auto;
background-color: #ffffff;
padding: 15px;
}
#maincontent {
margin-top: 15px;
font-family: "Trebuchet MS", monospace;
font-size: 12px;
background-color: #ffffff;
color: #a5281a;
border-style: solid;
border-color: #ffffff;
border-width: 1px;
margin-right: 180px;
text-align: left;
}
#header {
width: 100%;
padding: 5px 0px 0px 0px;
margin: 0px;
text-align: center;
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
font-weight: none;
letter-spacing: 4px;
border-style: solid;
border-color: #ffffff;
border-width: 1px;
background-color: #ffffff;
color: #a5281a;
}
#sidebar {
padding-top: 15px;
margin-top: 15px;
background-color: #ffffff;
border-color: #a5281a;
border-width: 1px;
border-style: solid;
font-size: 11px;
font-family: "Trebuchet MS", sans-serif;
color: #a5281a;
width: 155px;
float: right;
text-align: left;
}
#footer {
width: 100%;
text-align: center;
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
font-weight: bold;
letter-spacing: 2px;
background-color: #dd7d78;
color: #a5281a;
border-color: #a5281a;
border-width: 1px;
border-style: solid;
z-index: 100;
clear: both;
}
/* header -- links to views; title of journal; subtitle of journal */
div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited
{
color: #a5281a;
font-weight: bold;
}
div#header a:hover, div#footer a:hover {
color: #dd7d78;
text-decoration: none;
}
ul.navheader
{
padding: 0px;
margin: 0px;
}
ul.navheader li {
display: inline;
padding-left: 0 3px 0 3px;
}
.title {
font-family: "Trebuchet MS", sans-serif;
font-size: 13px;
visibility: hidden;
line-height: 200%;
top: 10px;
}
.subtitle{
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
visibility: hidden;
top: 5px;
}
/* sidebar */
div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
color: #a5281a;
}
div#sidebar a:hover {
color: #ffffff;
text-decoration: none;
}
.defaultuserpic {
text-align: center;
}
.sbarheader {
padding: 0px 5px 0px 5px;
color: #a5281a;
text-align: center;
}
.sbarbody {
padding: 0px 10px 0px 11px;
}
.sbarbody2 {
padding: 0 10px 0 10px;
}
table.calendar {
margin-right: auto;
margin-left: auto;
}
.sbarcalendar {
border-color: #a5281a;
border-width: 1px;
border-style: solid;
text-align: center;
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
}
.sbarcalendarposts {
border-color: #a5281a;
border-width: 1px;
border-style: solid;
background-color: #dd7d78;
text-align: center;
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
}
ul.sbarlist
{
padding-left: 0px;
margin-left: 0px;
list-style: none;
}
li.sbaritem
{
padding-left: 15px;
list-style: none;
}
li.sbartitle
{
padding-left: 15px;
list-style: none;
font-weight: bold;
text-transform:lowercase;
font-size: 13px;
border-bottom: 1px #cccccc solid;
margin-bottom: 10px;
margin-top: 10px;
}
/* maincontent */
.subcontent {
}
.entry {
margin: 0px 10px 10px 30px;
padding: 5px;
background-color: #ffffff;
color: #a5281a;
font-family: "Trebuchet MS", monospace;
font-size: 10px;
text-align: justify;
line-height: 13pt;
}
.entry ul li
{
padding-left: 5px;
margin-left: 5px;
}
.entry ol li
{
padding-left: 5px;
margin-left: 5px;
}
.userpic {
position: relative;
float: right;
background-color: #ffffff;
padding: 5px;
margin: 10px;
z-index: 15;
border-width: 1px;
border-color: #a5281a;
border-style: solid;
}
.userpicfriends {
position: relative;
float: right;
padding: 5px;
margin: 10px;
text-align: center;
border-style: solid;
border-width: 1px;
border-color: #a5281a;
font-family: "Trebuchet MS", monospace;
font-size: 12px;
z-index: 15;
}
.date {
line-height: 200%;
top: 5px;
color: #a5281a;
font-family: "Trebuchet MS", monospace;
font-size: 10px;
color: #CCCCC
font-weight: bold;
font-variant: small-caps;
letter-spacing: 2pt;
background-color:#ffffff;
}
.subject {
font-weight: bold;
padding: 10px;
color: #a5281a;
font-family: "Trebuchet MS", monospace;
font-size: 15px;
border-width: 1px;
border-style: solid;
border-color: #a5281a;
background-color: #dd7d78;
}
.subject a, .subject a:link, .subject a:visited {
color: #a5281a;
}
.subject a:hover {
color: #000000;
cursor: help;
}
.datesubject {
background-color: #ffffff;
padding: 5px;
}
.currents, .currentmood, .currentmusic {
font-family: "Trebuchet MS", monospace;
font-size: 12px;
}
.comments {
font-family: "Trebuchet MS", monospace;
font-size: 12px;
color: #a5281a;
text-align: right;
background-color: #dd7d78;
padding: 0px 5px 0px 5px;
position: relative;
top: 15px;
}
div.comments a, div.comments a:link, div.comments a:visited{
color: #a5281a;
}
div.comments a:hover {
color: #000000;
text-decoration: none;
}
/* maincontent -- entry, reply pages */
.datesubjectcomment {
background-color: #a5281a;
padding: 5px;
margin-top: 20px;
color: #dd7d78;
}
.userpiccomment {
position: relative;
border-width: 5px;
border-style: solid;
border-color: #dd7d78;
background-color: #dd7d78;
top: -30px;
left: 0px;
padding: 5px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
border-width: 1px;
border-color: #a5281a;
border-style: solid;
}
.box {
border-style: solid;
border-width: 1px 0px 0px 0px;
border-color: #a5281a;
padding: 10px;
clear: left;
}
input, textarea {
background-color: #dd7d78;
color: #011d50;
}
textarea.textbox {
width: 100% !important;
}
.reply {
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: "Trebuchet MS", monospace;
font-size: 12px;
line-height: 125%;
background-color: #dd7d78;
color: #a5281a;
}
.replytosubject {
font-weight: bold;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 12px;
font-family: "Trebuchet MS", monospace;
color: #a5281a;
}
.commentbox {
border-color: #a5281a;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #dd7d78;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #ffffff;
}
.datesubjectcomment a:hover {
color: #000000;
}
.commentboxpartial {
border-color: #dd7d78;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #dd7d78;
}
.commentinfo {
background-color: #a5281a;
margin-top: 10px;
width: 100%;
color: #dd7d78;
}
/* maincontent -- year/achive 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: #dd7d78;
}
table.yeartable td.yearday {
background-color: #dd7d78;
text-align: center;
}
td.yearmonth {
border-style: none;
}
/* footer */
ul.navfooter{
padding: 0px;
margin: 0px;
}
ul.navfooter li {
display: inline;
margin: 0 5px 0 5px;
}
.clearfoot {
clear: both;
}
/* misc */
.clear {
height: 15px;
}
.skiplinks {
text-align: center;
}
.headerimage {
position: relative;
width: 630px; /* Width of the banner, in pixels */
height: 350px; /* Height of the banner, in pixels */
margin-left: auto;
margin-right: auto;
margin-top: -18px;
margin-bottom: 0px; /* Space between bottom of image and outer box of style */
background-image: url("http://pics.livejournal.com/remiem/pic/000ac0bx"); /* Header image URL */
background-repeat: no-repeat;
}
.separator{
/* for formatting separators between entries */
height: 20px;
}
Will and Matt
Download: Zip file (unzip it, then just upload the .css file inside to your host)
body {
background-color: #e099e0;
background-image: url();
background-repeat: repeat-x;
background-position: center left;
background-attachment: fixed;
text-align: center;
color: #3c0053;
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
margin: 20px 0 20px 0;
cursor: crosshair;
}
a, a:link, a:visited {
color: #3c0053;
text-decoration: none;
}
a:hover {
color: #000000;
text-decoration: underline;
}
p, td, blockquote {
font-size: 12px;
}
code, kbd, pre, tt {
font-family: monospace;
}
#content
{
width: 600px;
margin-left: auto; margin-right: auto;
background-color: #ffffff;
padding: 15px;
}
#maincontent {
margin-top: 15px;
font-family: "Trebuchet MS", monospace;
font-size: 12px;
background-color: #ffffff;
color: #3c0053;
border-style: solid;
border-color: #ffffff;
border-width: 1px;
margin-right: 180px;
text-align: left;
}
#header {
width: 100%;
padding: 5px 0px 0px 0px;
margin: 0px;
text-align: center;
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
font-weight: none;
letter-spacing: 4px;
border-style: solid;
border-color: #ffffff;
border-width: 1px;
background-color: #ffffff;
color: #3c0053;
}
#sidebar {
padding-top: 15px;
margin-top: 15px;
background-color: #ffffff;
border-color: #3c0053;
border-width: 1px;
border-style: solid;
font-size: 11px;
font-family: "Trebuchet MS", sans-serif;
color: #3c0053;
width: 155px;
float: right;
text-align: left;
}
#footer {
width: 100%;
text-align: center;
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
font-weight: bold;
letter-spacing: 2px;
background-color: #e099e0;
color: #3c0053;
border-color: #3c0053;
border-width: 1px;
border-style: solid;
z-index: 100;
clear: both;
}
/* header -- links to views; title of journal; subtitle of journal */
div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited
{
color: #3c0053;
font-weight: bold;
}
div#header a:hover, div#footer a:hover {
color: #e099e0;
text-decoration: none;
}
ul.navheader
{
padding: 0px;
margin: 0px;
}
ul.navheader li {
display: inline;
padding-left: 0 3px 0 3px;
}
.title {
font-family: "Trebuchet MS", sans-serif;
font-size: 13px;
visibility: hidden;
line-height: 200%;
top: 10px;
}
.subtitle{
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
visibility: hidden;
top: 5px;
}
/* sidebar */
div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
color: #3c0053;
}
div#sidebar a:hover {
color: #ffffff;
text-decoration: none;
}
.defaultuserpic {
text-align: center;
}
.sbarheader {
padding: 0px 5px 0px 5px;
color: #3c0053;
text-align: center;
}
.sbarbody {
padding: 0px 10px 0px 11px;
}
.sbarbody2 {
padding: 0 10px 0 10px;
}
table.calendar {
margin-right: auto;
margin-left: auto;
}
.sbarcalendar {
border-color: #3c0053;
border-width: 1px;
border-style: solid;
text-align: center;
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
}
.sbarcalendarposts {
border-color: #3c0053;
border-width: 1px;
border-style: solid;
background-color: #e099e0;
text-align: center;
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
}
ul.sbarlist
{
padding-left: 0px;
margin-left: 0px;
list-style: none;
}
li.sbaritem
{
padding-left: 15px;
list-style: none;
}
li.sbartitle
{
padding-left: 15px;
list-style: none;
font-weight: bold;
text-transform:lowercase;
font-size: 13px;
border-bottom: 1px #cccccc solid;
margin-bottom: 10px;
margin-top: 10px;
}
/* maincontent */
.subcontent {
}
.entry {
margin: 0px 10px 10px 30px;
padding: 5px;
background-color: #ffffff;
color: #3c0053;
font-family: "Trebuchet MS", monospace;
font-size: 10px;
text-align: justify;
line-height: 13pt;
}
.entry ul li
{
padding-left: 5px;
margin-left: 5px;
}
.entry ol li
{
padding-left: 5px;
margin-left: 5px;
}
.userpic {
position: relative;
float: right;
background-color: #ffffff;
padding: 5px;
margin: 10px;
z-index: 15;
border-width: 1px;
border-color: #3c0053;
border-style: solid;
}
.userpicfriends {
position: relative;
float: right;
padding: 5px;
margin: 10px;
text-align: center;
border-style: solid;
border-width: 1px;
border-color: #3c0053;
font-family: "Trebuchet MS", monospace;
font-size: 12px;
z-index: 15;
}
.date {
line-height: 200%;
top: 5px;
color: #3c0053;
font-family: "Trebuchet MS", monospace;
font-size: 10px;
color: #CCCCC
font-weight: bold;
font-variant: small-caps;
letter-spacing: 2pt;
background-color:#ffffff;
}
.subject {
font-weight: bold;
padding: 10px;
color: #3c0053;
font-family: "Trebuchet MS", monospace;
font-size: 15px;
border-width: 1px;
border-style: solid;
border-color: #3c0053;
background-color: #e099e0;
}
.subject a, .subject a:link, .subject a:visited {
color: #3c0053;
}
.subject a:hover {
color: #000000;
cursor: help;
}
.datesubject {
background-color: #ffffff;
padding: 5px;
}
.currents, .currentmood, .currentmusic {
font-family: "Trebuchet MS", monospace;
font-size: 12px;
}
.comments {
font-family: "Trebuchet MS", monospace;
font-size: 12px;
color: #3c0053;
text-align: right;
background-color: #e099e0;
padding: 0px 5px 0px 5px;
position: relative;
top: 15px;
}
div.comments a, div.comments a:link, div.comments a:visited{
color: #3c0053;
}
div.comments a:hover {
color: #000000;
text-decoration: none;
}
/* maincontent -- entry, reply pages */
.datesubjectcomment {
background-color: #3c0053;
padding: 5px;
margin-top: 20px;
color: #e099e0;
}
.userpiccomment {
position: relative;
border-width: 5px;
border-style: solid;
border-color: #e099e0;
background-color: #e099e0;
top: -30px;
left: 0px;
padding: 5px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
border-width: 1px;
border-color: #3c0053;
border-style: solid;
}
.box {
border-style: solid;
border-width: 1px 0px 0px 0px;
border-color: #3c0053;
padding: 10px;
clear: left;
}
input, textarea {
background-color: #e099e0;
color: #011d50;
}
textarea.textbox {
width: 100% !important;
}
.reply {
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: "Trebuchet MS", monospace;
font-size: 12px;
line-height: 125%;
background-color: #e099e0;
color: #3c0053;
}
.replytosubject {
font-weight: bold;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 12px;
font-family: "Trebuchet MS", monospace;
color: #3c0053;
}
.commentbox {
border-color: #3c0053;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #e099e0;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #ffffff;
}
.datesubjectcomment a:hover {
color: #000000;
}
.commentboxpartial {
border-color: #e099e0;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #e099e0;
}
.commentinfo {
background-color: #3c0053;
margin-top: 10px;
width: 100%;
color: #e099e0;
}
/* maincontent -- year/achive 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: #e099e0;
}
table.yeartable td.yearday {
background-color: #e099e0;
text-align: center;
}
td.yearmonth {
border-style: none;
}
/* footer */
ul.navfooter{
padding: 0px;
margin: 0px;
}
ul.navfooter li {
display: inline;
margin: 0 5px 0 5px;
}
.clearfoot {
clear: both;
}
/* misc */
.clear {
height: 15px;
}
.skiplinks {
text-align: center;
}
.headerimage {
position: relative;
width: 630px; /* Width of the banner, in pixels */
height: 350px; /* Height of the banner, in pixels */
margin-left: auto;
margin-right: auto;
margin-top: -18px;
margin-bottom: 0px; /* Space between bottom of image and outer box of style */
background-image: url("http://pics.livejournal.com/remiem/pic/000adskq"); /* Header image URL */
background-repeat: no-repeat;
}
.separator{
/* for formatting separators between entries */
height: 20px;
}
Notes: 89-103 were made by murphyboy11's request.
The two FO banners were made by indigodots' request.
Since I used tons of lyrics on everything, I'll list what ones I used...
Elyon wallpaper: "Fighter" - Christina Aguilera
CalebxCornelia wallpaper: "Better Than Me" - Hinder (my reasoning for this one? The "I really miss your hair in my face" line stuck out like a sore thumb. "Happy Birthday, Will" anyone?)
WillxCaleb wallpaper: "Stay Another Day" - Girls Aloud
Will wallpaper: "Once in a Lifetime" - Lnes
Irma wallpaper: "Love Machine" - Girls Aloud
Cornelia wallpaper: "Homecoming Queen" - Hinder
Hay Lin wallpaper: "Outer Space" - Tatu
Irma and Cornelia layout: "You Freak Me Out" - Girls Aloud
Cornelia and Caleb layout: "Faraway" - Nickelback
Will and Caleb layout: "Lips of an Angel" - Hinder
Will and Matt layout: "Why Don't You and I" - Santana
I also have textless versions of the wallpapers, so if anyone wants one textless, just let me know.
Still taking W.I.T.C.H. related requests.
Coding credit for the layouts goes to caliberstrife_.