itinerae : spooky season

images

code

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>itinerae : spooky season</title>
   
  
  <style type="text/css">  
  body 
  {font:10px calibri;letter-spacing:1px;color:#333;background:#f4f4f4 url(https://64.media.tumblr.com/688623dfdd2d1b64ee3fc6e207a88af9/0c2189efffe8de10-24/s75x75_c1/a26c6e5d73100d268e4c789da0cd3f101a8cd288.pnj) repeat-x;}

textarea {font:10px calibri;letter-spacing:1px;}

a:link, a:visited, a:active {
color:#000;text-decoration:none;}
a:hover {
color:#555;}
a img {
border-width:0;
}

b {color:#111;font-weight:bold;}

::-webkit-scrollbar-thumb {
background-color: transparent;  
border-radius: 0px;
border:1px solid #cc000;
}
::-webkit-scrollbar {
width: 7px; height: 4px; 
background: transparent;
}

.title {text-transform:uppercase;color:#fff;background:#000;font:12px georgia;letter-spacing:2px;padding:1px;padding-left:4px;margin-bottom:4px;border-top-left-radius:5px;
border-top-right-radius:5px;}
#content {background:#fff;width:400px;padding:4px;border:1px solid #000;border-radius:10px;}
#left {background:#fff;width:170px;padding:4px;border:1px solid #000;border-radius:10px;}
#banner {background:#222 url(https://64.media.tumblr.com/02a6e8ee061de98947051eee4f8894df/6d48451d8df4092e-ca/s500x750/ed69c1a12502ca25c99a5ceaf422a90f24eae870.gifv);width:400px;height:230px;padding:4px;border-radius:10px;}
.bigtitle {font:16px arial;text-transform:uppercase;text-align:right;color:#fff;border-bottom:1px solid #ccc;margin-top:110px;}

#navigation {
      width: 390px;
      float: left;
      margin: 0 0 0 0;
      padding: 5px 0px;
      list-style: none;
      background-color: transparent;
       }
   #navigation li {
      float: left; }
   #navigation li a {
      display: block;
      padding: 2px 10px;
font:italic 11px georgia;
text-transform:lowercase;
border-radius:10px;
     letter-spacing:1px;
      text-decoration: none;
      font-weight: normal;
margin-right:0px;
margin-left:5px;
      color: #fff;
background:#000;
      border:1px solid #555;}
   #navigation li a:hover {
      color: #fff;
      background-color: #777; }
    
</style>

</head>

<body>

<div class="title"><img src="https://64.media.tumblr.com/3cb5bac450f7e092b6100a63b86898fc/27060450449c7bcf-fd/s75x75_c1/69414359d32da291a86846aa6bef87b7d24f8e8c.pnj" height="12" alt="x"> title</div>
<img src="https://64.media.tumblr.com/tumblr_ltuzmz1J5z1r2nnw5.gif" align="left" style="margin:4px;"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla hendrerit tincidunt mauris, vitae rutrum odio molestie eget. Etiam vel justo sed urna egestas euismod et eget nibh. Nulla et dictum turpis. Vestibulum massa enim, vehicula ut purus ac, lobortis iaculis velit.<br><br>

<div class="title"><img src="https://64.media.tumblr.com/3cb5bac450f7e092b6100a63b86898fc/27060450449c7bcf-fd/s75x75_c1/69414359d32da291a86846aa6bef87b7d24f8e8c.pnj" height="12" alt="x"> title</div>

Donec posuere turpis at mollis porta. Nunc congue faucibus nibh, id hendrerit ipsum ultricies eget. Phasellus faucibus sollicitudin fermentum. Curabitur sit amet suscipit dui, at finibus arcu. <br><br> 
<div class="title"><img src="https://64.media.tumblr.com/3cb5bac450f7e092b6100a63b86898fc/27060450449c7bcf-fd/s75x75_c1/69414359d32da291a86846aa6bef87b7d24f8e8c.pnj" height="12" alt="x"> title</div>

Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed tristique euismod neque, quis maximus est semper ac. Fusce dolor ligula, fringilla ut malesuada ut, suscipit ut tellus. In sit amet lectus ut nibh aliquam lobortis. <br><br>

<div class="title"><img src="https://64.media.tumblr.com/3cb5bac450f7e092b6100a63b86898fc/27060450449c7bcf-fd/s75x75_c1/69414359d32da291a86846aa6bef87b7d24f8e8c.pnj" height="12" alt="x"> title</div>

Praesent vestibulum, libero quis scelerisque egestas, lacus orci aliquam risus, ac dictum tellus dui vitae urna. Sed eu eros nec nunc ultrices dignissim. Fusce sit amet bibendum ex, sed dapibus enim.

<br><br>
<div class="title"><img src="https://64.media.tumblr.com/3cb5bac450f7e092b6100a63b86898fc/27060450449c7bcf-fd/s75x75_c1/69414359d32da291a86846aa6bef87b7d24f8e8c.pnj" height="12" alt="x"> credits</div>

layout: <a href="https://itinerae.blogspot.com" target="_blank">itinerae</a><br>
banner image: <a href="https://gothdolly.tumblr.com/post/111161434058" target="_blank">from tumblr</a> (you can delete or change it if you want)<br>
pixels: <a href="http://pixel-dreams.tumblr.com" target="_blank">pixel dreams</a>

</div>

<div id="banner" style="position:absolute;top:100px;left:388px;border:1px solid #000;">
<div class="bigtitle"><img src="https://64.media.tumblr.com/3cb5bac450f7e092b6100a63b86898fc/27060450449c7bcf-fd/s75x75_c1/69414359d32da291a86846aa6bef87b7d24f8e8c.pnj" alt="x">  Spooky season </div>
<ul id="navigation">
      <li><a href="">home</a></li>

</ul>

</div>

<div class="title"><img src="https://64.media.tumblr.com/3cb5bac450f7e092b6100a63b86898fc/27060450449c7bcf-fd/s75x75_c1/69414359d32da291a86846aa6bef87b7d24f8e8c.pnj" height="12" alt="x"> title</div>
Donec posuere turpis at mollis porta. Nunc congue faucibus nibh, id hendrerit ipsum ultricies eget. Phasellus faucibus sollicitudin fermentum. Curabitur sit amet suscipit dui, at finibus arcu. <br><br> Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed tristique euismod neque, quis maximus est semper ac. Fusce dolor ligula, fringilla ut malesuada ut, suscipit ut tellus. In sit amet lectus ut nibh aliquam lobortis. <br><br> Praesent vestibulum, libero quis scelerisque egestas, lacus orci aliquam risus, ac dictum tellus dui vitae urna. Sed eu eros nec nunc ultrices dignissim. Fusce sit amet bibendum ex, sed dapibus enim.<br><br>
Aenean sodales suscipit ipsum, eget sodales nisl malesuada placerat. Curabitur rutrum egestas enim ut convallis. Vestibulum erat est, elementum eget sem quis, fringilla finibus diam. Aenean purus felis, ullamcorper at tristique pharetra, semper eget massa. Ut egestas ante sed quam facilisis, eu posuere dolor lobortis.<br><br>
Vivamus eu odio et turpis imperdiet egestas. Nunc rhoncus sapien sed ultrices gravida. Pellentesque in nulla suscipit, feugiat mauris eleifend, vulputate velit. Duis aliquam congue tristique. Aliquam ut mi nisl. Mauris sed sapien ut sem porta facilisis a eu ligula. Nunc mollis nibh sit amet risus ultricies ornare. Proin vehicula imperdiet nisi in placerat. Praesent felis nunc, faucibus in turpis quis, mattis gravida neque. In volutpat neque at ex rutrum, in pellentesque felis tincidunt.
</div>

</body>
</html>

title

Donec posuere turpis at mollis porta. Nunc congue faucibus nibh, id hendrerit ipsum ultricies eget. Phasellus faucibus sollicitudin fermentum. Curabitur sit amet suscipit dui, at finibus arcu.

Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed tristique euismod neque, quis maximus est semper ac. Fusce dolor ligula, fringilla ut malesuada ut, suscipit ut tellus. In sit amet lectus ut nibh aliquam lobortis.

Praesent vestibulum, libero quis scelerisque egestas, lacus orci aliquam risus, ac dictum tellus dui vitae urna. Sed eu eros nec nunc ultrices dignissim. Fusce sit amet bibendum ex, sed dapibus enim.

Aenean sodales suscipit ipsum, eget sodales nisl malesuada placerat. Curabitur rutrum egestas enim ut convallis. Vestibulum erat est, elementum eget sem quis, fringilla finibus diam. Aenean purus felis, ullamcorper at tristique pharetra, semper eget massa. Ut egestas ante sed quam facilisis, eu posuere dolor lobortis.

Vivamus eu odio et turpis imperdiet egestas. Nunc rhoncus sapien sed ultrices gravida. Pellentesque in nulla suscipit, feugiat mauris eleifend, vulputate velit. Duis aliquam congue tristique. Aliquam ut mi nisl. Mauris sed sapien ut sem porta facilisis a eu ligula. Nunc mollis nibh sit amet risus ultricies ornare. Proin vehicula imperdiet nisi in placerat. Praesent felis nunc, faucibus in turpis quis, mattis gravida neque. In volutpat neque at ex rutrum, in pellentesque felis tincidunt.