scrapbook

<!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" xml:lang="en" lang="en">

<head>

<!----- theme by jasnahdavar
------- the paste and original post were removed because i'm an idiot but here is the code
------- DO NOT steal/redistribute/claim as your own
------- ASK ME if you want to use as a base code
------- this is a really simple theme honestly
------- my askbox is always open!
------->

<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="altertnate" type="application/rss+xml" href="{RSS}">
<link href='http://fonts.googleapis.com/css?family=Fenix' rel='stylesheet' type='text/css'>

<link href='http://fonts.googleapis.com/css?family=Fondamento' rel='stylesheet' type='text/css'>


<style type="text/css">

::-webkit-scrollbar-thumb:vertical { height:12px; border:2px solid #fff; background-color:#cfcfcf; }
::-webkit-scrollbar-thumb:horizontal { background-color:#fff; }
::-webkit-scrollbar { width:7px; height:7px; border:5px solid #fff; background-color:#cfcfcf; }
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{ display:block; height:8px; border-right:2px solid #fff; border-left:2px solid #fff; background-color:#cfcfcf; }

body {
    background: #FFFFFF;
    font-size: 11px;
    color: #000000;
    font-family:helvetica;

}

a:link, a:active, a:visited {
color: #ff0066; /* LINK COLOR */
text-decoration: none;
 -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

a:hover {
color: #ffccff; /* LINK HOVER COLOR */
text-decoration: none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;

}

/* NAVLINKS */

#nav {
    position:fixed;
    top:100px;
    display:block;
}

#nav a {
    display:block;
    text-transform:uppercase;
    margin:10px;

}

/*  --- CALENDAR --- */

#calendar {
        position:absolute;
    text-align:center;
    left:50%;
    margin-left:-375px;
    margin-bottom:20px;
    width:750px;

}

.header {
    border-top-right-radius:10px;
    border-top-left-radius:10px;
    border-top:20px solid #ff0066; /* HEADER COLOR */
}


.month {
    text-align:center;
    margin-top:50px;
    font-family:arial;
    font-weight:bold;
    font-size:20px;
}

.year {
    text-align:center;
    font-family:arial;
    font-size:12px;
    color:#999; /* YEAR COLOR */

}


/* DATES */

td {
    padding:2px;
    width:100px;
    height:100px;
    border:1px solid #999;
    background:#fff; /* BOX BACKGROUND COLOR */
}

.date {
   font-weight:bold;
   position:absolute;
 margin-top:-50px;
 width:100px;
 border-bottom:1px solid #999;
 text-align:center;
 height:15px;
   font-size:14px;
    color:#999; /* DAY NUMBER COLOR */

}

.content {
margin-top:-32px;
position:absolute;
text-align:left;
padding-left:5px;
font-size:10px;
height:80px;
width:95px;
overflow:auto;
color:#666; /*-- DATE CONTENT COLOR -- */
padding:2px;
}

.detail {

    font-weight:bold;
    color:#4d4d4d; /* DATE SUBHEADING COLOR (watched, read, etc) */
    text-align:left;
    margin-left:-2px;
    margin-bottom:2px;
}


/*credit do not edit*/

#credit {
    bottom:10px;
    right:0px;
    font-size:25px;
    position:fixed;

}

.cr {
background:transparent;}


.theme {
    width:0px;
    background:#ff0066;
    color:#fff;
    height:18px;
    font-size:10px;
    margin-top:-25px;
    padding-top:2px;
visibility:hidden;    position:fixed;
    text-align:center;
    text-transform:uppercase;

}


.cr:hover .theme {
visibility:visible;
width:200px;
    margin-left:-200px;

transition:0.6s;
}

 </style>
 </head>
 <body>

<div id="nav">
    <a href="/">home</a>
    <a href="/ask">ask</a>
    <a href="http://tumblr.com">dash</a>
</div>
<div id="calendar">
<div class="month">MONTH</div>
<div class="year">YEAR</div>

<div class="header">
    <table>
    <tr>
     <td>
            <div class="date">#</div>
            <div class="content">
                write anything you like here. movies you watched, books you read, friends you met, idk its a scrapbook. it can run over to be as long as you like too. just make sure there are no more than 7 boxes in a row <!-- description -->
            </div>
        </td>
        <td>
<div class="date">#</div>
<div class="content">

<div class="detail">watched:</div>
content
</div>
        </td>
<!--- to add more boxes copy the following code --->

<td>
<div class="date">#</div>
<div class="content">
content
</div>
</td>

<!--- remember to keep no more than seven boxes in the same row --->

    </tr>
<!--- end first row
----- to start a new row copy the code below --->

<tr>

<td>
<div class="date">#</div>
<div class="content">
content
</div>
</td>
</tr>


</table>
</div>
<!--- end first month --->

<!--- to add more months copy the code below --->

<div class="month">MONTH</div>
<div class="year">YEAR</div>
<div class="header">
<table>
<tr>

<td>
<div class="date">#</div>
<div class="content">
content
</div>
</td>
</tr>


</table>
</div>

<!--- end second month --->

</div>
 <!--- END CODING
    PLEASE DO NOT REMOVE CREDIT --->


  <div id="credit"><div class="cr"><a href="http://jasnahdavar.tumblr.com">©</a>
        <div class="theme">theme by jasnahdavar</div></div>
    </div>


 </body>
 </html>