Template

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.
or
g/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title> Starships*</title>
<link href='http://fonts.googleapis.com/css?family=Bitter:400,700,400italic' rel
='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Raleway:100|Leckerli+One' rel
='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Montez' rel='stylesheet' type
='text/css'>

<style type="text/css">
#navbar-iframe { display: none; }
::selection{background:#f5f5f5; color:#111111;}
::-moz-selection{background:#f5f5f5; color:#111111;}
::-webkit-selection{background:#f5f5f5; color:#111111;}
::-o-selection{background:#f5f5f5; color:#111111;}
::-webkit-scrollbar {width: 10px; height: 10px; background: #ffffff; }
::-webkit-scrollbar-track-piece { }
::-webkit-scrollbar-thumb:vertical {background: #eee;}
::-webkit-scrollbar-thumb:horizontal {height:0px; }
body { background-image: url("http://i.imm.io/i7Zo.jpeg"); background-repeat: re
peat; background-position: fixed; font-family: Bitter; font-size: 11px; line-hei
ght: 18px; font-color: #000000; text-align: justify; letter-spacing: 0.5px; back
ground-color: #eee; cursor: default; background-position: fixed; word-spacing: 1
px;}
table { font-family: Bitter; font-size: 11px; line-height: 18px; font-color: #00
0000; text-align: justify; letter-spacing: 0.5px; background: #ffffff; cursor:
default; word-spacing: 1px; }
a { color:#5c92a0; border-bottom: 1px dotted #b6d3da; text-decoration: none; -we
bkit-transition:.468s; -moz-transition:0.70s; -o-transition:0.70s; cursor: defau
lt;}
a:hover { border-bottom: 1px solid #b6d3da; color: #508897; }
blockquote { color: #666666; border: 1px dashed #d5d5d5; line-height: normal; ma
rgin: 10px; padding-left:30px; text-shadow: 1px 1px 40px #000; padding-top: 4px;
padding-bottom: 4px; padding-right: 10px; font-style: italic; }
.maincontainer { overflow-x: hidden; height: 400px; width: 580px; border: 1px so
lid #edefef; padding: 10px; }
.maincontainer img { max-width: 540px; }
.textw, .textw a { font-family: "Context Reprise Light SSi", Raleway, arial; tex
t-shadow: 1px 1px 55px #000; font-size: 50pt; font-weight: ultra light; color: #
000; text-transform: uppercase; margin-top: 20px; border: 0px; letter-spacing: 1px;}
.textw a:hover {text-shadow: 0px 0px 0px #fff; border: 0px; cursor: default;}
a.minitw {font-family: "Context Reprise Light SSi", Raleway, arial; text-shadow:
5px 5px 10px #edf9f9; font-size: 15pt; font-weight: ultra light; color: #fff; t
ext-transform: uppercase; border: 0px; background-color: #000; border-radius: 6p
x; padding: 4px; display: inline; margin-right: 3px; text-align: center; line-he
ight: 28pt; }
a.minitw:hover { text-shadow: 0px 0px 0px #000; border: 0px; cursor: default; }
a.imga, a.imga:hover { border: 0; cursor: pointer; text-align: center; }
.rotate { transform: rotate(270deg); -ms-transform: rotate(270deg); -webkit-tran
sform: rotate(270deg); -o-transform: rotate(270deg); -moz-transform: rotate(270d
eg); }
.topnav { z-index: 1; border: 0px solid red; margin-left: 400px; text-align: rig
ht; font-size: 20pt; line-height: 30pt; margin-top: -45pt; height: 40px; }
a.blue { border-right: 100px solid #b8fcfe; color: #b8fcfe; padding: 0px; filter
: alpha (opacity=50); -moz-opacity: 0.50; opacity: 0.50; -webkit-opacity: 0.50;
border-bottom: 0px; margin-right: 10px; cursor: pointer;}
a.blue:hover { border-right: 70px solid #b8fcfe; filter: alpha (opacity=80); -m
oz-opacity: 0.80; opacity: 0.80; -webkit-opacity: 0.80; border-bottom: 0px; colo
r: #b8fcfe; }
a.green { border-right: 100px solid #aaffa1; color: #aaffa1; padding: 0px; filte
r: alpha (opacity=50); -moz-opacity: 0.50; opacity: 0.50; -webkit-opacity: 0.50;
a.green:hover { border-right: 70px solid #aaffa1; filter: alpha (opacity=80); moz-opacity: 0.80; opacity: 0.80; -webkit-opacity: 0.80; border-bottom: 0px; col
or: #aaffa1; }
a.pink { border-right: 100px solid #ffa5c1; color: #ffa5c1; padding: 0px; filter
: alpha (opacity=50); -moz-opacity: 0.50; opacity: 0.50; -webkit-opacity: 0.50;
a.pink:hover { border-right: 70px solid #ffa5c1; filter: alpha (opacity=80); -m
oz-opacity: 0.80; opacity: 0.80; -webkit-opacity: 0.80; border-bottom: 0px; colo
r: #ffa5c1; }
.title { font-family: Montez; font-size: 20pt; color: #194445; text-align: left;
padding:4px 2px 8px 0px; border-bottom: 1px solid #edefef;}
.comment a { background: #e7fbfb; font-size: 9px; color: #43a3a5; border-radiu
s: 9px; margin: -4px 2px 2px 4px; padding: 4px; text-decoration: none; text-tran
sform: uppercase; border: 0px;}
.comment a:hover { background: #d6f1f2; border: 0px;}
.date {font-family: arial; font-size: 11px; text-transform: uppercase; color: #b
bbbbb; padding: 2px; margin-bottom: 20px; }
ul, ol {list-style-type: hiragana; margin-left:-15px;}
img.profile { height: 300px; float: left; margin-right: 10px; margin-bottom: 3px
; }
caption { color: #ffffff; }
.left { float: left; }
.right {float: right; }

</style>
<body>
<div style=" position: fixed; right: 10px; top: 10px; border: 0px;"><a style="bo
rder: 0px;" onClick="document.getElementById('main').innerHTML=document.getEleme
ntById('contact').innerHTML" >
<img src="http://i.imm.io/iwT7.png"> </a></div>
<table align="center" width="600" height="550" cellpadding="10" valing="top" sty
le="margin-top: 80px;">
<tr>
<td>
<div class="textw">
<a> starships* </a>
</div>
<div class="topnav">
<div class="rotate">
<a class="blue" onClick="document.getElementById('main').innerHTML=document.getE
lementById('blog').innerHTML">|</a><br>
<a class="green" onClick="document.getElementById('main').innerHTML=document.get
ElementById('profile').innerHTML">|</a><br>
<a class="pink" onClick="document.getElementById('main').innerHTML=document.getE
lementById('contact').innerHTML">|</a><br>
</div>
</div>
</td>
</tr>
<tr>
<td>
<div id="main">
<div class="maincontainer">
<blogger>
<div class="title"> <$BlogItemTitle$></div>
<hr width="4px" color="white">
<$BlogItemBody$>
<div class="comment"><BlogItemCommentsEnabled><a href="<$BlogItemCommentCreate$>
">(<$BlogItemCommentCount$>) comments</a></BlogItemCommentsEnabled>
<div class="date">Posted on: <i><BlogDateHeader><$BlogDateHeaderDate$></BlogDate
Header></i></div></div>
</blogger>
</div>
</div>
<div id="blog" style="display: none;">
<blogger>
<div class="title"> <$BlogItemTitle$></div>
<$BlogItemBody$>
<div class="comment"><BlogItemCommentsEnabled><a href="<$BlogItemCommentCreate$>
">(<$BlogItemCommentCount$>) comments</a></BlogItemCommentsEnabled>
<div class="date">Posted on: <i><BlogDateHeader><$BlogDateHeaderDate$></BlogDate
Header></i></div></div>
</blogger>
</div>
</div>
<div id="profile" style="display: none;">
<div class="title">About</div>
Hi! my name is_________ and I'm __ years old! :)<br>
<blockquote>Hey! Add a quote here! ^_^</blockquote><br><br>
<a href="http://acidxtears.tumblr.com/post/19061225962" target="_blank"><img src
="http://29.media.tumblr.com/tumblr_l8l8rpTkCP1qdbbywo1_400.jpg"></a>
</div>
</div>
<div id="contact" style="display: none;">
<table width="560" height="390" border="0" cellpadding="2" align="center">
<tr valign="top" height="140">
<td>
<div class="title">Connect </div>
<br>
<center>
<a class="minitw" href="http://flickr.com/photos/jathdreams/" target="_blank">Fl
ickr</a>
<a class="minitw" href="http://acidxtears.tumblr.com" target="_blank">Tumblr</a>
<a class="minitw" href="" target="_blank">link1</a>
<a class="minitw" href="" target="_blank">link2</a>
</center>
</td>
<td>
<a class="imga" href="" title="follow :)"><center><img src="http://i.imm.io/iqG0
.png"></center></a>
</td>
</tr>
<tr valign="top">
<td width="250">
<div class="title" style="padding-bottom: -5px;">Contact</div>
Add formspring.cbox widget here.<br>
Height: 190px<br>
Width: 250px</br>
</td>
<td>
<div class="title">Twitter</div>
<center><a class="minitw" href="http://twitter.com/twitter" target="_blank" styl
e="margin-bottom: 4px; font-size: 12pt;">follw me on twitter :)</a></center>
<div style="overflow-x: hidden; height: 150px; width: 100%; border: 1px solid #e
defdd; padding: 3px;">
<div id="twitter">
<ul id="twitter_update_list"></ul>
<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"><
/script>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/tw
itter.json?callback=twitterCallback2&count=12"></script>
</div>
</div>
</td>
</tr>
</table>
</div>
</div>
</td>
</tr>

<caption align="bottom"><div class="right"> <a title="Next page" href="<$NewerPo
sts$>" style="color: white; font-weight: strong; border: 0px;">>></a> </di
v> Layout/Graphics by <a href="http://flavors.me/tharangni" target="_blank">Ths<
/a> // <a href="http://www.blogskins.com/me/schrei" target="_blank">Schrei</a> /
/ <a href="http://fivepointsapart.blogspot.com" target="_blank" title="backgroun
d">FPA</a> <div class="left"> <a title="Previous page" href="<$OlderPosts$>" sty
le="color: white; font-weight: strong; border: 0px;"><<</a></div></caption
>
</table>
</body>
</html>

Template

Transféré par

Informations du document

Titre original

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

Template

Transféré par

Droits d'auteur :

Formats disponibles

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.

.right {float: right; }

Vous aimerez peut-être aussi