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">
- <!--
- created by heavenlytales
- inspired by darren-criss and pistachi-o
- please do not remove any credit
- thanks and enjoy!
- !-->
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <head>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="altertnate" type="application/rss+xml" href="{RSS}">
- <meta name="description" content="" />
- <meta http-equiv="x-dns-prefetch-control" content="off"/></head>
- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
- <style type="text/css">
- body{
- color: # 462012;
- background-color: white;
- background-image: url("");
- background-position: top left;
- background-repeat: no-repeat;
- background-attachment: fixed;
- font-family: Lucida Sans Unicode;
- font-size: 10px;
- line-height: 100%;
- text-align: justify;
- }
- a:link, a:active, a:visited{
- color: #57382D;
- text-decoration: none;
- }
- a:hover{
- color: #7A5D42;
- text-decoration: none;
- }
- #title {
- font-size: 18px;
- font-family: times;
- text-align: center;
- padding-bottom: 10px;
- padding-top: 20px;
- color: #301207;}
- .box {
- color: #212121;
- float: left;
- width: 160px;
- background: #FFFFFF;
- margin: 2px;
- position: relative;
- overflow: hidden;
- }
- .pic {
- margin: 0px;
- padding: 0px;
- width: 160px;
- height: 160px;
- }
- .text {
- position: absolute;
- top: 5px;
- left: 4px;
- width: 120px;
- height: 140px;
- padding: 5px 16px;
- font-size: 11px;
- text-align: center;
- background: #FFFFFF;
- opacity: 0;
- -webkit-transition: .5s ease-in-out opacity;
- -moz-transition: .5s ease-in-out opacity;
- -o-transition: .5s ease-in-out opacity;
- transition: .5s ease-in-out opacity;
- }
- .box:hover .text {
- opacity: 0.85;
- -webkit-transition: .5s ease-in-out opacity;
- -moz-transition: .5s ease-in-out opacity;
- -o-transition: .5s ease-in-out opacity;
- transition: .5s ease-in-out opacity;
- }
- .box-title {
- margin: 10px 0px 4px;
- text-align: center;
- font-family: Lucida Sans Unicode;
- font-weight: 700;
- font-size: 12px;
- color: #2B2B2B;
- text-decoration: none;
- text-transform: uppercase;
- line-height: 100%;
- padding-bottom: 5px;
- border-bottom: 1px dotted #DDD;
- }
- .quote {
- font-family: cambria;
- font-style: italic;
- padding: 5px;
- max-height: 140px;
- overflow: auto;
- }
- .credit{
- position: absolute;
- bottom: 4px;
- right:4px;
- }
- </style>
- <center><table width="780" border="0" cellpadding="0" cellspacing="3"><tbody align="center">
- <!—START OF THE FIRST ROW DESCRIPTION (DON’T CHANGE THE FIRST ONE)--!>
- <tr><td><b> </b><br/></td>
- <td><b>SHOW NAME</b><br/></td>
- <td><b>SHOW NAME</b><br/></td>
- <td><b>SHOW NAME</b><br/></td>
- <td><b>SHOW NAME</b><br/></td></tr>
- <!—END OF THE FIRST ROW DESCRIPTION--!>
- <!—START OF THE FIRST ROW PICS (DON’T CHANGE THE FIRST BOX)--!>
- <tr><td><div class="box cat1"><img src="http://25.media.tumblr.com/84a8563d5d019564cafd3829071269f3/tumblr_mkf7eaIAwK1rgfhy6o4_r2_250.png" width="160" height="160"><div class="text"><a href="/"><img src="http://24.media.tumblr.com/2744aa3877f6a598d4317d90cc412f5c/tumblr_mkf7eaIAwK1rgfhy6o7_r3_250.png"></a></div></div>
- </td>
- <td><div class="box cat1">
- <img src="(image)" width="160" height="160" class="pic">
- <div class="text">
- <div class="box-title">SHIP NAME</div>
- <div class="quote"> “Quote here.”</div>
- </div>
- </div></td>
- <td><div class="box cat1">
- <img src="(image)" width="160" height="160" class="pic">
- <div class="text">
- <div class="box-title">SHIP NAME</div>
- <div class="quote"> “Quote here.”</div>
- </div>
- </div></td>
- <td><div class="box cat1">
- <img src="(image)" width="160" height="160" class="pic">
- <div class="text">
- <div class="box-title">SHIP NAME</div>
- <div class="quote"> “Quote here.”</div>
- </div>
- </div></td>
- <td><div class="box cat1">
- <img src="(image)" width="160" height="160" class="pic">
- <div class="text">
- <div class="box-title">SHIP NAME</div>
- <div class="quote"> “Quote here.”</div>
- </div>
- </div></td>
- <!—END OF THE FIRST ROW PICS --!>
- <!—START OF THE SECOND ROW DESCRIPTION--!>
- <tr><td><b>SHOW NAME</b><br/></td>
- <td><b>SHOW NAME</b><br/></td>
- <td><b>SHOW NAME</b><br/></td>
- <td><b>SHOW NAME</b><br/></td>
- <td><b>SHOW NAME</b><br/></td></tr>
- <!—END OF THE SECOND ROW DESCRIPTION--!>
- <!—START OF THE SECOND ROW PICS--!>
- <td><div class="box cat1">
- <img src="(image)" width="160" height="160" class="pic">
- <div class="text">
- <div class="box-title">SHIP NAME</div>
- <div class="quote"> “Quote here.”</div>
- </div>
- </div></td>
- <td><div class="box cat1">
- <img src="(image)" width="160" height="160" class="pic">
- <div class="text">
- <div class="box-title">SHIP NAME</div>
- <div class="quote"> “Quote here.”</div>
- </div>
- </div></td>
- <td><div class="box cat1">
- <img src="(image)" width="160" height="160" class="pic">
- <div class="text">
- <div class="box-title">SHIP NAME</div>
- <div class="quote"> “Quote here.”</div>
- </div>
- </div></td>
- <td><div class="box cat1">
- <img src="(image)" width="160" height="160" class="pic">
- <div class="text">
- <div class="box-title">SHIP NAME</div>
- <div class="quote"> “Quote here.”</div>
- </div>
- </div></td>
- <td><div class="box cat1">
- <img src="(image)" width="160" height="160" class="pic">
- <div class="text">
- <div class="box-title">SHIP NAME</div>
- <div class="quote"> “Quote here.”</div>
- </div>
- </div></td>
- <!—END OF THE SECOND ROW PICS --!>
- </tbody></table></center>
- <div class="credit">code by <a href="http://heavenlytales.tumblr.com" target="_blank">heavenlytales</a></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement