Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <! DO NOT REMOVE CREDITS
- /*************************************
- Creator: Suki
- URL: http://blogskins.com/me/suuukiii
- Description: ///.01 THROUGH THIS HEART
- BLOGSPOT THEME © 2012 Suki. All Rights Reserved.
- DO NOT COPY, DO NOT CLAIM AS YOURS, DO NOT REDISTRIBUTE.
- Contact me at the URL above or at the email kiiissyouhard[at]gmail.com.
- *************************************/
- DO NOT REMOVE CREDITS !>
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>///.01 THROUGH THIS HEART</title>
- <link rel="shortcut icon" href="/" type="image/x-icon" />
- <style type="text/css">
- body {
- color: #b0b0b0;
- background: #fbfbfb url(http://imageshack.us/a/img259/1350/ginpachitakasugiii.png) fixed no-repeat;
- margin: 0;
- width: 930px;}
- #navbar-iframe { display: none !important; }
- #all {
- padding-top: 10px;
- padding-left: 300px;
- width: 630px;
- height: 500px; }
- #links {
- float: left;
- width: 200px; }
- #links a {
- font-family: "Times New Roman", Times, serif;
- color:#fbfbfb;
- font-size: 40px;
- display:block;
- padding: 20px;
- letter-spacing: 0px;
- font-style:italic;
- text-decoration: none;
- text-transform: lowercase;
- text-align: center;}
- #links a:hover {
- font-family: "Times New Roman", Times, serif;
- color:#ffffff;
- font-size: 40px;
- padding: 20px;
- font-style:italic;
- letter-spacing: 0px;
- display:block;
- text-decoration: none; }
- .box1 { background:#ebf7f2;margin-bottom:10px;height:92px; }
- .box2 { background:#f8f4f0;margin-bottom:10px;height:92px; }
- .box3 { background:#f8f4da;margin-bottom:10px;height:92px; }
- .box4 { background:#f3f5d0;margin-bottom:10px;height:92px; }
- .box5 { background:#e9e2d7;height:92px; }
- .box1:hover { background:none; border-right: 30px solid #ebf7f2; -moz-transition: 1s; -webkit-transition: 1s;}
- .box2:hover { background:none; border-right: 30px solid #f8f4f0; -moz-transition: 1s; -webkit-transition: 1s;}
- .box3:hover { background:none; border-right: 30px solid #f8f4da; -moz-transition: 1s; -webkit-transition: 1s;}
- .box4:hover { background:none; border-right: 30px solid #f3f5d0; -moz-transition: 1s; -webkit-transition: 1s;}
- .box5:hover { background:none; border-right: 30px solid #e9e2d7; -moz-transition: 1s; -webkit-transition: 1s;}
- #right { float: right;
- height: 500px;
- width: 420px;}
- #entries {
- float: left;
- width: 340px;
- background: #f9f8f9;
- height: 500px; }
- .title {
- font-family: consolas;
- font-size: 10px;
- color: #929292;
- font-weight: bold;
- text-transform: uppercase;
- border-bottom: 1px dashed #929292;
- text-shadow: 1px 1px #d0d0d0;
- text-align: right;
- margin-top: 20px;
- margin-left: 20px;
- margin-right: 20px;
- margin-bottom: 1px; }
- .date {
- font-family: consolas;
- font-size: 10px;
- color: #929292;
- font-style: italic;
- text-transform: lowercase;
- text-align: right;
- margin-bottom: 20px;
- margin-left: 20px;
- margin-right: 20px;
- margin-top: 0px; }
- .date a {
- color: #c3c3c3;
- text-decoration:none;
- border-bottom: 2px solid #ebf7f2;}
- .date a:hover {
- color: #c3c3c3;
- background: #ebf7f2;
- padding: 3px;
- -moz-transition: 1s;
- -webkit-transition: 1s;}
- .content {
- font-family: consolas;
- font-size: 10px;
- color: #b0b0b0;
- text-align: justify;
- margin-bottom: 30px;
- margin-left: 20px;
- margin-right: 20px;
- margin-top: 20px;
- overflow-y: auto;
- padding: 5px;
- height: 400px;}
- .content a {
- color: #c3c3c3;
- text-decoration:none;
- border-bottom: 2px solid #f8f4f0;}
- .content a:hover {
- color: #c3c3c3;
- background: #f8f4f0;
- padding: 3px;
- -moz-transition: 1s;
- -webkit-transition: 1s;}
- b,i,s { color: #e4e4e4; }
- u { text-decoration:none; border-bottom:2px solid #f8f4da; }
- blockquote { color:#e4e4e4; border-left:10px solid #f3f5d0; padding: 5px; }
- #pagination a{
- font-family: consolas;
- font-size: 60px;
- line-height: 40px;
- color: #c5c5c5;
- font-weight: bold;
- text-transform: uppercase;
- text-decoration:none;
- text-align: center;
- display:block;}
- #pagination a:hover{
- color: #dbdbdb;
- -moz-transition: 1s;
- -webkit-transition: 1s;}
- .credits {
- font-family: consolas;
- font-size: 9px;
- color: #e48095;
- font-weight: bold;
- text-transform: uppercase;
- text-shadow: 1px 1px #faebed;
- text-align: right;
- margin-top: 5px;
- margin-bottom: 50px;
- margin-right: 85px; }
- .credits a{
- font-family: consolas;
- font-size: 9px;
- color: #f0b2bf;
- font-weight: bold;
- text-decoration:none;
- text-transform: uppercase;
- text-shadow: 1px 1px #faebed; }
- </style>
- </head>
- <body>
- <div id="all">
- <div id="links">
- <div class="box1"><a href="/">home</a></div>
- <div class="box2"><a onClick="document.getElementById('entries').innerHTML=document.getElementById('abt').innerHTML">about</a></div>
- <div class="box3"><a onClick="document.getElementById('entries').innerHTML=document.getElementById('aff').innerHTML">affiliates</a></div>
- <div class="box4"><a onClick="document.getElementById('entries').innerHTML=document.getElementById('tag').innerHTML">tagboard</a></div>
- <div class="box5"><a onClick="document.getElementById('entries').innerHTML=document.getElementById('cre').innerHTML">credits</a></div>
- </div>
- <div id="right">
- <div id="entries">
- <blogger>
- <div class="title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
- <div class="date"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> / <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> comment(s)</a></BlogItemCommentsEnabled></div>
- <div class="content">
- <$blogitembody$>
- </div>
- </blogger>
- </div>
- <div id="pagination">
- <OlderPosts><a href="<$OlderPosts$>">»</a></OlderPosts><br /><NewerPosts><a href="<$NewerPosts$>">«</a></NewerPosts>
- </div>
- <div id="abt" style="display: none;">
- <div id="entries">
- <div class="title">Profile</div>
- <div class="date">All about me and this site</div>
- <div class="content">
- Write something here.
- </div>
- </div>
- </div>
- <div id="aff" style="display: none;">
- <div id="entries">
- <div class="title">Affiliates</div>
- <div class="date">My darlings</div>
- <div class="content">
- Add your lovers here.
- </div>
- </div>
- </div>
- <div id="tag" style="display: none;">
- <div id="entries">
- <div class="title">Chatbox</div>
- <div class="date">Talking little talks</div>
- <div class="content">
- <center>
- <img src="http://imageshack.us/a/img253/6397/01cbox.png" />
- </center>
- </div>
- </div>
- </div>
- <div id="cre" style="display: none;">
- <div id="entries">
- <div class="title">Credits</div>
- <div class="date">The maker</div>
- <div class="content">
- <!****** DO NOT REMOVE THESE LINES! ******!>
- Theme by <a href="http://blogskins/me/suuukiii">Suuukiii</a> ©2012 All Rights Reserved.
- <!****** DO NOT REMOVE THESE LINES! ******!>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="credits">© <a href="/">yournamehere</a></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement