Kamen Rider

[happystorm]

Here's a Kamen Rider layout I made for a Kamen Rider otaku friend of mine. 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:




/*-- layout: 96; made by minty_peach.
no stealing. no reposting code as yours.
don't remove this section & please credit. --*/

/*-- FURTHER EDITING AND HEADER BY: amy_chama@lj --*/

/*-- main page --*/

BODY {
background: #000000;
background-image: url('');
background-repeat: repeat;
color: #FFFFFF;
font-size: 12px;
font-family: "Verdana", sans-serif;
text-align: left;
line-height: 16px;
margin: 70px 0px 70px 0px;
}

#content {
width: 1000px;
margin-right: auto;
margin-left: auto;
background: #000000;
}

#maincontent {
text-align: left;
margin-right: 250px;
}

.headerimage {
position: relative;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
width: 1000px;
height: 400px;
background-image: url('http://img.photobucket.com/albums/v426/starmist100/Layout/KamenRiderDoubleHD.png');
background-repeat: no-repeat;
}

/*-- special fonts, links, etc. --*/

i {
color: #FF8B50;
}

b {
color: #95C4CC;
}

u {
color: #E80C4A;
}

s {
color: #E3CE49;
}

a, a:link, a:visited {
color: #2FD334;
text-transform: lowercase;
text-decoration: none;
font-weight: bold;
}

a:hover, b:hover, i:hover, u:hover, s:hover {
color: #F80818;
}

p, td {
font-size: 12px;
}

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

/*-- sidebar content --*/

#sidebar {
width: 230px;
float: right;
text-align: justify;
color: #ffffff;
padding: 15px; margin-top: 20px;
}

.defaultuserpic {
text-align: center;
}

.sbarheader, .sbarbody, .sbarbody2 {
padding: 2px;
}

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

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

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

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

li.sbaritem {
list-style: none;
color: #ffffff;
padding: 3px 15px 3px 15px;
margin-bottom: 10px;
text-transform: lowercase;
text-decoration: none;
background-color: #000000;
border-width: 0px 0px 0px 4px;
border-color: #ffffff;
border-style: solid;
font-size: 12px;
}

li.sbaritem:hover {
color: #F80818;
border-width: 0px 0px 0px 4px;
border-color: #ffffff;
border-style: solid;
background-color: #000000;
}

li.sbartitle {
text-align: left:
font-size: 15px;
color: #2FD334;
font-weight: bold;
padding-bottom: 5px;
padding-top: 5px;
}

ul.ljtaglist li{
padding: 5px;
margin: 0px;
list-style: decimal-leading-zero;
list-style-position: outside;
}

/*-- navigation links --*/

#header {
background: #000000;
color: #ffffff;
font-size: 15pt;
margin-left: auto;
margin-right: auto;
padding: 15px;
text-align: center;
text-transform: lowercase;
}

#footer {
background: #000000;
color: #ffffff;
font-size: 15pt;
margin-left: auto;
margin-right: auto;
padding: 15px;
text-align: center;
text-transform: lowercase;
clear: both;
}

.clear {
height: 10px;
}

div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link, div#footer a:visited {
color: #ffffff;
font-size: 15pt;
text-transform: lowercase;
font-weight: bold;
}

div#header a:hover, div#footer a:hover, div#header li.view, div#footer li.viewing {
color: #ffffff;
font-weight: bold;
}

ul.navheader, ul.navfooter {
padding: 0 2px 0 2px;
margin: 0 1px 0 1px; }

ul.navheader li, ul.navfooter li {
display: inline;
list-style: none;
padding: 0 2px 0 2px;
margin: 0 1px 0 1px;
}

.clearfoot {
display: none;
}

/*-- title & subtitle --*/

.title {
display: none;
}

.subtitle {
display: none;
}

/*-- subcontent and entry content --*/

.subcontent {
padding: 25px;
}

.entry {
padding: 15px 1px 5px 1px;
color: #ffffff;
font-family: "verdana" Helvetica, sans-serif;
font-size: 12px;
text-align: justify;
}

.entry ul li {
padding-left: 0px;
margin-left: 0px;
list-style: decimal-leading-zero;
list-style-position: outside;
}

.entry ol li {
padding-left: 0px;
margin-left: 0px;
list-style: decimal-leading-zero;
list-style-position: outside;
}

.date {
text-align: right;
float: right;
font-weight: normal;
color: #2FD334;
font-size: 8px;
text-transform: uppercase;
padding-left: 10px;
}

.subject {
text-align: left;
}

div.subject a, div.subject a:link, div.subject a:visited {
color: #F80818;
text-transform: lowercase;
font-size: 14px;
font-weight: normal;
font-style: italic;
}

.datesubject {
padding: 13px;
background-color: #000000;
line-height: 10px;
}

blockquote {
border-left: 4px solid #FF842B;
text-align: lustify;
padding: 0px 10px 0px 10px;
margin: 0px 15px 0px 15px;
}

.separator {
background-image:url(http://img.photobucket.com/albums/v426/starmist100/Layout/KamenRiderDoubleSeparator.png);
background-repeat: no-repeat;
background-position: center;
height: 50px;
}

/*-- currents, comment links, and tags in entry --*/

.currents {
background-color: transparent;
}

.currents strong{
font-weight: normal;
font-size: 9px;
color: #ffffff;
}

.currentlocation, .currentmood, .currentmusic, .currentgroup {
text-align: left;
font-size: 9px;
color: #ffffff;
}

.ljtags {
margin-top: 15px;
text-align: left;
text-transform: lowercase;
font-size: 9px;
color: #ffffff;
}

.comments {
font-weight: none;
text-align: center;
font-size: 1px;
color: #ffffff;
top: 5px;
}

div.comments a, div.comments a:link, div.comments a:visited {
color: #2FD334;
padding: 2px 5px 2px 5px; margin: 3px;
text-transform: lowercase;
background-color: #000000;
border-width: 0px 1px 1px 0px;
border-color: #ffffff;
border-style: solid;
font-size: 9px;
}

div.comments a:hover {
color: #F80818;
border-width: 1px 0px 0px 1px;
border-color: #ffffff;
border-style: solid;
background-color: #000000;
}

/*-- userpics, friends userpics --*/
.userpic {
position: relative;
float: right;
margin: 0px 0px 10px 20px;
z-index: 15;
}

.userpicfriends {
position: relative;
float: left;
margin: 0px 10px 10px 0px;
z-index: 15;
background-color: transparent !important;
text-align: center;
font-size: 7pt;
z-index: 15;
}

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

.userpicfriends br {
display: block;
height: 0;
}

/*-- tags page --*/

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

.ljtaglist li {
border-bottom: 1px solid #ffffff;
padding: 6px 3px 6px 20px;
color: #ffffff;
}

H2 {
text-align: center;
padding: 30px; margin: 0px;
line-height: 12px;
font-weight: normal;
font-size: 12pt;
color: #ffffff;
}

ul.ljtaglist {
color: #ffffff;
font-size: 8pt;
padding: 8px 8px 8px 12px;
text-align: left;
margin-right: auto;
margin-left: auto;
padding: 25px;
}

ul.ljtaglist li{
padding: 3px;
margin: 2px;
list-style: decimal-leading-zero;
list-style-position: inside;
}

/* archive page */

ul.year {
text-align: center;
padding: 30px; margin: 0px;
}

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

table.yeartable {
margin-left: auto;
margin-right: auto;
padding: 3px;
}

td.yeardate {
color: #ffffff;
background-color: #000000;
padding: 3px;
text-align: center;
}

table.yeartable td.yearday {
background-color: #000000;
padding: 3px;
text-align: center;
text-transform: uppercase;
color: #ffffff;
}

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

/*-- comment page (sponsored and paid only) --*/

.clear {
display: none;
}

.skiplinks {
text-transform: lowercase;
text-align: center;
padding: 20px 10px 10px 10px;
color: #ffffff;
}

.datesubjectcomment {
background-color: #222222;
color: #F80818;
padding: 5px;
margin-bottom: 5px;
}

.userpiccomment {
position: relative;
max-width: 50px;
max-height: 50px;
top: -10px;
left: 0px;
margin: 0px 10px -20px -10px;
z-index: 15;
float: left;
padding: 5px;
}

.box {
background-color: #000000;
width: auto;
clear: left;
padding: 20px;
}

input, textarea {
background-color: #000000;
font-size: 12px;
font-family: "Georgia", sans-serif;
color: #ffffff;
}

textarea.textbox{
border: 0px solid #ffffff;
font-family: "Georgia", sans-serif;
font-size: 12px;
width: 95% !important;
}

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

.replytosubject {
font-weight: bold;
}

.commentreply {
position: relative;
padding: 10px 10px 20px 70px;
font-size: 10px;
color: #ffffff;
}

.commentbox {
padding: 15px 0px 15px 0px;
margin: 5px;
border-top: 1px solid #ffffff;
}

.datesubjectcomment a:link, .datesubjectcomment a:visited {
color: #2FD334;
}

.datesubjectcomment a:hover {
color: #F80818 ;
}

.commentboxpartial {
background-color: #222222;
padding: 5px;
margin: 12px;
}

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

/*--- MAKING ALL IMAGES SEE-THROUGH ON HOVER ---*/

img:hover {
filter: alpha(opacity=70);
moz-opacity: .70;
opacity: .70;
}

/* image hover effects */

img:hover {
filter: alpha(opacity=80);
moz-opacity: .80;
opacity: .80;
}

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