Advertisement
ipads

Amy Theme

Mar 1st, 2013
1,111
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 4.25 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3.  
  4. <link href='http://fonts.googleapis.com/css?family=Walter+Turncoat' rel='stylesheet' type='text/css'>
  5.  
  6. <title>blogroll</title>
  7.  
  8. <script type="text/javascript"
  9. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  10.  
  11. <style type="text/css">
  12.  
  13. <title>blogroll</title>
  14.  
  15. #tumblr_controls{
  16. position:fixed !important;
  17. top: 1px;
  18. right: 1px;
  19. }
  20.  
  21. @font-face {font-family: "short stack";src: url('http://static.tumblr.com/nsmrhzp/oa2m3oqp7/shortstack-regular.ttf');}
  22.  
  23. body {
  24. padding: 0px;
  25. margin: 0px;
  26. color:#000;
  27. font-family: 'short stack';
  28. font-size: 10px;
  29. background-color: #fff;
  30. }
  31.  
  32. a:link, a:active, a:visited{
  33. text-decoration: none;
  34. color: #bab;
  35. -webkit-transition: color 0.4s ease-out;
  36. -moz-transition: color 0.4s ease-out;
  37. }
  38.  
  39. a:hover{
  40. color:{color:Hover};
  41. -webkit-transition: color 0.4s ease-out;
  42. -moz-transition: color 0.4s ease-out;
  43. text-shadow:0px 0px 1px #696969;
  44. }
  45.  
  46. #content img{-webkit-transform: rotate(0deg); -webkit-transition: all 1s ease-in-out;}
  47.  
  48. #content:hover img{border-radius: 5px;}
  49.  
  50. #content:hover {border-radius: 5px; opacity: 1; -webkit-transform: rotate(30deg); -moz-transform:rotate(30deg); -webkit-transition: all 15s ease-in-out: border: 4px solid #aaa;}
  51.  
  52.  
  53. div#linkss{
  54. width:auto;
  55. }
  56.  
  57. .candy{
  58. position: fixed;
  59. font-family: 'short stack';
  60. font-size: 14px;
  61. top:5px;
  62. left:5px;
  63. background:transparent;
  64. font-weight:bold;
  65. }
  66.  
  67. .linkz{border: 4px double #aaa; width: 25px; height: 10px; padding: 3px;}
  68.  
  69. div#blogtitle {
  70. font-family: 'walter turncoat';
  71. font-size: 46px;
  72. line-height: 54px;
  73. margin:2px;
  74. letter-spacing:8px;
  75. width:auto;
  76. -webkit-transition-duration: .4s;
  77. -webkit-transform: rotate(0deg);
  78. -moz-transform: rotate(0deg);
  79. }
  80.  
  81. #content img{width:100%;height:100%;border-radius:5px;}
  82. #content:hover {border:1px solid #CCC; border-radius: 2px;}
  83. #content {
  84. display:inline-block;
  85. margin:5px;
  86. background:#FFF;
  87. padding:0px;
  88. height:60px;
  89. width:60px;
  90. border-radius:10px;
  91. border:4px double #aaa;
  92. transition: 0.5s ease;
  93. -o-transition: 0.5s ease;
  94. -moz-transition: 0.5s ease;
  95. -webkit-transition: 0.5s ease;}
  96.  
  97. #content2 img{width:120px;height:120px;border:4px double #aaa;}
  98. #content2 {
  99. display:inline-block;
  100. margin:10px;
  101. margin-bottom: 10px;
  102. background:#FFF;
  103. padding:0px;
  104. height:auto;
  105. width:auto;
  106. transition: 0.5s ease;
  107. -o-transition: 0.5s ease;
  108. -moz-transition: 0.5s ease;
  109. -webkit-transition: 0.5s ease;}
  110. </style>
  111.  
  112. <title>blogroll</title>
  113.  
  114. <link rel="shortcut icon" href="{Favicon}">
  115. <meta name="viewport" content="width=820" />
  116.  
  117. </head>
  118. <body>
  119.  
  120. <div class="wrapper">
  121. <div class="header">
  122. </div>
  123.  
  124. <div align="center">
  125.  
  126. <center>
  127.  
  128. <div id="linkss">
  129.  
  130. <a href="/" title="{Name}"><div id="content2"><img src="{PortraitURL-128}"></a></p>
  131. <a class="linkz" href="/">Home ↩</a> <a class="linkz" href="/ask">Ask ✉</a> <a class="linkz" href="http://unstrong.tumblr.com">Credit ©</a></div></div>
  132. <div style="opacity: 0; position: fixed; top: -30px; left: -400px;"><script language="JavaScript" src="http://s1.freehostedscripts.net/ocount.php?site=ID2005091&name="></script>
  133. </div>
  134. <div id=linkss">
  135.  
  136. {Block:Following}{Block:Followed}
  137.  
  138. <a href="{FollowedURL}" title="{FollowedTitle}"><div id="content"><img src="{FollowedPortraitURL-128}">
  139. </div></a>
  140.  
  141. {/Block:Following}{/Block:Followed}
  142.  
  143. </div>
  144.  
  145. <br>
  146. </center></div>
  147.  
  148. </center></div>
  149.  
  150. <!--Please do not remove this credit or i'll report you-->
  151. </a><li><div style="position:fixed; bottom:5px; left:5px; font-family: short stack; font-size: 15px; text-transform:uppercase;">
  152. <a href="http://individul.tumblr.com">©</li></a><div style="position: fixed; top: -40px; left: -40px; opacity: 0;"><script language="JavaScript">
  153. var ref = (''+document.referrer+'');
  154. document.write('<script src="http://s1.freehostedscripts.net/ocounter.php?site=ID2998753&e1=using theme&e2=using theme&r=' + ref + '"><\/script>');
  155. </script></div>
  156. <!--Please do not remove this credit or i'll report you-->
  157.  
  158.  
  159. </div>
  160.  
  161. <div class="left">
  162.  
  163. </body>
  164. <br>
  165. <br>
  166.  
  167. <div style="position: fixed; bottom: 3px; right: 3px;"><a href="http://unstrong.tumblr.com">theme</a></div>
  168.  
  169. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement