Arashi - Divine Wind

[happystorm]

Here's an Arashi layout I made. (I make a lot, don't I?) Please note that this layout uses the FLEXIBLE SQUARES layout so please remember to change your layout setup to this layout if it's not already set. (Please go here for more info on personalization and the rules of layout usage.)



PREVIEW:




/* BY: Minty_Peach -- (http://minty_peach.livejournal.com)
style -- Flexible Squares / s2
account type: Free & Paid accounts
DO NOT REMOVE THIS SECTION */

BODY{
margin-top: 70px 0px 70px 0px;
background-color: #110303;
text-align: justify;
line-height: 16px;
font-size: 15px;
color: #ffffff;
font-family: "Verdana" sans-serif;
}

b, i, s, u {
font-family: "georgia" Helvetica, sans-serif;
font-size: 8pt;
color: #5AF6E4;
}

a, a:link, a:visited {
font-family: "Verdana", Helvetica, sans-serif;
cursor: default;
color: #ffffff;
font-weight: light;
text-decoration: none;
}

a:hover{
font-family: "Verdana" Helvetica, sans-serif;
cursor: default;
color: #04b4ee;
font-weight: light;
text-decoration: underline;
}

::-moz-selection {
background: transparent;
color: #110303;
}

blockquote {
margin: 20px 20px;
padding: 10px;
color: #ffffff;
font-size: 8pt;
line-height: 9pt;
font-family: "Verdana" Helvetica, sans-serif;
border: 1px dotted #C7FCFC;
background-color: #110303;
background-image: url('');
background-repeat: repeat;
text-align: justify;
}

p, td {
font-size: 8pt;
}

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

#content {
width: 830px;
margin-left: auto;
margin-right: auto;
background-color: #110303;
background-image: url('');
background-repeat: repeat;
border: 0px dotted #888;
padding: 10px;
}

#maincontent {
margin-top: 10px;
background-color: #110303;
background-image: url('');
background-repeat: repeat;
margin-right: 210px;
}

#sidebar {
width: 170px;
padding: 10px;
margin-top: 0px;
background-color: #110303;
background-image: url('');
background-repeat: repeat;
border-width: 0px;
border-color: #363430;
border-style: solid;
color: #ffffff;
font-family: "Verdana" Helvetica, sans-serif;
font-size: 7.5pt;
line-height: 11pt;
text-align: justify;
float: right;
}

/**************************************************** HEADER LINKS - NOT THE HEADERIMAGE SPOT **************************************************/

#header {
width: 100%;
margin: 0px 0 0px 0;
padding: 5px 0 5px 0px;
text-align: center;
text-transform: lowercase;
letter-spacing: -1px;
background-color: #110303;
background-image: url('');
background-repeat: repeat;
font-size: 16pt;
font-family: "Georgia", sans-serif;
font-style: italic;
color: #FFFFFF;
}

div#header a, div#header a:link, div#header a:active, div#header a:visited {
font-family: "Georgia", sans-serif;
font-style: italic;
color: #ffffff;
font-size: 16pt;
text-transform: lowercase;
letter-spacing: -1px;
}

div#header a:hover {
color: #04b4ee;
font-size: 16pt;
text-transform: lowercase;
text-decoration: underline;
letter-spacing: -1px;
}

ul.navheader {
padding: 5px;
}

ul.navheader li{
display: inline;
margin: 0 5px 0 5px;
}

div#header li.view {
font-family: "Georgia", sans-serif;
font-style: italic;
color: #04b4ee;
font-size: 16pt;
text-transform: lowercase;
letter-spacing: -1px;
}

/***************************************************************** FOOTER LINKS *********************************************************/

#footer {
width: 100%;
margin: 0px 0 0px 0;
padding: 5px 0 5px 0px;
text-align: center;
text-transform: lowercase;
letter-spacing: -1px;
background-color: #110303;
background-image: url('');
background-repeat: repeat;
font-size: 16pt;
font-family: "Georgia", sans-serif;
font-style: italic;
color: #FFFFFF;
clear: both;
}

div#footer a, div#footer a:link, div#footer a:active, div#footer a:visited {
font-family: "Georgia", sans-serif;
font-style: italic;
color: #ffffff;
font-size: 18pt;
text-transform: lowercase;
letter-spacing: -1px;
}

div#footer a:hover {
color: #04b4ee;
font-size: 18pt;
text-transform: lowercase;
text-decoration: underline;
letter-spacing: -1px;
}

div#footer li.viewing {
font-family: "Georgia", sans-serif;
font-style: italic;
color: #04b4ee;
font-size: 18pt;
text-transform: lowercase;
letter-spacing: -1px;
}

#footer .viewing {
display:none;
}

ul.navfooter {
padding: 5px;
margin: 0px;
}

ul.navfooter li {
display: inline;
margin: 0 5px 0 5px;
}

.clearfoot {
clear: both;
}

/************************************************************* TITLE AND SUBTITLE. ************************************************************/

.title {
display: none;
font-size: 1pt;
letter-spacing: 2pt;
line-height: 0pt;
}

.subtitle {
display: none;
font-size: 1pt;
letter-spacing: 2pt;
line-height: 0pt;
}

/*********************************************** SIDEBAR LINKS, COLORS, FONTS, CALENDAR, ETC. ******************************************/

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

div#sidebar a:hover {
text-decoration: underline;
color: #04b4ee;
}

.defaultuserpic {
text-align: center;
}

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

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

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

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

.sbarcalendar {
padding: 3px;
border: 1px solid #ffffff;
background: transparent;
text-align: center;
color: #ffffff;
font-size: 7pt;
}

.sbarcalendarposts {
padding: 3px;
border: 1px solid #ffffff;
background: #5a3704;
text-align: center;
color: #ffffff;
font-size: 7pt;
}

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

li.sbaritem {
margin: 2px 2px 2px 2px;
padding: 2px 2px 2px 2px;
list-style: none;
background-color: transparent;
border-bottom: 1px solid #ffffff;
}

li.sbaritem:hover {
color: #04b4ee;
border-bottom: 1px solid #04b4ee;
}

li.sbartitle {
list-style: none;
margin-bottom: 2px;
margin-top: 20px;
text-align: left;
font-weight: normal;
padding-left: 0px;
padding-bottom: 2px;
background: url('') 0px 0px no-repeat;
font-family: "Georgia", sans-serif;
font-style: italic;
color: #04b4ee;
font-size: 15pt;
text-transform: lowercase;
}

/***********************************************
TAGS PAGE LAYOUT
******************************************/

.ljtaglist {
list-style-type: none;
padding: 0px;
margin: -1px 20px 0px 20px;
margin-left: 70px; width: 50%;
text-transform: lowercase;
text-align: left;
}

.ljtaglist li {
border-bottom: 1px dashed #aaaaaa;
padding: 7px 2px 7px 5px;
color: #ffffff;
}

H2 {
margin: 20px 20px 20px 100px;
text-align: left;
padding: 10px;
font-size: 14px;
color: #ffffff;
background: url('http://i132.photobucket.com/albums/q11/minty_peach/tags.gif') 0px 5px no-repeat;
}

/***********************************************
ENTRY, TAGS LIST, SUB CONTENT, EXTRA ******************************************/

ul.ljtaglist {
color: #ffffff;
font-family: "Tahoma", Helvetica, sans-serif;
font-size: 10px;
padding: 8px 8px 8px 12px;
text-align: left;
margin-right: auto;
margin-left: auto;
padding: 35px;
}

.subcontent {
padding: 20px;
background: #110303;
background-image: url('');
background-repeat: repeat-x;
background-position: top-left;
}

.entry{
margin: 0px 0px 0px 0px;
padding: 5px 5px 5px 5px;
color: #ffffff;
font-family: "verdana" Helvetica, sans-serif;
font-size: 12px;
line-height: 14pt;
text-align: justify;
}

.entry ul li {
list-style: decimal-leading-zero;
list-style-position: outside;
}

.entry ol li {
list-style: decimal-leading-zero;
list-style-position: outside;
}

/***********************************************
USERPICS IN THE MAIN ENTRIES AND FRIEND PAGES
******************************************/

.userpic {
position: relative;
float: left;
padding: 10px;
margin-right: 10px;
z-index: 15;
border: 0px solid #bbbbbb;
background-color: #5a3704 !important;
background-image: url('');
background-repeat: no-repeat;
background-position: top-left;
}

.userpicfriends {
position: relative;
float: left;
padding: 10px;
margin-right: 10px;
z-index: 15;
border: 0px solid #bbbbbb;
background-color: #5a3704 !important;
background-image: url('');
background-repeat: no-repeat;
background-position: top-left;
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 10px;
}

.userpicfriends font {
color: #ffffff !important;
text-transform: lowercase;
}

.userpicfriends br {
display: block;
}

/***********************************************
DATE, SUBJECT, LJ TAGS, COMMENTS ******************************************/

.date{
text-align: left;
font-weight: normal;
padding-bottom: 3px;
padding-left: 13px;
color: #ffffff;
font-family: "arial" Helvetica, sans-serif;
font-size: 7pt;
text-transform: lowercase;
background: url('http://i132.photobucket.com/albums/q11/minty_peach/clock.gif') 0px -1px no-repeat;
}

.subject {
text-align: left;
font-family: "Georgia", sans-serif;
font-style: italic;
padding-bottom: 5px;
color: #ffffff;
font-size: 14pt;
border-bottom: 1px solid #cccccc;
text-transform: none;
}

.subject a, .subject a:link, .subject a:visited {
color: #ffffff;
text-transform: none;
}

.subject a:hover {
color: #04b4ee;
text-decoration: underline;
}

.datesubject {
padding-top: 15px;
}

.currentlocation {
padding-left: 12px;
font-size: 7pt;
background: url('http://img.photobucket.com/albums/v426/starmist100/Layout/icon_world.gif') 0px 2px no-repeat;
}

.currentmood {
padding-left: 12px;
font-size: 7pt;
background: url('http://img.photobucket.com/albums/v426/starmist100/Layout/11x11heart.gif') 0px 2px no-repeat;
}

.currentmusic {
padding-left: 12px;
font-size: 7pt;
background: url('http://img.photobucket.com/albums/v426/starmist100/Layout/12x12music.gif') 0px 2px no-repeat;
}

.ljtags {
margin-top: 25px;
padding-left: 12px;
text-transform: uppercase;
font-size: 7pt;
color: #ffffff;
background: url('http://img.photobucket.com/albums/v426/starmist100/Layout/document.png') 0px 2px no-repeat;
}

.ljtags a, .ljtags a:link, .ljtags a:visited {
color: #ffffff;
text-transform: none;
}

.currentlocation a, .currentlocation a:link, .currentlocation a:visited {
color: #04b4ee;
text-transform: lowercase;
}

.currentlocation a:hover, .ljtags a:hover {
color: #04b4ee;
text-transform: lowercase;
text-decoration: underline;
}

.comments {
text-align: right;
color: #ffffff;
font-family: "Georgia", sans-serif;
font-style: italic;
font-size: 12px;
text-transform: lowercase;
position: relative;
top: 10px;
padding: 7px;
border-top: 1px solid #ffffff;
}

div.comments a, div.comments a:link, div.comments a:visited {
color: #ffffff;
font-family: "Georgia", sans-serif;
font-style: italic;
font-size: 12px;
text-transform: lowercase;
}

div.comments a:hover {
color: #04b4ee;
text-decoration: underline;
}

/***********************************************
ARCHIVE PAGE/CALENDAR ******************************************/

ul.year{
text-align: center;
padding: 10px 10px 10px 10px;
border: 0px solid #666666;
}

ul.year li {
color: #ffffff;
display: inline;
}

table.yeartable {
margin-left: auto;
margin-right: auto;
padding: 7px;
border: 0px solid #ffffff;
}

table.yeartable td.yeardate, table.yeartable td.yearday {
color: #ffffff;
padding: 7px;
border: 1px solid #ffffff;
text-align: center;
}

table.yeartable td.yearday {
background: #110303;
border: 1px solid #ffffff;
padding: 7px;
text-align: center;
}

td.yearmonth {
color: #ffffff;
border-style: none;
}

/***********************************************
HEADER IMAGE
******************************************/

.headerimage {
position: relative;

width: 830px;
height: 400px;

margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
background-image: url('http://img.photobucket.com/albums/v426/starmist100/Layout/Arashi-DivineWind.png');
background-repeat: no-repeat;
}

.separator {
background-image:url(http://img.photobucket.com/albums/v426/starmist100/Layout/Arashi-DivineWindSeperator.png);
background-repeat: no-repeat;
background-position: center;
height: 60px;
background-color: #110303;
}

/***********************************************
COMMENT PAGES
******************************************/

.clear {
display: none;
height: 20px;
}

.skiplinks {
text-align: center;
margin: 5px;
padding: 5px;
color: #ffffff;
font-size: 8pt;
}

.datesubjectcomment {
text-align: left;
font-weight: bold;
padding: 12px;
color: #ffffff;
font-family: "arial" Helvetica, sans-serif;
font-size: 10px;
border: 1px solid #ffffff;
text-transform: lowercase;
background-color: #5a3704;
}

.userpiccomment {
position: relative;
top: -30px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
padding: 10px;
border: 1px solid #ffffff;
background: #110303;
background-image: url('');
background-repeat: no-repeat;
background-position: top-left;
}

.box {
border-style: solid;
border-width: 1px 0px 0px 0px;
border-color: #ffffff;
padding: 15px;
clear: left;
background: #110303;
}

input, textarea {
font-size: 12px;
margin: 3px 3px;
padding: 3px;
color: #ffffff;
background: #110303;
text-align: justify;
}

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

.reply{
position: relative;
margin: 5px;
padding: 10px;
text-align: left;
font-family: "tahoma";
font-size: 12px;
line-height: 125%;
color: #ffffff;
}

.replytosubject {
font-weight: bold;
}

.commentreply {
position: relative;
margin: 10px;
font-size: 12px;
font-family: "tahoma";
color: #ffffff;
}

.commentbox {
border: 1px solid #ffffff;
padding: 10px;
margin: 20px;
}

.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #ffffff;
text-transform: lowercase;
}

.datesubjectcomment a:hover {
color: #04b4ee;
}

.commentboxpartial {
border: 1px dashed #ffffff;
background: #5a3704;
padding: 7px;
margin: 25px;
font-size: 7.5px;
}

.commentinfo {
margin-top: 10px;
width: 95%;
}

/*-- mini icons --*/

img[src*="icon_protected.gif"], img[src*="icon_private.gif"], img[src*="icon_groups.gif"], .ljuser img[src*="syndicated.gif"],

.ljuser img[src*="newsinfo.gif"], .ljuser img[src*="partnercomm.gif"], .ljuser img[src*="sponcomm.gif"], img

[src*="userinfo.gif"], img[src*="talk/none.gif"], img[src*="help.gif"] {height: 0px; width: 0px;background: transparent none

no-repeat scroll 0 0; }

.subject img {vertical-align: middle !important;}
img[src*="icon_protected.gif"]{ padding: 0 0 16px 16px !important;
background-image: url(http://img.photobucket.com/albums/v426/starmist100/Layout/key.png);}
img[src*="icon_private.gif"]{ padding: 0 0 16px 16px !important;
background-image: url(http://img.photobucket.com/albums/v426/starmist100/Layout/link.png);}
img[src*="icon_groups.gif"]{ padding: 0 0 16px 16px !important;
background-image: url(http://img.photobucket.com/albums/v426/starmist100/Layout/world.png);}

img[src*="userinfo.gif"] {
background-repeat:no-repeat !important;
background-attachment:scroll;
background-position:0 0 !important;
padding: 16px 16px 1px 2px !important;
background-image: url(http://img.photobucket.com/albums/v426/starmist100/Layout/weather_rain.png) !important;}

.ljuser img {width: 0; height: 0; background: transparent url

(http://img.photobucket.com/albums/v426/starmist100/Layout/weather_rain.png) ) no-repeat 0 0; padding: 16px 16px 0 2px

!important; vertical-align: baseline !important;}
.ljuser img[src*="userinfo.gif"] { background: transparent url

(http://img.photobucket.com/albums/v426/starmist100/Layout/weather_rain.png) ) no-repeat center left !important; padding:

16px 16px 0 2px !important; }

.ljuser img[src*="community.gif"] {
background-repeat:no-repeat !important;
background-attachment:scroll;
background-position:0 0 !important;
padding: 16px 16px 0 2px !important;
background-image: url(http://img.photobucket.com/albums/v426/starmist100/Layout/weather_lightning.png) !important;}

Matching Banner (sort of):



If you have any problems uploading the layout or if the code doesn't work, please tell me and I'll check it out and try to help you as much as possible! :D