urn:lj:livejournal.com:atom1:arashi_layouts
So I could, So I would, You know.
To Brand New Story
Arashi Layouts
2008-08-15T16:24:46Z
urn:lj:livejournal.com:atom1:arashi_layouts:2010
[Layout; Arashi] #5 - Kaze No Mukou E; Versions 4-6
2008-08-10T19:02:46Z
2008-08-10T19:02:46Z
Here are the other three layouts, because all six were too much for one entry.<br /><br />Jun:<br /><img src="http://i154.photobucket.com/albums/s275/saturn_necklace/JunKNMEPreview.png"><br /><br /><a name="cutid1"></a><br />Nino:<br /><img src="http://i154.photobucket.com/albums/s275/saturn_necklace/NinoKNMEPreview.png"><br /><br />Ohno:<br /><img src="http://i154.photobucket.com/albums/s275/saturn_necklace/OhnoKNMEPreview.png"><br /><br /><br /><a name="cutid2"></a>To use this layout:<br /><br />1. Go to "customize journal" and select the "Blue Gray" flexible squares layout as your current theme<br />2. Click "customize your theme" then go to the section which says "custom css"<br />3. Make sure "Use layout's stylesheet(s)" and "Use layout's stylesheet(s) when including custom external stylesheet" are both set to No (IMPORTANT)<br />4. Paste the code of the version you want to use into the box which says "Custom stylesheet"<br /><br />Jun:<br /><textarea>/* Arashi_layouts@LJ*/
body {
background-color: #dbe8fb;
text-align: center;
color: #919bad;
font-family: "Verdana", sans-serif;
font-size: 11px;
margin: 0px;
}
a, a:link, a:visited {
color: #dbe8fb;
text-decoration: none;
}
a:hover {
color: #7aa1f8;
text-decoration: underline;
}
p, td, blockquote {
font-size: 11px;
}
code, kbd, pre, tt {
font-family: monospace;
}
#content
{
width: 640px;
margin-left: auto; margin-right: auto;
background-color: #ffffff;
border-width: 0px;
border-style: solid;
border-color: #999999;
padding: 0px;
}
#maincontent {
margin-top: 0px;
font-family: "Verdana", sans-serif;
font-size: 11px;
background-color: #ffffff;
color: #919bad;
border-style: solid;
border-color: #999999;
border-width: 0px;
margin-right: 180px;
text-align: left;
}
#sidebar {
padding-top: 0px;
margin-top: 0px;
background-color: #ffffff;
border-color: #999999;
border-width: 0px;
border-style: solid;
font-size: 11px;
font-family: "Verdana", sans-serif;
color: #919bad;
text-transform: uppercase;
width: 160px;
float: right;
text-align: left;
}
#header {
padding: 0px;
margin: 0px;
text-align: center;
text-transform: uppercase;
font-family: "Verdana", sans-serif;
font-size: 18px;
font-weight: bold;
letter-spacing: 0px;
border-style: solid;
border-color: #999999;
border-width: 0px;
background-color: #ffffff;
color: #919bad;
}
#footer {
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
background-color: #ffffff;
color: #919bad;
border-color: #999999;
border-width: 0px;
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: #dbe8fb;
}
div#header a:hover, div#footer a:hover {
color: #7aa1f8;
text-decoration: none;
}
ul.navheader
{
padding: 0px;
margin: 0px;
}
ul.navheader li {
display: inline;
padding: 0 3px 0 3px;
}
.title {
display: none;
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: normal;
line-height: 200%;
top: 10px;
}
.subtitle{
display: none;
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: normal;
top: 10px;
}
/* sidebar */
div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
color: #dbe8fb;
}
div#sidebar a:hover {
color: #7aa1f8;
text-decoration: none;
}
.defaultuserpic {
text-align: center;
}
.sbarheader {
padding: 0px 5px 0px 5px;
}
.sbarbody {
padding: 0px 5px 0px 5px;
}
.sbarbody2 {
padding: 0 15px 0 15px;
}
#sidebar_summary li.sbaritem {
margin: 0 10px;
padding: 3px 0;
border-bottom: 1px #999999 solid;
}
table.calendar {
margin-right: auto;
margin-left: auto;
}
.sbarcalendar {
border-color: #919bad;
border-width: 0px;
border-style: solid;
text-align: center;
font-family: "Verdana", sans-serif;
text-transform: uppercase;
font-size: 8px;
}
.sbarcalendarposts {
border-color: #919bad;
border-width: 0px;
border-style: solid;
background-color: #ffffff;
text-align: center;
font-family: "Verdana", sans-serif;
text-transform: uppercase;
font-size: 8px;
}
ul.sbarlist
{
padding-left: 0px;
margin-left: 0px;
list-style: none;
}
li.sbaritem, .tagcloud
{
padding-left: 15px;
list-style: none;
}
li.sbartitle
{
padding-left: 15px;
list-style: none;
border-style: solid;
border-width: 0px;
border-color: #999999;
background-color: #ffffff;
margin-bottom: 10px;
margin-top: 10px;
}
/* maincontent */
.subcontent {
}
.entry {
margin: 0px 10px 10px 30px;
padding: 10px;
background-color: #ffffff;
color: #919bad;
font-family: "Verdana", sans-serif;
font-size: 11px;
text-align: left;
border-width: 0px;
border-color: #ffffff;
border-style: solid;
}
.entry ul li
{
padding-left: 5px;
margin-left: 15px;
}
.entry ol li
{
padding-left: 5px;
margin-left: 15px;
}
.userpic {
position: relative;
float: left;
background-color: #ffffff;
padding: 5px;
margin: 10px;
z-index: 15;
border-width: 0px;
border-color: #ffffff;
border-style: solid;
}
.userpicfriends {
position: relative;
float: left;
padding: 5px;
margin: 10px;
text-align: center;
border-style: solid;
border-width: 0px;
border-color: #ffffff;
font-family: "Verdana", sans-serif;
font-size: 11px;
z-index: 15;
}
.date {
line-height: 200%;
top: 5px;
color: #919bad;
font-family: "Verdana", sans-serif;
text-transform: uppercase;
font-size: 11px;
}
.subject {
font-weight: bold;
padding: 10px;
color: #919bad;
font-family: "Verdana", sans-serif;
text-transform: uppercase;
font-size: 11px;
}
.subject a, .subject a:link, .subject a:visited {
color: #dbe8fb;
}
.subject a:hover {
color: #b0b9c8;
}
.datesubject {
background-color: #ffffff;
padding: 5px;
}
.currents, .currentmood, .currentmusic {
font-family: "Verdana", sans-serif;
font-size: 11px;
}
.comments {
font-family: "Verdana", sans-serif;
font-size: 11px;
color: #919bad;
text-align: right;
background-color: #ffffff;
padding: 0px 5px 0px 5px;
position: relative;
top: 15px;
}
div.comments a, div.comments a:link, div.comments a:visited{
color: #dbe8fb;
}
div.comments a:hover {
color: #b0b9c8;
text-decoration: none;
}
/* maincontent -- entry, reply pages */
.datesubjectcomment {
background-color: #ffffff;
padding: 5px;
margin-top: 20px;
}
.userpiccomment {
position: relative;
border-width: 5px;
border-style: solid;
border-color: #ffffff;
background-color: #ffffff;
top: -30px;
left: 0px;
padding: 5px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
border-width: 0px;
border-color: #ffffff;
border-style: solid;
}
.box {
border-style: solid;
border-width: 0px 0px 0px 0px;
border-color: #999999;
padding: 10px;
clear: left;
}
input, textarea {
background-color: #ffffff;
color: #919bad;
}
textarea.textbox {
width: 95% !important;
}
.reply {
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: "Verdana", sans-serif;
font-size: 11px;
line-height: 125%;
background-color: #ffffff;
color: #919bad;
}
.replytosubject {
font-weight: bold;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 11px;
font-family: "Verdana", sans-serif;
font-color: #dbe8fb;
}
.commentbox {
border-color: #999999;
border-width: 0px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #ffffff;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #dbe8fb;
}
.datesubjectcomment a:hover {
color: #b0b9c8;
}
.commentboxpartial {
border-color: #999999;
border-width: 0px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #ffffff;
}
.commentinfo {
background-color: #ffffff;
margin-top: 10px;
width: 100%;
}
/* 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: 0px;
border-style: solid;
border-color: #999999;
}
table.yeartable td.yearday {
background-color: #ffffff;
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 {
/* for formatting header image */
position: relative;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
background-image: url('http://i154.photobucket.com/albums/s275/saturn_necklace/JunKNMEheader.png');
height: 348px;
width: 640px;
}
.separator{
/* for formatting separators between entries */
background-image: url('http://i154.photobucket.com/albums/s275/saturn_necklace/separate.png');
height: 43px;
background-repeat: no-repeat;
background-position: center;
}
* html div.subcontent {
/* fixes an IE reply page bug */
height: 1%;
clear: none;
}
* html div.box#commentform {
/* fixes an IE reply page bug */
position: absolute;
border-width: 0px;
border-style: solid;
border-color: #999999;
background-color: #ffffff;
}
</textarea><br /><br />Nino:<br /><textarea>/* Arashi_layouts@LJ*/
body {
background-color: #dbe8fb;
text-align: center;
color: #919bad;
font-family: "Verdana", sans-serif;
font-size: 11px;
margin: 0px;
}
a, a:link, a:visited {
color: #dbe8fb;
text-decoration: none;
}
a:hover {
color: #7aa1f8;
text-decoration: underline;
}
p, td, blockquote {
font-size: 11px;
}
code, kbd, pre, tt {
font-family: monospace;
}
#content
{
width: 640px;
margin-left: auto; margin-right: auto;
background-color: #ffffff;
border-width: 0px;
border-style: solid;
border-color: #999999;
padding: 0px;
}
#maincontent {
margin-top: 0px;
font-family: "Verdana", sans-serif;
font-size: 11px;
background-color: #ffffff;
color: #919bad;
border-style: solid;
border-color: #999999;
border-width: 0px;
margin-right: 180px;
text-align: left;
}
#sidebar {
padding-top: 0px;
margin-top: 0px;
background-color: #ffffff;
border-color: #999999;
border-width: 0px;
border-style: solid;
font-size: 11px;
font-family: "Verdana", sans-serif;
color: #919bad;
text-transform: uppercase;
width: 160px;
float: right;
text-align: left;
}
#header {
padding: 0px;
margin: 0px;
text-align: center;
text-transform: uppercase;
font-family: "Verdana", sans-serif;
font-size: 18px;
font-weight: bold;
letter-spacing: 0px;
border-style: solid;
border-color: #999999;
border-width: 0px;
background-color: #ffffff;
color: #919bad;
}
#footer {
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
background-color: #ffffff;
color: #919bad;
border-color: #999999;
border-width: 0px;
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: #dbe8fb;
}
div#header a:hover, div#footer a:hover {
color: #7aa1f8;
text-decoration: none;
}
ul.navheader
{
padding: 0px;
margin: 0px;
}
ul.navheader li {
display: inline;
padding: 0 3px 0 3px;
}
.title {
display: none;
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: normal;
line-height: 200%;
top: 10px;
}
.subtitle{
display: none;
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: normal;
top: 10px;
}
/* sidebar */
div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
color: #dbe8fb;
}
div#sidebar a:hover {
color: #7aa1f8;
text-decoration: none;
}
.defaultuserpic {
text-align: center;
}
.sbarheader {
padding: 0px 5px 0px 5px;
}
.sbarbody {
padding: 0px 5px 0px 5px;
}
.sbarbody2 {
padding: 0 15px 0 15px;
}
#sidebar_summary li.sbaritem {
margin: 0 10px;
padding: 3px 0;
border-bottom: 1px #999999 solid;
}
table.calendar {
margin-right: auto;
margin-left: auto;
}
.sbarcalendar {
border-color: #919bad;
border-width: 0px;
border-style: solid;
text-align: center;
font-family: "Verdana", sans-serif;
text-transform: uppercase;
font-size: 8px;
}
.sbarcalendarposts {
border-color: #919bad;
border-width: 0px;
border-style: solid;
background-color: #ffffff;
text-align: center;
font-family: "Verdana", sans-serif;
text-transform: uppercase;
font-size: 8px;
}
ul.sbarlist
{
padding-left: 0px;
margin-left: 0px;
list-style: none;
}
li.sbaritem, .tagcloud
{
padding-left: 15px;
list-style: none;
}
li.sbartitle
{
padding-left: 15px;
list-style: none;
border-style: solid;
border-width: 0px;
border-color: #999999;
background-color: #ffffff;
margin-bottom: 10px;
margin-top: 10px;
}
/* maincontent */
.subcontent {
}
.entry {
margin: 0px 10px 10px 30px;
padding: 10px;
background-color: #ffffff;
color: #919bad;
font-family: "Verdana", sans-serif;
font-size: 11px;
text-align: left;
border-width: 0px;
border-color: #ffffff;
border-style: solid;
}
.entry ul li
{
padding-left: 5px;
margin-left: 15px;
}
.entry ol li
{
padding-left: 5px;
margin-left: 15px;
}
.userpic {
position: relative;
float: left;
background-color: #ffffff;
padding: 5px;
margin: 10px;
z-index: 15;
border-width: 0px;
border-color: #ffffff;
border-style: solid;
}
.userpicfriends {
position: relative;
float: left;
padding: 5px;
margin: 10px;
text-align: center;
border-style: solid;
border-width: 0px;
border-color: #ffffff;
font-family: "Verdana", sans-serif;
font-size: 11px;
z-index: 15;
}
.date {
line-height: 200%;
top: 5px;
color: #919bad;
font-family: "Verdana", sans-serif;
text-transform: uppercase;
font-size: 11px;
}
.subject {
font-weight: bold;
padding: 10px;
color: #919bad;
font-family: "Verdana", sans-serif;
text-transform: uppercase;
font-size: 11px;
}
.subject a, .subject a:link, .subject a:visited {
color: #dbe8fb;
}
.subject a:hover {
color: #b0b9c8;
}
.datesubject {
background-color: #ffffff;
padding: 5px;
}
.currents, .currentmood, .currentmusic {
font-family: "Verdana", sans-serif;
font-size: 11px;
}
.comments {
font-family: "Verdana", sans-serif;
font-size: 11px;
color: #919bad;
text-align: right;
background-color: #ffffff;
padding: 0px 5px 0px 5px;
position: relative;
top: 15px;
}
div.comments a, div.comments a:link, div.comments a:visited{
color: #dbe8fb;
}
div.comments a:hover {
color: #b0b9c8;
text-decoration: none;
}
/* maincontent -- entry, reply pages */
.datesubjectcomment {
background-color: #ffffff;
padding: 5px;
margin-top: 20px;
}
.userpiccomment {
position: relative;
border-width: 5px;
border-style: solid;
border-color: #ffffff;
background-color: #ffffff;
top: -30px;
left: 0px;
padding: 5px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
border-width: 0px;
border-color: #ffffff;
border-style: solid;
}
.box {
border-style: solid;
border-width: 0px 0px 0px 0px;
border-color: #999999;
padding: 10px;
clear: left;
}
input, textarea {
background-color: #ffffff;
color: #919bad;
}
textarea.textbox {
width: 95% !important;
}
.reply {
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: "Verdana", sans-serif;
font-size: 11px;
line-height: 125%;
background-color: #ffffff;
color: #919bad;
}
.replytosubject {
font-weight: bold;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 11px;
font-family: "Verdana", sans-serif;
font-color: #dbe8fb;
}
.commentbox {
border-color: #999999;
border-width: 0px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #ffffff;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #dbe8fb;
}
.datesubjectcomment a:hover {
color: #b0b9c8;
}
.commentboxpartial {
border-color: #999999;
border-width: 0px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #ffffff;
}
.commentinfo {
background-color: #ffffff;
margin-top: 10px;
width: 100%;
}
/* 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: 0px;
border-style: solid;
border-color: #999999;
}
table.yeartable td.yearday {
background-color: #ffffff;
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 {
/* for formatting header image */
position: relative;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
background-image: url('http://i154.photobucket.com/albums/s275/saturn_necklace/NinoKNMEheader.png');
height: 348px;
width: 640px;
}
.separator{
/* for formatting separators between entries */
background-image: url('http://i154.photobucket.com/albums/s275/saturn_necklace/separate.png');
height: 43px;
background-repeat: no-repeat;
background-position: center;
}
* html div.subcontent {
/* fixes an IE reply page bug */
height: 1%;
clear: none;
}
* html div.box#commentform {
/* fixes an IE reply page bug */
position: absolute;
border-width: 0px;
border-style: solid;
border-color: #999999;
background-color: #ffffff;
}
</textarea><br /><br />Ohno:<br /><textarea>/* Arashi_layouts@LJ*/
body {
background-color: #dbe8fb;
text-align: center;
color: #919bad;
font-family: "Verdana", sans-serif;
font-size: 11px;
margin: 0px;
}
a, a:link, a:visited {
color: #dbe8fb;
text-decoration: none;
}
a:hover {
color: #7aa1f8;
text-decoration: underline;
}
p, td, blockquote {
font-size: 11px;
}
code, kbd, pre, tt {
font-family: monospace;
}
#content
{
width: 640px;
margin-left: auto; margin-right: auto;
background-color: #ffffff;
border-width: 0px;
border-style: solid;
border-color: #999999;
padding: 0px;
}
#maincontent {
margin-top: 0px;
font-family: "Verdana", sans-serif;
font-size: 11px;
background-color: #ffffff;
color: #919bad;
border-style: solid;
border-color: #999999;
border-width: 0px;
margin-right: 180px;
text-align: left;
}
#sidebar {
padding-top: 0px;
margin-top: 0px;
background-color: #ffffff;
border-color: #999999;
border-width: 0px;
border-style: solid;
font-size: 11px;
font-family: "Verdana", sans-serif;
color: #919bad;
text-transform: uppercase;
width: 160px;
float: right;
text-align: left;
}
#header {
padding: 0px;
margin: 0px;
text-align: center;
text-transform: uppercase;
font-family: "Verdana", sans-serif;
font-size: 18px;
font-weight: bold;
letter-spacing: 0px;
border-style: solid;
border-color: #999999;
border-width: 0px;
background-color: #ffffff;
color: #919bad;
}
#footer {
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
background-color: #ffffff;
color: #919bad;
border-color: #999999;
border-width: 0px;
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: #dbe8fb;
}
div#header a:hover, div#footer a:hover {
color: #7aa1f8;
text-decoration: none;
}
ul.navheader
{
padding: 0px;
margin: 0px;
}
ul.navheader li {
display: inline;
padding: 0 3px 0 3px;
}
.title {
display: none;
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: normal;
line-height: 200%;
top: 10px;
}
.subtitle{
display: none;
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: normal;
top: 10px;
}
/* sidebar */
div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
color: #dbe8fb;
}
div#sidebar a:hover {
color: #7aa1f8;
text-decoration: none;
}
.defaultuserpic {
text-align: center;
}
.sbarheader {
padding: 0px 5px 0px 5px;
}
.sbarbody {
padding: 0px 5px 0px 5px;
}
.sbarbody2 {
padding: 0 15px 0 15px;
}
#sidebar_summary li.sbaritem {
margin: 0 10px;
padding: 3px 0;
border-bottom: 1px #999999 solid;
}
table.calendar {
margin-right: auto;
margin-left: auto;
}
.sbarcalendar {
border-color: #919bad;
border-width: 0px;
border-style: solid;
text-align: center;
font-family: "Verdana", sans-serif;
text-transform: uppercase;
font-size: 8px;
}
.sbarcalendarposts {
border-color: #919bad;
border-width: 0px;
border-style: solid;
background-color: #ffffff;
text-align: center;
font-family: "Verdana", sans-serif;
text-transform: uppercase;
font-size: 8px;
}
ul.sbarlist
{
padding-left: 0px;
margin-left: 0px;
list-style: none;
}
li.sbaritem, .tagcloud
{
padding-left: 15px;
list-style: none;
}
li.sbartitle
{
padding-left: 15px;
list-style: none;
border-style: solid;
border-width: 0px;
border-color: #999999;
background-color: #ffffff;
margin-bottom: 10px;
margin-top: 10px;
}
/* maincontent */
.subcontent {
}
.entry {
margin: 0px 10px 10px 30px;
padding: 10px;
background-color: #ffffff;
color: #919bad;
font-family: "Verdana", sans-serif;
font-size: 11px;
text-align: left;
border-width: 0px;
border-color: #ffffff;
border-style: solid;
}
.entry ul li
{
padding-left: 5px;
margin-left: 15px;
}
.entry ol li
{
padding-left: 5px;
margin-left: 15px;
}
.userpic {
position: relative;
float: left;
background-color: #ffffff;
padding: 5px;
margin: 10px;
z-index: 15;
border-width: 0px;
border-color: #ffffff;
border-style: solid;
}
.userpicfriends {
position: relative;
float: left;
padding: 5px;
margin: 10px;
text-align: center;
border-style: solid;
border-width: 0px;
border-color: #ffffff;
font-family: "Verdana", sans-serif;
font-size: 11px;
z-index: 15;
}
.date {
line-height: 200%;
top: 5px;
color: #919bad;
font-family: "Verdana", sans-serif;
text-transform: uppercase;
font-size: 11px;
}
.subject {
font-weight: bold;
padding: 10px;
color: #919bad;
font-family: "Verdana", sans-serif;
text-transform: uppercase;
font-size: 11px;
}
.subject a, .subject a:link, .subject a:visited {
color: #dbe8fb;
}
.subject a:hover {
color: #b0b9c8;
}
.datesubject {
background-color: #ffffff;
padding: 5px;
}
.currents, .currentmood, .currentmusic {
font-family: "Verdana", sans-serif;
font-size: 11px;
}
.comments {
font-family: "Verdana", sans-serif;
font-size: 11px;
color: #919bad;
text-align: right;
background-color: #ffffff;
padding: 0px 5px 0px 5px;
position: relative;
top: 15px;
}
div.comments a, div.comments a:link, div.comments a:visited{
color: #dbe8fb;
}
div.comments a:hover {
color: #b0b9c8;
text-decoration: none;
}
/* maincontent -- entry, reply pages */
.datesubjectcomment {
background-color: #ffffff;
padding: 5px;
margin-top: 20px;
}
.userpiccomment {
position: relative;
border-width: 5px;
border-style: solid;
border-color: #ffffff;
background-color: #ffffff;
top: -30px;
left: 0px;
padding: 5px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
border-width: 0px;
border-color: #ffffff;
border-style: solid;
}
.box {
border-style: solid;
border-width: 0px 0px 0px 0px;
border-color: #999999;
padding: 10px;
clear: left;
}
input, textarea {
background-color: #ffffff;
color: #919bad;
}
textarea.textbox {
width: 95% !important;
}
.reply {
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: "Verdana", sans-serif;
font-size: 11px;
line-height: 125%;
background-color: #ffffff;
color: #919bad;
}
.replytosubject {
font-weight: bold;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 11px;
font-family: "Verdana", sans-serif;
font-color: #dbe8fb;
}
.commentbox {
border-color: #999999;
border-width: 0px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #ffffff;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #dbe8fb;
}
.datesubjectcomment a:hover {
color: #b0b9c8;
}
.commentboxpartial {
border-color: #999999;
border-width: 0px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #ffffff;
}
.commentinfo {
background-color: #ffffff;
margin-top: 10px;
width: 100%;
}
/* 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: 0px;
border-style: solid;
border-color: #999999;
}
table.yeartable td.yearday {
background-color: #ffffff;
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 {
/* for formatting header image */
position: relative;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
background-image: url('http://i154.photobucket.com/albums/s275/saturn_necklace/OhnoKNMEheader.png');
height: 348px;
width: 640px;
}
.separator{
/* for formatting separators between entries */
background-image: url('http://i154.photobucket.com/albums/s275/saturn_necklace/separate.png');
height: 43px;
background-repeat: no-repeat;
background-position: center;
}
* html div.subcontent {
/* fixes an IE reply page bug */
height: 1%;
clear: none;
}
* html div.box#commentform {
/* fixes an IE reply page bug */
position: absolute;
border-width: 0px;
border-style: solid;
border-color: #999999;
background-color: #ffffff;
}
</textarea><br /><br />5. Click "save changes"<br /><br /><br /><br /><br /><b>Please note:</b><br />-Credit <i>is</i> necessary, just paste this: <textarea>Layout from <lj user="arashi_layouts"></textarea> in your profile.<br />-Comments are appreciated<br />-I will try to answer any questions, but I am quite busy, and may not be able to.
urn:lj:livejournal.com:atom1:arashi_layouts:1700
[Layout; Arashi] #5 - Kaze No Mukou E; Versions 1-3
2008-08-10T18:54:38Z
2008-08-10T18:54:38Z
Because the two new PVs were too much for me to resist, I have a Kaze No Mukou E layout as well. This one has a choice of six different versions, one for each member, and one more general one. <strike>(The only difference is the header)</strike> The first three are here, the other three are in the next entry.<br /><br />General:<br /><img src="http://i154.photobucket.com/albums/s275/saturn_necklace/GenKNMEPreview.png"><br /><br /><a name="cutid1"></a><br />Aiba:<br /><img src="http://i154.photobucket.com/albums/s275/saturn_necklace/AibaKNMEPreview.png"><br /><br />Sho:<br /><img src="http://i154.photobucket.com/albums/s275/saturn_necklace/ShoKNMEPreview.png"><br /><br /><br /><br /><a name="cutid2"></a>To use this layout:<br /><br />1. Go to "customize journal" and select the "Blue Gray" flexible squares layout as your current theme<br />2. Click "customize your theme" then go to the section which says "custom css"<br />3. Make sure "Use layout's stylesheet(s)" and "Use layout's stylesheet(s) when including custom external stylesheet" are both set to No (IMPORTANT)<br />4. Paste the code of the version you want to use into the box which says "Custom stylesheet"<br /><br />General:<br /><textarea>/* Arashi_layouts@LJ*/
body {
background-color: #dbe8fb;
text-align: center;
color: #919bad;
font-family: "Verdana", sans-serif;
font-size: 11px;
margin: 0px;
}
a, a:link, a:visited {
color: #dbe8fb;
text-decoration: none;
}
a:hover {
color: #7aa1f8;
text-decoration: underline;
}
p, td, blockquote {
font-size: 11px;
}
code, kbd, pre, tt {
font-family: monospace;
}
#content
{
width: 640px;
margin-left: auto; margin-right: auto;
background-color: #ffffff;
border-width: 0px;
border-style: solid;
border-color: #999999;
padding: 0px;
}
#maincontent {
margin-top: 0px;
font-family: "Verdana", sans-serif;
font-size: 11px;
background-color: #ffffff;
color: #919bad;
border-style: solid;
border-color: #999999;
border-width: 0px;
margin-right: 180px;
text-align: left;
}
#sidebar {
padding-top: 0px;
margin-top: 0px;
background-color: #ffffff;
border-color: #999999;
border-width: 0px;
border-style: solid;
font-size: 11px;
font-family: "Verdana", sans-serif;
color: #919bad;
text-transform: uppercase;
width: 160px;
float: right;
text-align: left;
}
#header {
padding: 0px;
margin: 0px;
text-align: center;
text-transform: uppercase;
font-family: "Verdana", sans-serif;
font-size: 18px;
font-weight: bold;
letter-spacing: 0px;
border-style: solid;
border-color: #999999;
border-width: 0px;
background-color: #ffffff;
color: #919bad;
}
#footer {
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
background-color: #ffffff;
color: #919bad;
border-color: #999999;
border-width: 0px;
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: #dbe8fb;
}
div#header a:hover, div#footer a:hover {
color: #7aa1f8;
text-decoration: none;
}
ul.navheader
{
padding: 0px;
margin: 0px;
}
ul.navheader li {
display: inline;
padding: 0 3px 0 3px;
}
.title {
display: none;
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: normal;
line-height: 200%;
top: 10px;
}
.subtitle{
display: none;
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: normal;
top: 10px;
}
/* sidebar */
div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
color: #dbe8fb;
}
div#sidebar a:hover {
color: #7aa1f8;
text-decoration: none;
}
.defaultuserpic {
text-align: center;
}
.sbarheader {
padding: 0px 5px 0px 5px;
}
.sbarbody {
padding: 0px 5px 0px 5px;
}
.sbarbody2 {
padding: 0 15px 0 15px;
}
#sidebar_summary li.sbaritem {
margin: 0 10px;
padding: 3px 0;
border-bottom: 1px #999999 solid;
}
table.calendar {
margin-right: auto;
margin-left: auto;
}
.sbarcalendar {
border-color: #919bad;
border-width: 0px;
border-style: solid;
text-align: center;
font-family: "Verdana", sans-serif;
text-transform: uppercase;
font-size: 8px;
}
.sbarcalendarposts {
border-color: #919bad;
border-width: 0px;
border-style: solid;
background-color: #ffffff;
text-align: center;
font-family: "Verdana", sans-serif;
text-transform: uppercase;
font-size: 8px;
}
ul.sbarlist
{
padding-left: 0px;
margin-left: 0px;
list-style: none;
}
li.sbaritem, .tagcloud
{
padding-left: 15px;
list-style: none;
}
li.sbartitle
{
padding-left: 15px;
list-style: none;
border-style: solid;
border-width: 0px;
border-color: #999999;
background-color: #ffffff;
margin-bottom: 10px;
margin-top: 10px;
}
/* maincontent */
.subcontent {
}
.entry {
margin: 0px 10px 10px 30px;
padding: 10px;
background-color: #ffffff;
color: #919bad;
font-family: "Verdana", sans-serif;
font-size: 11px;
text-align: left;
border-width: 0px;
border-color: #ffffff;
border-style: solid;
}
.entry ul li
{
padding-left: 5px;
margin-left: 15px;
}
.entry ol li
{
padding-left: 5px;
margin-left: 15px;
}
.userpic {
position: relative;
float: left;
background-color: #ffffff;
padding: 5px;
margin: 10px;
z-index: 15;
border-width: 0px;
border-color: #ffffff;
border-style: solid;
}
.userpicfriends {
position: relative;
float: left;
padding: 5px;
margin: 10px;
text-align: center;
border-style: solid;
border-width: 0px;
border-color: #ffffff;
font-family: "Verdana", sans-serif;
font-size: 11px;
z-index: 15;
}
.date {
line-height: 200%;
top: 5px;
color: #919bad;
font-family: "Verdana", sans-serif;
text-transform: uppercase;
font-size: 11px;
}
.subject {
font-weight: bold;
padding: 10px;
color: #919bad;
font-family: "Verdana", sans-serif;
text-transform: uppercase;
font-size: 11px;
}
.subject a, .subject a:link, .subject a:visited {
color: #dbe8fb;
}
.subject a:hover {
color: #b0b9c8;
}
.datesubject {
background-color: #ffffff;
padding: 5px;
}
.currents, .currentmood, .currentmusic {
font-family: "Verdana", sans-serif;
font-size: 11px;
}
.comments {
font-family: "Verdana", sans-serif;
font-size: 11px;
color: #919bad;
text-align: right;
background-color: #ffffff;
padding: 0px 5px 0px 5px;
position: relative;
top: 15px;
}
div.comments a, div.comments a:link, div.comments a:visited{
color: #dbe8fb;
}
div.comments a:hover {
color: #b0b9c8;
text-decoration: none;
}
/* maincontent -- entry, reply pages */
.datesubjectcomment {
background-color: #ffffff;
padding: 5px;
margin-top: 20px;
}
.userpiccomment {
position: relative;
border-width: 5px;
border-style: solid;
border-color: #ffffff;
background-color: #ffffff;
top: -30px;
left: 0px;
padding: 5px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
border-width: 0px;
border-color: #ffffff;
border-style: solid;
}
.box {
border-style: solid;
border-width: 0px 0px 0px 0px;
border-color: #999999;
padding: 10px;
clear: left;
}
input, textarea {
background-color: #ffffff;
color: #919bad;
}
textarea.textbox {
width: 95% !important;
}
.reply {
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: "Verdana", sans-serif;
font-size: 11px;
line-height: 125%;
background-color: #ffffff;
color: #919bad;
}
.replytosubject {
font-weight: bold;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 11px;
font-family: "Verdana", sans-serif;
font-color: #dbe8fb;
}
.commentbox {
border-color: #999999;
border-width: 0px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #ffffff;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #dbe8fb;
}
.datesubjectcomment a:hover {
color: #b0b9c8;
}
.commentboxpartial {
border-color: #999999;
border-width: 0px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #ffffff;
}
.commentinfo {
background-color: #ffffff;
margin-top: 10px;
width: 100%;
}
/* 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: 0px;
border-style: solid;
border-color: #999999;
}
table.yeartable td.yearday {
background-color: #ffffff;
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 {
/* for formatting header image */
position: relative;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
background-image: url('http://i154.photobucket.com/albums/s275/saturn_necklace/GenKNMEheader.png');
height: 348px;
width: 640px;
}
.separator{
/* for formatting separators between entries */
background-image: url('http://i154.photobucket.com/albums/s275/saturn_necklace/separate.png');
height: 43px;
background-repeat: no-repeat;
background-position: center;
}
* html div.subcontent {
/* fixes an IE reply page bug */
height: 1%;
clear: none;
}
* html div.box#commentform {
/* fixes an IE reply page bug */
position: absolute;
border-width: 0px;
border-style: solid;
border-color: #999999;
background-color: #ffffff;
}
</textarea><br /><br />Aiba:<br /><textarea>/* Arashi_layouts@LJ*/
body {
background-color: #dbe8fb;
text-align: center;
color: #919bad;
font-family: "Verdana", sans-serif;
font-size: 11px;
margin: 0px;
}
a, a:link, a:visited {
color: #dbe8fb;
text-decoration: none;
}
a:hover {
color: #7aa1f8;
text-decoration: underline;
}
p, td, blockquote {
font-size: 11px;
}
code, kbd, pre, tt {
font-family: monospace;
}
#content
{
width: 640px;
margin-left: auto; margin-right: auto;
background-color: #ffffff;
border-width: 0px;
border-style: solid;
border-color: #999999;
padding: 0px;
}
#maincontent {
margin-top: 0px;
font-family: "Verdana", sans-serif;
font-size: 11px;
background-color: #ffffff;
color: #919bad;
border-style: solid;
border-color: #999999;
border-width: 0px;
margin-right: 180px;
text-align: left;
}
#sidebar {
padding-top: 0px;
margin-top: 0px;
background-color: #ffffff;
border-color: #999999;
border-width: 0px;
border-style: solid;
font-size: 11px;
font-family: "Verdana", sans-serif;
color: #919bad;
text-transform: uppercase;
width: 160px;
float: right;
text-align: left;
}
#header {
padding: 0px;
margin: 0px;
text-align: center;
text-transform: uppercase;
font-family: "Verdana", sans-serif;
font-size: 18px;
font-weight: bold;
letter-spacing: 0px;
border-style: solid;
border-color: #999999;
border-width: 0px;
background-color: #ffffff;
color: #919bad;
}
#footer {
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
background-color: #ffffff;
color: #919bad;
border-color: #999999;
border-width: 0px;
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: #dbe8fb;
}
div#header a:hover, div#footer a:hover {
color: #7aa1f8;
text-decoration: none;
}
ul.navheader
{
padding: 0px;
margin: 0px;
}
ul.navheader li {
display: inline;
padding: 0 3px 0 3px;
}
.title {
display: none;
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: normal;
line-height: 200%;
top: 10px;
}
.subtitle{
display: none;
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: normal;
top: 10px;
}
/* sidebar */
div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
color: #dbe8fb;
}
div#sidebar a:hover {
color: #7aa1f8;
text-decoration: none;
}
.defaultuserpic {
text-align: center;
}
.sbarheader {
padding: 0px 5px 0px 5px;
}
.sbarbody {
padding: 0px 5px 0px 5px;
}
.sbarbody2 {
padding: 0 15px 0 15px;
}
#sidebar_summary li.sbaritem {
margin: 0 10px;
padding: 3px 0;
border-bottom: 1px #999999 solid;
}
table.calendar {
margin-right: auto;
margin-left: auto;
}
.sbarcalendar {
border-color: #919bad;
border-width: 0px;
border-style: solid;
text-align: center;
font-family: "Verdana", sans-serif;
text-transform: uppercase;
font-size: 8px;
}
.sbarcalendarposts {
border-color: #919bad;
border-width: 0px;
border-style: solid;
background-color: #ffffff;
text-align: center;
font-family: "Verdana", sans-serif;
text-transform: uppercase;
font-size: 8px;
}
ul.sbarlist
{
padding-left: 0px;
margin-left: 0px;
list-style: none;
}
li.sbaritem, .tagcloud
{
padding-left: 15px;
list-style: none;
}
li.sbartitle
{
padding-left: 15px;
list-style: none;
border-style: solid;
border-width: 0px;
border-color: #999999;
background-color: #ffffff;
margin-bottom: 10px;
margin-top: 10px;
}
/* maincontent */
.subcontent {
}
.entry {
margin: 0px 10px 10px 30px;
padding: 10px;
background-color: #ffffff;
color: #919bad;
font-family: "Verdana", sans-serif;
font-size: 11px;
text-align: left;
border-width: 0px;
border-color: #ffffff;
border-style: solid;
}
.entry ul li
{
padding-left: 5px;
margin-left: 15px;
}
.entry ol li
{
padding-left: 5px;
margin-left: 15px;
}
.userpic {
position: relative;
float: left;
background-color: #ffffff;
padding: 5px;
margin: 10px;
z-index: 15;
border-width: 0px;
border-color: #ffffff;
border-style: solid;
}
.userpicfriends {
position: relative;
float: left;
padding: 5px;
margin: 10px;
text-align: center;
border-style: solid;
border-width: 0px;
border-color: #ffffff;
font-family: "Verdana", sans-serif;
font-size: 11px;
z-index: 15;
}
.date {
line-height: 200%;
top: 5px;
color: #919bad;
font-family: "Verdana", sans-serif;
text-transform: uppercase;
font-size: 11px;
}
.subject {
font-weight: bold;
padding: 10px;
color: #919bad;
font-family: "Verdana", sans-serif;
text-transform: uppercase;
font-size: 11px;
}
.subject a, .subject a:link, .subject a:visited {
color: #dbe8fb;
}
.subject a:hover {
color: #b0b9c8;
}
.datesubject {
background-color: #ffffff;
padding: 5px;
}
.currents, .currentmood, .currentmusic {
font-family: "Verdana", sans-serif;
font-size: 11px;
}
.comments {
font-family: "Verdana", sans-serif;
font-size: 11px;
color: #919bad;
text-align: right;
background-color: #ffffff;
padding: 0px 5px 0px 5px;
position: relative;
top: 15px;
}
div.comments a, div.comments a:link, div.comments a:visited{
color: #dbe8fb;
}
div.comments a:hover {
color: #b0b9c8;
text-decoration: none;
}
/* maincontent -- entry, reply pages */
.datesubjectcomment {
background-color: #ffffff;
padding: 5px;
margin-top: 20px;
}
.userpiccomment {
position: relative;
border-width: 5px;
border-style: solid;
border-color: #ffffff;
background-color: #ffffff;
top: -30px;
left: 0px;
padding: 5px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
border-width: 0px;
border-color: #ffffff;
border-style: solid;
}
.box {
border-style: solid;
border-width: 0px 0px 0px 0px;
border-color: #999999;
padding: 10px;
clear: left;
}
input, textarea {
background-color: #ffffff;
color: #919bad;
}
textarea.textbox {
width: 95% !important;
}
.reply {
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: "Verdana", sans-serif;
font-size: 11px;
line-height: 125%;
background-color: #ffffff;
color: #919bad;
}
.replytosubject {
font-weight: bold;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 11px;
font-family: "Verdana", sans-serif;
font-color: #dbe8fb;
}
.commentbox {
border-color: #999999;
border-width: 0px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #ffffff;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #dbe8fb;
}
.datesubjectcomment a:hover {
color: #b0b9c8;
}
.commentboxpartial {
border-color: #999999;
border-width: 0px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #ffffff;
}
.commentinfo {
background-color: #ffffff;
margin-top: 10px;
width: 100%;
}
/* 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: 0px;
border-style: solid;
border-color: #999999;
}
table.yeartable td.yearday {
background-color: #ffffff;
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 {
/* for formatting header image */
position: relative;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
background-image: url('http://i154.photobucket.com/albums/s275/saturn_necklace/AibaKNMEheader.png');
height: 348px;
width: 640px;
}
.separator{
/* for formatting separators between entries */
background-image: url('http://i154.photobucket.com/albums/s275/saturn_necklace/separate.png');
height: 43px;
background-repeat: no-repeat;
background-position: center;
}
* html div.subcontent {
/* fixes an IE reply page bug */
height: 1%;
clear: none;
}
* html div.box#commentform {
/* fixes an IE reply page bug */
position: absolute;
border-width: 0px;
border-style: solid;
border-color: #999999;
background-color: #ffffff;
}
</textarea><br /><br />Sho:<br /><textarea>/* Arashi_layouts@LJ*/
body {
background-color: #dbe8fb;
text-align: center;
color: #919bad;
font-family: "Verdana", sans-serif;
font-size: 11px;
margin: 0px;
}
a, a:link, a:visited {
color: #dbe8fb;
text-decoration: none;
}
a:hover {
color: #7aa1f8;
text-decoration: underline;
}
p, td, blockquote {
font-size: 11px;
}
code, kbd, pre, tt {
font-family: monospace;
}
#content
{
width: 640px;
margin-left: auto; margin-right: auto;
background-color: #ffffff;
border-width: 0px;
border-style: solid;
border-color: #999999;
padding: 0px;
}
#maincontent {
margin-top: 0px;
font-family: "Verdana", sans-serif;
font-size: 11px;
background-color: #ffffff;
color: #919bad;
border-style: solid;
border-color: #999999;
border-width: 0px;
margin-right: 180px;
text-align: left;
}
#sidebar {
padding-top: 0px;
margin-top: 0px;
background-color: #ffffff;
border-color: #999999;
border-width: 0px;
border-style: solid;
font-size: 11px;
font-family: "Verdana", sans-serif;
color: #919bad;
text-transform: uppercase;
width: 160px;
float: right;
text-align: left;
}
#header {
padding: 0px;
margin: 0px;
text-align: center;
text-transform: uppercase;
font-family: "Verdana", sans-serif;
font-size: 18px;
font-weight: bold;
letter-spacing: 0px;
border-style: solid;
border-color: #999999;
border-width: 0px;
background-color: #ffffff;
color: #919bad;
}
#footer {
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
background-color: #ffffff;
color: #919bad;
border-color: #999999;
border-width: 0px;
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: #dbe8fb;
}
div#header a:hover, div#footer a:hover {
color: #7aa1f8;
text-decoration: none;
}
ul.navheader
{
padding: 0px;
margin: 0px;
}
ul.navheader li {
display: inline;
padding: 0 3px 0 3px;
}
.title {
display: none;
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: normal;
line-height: 200%;
top: 10px;
}
.subtitle{
display: none;
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: normal;
top: 10px;
}
/* sidebar */
div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
color: #dbe8fb;
}
div#sidebar a:hover {
color: #7aa1f8;
text-decoration: none;
}
.defaultuserpic {
text-align: center;
}
.sbarheader {
padding: 0px 5px 0px 5px;
}
.sbarbody {
padding: 0px 5px 0px 5px;
}
.sbarbody2 {
padding: 0 15px 0 15px;
}
#sidebar_summary li.sbaritem {
margin: 0 10px;
padding: 3px 0;
border-bottom: 1px #999999 solid;
}
table.calendar {
margin-right: auto;
margin-left: auto;
}
.sbarcalendar {
border-color: #919bad;
border-width: 0px;
border-style: solid;
text-align: center;
font-family: "Verdana", sans-serif;
text-transform: uppercase;
font-size: 8px;
}
.sbarcalendarposts {
border-color: #919bad;
border-width: 0px;
border-style: solid;
background-color: #ffffff;
text-align: center;
font-family: "Verdana", sans-serif;
text-transform: uppercase;
font-size: 8px;
}
ul.sbarlist
{
padding-left: 0px;
margin-left: 0px;
list-style: none;
}
li.sbaritem, .tagcloud
{
padding-left: 15px;
list-style: none;
}
li.sbartitle
{
padding-left: 15px;
list-style: none;
border-style: solid;
border-width: 0px;
border-color: #999999;
background-color: #ffffff;
margin-bottom: 10px;
margin-top: 10px;
}
/* maincontent */
.subcontent {
}
.entry {
margin: 0px 10px 10px 30px;
padding: 10px;
background-color: #ffffff;
color: #919bad;
font-family: "Verdana", sans-serif;
font-size: 11px;
text-align: left;
border-width: 0px;
border-color: #ffffff;
border-style: solid;
}
.entry ul li
{
padding-left: 5px;
margin-left: 15px;
}
.entry ol li
{
padding-left: 5px;
margin-left: 15px;
}
.userpic {
position: relative;
float: left;
background-color: #ffffff;
padding: 5px;
margin: 10px;
z-index: 15;
border-width: 0px;
border-color: #ffffff;
border-style: solid;
}
.userpicfriends {
position: relative;
float: left;
padding: 5px;
margin: 10px;
text-align: center;
border-style: solid;
border-width: 0px;
border-color: #ffffff;
font-family: "Verdana", sans-serif;
font-size: 11px;
z-index: 15;
}
.date {
line-height: 200%;
top: 5px;
color: #919bad;
font-family: "Verdana", sans-serif;
text-transform: uppercase;
font-size: 11px;
}
.subject {
font-weight: bold;
padding: 10px;
color: #919bad;
font-family: "Verdana", sans-serif;
text-transform: uppercase;
font-size: 11px;
}
.subject a, .subject a:link, .subject a:visited {
color: #dbe8fb;
}
.subject a:hover {
color: #b0b9c8;
}
.datesubject {
background-color: #ffffff;
padding: 5px;
}
.currents, .currentmood, .currentmusic {
font-family: "Verdana", sans-serif;
font-size: 11px;
}
.comments {
font-family: "Verdana", sans-serif;
font-size: 11px;
color: #919bad;
text-align: right;
background-color: #ffffff;
padding: 0px 5px 0px 5px;
position: relative;
top: 15px;
}
div.comments a, div.comments a:link, div.comments a:visited{
color: #dbe8fb;
}
div.comments a:hover {
color: #b0b9c8;
text-decoration: none;
}
/* maincontent -- entry, reply pages */
.datesubjectcomment {
background-color: #ffffff;
padding: 5px;
margin-top: 20px;
}
.userpiccomment {
position: relative;
border-width: 5px;
border-style: solid;
border-color: #ffffff;
background-color: #ffffff;
top: -30px;
left: 0px;
padding: 5px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
border-width: 0px;
border-color: #ffffff;
border-style: solid;
}
.box {
border-style: solid;
border-width: 0px 0px 0px 0px;
border-color: #999999;
padding: 10px;
clear: left;
}
input, textarea {
background-color: #ffffff;
color: #919bad;
}
textarea.textbox {
width: 95% !important;
}
.reply {
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: "Verdana", sans-serif;
font-size: 11px;
line-height: 125%;
background-color: #ffffff;
color: #919bad;
}
.replytosubject {
font-weight: bold;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 11px;
font-family: "Verdana", sans-serif;
font-color: #dbe8fb;
}
.commentbox {
border-color: #999999;
border-width: 0px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #ffffff;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #dbe8fb;
}
.datesubjectcomment a:hover {
color: #b0b9c8;
}
.commentboxpartial {
border-color: #999999;
border-width: 0px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #ffffff;
}
.commentinfo {
background-color: #ffffff;
margin-top: 10px;
width: 100%;
}
/* 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: 0px;
border-style: solid;
border-color: #999999;
}
table.yeartable td.yearday {
background-color: #ffffff;
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 {
/* for formatting header image */
position: relative;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
background-image: url('http://i154.photobucket.com/albums/s275/saturn_necklace/ShoKNMEheader.png');
height: 348px;
width: 640px;
}
.separator{
/* for formatting separators between entries */
background-image: url('http://i154.photobucket.com/albums/s275/saturn_necklace/separate.png');
height: 43px;
background-repeat: no-repeat;
background-position: center;
}
* html div.subcontent {
/* fixes an IE reply page bug */
height: 1%;
clear: none;
}
* html div.box#commentform {
/* fixes an IE reply page bug */
position: absolute;
border-width: 0px;
border-style: solid;
border-color: #999999;
background-color: #ffffff;
}
</textarea><br /><br />5. Click "save changes"<br /><br /><br /><br /><br /><b>Please note:</b><br />-Credit <i>is</i> necessary, just paste this: <textarea>Layout from <lj user="arashi_layouts"></textarea> in your profile.<br />-Comments are appreciated<br />-I will try to answer any questions, but I am quite busy, and may not be able to.
urn:lj:livejournal.com:atom1:arashi_layouts:1413
[Layout; Arashi] #4 - Truth
2008-08-09T20:32:02Z
2008-08-09T20:34:02Z
Here's a layout based on Arashi's song "Truth" and its PV. This wasn't what I was originally intending to make, so there may be another, different, Truth layout later.<br /><br /><img src="http://i154.photobucket.com/albums/s275/saturn_necklace/Truthpreview.png"><br /><br /><a name="cutid1"></a>To use this layout:<br /><br />1. Go to "customize journal" and select the "Black and White and Red All Over" flexible squares layout as your current theme<br />2. Click "customize your theme" then go to the section which says "custom css"<br />3. Make sure "Use layout's stylesheet(s)" and "Use layout's stylesheet(s) when including custom external stylesheet" are both set to No (IMPORTANT)<br />4. Paste the following code into the box which says "Custom stylesheet"<br /><br /><textarea>/* Cleaned CSS: */
body {
background-image: url('http://i154.photobucket.com/albums/s275/saturn_necklace/Truthbackgroundcopy-1.png');
background-attachment: fixed;
background-color: #797b69;
text-align: center;
color: #797b69;
font-family: "Verdana", sans-serif;
font-size: 11px;
margin: 0px;
}
a, a:link, a:visited {
color: #999999;
text-decoration: none;
}
a:hover {
color: #797b69;
text-decoration: underline;
}
p, td, blockquote {
font-size: 11px;
}
code, kbd, pre, tt {
font-family: monospace;
}
#content
{
width: 594px;
margin-left: auto; margin-right: auto;
background-color: transparent;
border-width: 0px;
border-style: solid;
border-color: #797b69;
padding: 0px;
}
#maincontent {
margin-top: 0px;
font-family: "Verdana", sans-serif;
font-size: 11px;
background-color: #494b42;
color: #797b69;
border-style: solid;
border-color: #797b69;
border-width: 0px;
margin-right: 0px;
text-align: left;
}
#sidebar {
padding-top: 0px;
margin-top: 0px;
background-color: #494b42;
border-color: #494b42;
border-width: 0px 0px 0px 10px;
border-style: solid;
font-size: 11px;
font-family: "Verdana", sans-serif;
color: #797b69;
width: 160px;
float: right;
text-align: left;
}
#header {
padding: 0px;
margin: 0px;
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
border-style: solid;
border-color: #797b69;
border-width: 0px;
background-color: #494b42;
color: #797b69;
}
#footer {
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: bold;
letter-spacing: 1px;
background-color: #797b69;
color: #797b69;
border-color: #797b69;
border-width: 0px;
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: #797b69;
}
div#header a:hover, div#footer a:hover {
color: #999999;
text-decoration: none;
}
ul.navheader
{
padding: 0px;
margin: 0px;
}
ul.navheader li {
display: inline;
padding: 0 3px 0 3px;
}
.title {
display: none;
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: normal;
line-height: 200%;
top: 10px;
}
.subtitle{
display: none;
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: normal;
top: 10px;
}
/* sidebar */
div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
color: #999999;
}
div#sidebar a:hover {
color: #797b69;
text-decoration: none;
}
.defaultuserpic {
text-align: center;
}
.sbarheader {
padding: 0px 5px 0px 5px;
}
.sbarbody {
padding: 0px 5px 0px 5px;
}
.sbarbody2 {
padding: 0 15px 0 15px;
}
#sidebar_summary li.sbaritem {
margin: 0 10px;
padding: 3px 0;
border-bottom: 1px #797b69 solid;
}
table.calendar {
margin-right: auto;
margin-left: auto;
}
.sbarcalendar {
border-color: #797b69;
border-width: 0px;
border-style: solid;
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 9px;
text-transform: uppercase;
}
.sbarcalendarposts {
border-color: #797b69;
border-width: 0px;
border-style: solid;
background-color: transparent;
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 9px;
text-transform: uppercase;
}
ul.sbarlist
{
padding-left: 0px;
margin-left: 0px;
list-style: none;
}
li.sbaritem, .tagcloud
{
padding-left: 15px;
list-style: none;
}
li.sbartitle
{
padding-left: 15px;
list-style: none;
border-style: solid;
border-width: 0px;
border-color: #797b69;
background-color: transparent;
margin-bottom: 10px;
margin-top: 10px;
}
/* maincontent */
.subcontent {
}
.entry {
margin: 0px 10px 10px 30px;
padding: 10px;
background-color: transparent;
color: #797b69;
font-family: "Verdana", sans-serif;
font-size: 11px;
text-align: left;
border-width: 0px;
border-color: #797b69;
border-style: solid;
}
.entry ul li
{
padding-left: 5px;
margin-left: 15px;
}
.entry ol li
{
padding-left: 5px;
margin-left: 15px;
}
.userpic {
position: relative;
float: left;
background-color: transparent;
padding: 5px;
margin: 10px;
z-index: 15;
border-width: 0px;
border-color: #797b69;
border-style: solid;
}
.userpicfriends {
position: relative;
float: left;
padding: 5px;
margin: 10px;
text-align: center;
border-style: solid;
border-width: 0px;
border-color: #797b69;
font-family: "Verdana", sans-serif;
font-size: 11px;
z-index: 15;
}
.date {
line-height: 200%;
top: 5px;
color: #797b69;
font-family: "Verdana", sans-serif;
font-size: 13px;
text-transform: uppercase;
}
.subject {
font-weight: bold;
padding: 10px;
color: #797b69;
font-family: "Verdana", sans-serif;
font-size: 13px;
text-transform: uppercase;
}
.subject a, .subject a:link, .subject a:visited {
color: #797b69;
}
.subject a:hover {
color: #797b69;
}
.datesubject {
background-color: transparent;
padding: 5px;
}
.currents, .currentmood, .currentmusic {
font-family: "Verdana", sans-serif;
font-size: 11px;
}
.comments {
font-family: "Verdana", sans-serif;
font-size: 11px;
text-align: right;
background-color: transparent;
padding: 0px 5px 0px 5px;
position: relative;
top: 15px;
}
div.comments a, div.comments a:link, div.comments a:visited{
color: #797b69;
}
div.comments a:hover {
color: #797b69;
text-decoration: none;
}
/* maincontent -- entry, reply pages */
.datesubjectcomment {
background-color: transparent;
padding: 5px;
margin-top: 20px;
}
.userpiccomment {
position: relative;
border-width: 5px;
border-style: solid;
border-color: #797b69;
background-color: transparent;
top: -30px;
left: 0px;
padding: 5px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
border-width: 0px;
border-color: #797b69;
border-style: solid;
}
.box {
border-style: solid;
border-width: 1px 0px 0px 0px;
border-color: #797b69;
padding: 10px;
clear: left;
}
input, textarea {
background-color: transparent;
color: #797b69;
}
textarea.textbox {
width: 95% !important;
}
.reply {
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: "Verdana", sans-serif;
font-size: 11px;
line-height: 125%;
background-color: transparent;
color: #797b69;
}
.replytosubject {
font-weight: bold;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 11px;
font-family: "Verdana", sans-serif;
color: #797b69;
}
.commentbox {
border-color: #797b69;
border-width: 0px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: transparent;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #797b69;
}
.datesubjectcomment a:hover {
color: #797b69;
}
.commentboxpartial {
border-color: #797b69;
border-width: 0px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: transparent;
}
.commentinfo {
background-color: transparent;
margin-top: 10px;
width: 100%;
}
/* 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: 0px;
border-style: solid;
border-color: #797b69;
}
table.yeartable td.yearday {
background-color: #797b69;
text-align: center;
}
td.yearmonth {
border-style: none;
}
/* footer */
ul.navfooter{
padding: 0px;
margin: 0px;
}
ul.navfooter li {
display: inline;
margin: 0px;
}
.clearfoot {
clear: both;
}
/* misc */
.clear {
height: 15px;
}
.skiplinks {
text-align: center;
}
.headerimage {
position: relative;
margin-left: auto;
margin-right: auto;
width: 594px;
height: 329px;
background-image: url('http://i154.photobucket.com/albums/s275/saturn_necklace/Truthheader.png');
}
.separator{
/* for formatting separators between entries */
background-position: center;
background-image: url('http://i154.photobucket.com/albums/s275/saturn_necklace/Truthseperate.png');
background-repeat: no-repeat;
height: 48px;
}
* html div.subcontent {
/* fixes an IE reply page bug */
height: 1%;
clear: none;
}
* html div.box#commentform {
/* fixes an IE reply page bug */
position: absolute;
border-width: 0px;
border-style: solid;
border-color: #797b69;
background-color: #797b69;
}
</textarea><br /><br /><br />5. Click "save changes"<br /><br /><br /><br /><br /><b>Please note:</b><br />-Credit <i>is</i> necessary, just paste this: <textarea>Layout from <lj user="arashi_layouts"></textarea> in your profile.<br />-Comments are appreciated<br />-I will try to answer any questions, but I am quite busy, and may not be able to.
urn:lj:livejournal.com:atom1:arashi_layouts:1239
[Layout; Arashi] #3 - Dream "A" Live, version 2
2008-08-09T17:18:16Z
2008-08-09T17:18:16Z
And here's Version 2 of the Dream "A" Live layout, finally. I'm afraid to say that this one looks better on widescreen computers, although it's still okay on smaller screens.<br /><br /><img src="http://i154.photobucket.com/albums/s275/saturn_necklace/DreamALivepreview2.png"><br /><br /><a name="cutid1"></a>To use this layout:<br /><br />1. Go to "customize journal" and select the "Black and White and Red All Over" flexible squares layout as your current theme<br />2. Click "customize your theme" then go to the section which says "custom css"<br />3. Make sure "Use layout's stylesheet(s)" and "Use layout's stylesheet(s) when including custom external stylesheet" are both set to No (IMPORTANT)<br />4. Paste the following code into the box which says "Custom stylesheet"<br /><br /><textarea>/* Cleaned CSS: */
body {
background: url('http://i154.photobucket.com/albums/s275/saturn_necklace/DreamALivever2bg.png') top left no-repeat #f1efe2;
background-attachment: fixed;
text-align: center;
color: #000000;
font-family: "Verdana", sans-serif;
font-size: 11px;
margin: 0px;
}
a, a:link, a:visited {
color: #f4dcdf;
text-decoration: none;
}
a:hover {
color: #f4dcdf;
text-decoration: underline;
}
p, td, blockquote {
font-size: 11px;
}
code, kbd, pre, tt {
font-family: monospace;
}
#content
{
width: 600px;
margin-left: auto; margin-right: 50px;
background-color: #a6a5a8;
border-width: 0px;
border-style: solid;
border-color: #999999;
padding: 0px;
}
#maincontent {
margin-top: 0px;
font-family: "Verdana", sans-serif;
font-size: 11px;
background-color: #a6a5a8;
color: #000000;
border-style: solid;
border-color: #999999;
border-width: 0px;
margin-left: 180px;
text-align: left;
}
#sidebar {
padding-top: 15px;
margin-top: 15px;
background-color: #a6a5a8;
border-color: #f4dcdf;
border-width: 0px 0px 0px 0px;
border-style: solid;
font-size: 8px;
font-family: "Verdana", sans-serif;
color: #f4dcdf;
text-transform: uppercase;
width: 160px;
float: left;
text-align: left;
}
#header {
padding: 0px;
margin: 0px;
text-align: center;
font-family: "Verdana", sans-serif;
text-transform: uppercase;
font-size: 18px;
font-weight: bold;
letter-spacing: 2px;
border-style: solid;
border-color: #999999;
border-width: 0px;
background-color: #a6a5a8;
color: #000000;
}
#footer {
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: bold;
letter-spacing: 1px;
background-color: #a6a5a8;
color: #000000;
border-color: #999999;
border-width: 0px;
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: #f4dcdf;
}
div#header a:hover, div#footer a:hover {
color: #f4dcdf;
text-decoration: none;
}
ul.navheader
{
padding: 0px;
margin: 0px;
}
ul.navheader li {
display: inline;
padding: 0 3px 0 3px;
}
.title {
display: none;
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: normal;
line-height: 200%;
top: 10px;
}
.subtitle{
display: none;
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: normal;
top: 10px;
}
/* sidebar */
div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
color: #000000;
}
div#sidebar a:hover {
color: #f4dcdf;
text-decoration: none;
}
.defaultuserpic {
text-align: center;
}
.sbarheader {
padding: 0px 5px 0px 5px;
}
.sbarbody {
padding: 0px 5px 0px 5px;
}
.sbarbody2 {
padding: 0 15px 0 15px;
}
#sidebar_summary li.sbaritem {
margin: 0 10px;
padding: 3px 0;
border-bottom: 1px #999999 solid;
text-transform: uppercase;
}
table.calendar {
margin-right: auto;
margin-left: auto;
}
.sbarcalendar {
border-color: #000000;
border-width: 0px;
border-style: solid;
text-align: center;
font-family: "Verdana", sans-serif;
text-transform: uppercase;
font-size: 11px;
}
.sbarcalendarposts {
border-color: #000000;
border-width: 0px;
border-style: solid;
background-color: #a6a5a8;
text-align: center;
font-family: "Verdana", sans-serif;
text-transform: uppercase;
font-size: 11px;
}
ul.sbarlist
{
padding-left: 0px;
margin-left: 0px;
list-style: none;
}
li.sbaritem, .tagcloud
{
padding-left: 15px;
list-style: none;
}
li.sbartitle
{
padding-left: 15px;
list-style: none;
border-style: solid;
border-width: 0px;
border-color: #999999;
background-color: transparent;
margin-bottom: 10px;
margin-top: 10px;
}
/* maincontent */
.subcontent {
}
.entry {
margin: 0px 10px 10px 30px;
padding: 10px;
background-color: #a6a5a8;
color: #000000;
font-family: "Verdana", sans-serif;
font-size: 11px;
text-align: left;
border-width: 0px;
border-color: #f4dcdf;
border-style: solid;
}
.entry ul li
{
padding-left: 5px;
margin-left: 15px;
}
.entry ol li
{
padding-left: 5px;
margin-left: 15px;
}
.userpic {
position: relative;
float: left;
background-color: transparent;
padding: 5px;
margin: 10px;
z-index: 15;
border-width: 0px;
border-color: #f4dcdf;
border-style: solid;
}
.userpicfriends {
position: relative;
float: left;
padding: 5px;
margin: 10px;
text-align: center;
border-style: solid;
border-width: 0px;
border-color: #f4dcdf;
font-family: "Verdana", sans-serif;
font-size: 11px;
z-index: 15;
}
.date {
line-height: 200%;
top: 5px;
color: #000000;
font-family: "Verdana", sans-serif;
text-transform: uppercase;
font-size: 11px;
}
.subject {
font-weight: bold;
padding: 10px;
color: #000000;
font-family: "Verdana", sans-serif;
text-transform: uppercase;
font-size: 11px;
}
.subject a, .subject a:link, .subject a:visited {
color: #ffffff;
}
.subject a:hover {
color: #b0b9c8;
}
.datesubject {
background-color: #transparent;
padding: 5px;
}
.currents, .currentmood, .currentmusic {
font-family: "Verdana", sans-serif;
font-size: 11px;
}
.comments {
font-family: "Verdana", sans-serif;
font-size: 11px;
text-align: right;
background-color: #rtansparent;
padding: 0px 5px 0px 5px;
position: relative;
top: 15px;
}
div.comments a, div.comments a:link, div.comments a:visited{
color: #ffffff;
}
div.comments a:hover {
color: #b0b9c8;
text-decoration: none;
}
/* maincontent -- entry, reply pages */
.datesubjectcomment {
background-color: transparent;
padding: 5px;
margin-top: 20px;
}
.userpiccomment {
position: relative;
border-width: 5px;
border-style: solid;
border-color: #a6a5a8;
background-color: #a6a5a8;
top: -30px;
left: 0px;
padding: 5px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
border-width: 0px;
border-color: #f4dcdf;
border-style: solid;
}
.box {
border-style: solid;
border-width: 1px 0px 0px 0px;
border-color: #999999;
background-color: transparent;
padding: 10px;
clear: right;
}
input, textarea {
background-color: #a6a5a8;
color: #000000;
}
textarea.textbox {
width: 95% !important;
}
.reply {
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: "Verdana", sans-serif;
font-size: 11px;
line-height: 125%;
background-color: #a6a5a8;
color: #000000;
}
.replytosubject {
font-weight: bold;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 11px;
font-family: "Verdana", sans-serif;
color: #000000;
}
.commentbox {
border-color: #999999;
border-width: 0px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #a6a5a8;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #ffffff;
}
.datesubjectcomment a:hover {
color: #b0b9c8;
}
.commentboxpartial {
border-color: #999999;
border-width: 0px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #a6a5a8;
}
.commentinfo {
background-color: #a6a5a8;
margin-top: 10px;
width: 100%;
}
/* 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: 0px;
border-style: solid;
border-color: #999999;
}
table.yeartable td.yearday {
background-color: #a6a5a8;
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 {
/* for formatting header image */
position: relative;
margin-left: auto;
margin-right: 50px;
width: 600px;
height: 407px;
background-image: url('http://i154.photobucket.com/albums/s275/saturn_necklace/DreamALiveheader.png');
}
.separator{
/* for formatting separators between entries */
height: 35px;
}
* html div.subcontent {
/* fixes an IE reply page bug */
height: 1%;
clear: none;
}
* html div.box#commentform {
/* fixes an IE reply page bug */
position: absolute;
border-width: 0px;
border-style: solid;
border-color: #999999;
background-color: #a6a5a8;
}
</textarea><br /><br /><br />5. Click "save changes"<br /><br /><br /><br /><br /><b>Please note:</b><br />-Credit <i>is</i> necessary, just paste this: <textarea>Layout from <lj user="arashi_layouts"></textarea> in your profile.<br />-Comments are appreciated<br />-I will try to answer any questions, but I am quite busy, and may not be able to.
urn:lj:livejournal.com:atom1:arashi_layouts:949
[Layout; Arashi] #2 - Dream "A" Live, version 1
2008-05-17T22:48:39Z
2008-08-15T16:24:46Z
Here's my second layout, based on Dream "A" Live. I've made 2 versions of this, the second should be up soon :Dv<br /><br /><br /><a href="http://s154.photobucket.com/albums/s275/saturn_necklace/?action=view&current=DreamALivelayoutpinkvercap.png" target="_blank"><img width="150" height="78" border="0" src="http://i154.photobucket.com/albums/s275/saturn_necklace/DreamALivelayoutpinkvercap.png" alt="Photobucket" /></a><br /><br /><a name="cutid1"></a>To use this layout:<br /><br />1. Go to "customize journal" and select the "Black and White and Red All Over" flexible squares layout as your current theme<br />2. Click "customize your theme" then go to the section which says "custom css"<br />3. Make sure "Use layout's stylesheet(s)" and "Use layout's stylesheet(s) when including custom external stylesheet" are both set to No (IMPORTANT)<br />4. Paste the following code into the box which says "Custom stylesheet"<br /><br /><textarea>/* Cleaned CSS: */
body {
background-color: #f4dcdf;
text-align: center;
color: #000000;
font-family: "Verdana", sans-serif;
font-size: 11px;
margin: 20px 0 20px 0;
}
a, a:link, a:visited {
color: #f4dcdf;
text-decoration: none;
}
a:hover {
color: #f4dcdf;
text-decoration: underline;
}
p, td, blockquote {
font-size: 11px;
}
code, kbd, pre, tt {
font-family: monospace;
}
#content
{
width: 600px;
margin-left: auto; margin-right: auto;
background-color: #a6a5a8;
border-width: 0px;
border-style: solid;
border-color: #999999;
padding: 0px;
}
#maincontent {
margin-top: 15px;
font-family: "Verdana", sans-serif;
font-size: 11px;
background-color: #a6a5a8;
color: #000000;
border-style: solid;
border-color: #999999;
border-width: 0px;
margin-left: 180px;
text-align: left;
}
#sidebar {
padding-top: 15px;
margin-top: 15px;
background-color: #a6a5a8;
border-color: #f4dcdf;
border-width: 0px 0px 0px 0px;
border-style: solid;
font-size: 8px;
font-family: "Verdana", sans-serif;
color: #f4dcdf;
text-transform: uppercase;
width: 160px;
float: left;
text-align: left;
}
#header {
padding: 0px 0px 20px 0px;
margin: 0px;
text-align: center;
font-family: "Verdana", sans-serif;
text-transform: uppercase;
font-size: 18px;
font-weight: bold;
letter-spacing: 2px;
border-style: solid;
border-color: #999999;
border-width: 0px;
background-color: #a6a5a8;
color: #000000;
}
#footer {
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: bold;
letter-spacing: 1px;
background-color: #a6a5a8;
color: #000000;
border-color: #999999;
border-width: 0px;
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: #f4dcdf;
}
div#header a:hover, div#footer a:hover {
color: #f4dcdf;
text-decoration: none;
}
ul.navheader
{
padding: 0px;
margin: 0px;
}
ul.navheader li {
display: inline;
padding: 0 3px 0 3px;
}
.title {
display: none;
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: normal;
line-height: 200%;
top: 10px;
}
.subtitle{
display: none;
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: normal;
top: 10px;
}
/* sidebar */
div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
color: #000000;
}
div#sidebar a:hover {
color: #f4dcdf;
text-decoration: none;
}
.defaultuserpic {
text-align: center;
}
.sbarheader {
padding: 0px 5px 0px 5px;
}
.sbarbody {
padding: 0px 5px 0px 5px;
}
.sbarbody2 {
padding: 0 15px 0 15px;
}
#sidebar_summary li.sbaritem {
margin: 0 10px;
padding: 3px 0;
border-bottom: 1px #999999 solid;
text-transform: uppercase;
}
table.calendar {
margin-right: auto;
margin-left: auto;
}
.sbarcalendar {
border-color: #000000;
border-width: 0px;
border-style: solid;
text-align: center;
font-family: "Verdana", sans-serif;
text-transform: uppercase;
font-size: 11px;
}
.sbarcalendarposts {
border-color: #000000;
border-width: 0px;
border-style: solid;
background-color: #a6a5a8;
text-align: center;
font-family: "Verdana", sans-serif;
text-transform: uppercase;
font-size: 11px;
}
ul.sbarlist
{
padding-left: 0px;
margin-left: 0px;
list-style: none;
}
li.sbaritem, .tagcloud
{
padding-left: 15px;
list-style: none;
}
li.sbartitle
{
padding-left: 15px;
list-style: none;
border-style: solid;
border-width: 0px;
border-color: #999999;
background-color: transparent;
margin-bottom: 10px;
margin-top: 10px;
}
/* maincontent */
.subcontent {
}
.entry {
margin: 0px 10px 10px 30px;
padding: 10px;
background-color: #a6a5a8;
color: #000000;
font-family: "Verdana", sans-serif;
font-size: 11px;
text-align: left;
border-width: 0px;
border-color: #f4dcdf;
border-style: solid;
}
.entry ul li
{
padding-left: 5px;
margin-left: 15px;
}
.entry ol li
{
padding-left: 5px;
margin-left: 15px;
}
.userpic {
position: relative;
float: left;
background-color: transparent;
padding: 5px;
margin: 10px;
z-index: 15;
border-width: 0px;
border-color: #f4dcdf;
border-style: solid;
}
.userpicfriends {
position: relative;
float: left;
padding: 5px;
margin: 10px;
text-align: center;
border-style: solid;
border-width: 0px;
border-color: #f4dcdf;
font-family: "Verdana", sans-serif;
font-size: 11px;
z-index: 15;
}
.date {
line-height: 200%;
top: 5px;
color: #000000;
font-family: "Verdana", sans-serif;
text-transform: uppercase;
font-size: 11px;
}
.subject {
font-weight: bold;
padding: 10px;
color: #000000;
font-family: "Verdana", sans-serif;
text-transform: uppercase;
font-size: 11px;
}
.subject a, .subject a:link, .subject a:visited {
color: #ffffff;
}
.subject a:hover {
color: #b0b9c8;
}
.datesubject {
background-color: #transparent;
padding: 5px;
}
.currents, .currentmood, .currentmusic {
font-family: "Verdana", sans-serif;
font-size: 11px;
}
.comments {
font-family: "Verdana", sans-serif;
font-size: 11px;
text-align: right;
background-color: #rtansparent;
padding: 0px 5px 0px 5px;
position: relative;
top: 15px;
}
div.comments a, div.comments a:link, div.comments a:visited{
color: #ffffff;
}
div.comments a:hover {
color: #b0b9c8;
text-decoration: none;
}
/* maincontent -- entry, reply pages */
.datesubjectcomment {
background-color: transparent;
padding: 5px;
margin-top: 20px;
}
.userpiccomment {
position: relative;
border-width: 5px;
border-style: solid;
border-color: #a6a5a8;
background-color: #a6a5a8;
top: -30px;
left: 0px;
padding: 5px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
border-width: 0px;
border-color: #f4dcdf;
border-style: solid;
}
.box {
border-style: solid;
border-width: 1px 0px 0px 0px;
border-color: #999999;
background-color: transparent;
padding: 10px;
clear: right;
}
input, textarea {
background-color: #a6a5a8;
color: #000000;
}
textarea.textbox {
width: 95% !important;
}
.reply {
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: "Verdana", sans-serif;
font-size: 11px;
line-height: 125%;
background-color: #a6a5a8;
color: #000000;
}
.replytosubject {
font-weight: bold;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 11px;
font-family: "Verdana", sans-serif;
color: #000000;
}
.commentbox {
border-color: #999999;
border-width: 0px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #a6a5a8;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #ffffff;
}
.datesubjectcomment a:hover {
color: #b0b9c8;
}
.commentboxpartial {
border-color: #999999;
border-width: 0px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #a6a5a8;
}
.commentinfo {
background-color: #a6a5a8;
margin-top: 10px;
width: 100%;
}
/* 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: 0px;
border-style: solid;
border-color: #999999;
}
table.yeartable td.yearday {
background-color: #a6a5a8;
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 {
/* for formatting header image */
position: relative;
margin-left: auto;
margin-right: auto;
width: 600px;
height: 407px;
background-image: url('http://i154.photobucket.com/albums/s275/saturn_necklace/DreamALiveheader.png');
}
.separator{
/* for formatting separators between entries */
height: 35px;
}
* html div.subcontent {
/* fixes an IE reply page bug */
height: 1%;
clear: none;
}
* html div.box#commentform {
/* fixes an IE reply page bug */
position: absolute;
border-width: 0px;
border-style: solid;
border-color: #999999;
background-color: #a6a5a8;
}
</textarea><br /><br /><br />5. Click "save changes"<br /><br /><br /><br /><br /><b>Please note:</b><br />-Credit <i>is</i> necessary, just paste this: <textarea>Layout from <lj user="arashi_layouts"></textarea> in your profile.<br />-Comments are appreciated<br />-I will try to answer any questions, but I am quite busy, and may not be able to.
urn:lj:livejournal.com:atom1:arashi_layouts:658
[Layout; Arashi] #1 - Sophistication
2008-03-30T19:39:16Z
2008-08-09T17:03:18Z
Here's the first Arashi layout I've made for this community! :D<br /><br /><br /><a href="http://img87.imageshack.us/my.php?image=1sophisticationhn2.png" target="_blank"><img border="0" src="http://img87.imageshack.us/img87/9103/1sophisticationhn2.th.png" alt="Free Image Hosting at www.ImageShack.us" /></a><br /><br /><br /><a name="cutid1"></a>To use this layout:<br /><br />1. Go to "customize journal" and select the "Black and White and Red All Over" flexible squares layout as your current theme<br />2. Click "customize your theme" then go to the section which says "custom css"<br />3. Make sure "Use layout's stylesheet(s)" and "Use layout's stylesheet(s) when including custom external stylesheet" are both set to No (IMPORTANT)<br />4. Paste the following code into the box which says "Custom stylesheet"<br /><br /><textarea>/* Cleaned CSS: */
body {
background-color: #2f292c;
background-image: url('http://i154.photobucket.com/albums/s275/saturn_necklace/ak8rh4.png');
background-position: fixed;
text-align: center;
color: #2f292c;
font-family: "Verdana", sans-serif;
font-size: 11px;
margin: 20px 0 20px 0;
}
a, a:link, a:visited {
color: #797979;
text-decoration: none;
}
a:hover {
color: #797979;
text-decoration: underline;
}
p, td, blockquote {
font-size: 11px;
}
code, kbd, pre, tt {
font-family: monospace;
}
#content
{
width: 700px;
margin-left: auto; margin-right: auto;
background-color: #e1e1e1;
background-image: url('http://i154.photobucket.com/albums/s275/saturn_necklace/w2bri8.png');
border-width: 0px;
border-style: solid;
border-color: #999999;
padding: 0px;
}
#maincontent {
margin-top: 15px;
font-family: "Verdana", sans-serif;
font-size: 11px;
background-color: transparent;
color: #2f292c;
border-style: solid;
border-color: #999999;
border-width: 0px;
margin-left: 180px;
text-align: left;
}
#sidebar {
padding-top: 15px;
margin-top: 15px;
background-color: #transparent;
border-color: #999999;
border-width: 0px;
border-style: solid;
font-size: 11px;
font-family: "Verdana", sans-serif;
color: #2f292c;
width: 160px;
float: left;
text-align: left;
}
#header {
padding: 10px 0px 20px 0px;
margin: 0px;
text-align: center;
text-transform: uppercase;
font-family: "Verdana", sans-serif;
font-size: 22px;
font-weight: bold;
letter-spacing: 0px;
border-style: solid;
border-color: #999999;
border-width: 0px;
background-color: transparent;
color: #2f292c;
}
#footer {
text-align: center;
font-family: "Verdana", sans-serif;
text-transform: uppercase;
font-size: 16px;
font-weight: bold;
letter-spacing: 0px;
background-color: transparent;
color: #2f292c;
border-color: #999999;
border-width: 0px;
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: #797979;
}
div#header a:hover, div#footer a:hover {
color: #797979;
text-decoration: none;
}
ul.navheader
{
padding: 0px;
margin: 0px;
}
ul.navheader li {
display: inline;
padding: 0 3px 0 3px;
}
.title {
display: none;
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: normal;
line-height: 200%;
top: 10px;
}
.subtitle{
display: none;
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: normal;
top: 10px;
}
/* sidebar */
div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
color: #797979;
}
div#sidebar a:hover {
color: #797979;
text-decoration: none;
}
.defaultuserpic {
text-align: center;
}
.sbarheader {
padding: 0px 5px 0px 5px;
}
.sbarbody {
padding: 0px 5px 0px 5px;
}
.sbarbody2 {
padding: 0 15px 0 15px;
}
#sidebar_summary li.sbaritem {
margin: 0 10px;
padding: 3px 0;
border-bottom: 1px #999999 solid;
}
table.calendar {
margin-right: auto;
margin-left: auto;
}
.sbarcalendar {
border-color: #2f292c;
border-width: 0px;
border-style: solid;
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 11px;
}
.sbarcalendarposts {
border-color: #2f292c;
border-width: 0px;
border-style: solid;
background-color: transparent;
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 11px;
}
ul.sbarlist
{
padding-left: 0px;
margin-left: 0px;
list-style: none;
}
li.sbaritem, .tagcloud
{
padding-left: 15px;
list-style: none;
}
li.sbartitle
{
padding-left: 15px;
list-style: none;
border-style: solid;
border-width: 0px;
border-color: #999999;
background-color: #transparent;
margin-bottom: 10px;
margin-top: 10px;
}
/* maincontent */
.subcontent {
}
.entry {
margin: 0px 10px 10px 30px;
padding: 10px;
background-color: transparent;
color: #2f292c;
font-family: "Verdana", sans-serif;
font-size: 11px;
text-align: left;
border-width: 0px;
border-color: #919bad;
border-style: solid;
}
.entry ul li
{
padding-left: 5px;
margin-left: 15px;
}
.entry ol li
{
padding-left: 5px;
margin-left: 15px;
}
.userpic {
position: relative;
float: left;
background-color: f9f9f9;
padding: 0px;
margin: 10px;
z-index: 15;
border-width: 0px;
border-color: f9f9f9;
border-style: solid;
}
.userpicfriends {
position: relative;
float: left;
padding: 0px;
margin: 10px;
text-align: center;
border-style: solid;
border-width: 0px;
border-color: f9f9f9;
font-family: "Verdana", sans-serif;
font-size: 11px;
z-index: 15;
}
.date {
line-height: 200%;
top: 5px;
color: #2f292c;
font-family: "Verdana", sans-serif;
font-size: 11px;
text-transform: uppercase;
}
.subject {
font-weight: bold;
padding: 10px;
color: #2f292c;
font-family: "Verdana", sans-serif;
font-size: 11px;
text-transform: uppercase;
}
.subject a, .subject a:link, .subject a:visited {
color: #000000;
}
.subject a:hover {
color: #b0b9c8;
}
.datesubject {
background-color: #transparent;
padding: 5px;
}
.currents, .currentmood, .currentmusic {
font-family: "Verdana", sans-serif;
font-size: 11px;
}
.comments {
font-family: "Verdana", sans-serif;
font-size: 11px;
text-align: right;
background-color: transparent;
padding: 0px 5px 0px 5px;
position: relative;
top: 15px;
}
div.comments a, div.comments a:link, div.comments a:visited{
color: #000000;
}
div.comments a:hover {
color: #b0b9c8;
text-decoration: none;
}
/* maincontent -- entry, reply pages */
.datesubjectcomment {
background-color: #919bad;
padding: 5px;
margin-top: 20px;
}
.userpiccomment {
position: relative;
border-width: 5px;
border-style: solid;
border-color: #e1e1e1;
background-color: f9f9f9;
top: -30px;
left: 0px;
padding: 5px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
border-width: 0px;
border-color: f9f9f9;
border-style: solid;
}
.box {
border-style: solid;
border-width: 1px 0px 0px 0px;
border-color: #999999;
padding: 10px;
clear: right;
}
input, textarea {
background-color: transparent;
color: #2f292c;
}
textarea.textbox {
width: 95% !important;
}
.reply {
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: "Verdana", sans-serif;
font-size: 11px;
line-height: 125%;
background-color: transparent;
color: #2f292c;
}
.replytosubject {
font-weight: bold;
}
.commentreply {
position: relative;
margin: 10px;
font-size: 11px;
font-family: "Verdana", sans-serif;
color: #2f292c;
}
.commentbox {
border-color: #999999;
border-width: 0px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: transparent;
}
.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #ffffff;
}
.datesubjectcomment a:hover {
color: #b0b9c8;
}
.commentboxpartial {
border-color: #999999;
border-width: 0px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: transparent;
}
.commentinfo {
background-color: transparent;
margin-top: 10px;
width: 100%;
}
/* 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: 0px;
border-style: solid;
border-color: #999999;
}
table.yeartable td.yearday {
background-color: transparent;
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 {
/* for formatting header image */
position: relative;
margin-left: auto;
margin-right: auto;
background-image: url('http://i154.photobucket.com/albums/s275/saturn_necklace/2n8saq.png');
height: 332px;
width: 700px;
}
.separator{
/* for formatting separators between entries */
height: 35px;
}
* html div.subcontent {
/* fixes an IE reply page bug */
height: 1%;
clear: none;
}
* html div.box#commentform {
/* fixes an IE reply page bug */
position: absolute;
border-width: 0px;
border-style: solid;
border-color: #999999;
background-color: #898989;
}
</textarea><br /><br /><br />5. Click "save changes"<br /><br /><br /><br /><br /><b>Please note:</b><br />-Credit <i>is</i> necessary, just paste this: <textarea>Layout from <lj user="arashi_layouts"></textarea> in your profile.<br />-Comments are appreciated<br />-I will try to answer any questions, but I am quite busy, and may not be able to.<br />-You can request for me to make a different, personalized header for this layout, as long as you provide the picture, and take into note that I might be too busy to make it for you.<br />-If you want to make your own header for this layout, find where it says "<a href="http://i154.photobucket.com/albums/s275/saturn_necklace/2n8saq.png">http://i154.photobucket.com/albums/s275/saturn_necklace/2n8saq.png</a>" and replace with the url of your own image. This layout is 700px wide.<br /><br /><font size="-2">EDIT (2008.08.09): I changed a few things, like the image links. It would be much appreciated if you could upload all image links yourself and substitute them, just search for:<br /><br />- "<a href="http://i154.photobucket.com/albums/s275/saturn_necklace/ak8rh4.png">http://i154.photobucket.com/albums/s275/saturn_necklace/ak8rh4.png</a>" (The background image)<br /><br />- "<a href="http://i154.photobucket.com/albums/s275/saturn_necklace/w2bri8.png">http://i154.photobucket.com/albums/s275/saturn_necklace/w2bri8.png</a>" (The content background image)<br /><br />- "<a href="http://i154.photobucket.com/albums/s275/saturn_necklace/2n8saq.png">http://i154.photobucket.com/albums/s275/saturn_necklace/2n8saq.png</a>" (The header)<br /><br />And then replace them with your links.<br /><br />I also altered the layout very slightly, so the background is fixed.</font>
urn:lj:livejournal.com:atom1:arashi_layouts:375
Introduction post
2008-03-29T20:00:30Z
2008-08-09T20:33:29Z
This is a layout community for <span class='ljuser' lj:user='saturn_necklace' style='white-space: nowrap;'><a href='http://saturn-necklace.livejournal.com/profile'><img src='http://p-stat.livejournal.com/img/userinfo.gif' alt='[info]' width='17' height='17' style='vertical-align: bottom; border: 0; padding-right: 1px;' /></a><a href='http://saturn-necklace.livejournal.com/'><b>saturn_necklace</b></a></span>. Most layouts will feature the Jpop group Arashi and it's members, although there may be some generic layouts, or layouts of other Jpop groups depending on what I feel like making. There might also be the occasional graphics post.<br /><br />If you use anything from the community please credit either <span class='ljuser' lj:user='saturn_necklace' style='white-space: nowrap;'><a href='http://saturn-necklace.livejournal.com/profile'><img src='http://p-stat.livejournal.com/img/userinfo.gif' alt='[info]' width='17' height='17' style='vertical-align: bottom; border: 0; padding-right: 1px;' /></a><a href='http://saturn-necklace.livejournal.com/'><b>saturn_necklace</b></a></span> or <span class='ljuser' lj:user='arashi_layouts' style='white-space: nowrap;'><a href='http://community.livejournal.com/arashi_layouts/profile'><img src='http://p-stat.livejournal.com/img/community.gif' alt='[info]' width='16' height='16' style='vertical-align: bottom; border: 0; padding-right: 1px;' /></a><a href='http://community.livejournal.com/arashi_layouts/'><b>arashi_layouts</b></a></span> since it takes a lot of time to make layouts. Comments aren't necessary, but are appreciated.