thewisepotato

Sans Serif Saved URL/Redirect Page

Aug 2nd, 2013
1,038
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.13 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <title> {Title}{block:PostSummary}: {PostSummary}{/block:PostSummary}</title>
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7. <link rel="shortcut icon" href="{Favicon}" />
  8.  
  9. <meta name="text:Link Font Size" content="1em"/>
  10. <meta name="text:Link 1" content="" />
  11. <meta name="text:Link 1 URL" content="http://" />
  12. <meta name="text:Link 2" content="" />
  13. <meta name="text:Link 2 URL" content="http://" />
  14. <meta name="color:Text" content="#0abfff" />
  15. <meta name="color:Link Hover" content="#000000" />
  16. <meta name="color:Background" content="#000000" />
  17. <meta name="color:Content" content="#ffffff" />
  18. <meta name="image:Background" content=" " />
  19. <meta name="if:HoverToSeeTitle" content="1">
  20.  
  21. <link href='http://fonts.googleapis.com/css?family=Oxygen:300' rel='stylesheet' type='text/css'>
  22.  
  23. <style type="text/css">
  24.  
  25. *{-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;}
  26.  
  27. body {background-color:{color:Background}; background-image:url({image:Background});}
  28.  
  29. #content {width:300px; height:150px; padding:10px; margin:20% auto; border-radius: 15px; background-color:{color:Content};}
  30.  
  31. a {text-decoration:none; color:{color:Text};}
  32.  
  33. a:hover{color:{color:Link Hover};}
  34.  
  35. .text {font-family:Oxygen, sans-serif; padding:4px; color:{color:Text};}
  36.  
  37. .icon {float:left; border-radius:50%;}
  38.  
  39. #title {padding: 1px; text-align:center; z-index:1; width: 129px; height:23px; position:absolute; margin-top:54px; overflow:hidden; background-color:{color:Content};
  40. {block:IfHoverToSeeTitle}opacity:0;{/block:IfHoverToSeeTitle}}
  41.  
  42. {block:IfHoverToSeeTitle}#image:hover #title {opacity:1;}{/block:IfHoverToSeeTitle}
  43.  
  44. #image {background:url({PortraitURL-128}); height:128px; width:128px; float:left; border-radius:50%;}
  45.  
  46. #text {padding-top:0 !important; text-align:justify; font-size: 12px; height:128px; width:148px; display:table-cell; vertical-align:middle; word-wrap:break-word; overflow:auto;}
  47.  
  48. #wrap {height:128px; overflow:scroll;}
  49.  
  50. p {clear:both; text-align:center; letter-spacing:5px; height:30px; margin-top:0; font-size:{text:Link Font Size};}
  51.  
  52. {CustomCSS}
  53. </style>
  54.  
  55. </head>
  56.  
  57. <body>
  58. <div id="content">
  59.  
  60. <div id="image">
  61. <div id="title" class="text">{Title}</div>
  62. </div>
  63.  
  64. <div id="wrap"><div class="text" id="text">{Description}</div></div>
  65.  
  66. <p class="text">
  67. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  68. {block:ifLink1}{block:ifLink2} • {/block:ifLink2}{/block:ifLink1}
  69. {block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a></p>{/block:ifLink2}
  70. </div>
  71.  
  72. <!------DO NOT REMOVE THE CREDIT. DOING SO WOULD MAKE YOU A THIEF.------->
  73. <a href="http://syntaxthemes.tumblr.com">
  74. <img style="position:fixed; bottom:0; right:0; display:block; opacity:0.7; margin:0; z-index:999999999999!important;" onmouseover="this.style.opacity=0.9" onmouseout="this.style.opacity=0.7" src="http://static.tumblr.com/puls2hm/QOHn1brjx/st.png"/></a>
  75. <!----------------------------------THANK-------------------------------->
  76. </body>
  77. </html>
Advertisement
Add Comment
Please, Sign In to add comment