Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--THEME BY JOSHDEVIN, PLEASE DO NOT USE AS A BASE OR REDISTRIBUTE IN ANYWAY.-->
- <!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>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <meta name="color:line" content="#000"/>
- <meta name="color:text" content="#eeeeee"/>
- <meta name="color:link" content="#ccc"/>
- <meta name="color:linkhover" content="#eee"/>
- <meta name="text:url" content=""/>
- <link href='http://fonts.googleapis.com/css?family=Monsieur+La+Doulaise' rel='stylesheet' type='text/css'>
- <div style="font-size: 11px; letter-spacing: 2px; float: right; position: fixed;z-index:99999; bottom: 10px; right: 10px; color:{color:text};font-family:inconsolata;"><a href="http://ofisaac.tumblr.com">Β©<i>of</i>isaac</a></div>
- <style type="text/css">
- iframe#tumblr_controls {display:none}
- ::-webkit-scrollbar {width: 5px; height: 5px; background:{color:Scrollbar Background}; }
- ::-webkit-scrollbar-thumb { background-color: {color:Scrollbar};}
- body{
- font-family:calibri;
- font-size:11px;
- letter-spacing:1px;
- line-height:13px;
- color:{color:text};
- }
- a:link, a:active, a:visited{
- color:{color:link};
- text-decoration:none;
- -webkit-transition: all 0.4s linear;
- -moz-transition: all 0.4s linear;
- transition: all 0.4s linear;
- }
- a:hover{
- color:{color:linkhover};
- -webkit-transition: all 0.4s linear;
- -moz-transition: all 0.4s linear;
- transition: all 0.4s linear;
- }
- #stuff {
- width:500px;
- margin:0 auto;
- }
- #image {
- background-image:url(http://25.media.tumblr.com/tumblr_m33qwzyv7F1r6uwfxo2_250.png);
- background-position: fixed;
- background-attachment:fixed;
- background-repeat:repeat;
- text-decoration:none;
- position:fixed;
- width:1000px;
- height:1000px;
- margin-left:100px;
- margin-top:-300px;
- z-index:-999999999999;
- }
- #block {
- width:100px;
- height:1000px;
- background-color:{color:line};
- position:fixed;
- margin-left:100px;
- margin-top:-100px;
- }
- #title {
- color:white;
- font-family:Tahoma, Geneva, sans-serif;
- font-size:70px;
- position:fixed;
- margin-top:550px;
- margin-left:-35px;
- -webkit-transform: rotate(270deg);
- -moz-transform: rotate(270deg);
- -o-transform: rotate(270deg);
- }
- #title2 {
- font-family: 'Monsieur La Doulaise', cursive;
- font-size:60px;
- color:white;
- text-transform:lowercase;
- margin-left:-150px;
- margin-top:240px;
- width:400px;
- -webkit-transform: rotate(270deg);
- -moz-transform: rotate(270deg);
- -o-transform: rotate(270deg);
- }
- #container {
- width:700px;
- margin-top:-20px;
- margin-left:220px;
- }
- .box {
- width: 250px;
- height: 190px;
- margin-top:20px;
- margin-left:20px;
- padding:1px;
- border:1px solid #eee;
- float:left;
- overflow:hidden;
- -webkit-transition: all 0.4s linear;
- -moz-transition: all 0.4s linear;
- transition: all 0.4s linear;
- }
- .box img {
- opacity:0. ;
- }
- .box img.second,
- .box img.first:hover ~ img.second {
- display: none;
- -webkit-transition: all 0.4s linear;
- -moz-transition: all 0.4s linear;
- transition: all 0.4s linear;
- }
- .box img:hover ~ img.first {
- display: none;
- -webkit-transition: all 0.4s linear;
- -moz-transition: all 0.4s linear;
- transition: all 0.4s linear;
- }
- .box img:hover ~ img.second {
- display: inline-block;
- -webkit-transition: all 0.4s linear;
- -moz-transition: all 0.4s linear;
- transition: all 0.4s linear;
- }
- #left {
- font-family:monospace;
- font-size:11px;
- width:400px;
- letter-spacing:1px;
- position:fixed;
- text-align:center;
- margin-left:-350px;
- margin-top:50px;
- text-transform:uppercase;
- }
- </style>
- </head>
- <body>
- <div id="stuff">
- <div id="block">
- <div id="title">PSDS </div>
- <div id="title2">by {text:url} </div>
- <div id="image">
- </div> </div>
- <div id="left">
- PSDS BY {text:url} <br>
- <a href="/">BACK TO MAIN BLOG</a> β’
- <a href="http://tumblr.com">DASHBOARD</a> β’
- <a href="/ask">ASK A QUESTION</a>
- <br>
- <img src="http://fc03.deviantart.net/fs71/f/2012/125/d/6/birds_two____png_stock_by_selunia-d4ymhu1.png" width="300px;" style="margin-top:20px;opacity:0.5;">
- </div>
- <div style="position:absolute;">
- <div id="container">
- <!--PSD.-->
- <div class="box"><a href="http://ofisaac.tumblr.com/post/54355007036/gif-coloring-psd-by-joshdevin-monsters">
- <img src="http://oi41.tinypic.com/ic0qb6.jpg" width="250px" style="margin-top:-3px;">
- <img class="first" src="http://24.media.tumblr.com/23473b9acf09da66a74719ca3e14c8d9/tumblr_mp9pvddGgz1ruwtx6o1_250.gif" width="250px" style="margin-top:-3px;">
- <img class="second" src="http://24.media.tumblr.com/56ffb1dd4b88fc08e89f1fd40d972cee/tumblr_mp9pvddGgz1ruwtx6o2_250.gif" width="250px" style="margin-top:-3px;">
- </div>
- <!--PSD.-->
- <div class="box"><a href="http://ofisaac.tumblr.com/post/54217594505/gif-coloring-psd-by-joshdevin-download-mf">
- <img src="http://oi43.tinypic.com/o6bp0h.jpg" width="250px" style="margin-top:-3px;">
- <img class="first" src="http://25.media.tumblr.com/299ae1c7477fcf1a9076ded443c0cee5/tumblr_mp6jho784E1ruwtx6o1_250.gif" width="250px" style="margin-top:-3px;">
- <img class="second" src="http://24.media.tumblr.com/4612811076df662c0788bdcf5fd31e9c/tumblr_mp6jho784E1ruwtx6o2_250.gif" width="250px" style="margin-top:-3px;">
- </div>
- <!--PSD.-->
- <div class="box"><a href="http://ofisaac.tumblr.com/post/54059955605/gif-coloring-psd-by-joshdevin-no-vibrance-mf">
- <img src="http://oi40.tinypic.com/xljzvb.jpg" width="250px" style="margin-top:-3px;">
- <img class="first" src="http://24.media.tumblr.com/1dc247c67bac449ad1ecbf7b2fe4e38c/tumblr_mp2wmlzMt71ruwtx6o1_250.gif" width="250px" style="margin-top:-3px;">
- <img class="second" src="http://25.media.tumblr.com/6ef7634349c01c4914b3844dc98ee548/tumblr_mp2wmlzMt71ruwtx6o2_250.gif" width="250px" style="margin-top:-3px;">
- </div>
- <!--PSD.-->
- <div class="box"><a href="PUT PSD POST URL HERE">
- <img src="http://oi40.tinypic.com/3007hg7.jpg" width="250px" style="margin-top:-3px;">
- <img class="first" src="PUT ORIGINAL GIF/IMAGE URL HERE" width="250px" style="margin-top:-3px;">
- <img class="second" src="PUT GIF/IMAGE WITH PSD EFFECT URL HERE" width="250px" style="margin-top:-3px;">
- </div>
- <!--PSD.-->
- <div class="box"><a href="PUT PSD POST URL HERE">
- <img src="http://oi44.tinypic.com/2qaidmh.jpg" width="250px" style="margin-top:-3px;">
- <img class="first" src="PUT ORIGINAL GIF/IMAGE URL HERE" width="250px" style="margin-top:-3px;">
- <img class="second" src="PUT GIF/IMAGE WITH PSD EFFECT URL HERE" width="250px" style="margin-top:-3px;">
- </div>
- <!--PSD.-->
- <div class="box"><a href="PUT PSD POST URL HERE">
- <img src="http://oi43.tinypic.com/mvhtoo.jpg" width="250px" style="margin-top:-3px;">
- <img class="first" src="PUT ORIGINAL GIF/IMAGE URL HERE" width="250px" style="margin-top:-3px;">
- <img class="second" src="PUT GIF/IMAGE WITH PSD EFFECT URL HERE" width="250px" style="margin-top:-3px;">
- </div>
- <!--PSD.-->
- <div class="box"><a href="PUT PSD POST URL HERE">
- <img src="http://oi41.tinypic.com/2m7zxc6.jpg" width="250px" style="margin-top:-3px;">
- <img class="first" src="PUT ORIGINAL GIF/IMAGE URL HERE" width="250px" style="margin-top:-3px;">
- <img class="second" src="PUT GIF/IMAGE WITH PSD EFFECT URL HERE" width="250px" style="margin-top:-3px;">
- </div>
- <!--PSD.-->
- <div class="box"><a href="PUT PSD POST URL HERE">
- <img src="http://oi43.tinypic.com/sfib9z.jpg" width="250px" style="margin-top:-3px;">
- <img class="first" src="PUT ORIGINAL GIF/IMAGE URL HERE" width="250px" style="margin-top:-3px;">
- <img class="second" src="PUT GIF/IMAGE WITH PSD EFFECT URL HERE" width="250px" style="margin-top:-3px;">
- </div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement