FFXII stuff
I made way too many variations...so at least half of these are just variations, but oh well.
65 FFXII icons (lots of variations and lots of Larsa)
3 FFXII layouts (LarsaxAshe, LarsaxPenelo)
3 FFXII wallpapers (Penelo, Larsa)
2 FFXII FO banners (to match the layouts)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
Codes:
body {
background-color: #000000;
background-image: url();
background-repeat: repeat-x;
background-position: center left;
background-attachment: fixed;
text-align: center;
color: #65071b;
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
margin: 20px 0 20px 0;
cursor: crosshair;
}
a, a:link, a:visited {
color: #65071b;
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: #f7eef0;
padding: 15px;
}
#maincontent {
margin-top: 15px;
font-family: "Trebuchet MS", monospace;
font-size: 12px;
background-color: #f7eef0;
color: #65071b;
border-style: solid;
border-color: #f7eef0;
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: #f7eef0;
border-width: 1px;
background-color: #f7eef0;
color: #65071b;
}
#sidebar {
padding-top: 15px;
margin-top: 15px;
background-color: #f7eef0;
border-color: #65071b;
border-width: 1px;
border-style: solid;
font-size: 11px;
font-family: "Trebuchet MS", sans-serif;
color: #65071b;
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: #e7afc2;
color: #65071b;
border-color: #65071b;
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: #65071b;
font-weight: bold;
}
div#header a:hover, div#footer a:hover {
color: #000000;
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: #65071b;
}
div#sidebar a:hover {
color: #f7eef0;
text-decoration: none;
}
.defaultuserpic {
text-align: center;
}
.sbarheader {
padding: 0px 5px 0px 5px;
color: #65071b;
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: #65071b;
border-width: 1px;
border-style: solid;
text-align: center;
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
}
.sbarcalendarposts {
border-color: #65071b;
border-width: 1px;
border-style: solid;
background-color: #e7afc2;
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: #f7eef0;
color: #65071b;
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: #f7eef0;
padding: 5px;
margin: 10px;
z-index: 15;
border-width: 1px;
border-color: #65071b;
border-style: solid;
}
.userpicfriends {
position: relative;
float: right;
padding: 5px;
margin: 10px;
text-align: center;
border-style: solid;
border-width: 1px;
border-color: #65071b;
font-family: "Trebuchet MS", monospace;
font-size: 12px;
z-index: 15;
}
.date {
line-height: 200%;
top: 5px;
color: #65071b;
font-family: "Trebuchet MS", monospace;
font-size: 10px;
color: #CCCCC
font-weight: bold;
font-variant: small-caps;
letter-spacing: 2pt;
background-color:#f7eef0;
}
.subject {
font-weight: bold;
padding: 10px;
color: #65071b;
font-family: "Trebuchet MS", monospace;
font-size: 15px;
border-width: 1px;
border-style: solid;
border-color: #65071b;
background-color: #e7afc2;
}
.subject a, .subject a:link, .subject a:visited {
color: #65071b;
}
.subject a:hover {
color: #000000;
cursor: help;
}
.datesubject {
background-color: #f7eef0;
padding: 5px;
}
.currents, .currentmood, .currentmusic {
font-family: "Trebuchet MS", monospace;
font-size: 12px;
}
.comments {
font-family: "Trebuchet MS", monospace;
font-size: 12px;
color: #65071b;
text-align: right;
background-color: #e7afc2;
padding: 0px 5px 0px 5px;
position: relative;
top: 15px;
}
div.comments a, div.comments a:link, div.comments a:visited{
color: #65071b;
}
div.comments a:hover {
color: #000000;
text-decoration: none;
}
/* maincontent -- entry, reply pages */
.datesubjectcomment {
background-color: #65071b;
padding: 5px;
margin-top: 20px;
color: #000000;
}
.userpiccomment {
position: relative;
border-width: 5px;
border-style: solid;
border-color: #000000;
background-color: #e7afc2;
top: -30px;
left: 0px;
padding: 5px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
border-width: 1px;
border-color: #65071b;
border-style: solid;
}
.box {
border-style: solid;
border-width: 1px 0px 0px 0px;
border-color: #65071b;
padding: 10px;
clear: left;
}
input, textarea {
background-color: #e7afc2;
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: #e7afc2;
color: #65071b;
}
.replytosubject {
font-weight: bold;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 12px;
font-family: "Trebuchet MS", monospace;
color: #65071b;
}
.commentbox {
border-color: #65071b;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #e7afc2;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #f7eef0;
}
.datesubjectcomment a:hover {
color: #000000;
}
.commentboxpartial {
border-color: #000000;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #e7afc2;
}
.commentinfo {
background-color: #65071b;
margin-top: 10px;
width: 100%;
color: #000000;
}
/* 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: #000000;
}
table.yeartable td.yearday {
background-color: #e7afc2;
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/000bxdp6"); /* Header image URL */
background-repeat: no-repeat;
}
.separator{
/* for formatting separators between entries */
height: 20px;
}
Codes:
body {
background-color: #e8acb0;
background-image: url();
background-repeat: repeat-x;
background-position: center left;
background-attachment: fixed;
text-align: center;
color: #5c1a4e;
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
margin: 20px 0 20px 0;
cursor: crosshair;
}
a, a:link, a:visited {
color: #5c1a4e;
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: #fdfee2;
padding: 15px;
}
#maincontent {
margin-top: 15px;
font-family: "Trebuchet MS", monospace;
font-size: 12px;
background-color: #fdfee2;
color: #5c1a4e;
border-style: solid;
border-color: #fdfee2;
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: #fdfee2;
border-width: 1px;
background-color: #fdfee2;
color: #5c1a4e;
}
#sidebar {
padding-top: 15px;
margin-top: 15px;
background-color: #fdfee2;
border-color: #5c1a4e;
border-width: 1px;
border-style: solid;
font-size: 11px;
font-family: "Trebuchet MS", sans-serif;
color: #5c1a4e;
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: #e8acb0;
color: #5c1a4e;
border-color: #5c1a4e;
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: #5c1a4e;
font-weight: bold;
}
div#header a:hover, div#footer a:hover {
color: #e8acb0;
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: #5c1a4e;
}
div#sidebar a:hover {
color: #fdfee2;
text-decoration: none;
}
.defaultuserpic {
text-align: center;
}
.sbarheader {
padding: 0px 5px 0px 5px;
color: #5c1a4e;
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: #5c1a4e;
border-width: 1px;
border-style: solid;
text-align: center;
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
}
.sbarcalendarposts {
border-color: #5c1a4e;
border-width: 1px;
border-style: solid;
background-color: #e8acb0;
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: #fdfee2;
color: #5c1a4e;
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: #fdfee2;
padding: 5px;
margin: 10px;
z-index: 15;
border-width: 1px;
border-color: #5c1a4e;
border-style: solid;
}
.userpicfriends {
position: relative;
float: right;
padding: 5px;
margin: 10px;
text-align: center;
border-style: solid;
border-width: 1px;
border-color: #5c1a4e;
font-family: "Trebuchet MS", monospace;
font-size: 12px;
z-index: 15;
}
.date {
line-height: 200%;
top: 5px;
color: #5c1a4e;
font-family: "Trebuchet MS", monospace;
font-size: 10px;
color: #CCCCC
font-weight: bold;
font-variant: small-caps;
letter-spacing: 2pt;
background-color:#fdfee2;
}
.subject {
font-weight: bold;
padding: 10px;
color: #5c1a4e;
font-family: "Trebuchet MS", monospace;
font-size: 15px;
border-width: 1px;
border-style: solid;
border-color: #5c1a4e;
background-color: #e8acb0;
}
.subject a, .subject a:link, .subject a:visited {
color: #5c1a4e;
}
.subject a:hover {
color: #000000;
cursor: help;
}
.datesubject {
background-color: #fdfee2;
padding: 5px;
}
.currents, .currentmood, .currentmusic {
font-family: "Trebuchet MS", monospace;
font-size: 12px;
}
.comments {
font-family: "Trebuchet MS", monospace;
font-size: 12px;
color: #5c1a4e;
text-align: right;
background-color: #e8acb0;
padding: 0px 5px 0px 5px;
position: relative;
top: 15px;
}
div.comments a, div.comments a:link, div.comments a:visited{
color: #5c1a4e;
}
div.comments a:hover {
color: #000000;
text-decoration: none;
}
/* maincontent -- entry, reply pages */
.datesubjectcomment {
background-color: #5c1a4e;
padding: 5px;
margin-top: 20px;
color: #e8acb0;
}
.userpiccomment {
position: relative;
border-width: 5px;
border-style: solid;
border-color: #e8acb0;
background-color: #e8acb0;
top: -30px;
left: 0px;
padding: 5px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
border-width: 1px;
border-color: #5c1a4e;
border-style: solid;
}
.box {
border-style: solid;
border-width: 1px 0px 0px 0px;
border-color: #5c1a4e;
padding: 10px;
clear: left;
}
input, textarea {
background-color: #e8acb0;
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: #e8acb0;
color: #5c1a4e;
}
.replytosubject {
font-weight: bold;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 12px;
font-family: "Trebuchet MS", monospace;
color: #5c1a4e;
}
.commentbox {
border-color: #5c1a4e;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #e8acb0;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #fdfee2;
}
.datesubjectcomment a:hover {
color: #000000;
}
.commentboxpartial {
border-color: #e8acb0;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #e8acb0;
}
.commentinfo {
background-color: #5c1a4e;
margin-top: 10px;
width: 100%;
color: #e8acb0;
}
/* 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: #e8acb0;
}
table.yeartable td.yearday {
background-color: #e8acb0;
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/000bep30"); /* Header image URL */
background-repeat: no-repeat;
}
.separator{
/* for formatting separators between entries */
height: 20px;
}
Codes:
body {
background-color: #a4c0ed;
background-image: url();
background-repeat: repeat-x;
background-position: center left;
background-attachment: fixed;
text-align: center;
color: #3632a8;
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
margin: 20px 0 20px 0;
cursor: crosshair;
}
a, a:link, a:visited {
color: #3632a8;
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: #3632a8;
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: #3632a8;
}
#sidebar {
padding-top: 15px;
margin-top: 15px;
background-color: #ffffff;
border-color: #3632a8;
border-width: 1px;
border-style: solid;
font-size: 11px;
font-family: "Trebuchet MS", sans-serif;
color: #3632a8;
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: #a4c0ed;
color: #3632a8;
border-color: #3632a8;
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: #3632a8;
font-weight: bold;
}
div#header a:hover, div#footer a:hover {
color: #a4c0ed;
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: #3632a8;
}
div#sidebar a:hover {
color: #ffffff;
text-decoration: none;
}
.defaultuserpic {
text-align: center;
}
.sbarheader {
padding: 0px 5px 0px 5px;
color: #3632a8;
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: #3632a8;
border-width: 1px;
border-style: solid;
text-align: center;
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
}
.sbarcalendarposts {
border-color: #3632a8;
border-width: 1px;
border-style: solid;
background-color: #a4c0ed;
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: #3632a8;
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: #3632a8;
border-style: solid;
}
.userpicfriends {
position: relative;
float: right;
padding: 5px;
margin: 10px;
text-align: center;
border-style: solid;
border-width: 1px;
border-color: #3632a8;
font-family: "Trebuchet MS", monospace;
font-size: 12px;
z-index: 15;
}
.date {
line-height: 200%;
top: 5px;
color: #3632a8;
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: #3632a8;
font-family: "Trebuchet MS", monospace;
font-size: 15px;
border-width: 1px;
border-style: solid;
border-color: #3632a8;
background-color: #a4c0ed;
}
.subject a, .subject a:link, .subject a:visited {
color: #3632a8;
}
.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: #3632a8;
text-align: right;
background-color: #a4c0ed;
padding: 0px 5px 0px 5px;
position: relative;
top: 15px;
}
div.comments a, div.comments a:link, div.comments a:visited{
color: #3632a8;
}
div.comments a:hover {
color: #000000;
text-decoration: none;
}
/* maincontent -- entry, reply pages */
.datesubjectcomment {
background-color: #3632a8;
padding: 5px;
margin-top: 20px;
color: #a4c0ed;
}
.userpiccomment {
position: relative;
border-width: 5px;
border-style: solid;
border-color: #a4c0ed;
background-color: #a4c0ed;
top: -30px;
left: 0px;
padding: 5px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
border-width: 1px;
border-color: #3632a8;
border-style: solid;
}
.box {
border-style: solid;
border-width: 1px 0px 0px 0px;
border-color: #3632a8;
padding: 10px;
clear: left;
}
input, textarea {
background-color: #a4c0ed;
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: #a4c0ed;
color: #3632a8;
}
.replytosubject {
font-weight: bold;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 12px;
font-family: "Trebuchet MS", monospace;
color: #3632a8;
}
.commentbox {
border-color: #3632a8;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #a4c0ed;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #ffffff;
}
.datesubjectcomment a:hover {
color: #000000;
}
.commentboxpartial {
border-color: #a4c0ed;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #a4c0ed;
}
.commentinfo {
background-color: #3632a8;
margin-top: 10px;
width: 100%;
color: #a4c0ed;
}
/* 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: #a4c0ed;
}
table.yeartable td.yearday {
background-color: #a4c0ed;
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/000c0z0d"); /* Header image URL */
background-repeat: no-repeat;
}
.separator{
/* for formatting separators between entries */
height: 20px;
}
Credits:
The fanart in the LarsaxPenelo layout as well as in various icons is by http://yacca.karou.jp/
The fanart in icons 28-31 is by FrancesHime @ deviantart.
Coding credit for the layouts goes to caliberstrife_. Please credit them as well/instead of me for the layouts. Thanks.
Edit: Forgot the layout instructions.
Layout instructions:
To set up the layouts, all you have to do is copy and paste the coding into notepad and save it as a .css file (just save it as all files and put .css in the title), then host the .css file onto your own server and copy the link into the customization area. Make sure that you set it to S2 flexible squares, then go to customize>custom options>custom CSS and paste the link into the custom external style sheet URL box. You can register with freewebs for free and host it there if you want, or find another host. OR you can copy and paste the coding into the box below the external style sheet box, but you might have to edit a few things in the main color area if you do that. You don't have to edit the coding itself at all though. If you're using a plus account, make sure that you set the ad placement to vertical, otherwise it'll mess up the layout.
65 FFXII icons (lots of variations and lots of Larsa)
3 FFXII layouts (LarsaxAshe, LarsaxPenelo)
3 FFXII wallpapers (Penelo, Larsa)
2 FFXII FO banners (to match the layouts)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
Codes:
body {
background-color: #000000;
background-image: url();
background-repeat: repeat-x;
background-position: center left;
background-attachment: fixed;
text-align: center;
color: #65071b;
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
margin: 20px 0 20px 0;
cursor: crosshair;
}
a, a:link, a:visited {
color: #65071b;
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: #f7eef0;
padding: 15px;
}
#maincontent {
margin-top: 15px;
font-family: "Trebuchet MS", monospace;
font-size: 12px;
background-color: #f7eef0;
color: #65071b;
border-style: solid;
border-color: #f7eef0;
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: #f7eef0;
border-width: 1px;
background-color: #f7eef0;
color: #65071b;
}
#sidebar {
padding-top: 15px;
margin-top: 15px;
background-color: #f7eef0;
border-color: #65071b;
border-width: 1px;
border-style: solid;
font-size: 11px;
font-family: "Trebuchet MS", sans-serif;
color: #65071b;
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: #e7afc2;
color: #65071b;
border-color: #65071b;
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: #65071b;
font-weight: bold;
}
div#header a:hover, div#footer a:hover {
color: #000000;
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: #65071b;
}
div#sidebar a:hover {
color: #f7eef0;
text-decoration: none;
}
.defaultuserpic {
text-align: center;
}
.sbarheader {
padding: 0px 5px 0px 5px;
color: #65071b;
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: #65071b;
border-width: 1px;
border-style: solid;
text-align: center;
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
}
.sbarcalendarposts {
border-color: #65071b;
border-width: 1px;
border-style: solid;
background-color: #e7afc2;
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: #f7eef0;
color: #65071b;
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: #f7eef0;
padding: 5px;
margin: 10px;
z-index: 15;
border-width: 1px;
border-color: #65071b;
border-style: solid;
}
.userpicfriends {
position: relative;
float: right;
padding: 5px;
margin: 10px;
text-align: center;
border-style: solid;
border-width: 1px;
border-color: #65071b;
font-family: "Trebuchet MS", monospace;
font-size: 12px;
z-index: 15;
}
.date {
line-height: 200%;
top: 5px;
color: #65071b;
font-family: "Trebuchet MS", monospace;
font-size: 10px;
color: #CCCCC
font-weight: bold;
font-variant: small-caps;
letter-spacing: 2pt;
background-color:#f7eef0;
}
.subject {
font-weight: bold;
padding: 10px;
color: #65071b;
font-family: "Trebuchet MS", monospace;
font-size: 15px;
border-width: 1px;
border-style: solid;
border-color: #65071b;
background-color: #e7afc2;
}
.subject a, .subject a:link, .subject a:visited {
color: #65071b;
}
.subject a:hover {
color: #000000;
cursor: help;
}
.datesubject {
background-color: #f7eef0;
padding: 5px;
}
.currents, .currentmood, .currentmusic {
font-family: "Trebuchet MS", monospace;
font-size: 12px;
}
.comments {
font-family: "Trebuchet MS", monospace;
font-size: 12px;
color: #65071b;
text-align: right;
background-color: #e7afc2;
padding: 0px 5px 0px 5px;
position: relative;
top: 15px;
}
div.comments a, div.comments a:link, div.comments a:visited{
color: #65071b;
}
div.comments a:hover {
color: #000000;
text-decoration: none;
}
/* maincontent -- entry, reply pages */
.datesubjectcomment {
background-color: #65071b;
padding: 5px;
margin-top: 20px;
color: #000000;
}
.userpiccomment {
position: relative;
border-width: 5px;
border-style: solid;
border-color: #000000;
background-color: #e7afc2;
top: -30px;
left: 0px;
padding: 5px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
border-width: 1px;
border-color: #65071b;
border-style: solid;
}
.box {
border-style: solid;
border-width: 1px 0px 0px 0px;
border-color: #65071b;
padding: 10px;
clear: left;
}
input, textarea {
background-color: #e7afc2;
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: #e7afc2;
color: #65071b;
}
.replytosubject {
font-weight: bold;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 12px;
font-family: "Trebuchet MS", monospace;
color: #65071b;
}
.commentbox {
border-color: #65071b;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #e7afc2;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #f7eef0;
}
.datesubjectcomment a:hover {
color: #000000;
}
.commentboxpartial {
border-color: #000000;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #e7afc2;
}
.commentinfo {
background-color: #65071b;
margin-top: 10px;
width: 100%;
color: #000000;
}
/* 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: #000000;
}
table.yeartable td.yearday {
background-color: #e7afc2;
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/000bxdp6"); /* Header image URL */
background-repeat: no-repeat;
}
.separator{
/* for formatting separators between entries */
height: 20px;
}
Codes:
body {
background-color: #e8acb0;
background-image: url();
background-repeat: repeat-x;
background-position: center left;
background-attachment: fixed;
text-align: center;
color: #5c1a4e;
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
margin: 20px 0 20px 0;
cursor: crosshair;
}
a, a:link, a:visited {
color: #5c1a4e;
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: #fdfee2;
padding: 15px;
}
#maincontent {
margin-top: 15px;
font-family: "Trebuchet MS", monospace;
font-size: 12px;
background-color: #fdfee2;
color: #5c1a4e;
border-style: solid;
border-color: #fdfee2;
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: #fdfee2;
border-width: 1px;
background-color: #fdfee2;
color: #5c1a4e;
}
#sidebar {
padding-top: 15px;
margin-top: 15px;
background-color: #fdfee2;
border-color: #5c1a4e;
border-width: 1px;
border-style: solid;
font-size: 11px;
font-family: "Trebuchet MS", sans-serif;
color: #5c1a4e;
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: #e8acb0;
color: #5c1a4e;
border-color: #5c1a4e;
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: #5c1a4e;
font-weight: bold;
}
div#header a:hover, div#footer a:hover {
color: #e8acb0;
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: #5c1a4e;
}
div#sidebar a:hover {
color: #fdfee2;
text-decoration: none;
}
.defaultuserpic {
text-align: center;
}
.sbarheader {
padding: 0px 5px 0px 5px;
color: #5c1a4e;
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: #5c1a4e;
border-width: 1px;
border-style: solid;
text-align: center;
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
}
.sbarcalendarposts {
border-color: #5c1a4e;
border-width: 1px;
border-style: solid;
background-color: #e8acb0;
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: #fdfee2;
color: #5c1a4e;
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: #fdfee2;
padding: 5px;
margin: 10px;
z-index: 15;
border-width: 1px;
border-color: #5c1a4e;
border-style: solid;
}
.userpicfriends {
position: relative;
float: right;
padding: 5px;
margin: 10px;
text-align: center;
border-style: solid;
border-width: 1px;
border-color: #5c1a4e;
font-family: "Trebuchet MS", monospace;
font-size: 12px;
z-index: 15;
}
.date {
line-height: 200%;
top: 5px;
color: #5c1a4e;
font-family: "Trebuchet MS", monospace;
font-size: 10px;
color: #CCCCC
font-weight: bold;
font-variant: small-caps;
letter-spacing: 2pt;
background-color:#fdfee2;
}
.subject {
font-weight: bold;
padding: 10px;
color: #5c1a4e;
font-family: "Trebuchet MS", monospace;
font-size: 15px;
border-width: 1px;
border-style: solid;
border-color: #5c1a4e;
background-color: #e8acb0;
}
.subject a, .subject a:link, .subject a:visited {
color: #5c1a4e;
}
.subject a:hover {
color: #000000;
cursor: help;
}
.datesubject {
background-color: #fdfee2;
padding: 5px;
}
.currents, .currentmood, .currentmusic {
font-family: "Trebuchet MS", monospace;
font-size: 12px;
}
.comments {
font-family: "Trebuchet MS", monospace;
font-size: 12px;
color: #5c1a4e;
text-align: right;
background-color: #e8acb0;
padding: 0px 5px 0px 5px;
position: relative;
top: 15px;
}
div.comments a, div.comments a:link, div.comments a:visited{
color: #5c1a4e;
}
div.comments a:hover {
color: #000000;
text-decoration: none;
}
/* maincontent -- entry, reply pages */
.datesubjectcomment {
background-color: #5c1a4e;
padding: 5px;
margin-top: 20px;
color: #e8acb0;
}
.userpiccomment {
position: relative;
border-width: 5px;
border-style: solid;
border-color: #e8acb0;
background-color: #e8acb0;
top: -30px;
left: 0px;
padding: 5px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
border-width: 1px;
border-color: #5c1a4e;
border-style: solid;
}
.box {
border-style: solid;
border-width: 1px 0px 0px 0px;
border-color: #5c1a4e;
padding: 10px;
clear: left;
}
input, textarea {
background-color: #e8acb0;
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: #e8acb0;
color: #5c1a4e;
}
.replytosubject {
font-weight: bold;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 12px;
font-family: "Trebuchet MS", monospace;
color: #5c1a4e;
}
.commentbox {
border-color: #5c1a4e;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #e8acb0;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #fdfee2;
}
.datesubjectcomment a:hover {
color: #000000;
}
.commentboxpartial {
border-color: #e8acb0;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #e8acb0;
}
.commentinfo {
background-color: #5c1a4e;
margin-top: 10px;
width: 100%;
color: #e8acb0;
}
/* 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: #e8acb0;
}
table.yeartable td.yearday {
background-color: #e8acb0;
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/000bep30"); /* Header image URL */
background-repeat: no-repeat;
}
.separator{
/* for formatting separators between entries */
height: 20px;
}
Codes:
body {
background-color: #a4c0ed;
background-image: url();
background-repeat: repeat-x;
background-position: center left;
background-attachment: fixed;
text-align: center;
color: #3632a8;
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
margin: 20px 0 20px 0;
cursor: crosshair;
}
a, a:link, a:visited {
color: #3632a8;
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: #3632a8;
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: #3632a8;
}
#sidebar {
padding-top: 15px;
margin-top: 15px;
background-color: #ffffff;
border-color: #3632a8;
border-width: 1px;
border-style: solid;
font-size: 11px;
font-family: "Trebuchet MS", sans-serif;
color: #3632a8;
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: #a4c0ed;
color: #3632a8;
border-color: #3632a8;
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: #3632a8;
font-weight: bold;
}
div#header a:hover, div#footer a:hover {
color: #a4c0ed;
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: #3632a8;
}
div#sidebar a:hover {
color: #ffffff;
text-decoration: none;
}
.defaultuserpic {
text-align: center;
}
.sbarheader {
padding: 0px 5px 0px 5px;
color: #3632a8;
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: #3632a8;
border-width: 1px;
border-style: solid;
text-align: center;
font-family: "Trebuchet MS", sans-serif;
font-size: 11px;
}
.sbarcalendarposts {
border-color: #3632a8;
border-width: 1px;
border-style: solid;
background-color: #a4c0ed;
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: #3632a8;
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: #3632a8;
border-style: solid;
}
.userpicfriends {
position: relative;
float: right;
padding: 5px;
margin: 10px;
text-align: center;
border-style: solid;
border-width: 1px;
border-color: #3632a8;
font-family: "Trebuchet MS", monospace;
font-size: 12px;
z-index: 15;
}
.date {
line-height: 200%;
top: 5px;
color: #3632a8;
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: #3632a8;
font-family: "Trebuchet MS", monospace;
font-size: 15px;
border-width: 1px;
border-style: solid;
border-color: #3632a8;
background-color: #a4c0ed;
}
.subject a, .subject a:link, .subject a:visited {
color: #3632a8;
}
.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: #3632a8;
text-align: right;
background-color: #a4c0ed;
padding: 0px 5px 0px 5px;
position: relative;
top: 15px;
}
div.comments a, div.comments a:link, div.comments a:visited{
color: #3632a8;
}
div.comments a:hover {
color: #000000;
text-decoration: none;
}
/* maincontent -- entry, reply pages */
.datesubjectcomment {
background-color: #3632a8;
padding: 5px;
margin-top: 20px;
color: #a4c0ed;
}
.userpiccomment {
position: relative;
border-width: 5px;
border-style: solid;
border-color: #a4c0ed;
background-color: #a4c0ed;
top: -30px;
left: 0px;
padding: 5px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
border-width: 1px;
border-color: #3632a8;
border-style: solid;
}
.box {
border-style: solid;
border-width: 1px 0px 0px 0px;
border-color: #3632a8;
padding: 10px;
clear: left;
}
input, textarea {
background-color: #a4c0ed;
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: #a4c0ed;
color: #3632a8;
}
.replytosubject {
font-weight: bold;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 12px;
font-family: "Trebuchet MS", monospace;
color: #3632a8;
}
.commentbox {
border-color: #3632a8;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #a4c0ed;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #ffffff;
}
.datesubjectcomment a:hover {
color: #000000;
}
.commentboxpartial {
border-color: #a4c0ed;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #a4c0ed;
}
.commentinfo {
background-color: #3632a8;
margin-top: 10px;
width: 100%;
color: #a4c0ed;
}
/* 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: #a4c0ed;
}
table.yeartable td.yearday {
background-color: #a4c0ed;
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/000c0z0d"); /* Header image URL */
background-repeat: no-repeat;
}
.separator{
/* for formatting separators between entries */
height: 20px;
}
Credits:
The fanart in the LarsaxPenelo layout as well as in various icons is by http://yacca.karou.jp/
The fanart in icons 28-31 is by FrancesHime @ deviantart.
Coding credit for the layouts goes to caliberstrife_. Please credit them as well/instead of me for the layouts. Thanks.
Edit: Forgot the layout instructions.
Layout instructions:
To set up the layouts, all you have to do is copy and paste the coding into notepad and save it as a .css file (just save it as all files and put .css in the title), then host the .css file onto your own server and copy the link into the customization area. Make sure that you set it to S2 flexible squares, then go to customize>custom options>custom CSS and paste the link into the custom external style sheet URL box. You can register with freewebs for free and host it there if you want, or find another host. OR you can copy and paste the coding into the box below the external style sheet box, but you might have to edit a few things in the main color area if you do that. You don't have to edit the coding itself at all though. If you're using a plus account, make sure that you set the ad placement to vertical, otherwise it'll mess up the layout.