Advertisement
shotforthesky

Saved Url Tumblr Theme

Sep 20th, 2012
747
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.29 KB | None | 0 0
  1. <html>
  2.  
  3. <!--
  4. theme by Mimì @ thearmyinside.tumblr.com
  5. -->
  6.  
  7. <head>
  8.  
  9. <meta name="color:Background" content="#f5f5f5"/>
  10. <meta name="color:Border" content="#fcfd69"/>
  11. <meta name="color:Bar" content="#fcfd7f"/>
  12. <meta name="color:Link" content="#e9a87b"/>
  13. <meta name="color:Hover" content="#b3a050"/>
  14. <meta name="color:Text" content="#2c2c2c"/>
  15.  
  16. <meta name="image:Background" content=""/>
  17. <meta name="image:Picture" content="http://static.tumblr.com/lry6bbu/pNGmam4sv/icon.jpg"/>
  18.  
  19. <meta name="text:NewUrlLink" content="http://YOURNEWURL.tumblr.com" />
  20. <meta name="text:NewUrl" content="YOURNEWURL" />
  21. <meta name="text:Moved" content="Moved to a new url" />
  22.  
  23. <title>{Title}</title>
  24. <link rel="shortcut icon" href="{Favicon}">
  25.  
  26. <style type="text/css">
  27.  
  28. body {
  29. background-color:{color:Background};
  30. background-image:url({image:Background});
  31. background-attachment:fixed;
  32. background-repeat:no-repeat;
  33. color: {color:Text};
  34. }
  35.  
  36. #box {
  37. width:100%;
  38. height:auto;
  39. margin-top:200px;
  40. position:fixed;
  41. }
  42.  
  43. #picture {
  44. width:150px;
  45. height:150px;
  46. opacity:0.7;
  47. border:10px solid {color:Border};
  48. border-radius:100px;
  49. -moz-border-radius:100px;
  50. -khtml-border-radius:100px;
  51. -webkit-border-radius: 100px;
  52. transition:all 0.6s ease-out;
  53. -o-transition-transition:all 0.6s ease-out;
  54. -webkit-transition:all 0.6s ease-out;
  55. -moz-transition:all 0.6s ease-out;
  56. }
  57. #picture:hover {
  58. opacity:1;
  59. transition:all 0.6s ease-out;
  60. -o-transition-transition:all 0.6s ease-out;
  61. -webkit-transition:all 0.6s ease-out;
  62. -moz-transition:all 0.6s ease-out;
  63. }
  64.  
  65. .bar {
  66. width:140px;
  67. padding:2px;
  68. font-size:10px;
  69. font-family:Georgia;
  70. letter-spacing:2px;
  71. background-color: {color:Bar};
  72. color:{color:Text};
  73. -moz-box-shadow:2px 2px 2px #333333;
  74. -webkit-box-shadow:2px 2px 2px #333333;
  75. box-shadow:2px 2px 2px #333333;
  76. }
  77.  
  78. a:link, a:active, a:visited {
  79. color:{color:Link};
  80. text-decoration:none;
  81. transition:all 0.6s ease-out;
  82. -o-transition-transition:all 0.6s ease-out;
  83. -webkit-transition:all 0.6s ease-out;
  84. -moz-transition:all 0.6s ease-out;
  85. }
  86. a:hover {
  87. color: {color:Hover};
  88. transition:all 0.6s ease-out;
  89. -o-transition-transition:all 0.6s ease-out;
  90. -webkit-transition:all 0.6s ease-out;
  91. -moz-transition:all 0.6s ease-out;
  92. text-decoration:none;
  93. }
  94.  
  95. #credits {
  96. font-size:9px;
  97. float:left;
  98. font-family:Georgia;
  99. font-style:italic;
  100. opacity:0.4;
  101. transition:all 0.6s ease-out;
  102. -o-transition-transition:all 0.6s ease-out;
  103. -webkit-transition:all 0.6s ease-out;
  104. -moz-transition:all 0.6s ease-out;
  105. }
  106. #credits:hover {
  107. opacity:1;
  108. transition:all 0.6s ease-out;
  109. -o-transition-transition:all 0.6s ease-out;
  110. -webkit-transition:all 0.6s ease-out;
  111. -moz-transition:all 0.6s ease-out;
  112. }
  113.  
  114. #spazio {
  115.  
  116. }
  117.  
  118. </style>
  119. <style type="text/css">{CustomCSS}</style>
  120.  
  121. </head>
  122. <body>
  123.  
  124. <center>
  125. <div id="box">
  126. <div id="spazio">
  127. <div id="picture"><img src="{image:Picture}" width="150" height="150" style="border-radius:100px;-moz-border-radius:100px;-khtml-border-radius:100px;-webkit-border-radius: 100px;"/></div>
  128. <div class="bar" style="position:relative;margin-top:-150px;margin-bottom:98px;">{text:Moved}</div>
  129. <div class="bar" style="position:relative;"><a href="{text:NewUrlLink}">{text:NewUrl}</a></div>
  130. </div></div>
  131. </center>
  132. <div id="credits">&#9733; Theme by <a href="http://thearmyinside.tumblr.com">Mimì</a></div>
  133. </body>
  134. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement