Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!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>
- <title>Films of 2013</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="altertnate" type="application/rss+xml" href="{RSS}">
- <meta http-equiv="x-dns-prefetch-control" content="off"/></head>
- <style type="text/css">
- body{
- color:#666666;
- background-color:#161617;
- font-family:cambria;
- font-size:9px;
- line-height: 100%;
- text-align:justify;
- }
- a:link, a:active, a:visited{
- color: #000;
- text-decoration: none;
- }
- a:hover{
- color:#000;
- text-decoration: none;
- }
- .container div {
- display: none;
- }
- .container:hover div {
- display: block;
- }
- .image-hover>span {
- width:120px;
- height:50px;
- display: block;
- margin-top: -106px;
- background-color: white;
- padding: 10px;
- -webkit-transition: .4s ease-in-out opacity;
- -moz-transition: .4s ease-in-out opacity;
- -o-transition: .4s ease-in-out opacity;
- transition: .4s ease-in-out opacity;
- opacity: 0;
- font-family: cambria;
- text-transform: lowercase;
- color: rgb(37, 37, 37);
- font-style: italic;
- font-size: 9px;
- text-align:center; margin-left:30px;
- }
- .image-hover:hover>span {
- opacity: 0.9;
- }
- .titel {
- height: 20px;
- margin-top: 4px;
- padding-bottom: 0px;
- line-height: 20px;
- font-family: cambria;
- text-transform: lowercase;
- color: rgb(37, 37, 37);
- font-style: italic;
- font-size: 9px;
- }
- .linkjes {
- color: rgb(0, 0, 0);
- font-family: cambria;
- font-size: 7px;
- margin-top: -7px;
- text-transform:uppercase;}
- .oops {
- line-height:100%;
- margin-top:15px;
- }
- .lin a {
- padding: 2px 20px;
- font-family: cambria;
- font-style: italic;
- font-size: 8px;
- }
- .lijst ul {
- list-style:none;
- margin:0px;
- padding:0px;
- }
- .lijst li {
- list-style:none;
- margin:3px;
- float:left;
- }
- </style>
- <div style="width:250px; height:120px; padding:7px 7px 7px 5px; background-color: #fff; z-index:10000; position:fixed; left: 110px; top:0px; bottom:0px; margin:auto;">
- <center>
- <p align="center" style="margin-top:25px; color: rgb(0, 0, 0); font-family: cambria; font-size: 8px; height: 80px; line-height: 110%; overflow: auto; padding: 10px 5px 0px; text-align: justify; text-transform: lowercase; width: 200px; font-style: italic;">
- <span style="text-transform: lowercase; font-size: 9px;">
- this is where your description goes. don't change or remove the credit, please.
- <br><br>
- <span class="lin">
- <a href="/">back</a>
- <a href="http://tumblr.com">dashboard</a>
- <a href="http://oswin-oswald.tumblr.com">credit</a></span>
- </p></center>
- </div>
- <div class="lijst" style="position: absolute; z-index: 100; background-color: rgb(255, 255, 255); width: 826px; right: 0px; top: 0px; padding: 10px;">
- <ul>
- <li><div style="width: 200px; height:296px;">
- <div class="image-hover">
- <img src="http://dl.dropbox.com/u/70381927/grijs.JPG" style="width:200px; height:296px;"/>
- <span class="desc"><div class="titel">filmtitle goes here</div>
- <div class="linkjes">
- <a href="imdb link goes here">IMDB</a> - year - <a href="trailer link goes here">TRAILER</a></div>
- ★★★★☆
- </span>
- </div></div></li>
- <li><div style="width: 200px; height:296px;">
- <div class="image-hover">
- <img src="http://dl.dropbox.com/u/70381927/grijs.JPG" style="width:200px; height:296px;"/>
- <span class="desc"><div class="titel">filmtitle goes here</div>
- <div class="linkjes">
- <a href="imdb link goes here">IMDB</a> - year - <a href="trailer link goes here">TRAILER</a></div>
- ★★★★☆
- </span>
- </div></div></li>
- <li><div style="width: 200px; height:296px;">
- <div class="image-hover">
- <img src="http://dl.dropbox.com/u/70381927/grijs.JPG" style="width:200px; height:296px;"/>
- <span class="desc"><div class="titel">filmtitle goes here</div>
- <div class="linkjes">
- <a href="imdb link goes here">IMDB</a> - year - <a href="trailer link goes here">TRAILER</a></div>
- ★★★★☆
- </span>
- </div></div></li>
- <li><div style="width: 200px; height:296px;">
- <div class="image-hover">
- <img src="http://dl.dropbox.com/u/70381927/grijs.JPG" style="width:200px; height:296px;"/>
- <span class="desc"><div class="titel">filmtitle goes here</div>
- <div class="linkjes">
- <a href="imdb link goes here">IMDB</a> - year - <a href="trailer link goes here">TRAILER</a></div>
- ★★★★☆
- </span>
- </div></div></li>
- <li><div style="width: 200px; height:296px;">
- <div class="image-hover">
- <img src="http://dl.dropbox.com/u/70381927/grijs.JPG" style="width:200px; height:296px;"/>
- <span class="desc"><div class="titel">filmtitle goes here</div>
- <div class="linkjes">
- <a href="imdb link goes here">IMDB</a> - year - <a href="trailer link goes here">TRAILER</a></div>
- ★★★★☆
- </span>
- </div></div></li>
- <li><div style="width: 200px; height:296px;">
- <div class="image-hover">
- <img src="http://dl.dropbox.com/u/70381927/grijs.JPG" style="width:200px; height:296px;"/>
- <span class="desc"><div class="titel">filmtitle goes here</div>
- <div class="linkjes">
- <a href="imdb link goes here">IMDB</a> - year - <a href="trailer link goes here">TRAILER</a></div>
- ★★★★☆
- </span>
- </div></div></li>
- <li><div style="width: 200px; height:296px;">
- <div class="image-hover">
- <img src="http://dl.dropbox.com/u/70381927/grijs.JPG" style="width:200px; height:296px;"/>
- <span class="desc"><div class="titel">filmtitle goes here</div>
- <div class="linkjes">
- <a href="imdb link goes here">IMDB</a> - year - <a href="trailer link goes here">TRAILER</a></div>
- ★★★★☆
- </span>
- </div></div></li>
- <li><div style="width: 200px; height:296px;">
- <div class="image-hover">
- <img src="http://dl.dropbox.com/u/70381927/grijs.JPG" style="width:200px; height:296px;"/>
- <span class="desc"><div class="titel">filmtitle goes here</div>
- <div class="linkjes">
- <a href="imdb link goes here">IMDB</a> - year - <a href="trailer link goes here">TRAILER</a></div>
- ★★★★☆
- </span>
- </div></div></li>
- <li><div style="width: 200px; height:296px;">
- <div class="image-hover">
- <img src="http://dl.dropbox.com/u/70381927/grijs.JPG" style="width:200px; height:296px;"/>
- <span class="desc"><div class="titel">filmtitle goes here</div>
- <div class="linkjes">
- <a href="imdb link goes here">IMDB</a> - year - <a href="trailer link goes here">TRAILER</a></div>
- ★★★★☆
- </span>
- </div></div></li>
- <li><div style="width: 200px; height:296px;">
- <div class="image-hover">
- <img src="http://dl.dropbox.com/u/70381927/grijs.JPG" style="width:200px; height:296px;"/>
- <span class="desc"><div class="titel">filmtitle goes here</div>
- <div class="linkjes">
- <a href="imdb link goes here">IMDB</a> - year - <a href="trailer link goes here">TRAILER</a></div>
- ★★★★☆
- </span>
- </div></div></li>
- <li><div style="width: 200px; height:296px;">
- <div class="image-hover">
- <img src="http://dl.dropbox.com/u/70381927/grijs.JPG" style="width:200px; height:296px;"/>
- <span class="desc"><div class="titel">filmtitle goes here</div>
- <div class="linkjes">
- <a href="imdb link goes here">IMDB</a> - year - <a href="trailer link goes here">TRAILER</a></div>
- ★★★★☆
- </span>
- </div></div></li>
- <li><div style="width: 200px; height:296px;">
- <div class="image-hover">
- <img src="http://dl.dropbox.com/u/70381927/grijs.JPG" style="width:200px; height:296px;"/>
- <span class="desc"><div class="titel">filmtitle goes here</div>
- <div class="linkjes">
- <a href="imdb link goes here">IMDB</a> - year - <a href="trailer link goes here">TRAILER</a></div>
- ★★★★☆
- </span>
- </div></div></li>
- </ul>
- </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement