API tools faq
paste
Advertisement
nazrins

THEME FITEEN, NETWORK

nazrins
Apr 30th, 2013
8,558
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 9.44 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!-- THEME FIFTEEN, NETWORK BY MATTSMIT (HTTP://MATTSMIT.TUMBLR.COM)
  4. FOLLOW THE RULES OR WE WILL HAVE A BIG PROBLEM. -->
  5.  
  6. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  7.  
  8. <head>
  9. <title>{Title}</title>
  10. <link rel="shortcut icon" href="{Favicon}">
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  12.  
  13. <link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>
  14. <link href='http://fonts.googleapis.com/css?family=Satisfy' rel='stylesheet' type='text/css'>
  15. <link href='http://fonts.googleapis.com/css?family=Sofadi+One' rel='stylesheet' type='text/css'>
  16. <link href='http://fonts.googleapis.com/css?family=Fondamento:400italic' rel='stylesheet' type='text/css'>
  17.  
  18. <meta name="color:links" content="#f8f8f8"/>
  19. <meta name="color:title" content="#b6b6b6"/>
  20. <meta name="color:font" content="#919191"/>
  21. <meta name="color:hover" content="#919191"/>
  22.  
  23. <style type="text/css">
  24.  
  25. *, body, a, a:hover {cursor: url(http://media.tumblr.com/tumblr_mem9zjUXhw1rqv2lu.png), auto;}
  26.  
  27. ::-webkit-scrollbar {background-color:#fff; height:8px; width:3px}
  28. ::-webkit-scrollbar-thumb:vertical {background-color:#aaaaaa; height:50px}
  29.  
  30. body {font-family:calibri;font-size:9px;background-color:#fff;}
  31.  
  32. a {text-decoration:none;-webkit-transition: opacity 0.6s linear;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;opacity:1;color:{color:links};}
  33.  
  34. a:hover {text-decoration:none;opacity:1;color:{color:hover};}
  35.  
  36. #sidebar {width:100%;height:60px;color: #919191;line-height: 12px;margin-top: 20px;padding: 10px;margin-left: -10px;}
  37.  
  38. #space {width:180px;float:left;margin-left:15;margin-right:15px;margin-bottom:30px;}
  39.  
  40. #icon {margin-left:30px;padding:10px; border:1px solid #e2dbdb;width:160px;height:160px;overflow:hidden;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;}
  41.  
  42. #icon:hover img {border-radius:90px;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;}
  43.  
  44. #icon {-webkit-transition: opacity 0.5s linear;opacity: 0.75;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;}
  45.  
  46. #icon img {-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;}
  47.  
  48. #icon:hover{-webkit-transition: opacity 0.5s linear;opacity: 1;border-radius:90px;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;}
  49.  
  50. .about {border-radius:1050px;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;opacity:1.0;font-style:normal;text-align:center;height:140px;width:140px;text-transform:lowercase;font-size:13px;margin-top:0px;background:white;color:{color:font};padding:10px;position:absolute;overflow:hidden;}
  51.  
  52. #icon .about {opacity:0;-webkit-transition: all 1.0s;-moz-transition: all 1.0s;transition: all 1.0s;}
  53.  
  54. #icon:hover .about {opacity:0.8;-webkit-transition: all 1.0s;-moz-transition: all 1.0s;transition: all 1.0s;width:140px;height:140px;transform:rotate(360deg);-webkit-transform:rotate(360deg);}
  55.  
  56. .menu {-webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; transition:all 0.2s ease-out;margin-bottom: 3px;color: #919191;}
  57.  
  58. .menu a {color: {color:links};margin-bottom: -10px;text-transform: lowercase;height: 14.5px;font-size: 8px;letter-spacing: 2px;}
  59.  
  60. .menu a:hover {color: #a3a3a3;letter-spacing:5px;font-style:bold;}
  61.  
  62. </style>
  63. </head>
  64.  
  65. <div id="sidebar">
  66. <center>
  67. <div class="menu"><div id="description"><div style="color:{color:title};margin-top:10px;font-family: 'Satisfy', cursive;font-size:50px;">{title}</div></div><br><br>
  68. <div style="font-family:'calibri';">
  69. <a href="http://tumblr.com/dashboard">dash</a>
  70. <a href="/ask">ask</a>
  71. <a href="http://mattsmit.tumblr.com">credit</a>
  72. </div>
  73. </center>
  74. </div></div>
  75.  
  76. <table border="0" cellpadding="0" cellspacing="0" align="center">
  77. <tr><td>
  78.  
  79. </td></tr>
  80.  
  81. <div style="margin-top:50px;">
  82.  
  83. <tr><td>
  84.  
  85. <div id="space">
  86. <div id="icon"><div class="about"><div style="font-size:30px;font-family: 'Great Vibes', cursive;text-transform:lowercase;">
  87. <!--- NAMEHERE--->name<br></div>
  88. <!--- ADD DESCRIPTION HERE--->this is a description; three to four lines looks best.<!---END DESCRIPTION---><br>
  89. <div style="font-size:15px;font-family: 'Sofadi One', cursive;"><!---URL HERE!-->
  90. <a href="http://URLHERE.tumblr.com/">
  91. <!---NAME OF URL---><i><b>url name</i></b></a></div></div>
  92. <!---PUT IMAGE URL WHERE IT SAYS IMAGE URL. MAKE SURE ITS A SQUARE IMAGE OR IT'll BE STRETCHED!!-->
  93. <img width="160px" height="160px"src="IMAGE URL HERE"/></div>
  94. </div></div>
  95.  
  96.  
  97. <div id="space">
  98. <div id="icon"><div class="about"><div style="font-size:30px;font-family: 'Great Vibes', cursive;text-transform:lowercase;">
  99. <!--- NAMEHERE--->name<br></div>
  100. <!--- ADD DESCRIPTION HERE--->this is a description; three to four lines looks best.<!---END DESCRIPTION---><br>
  101. <div style="font-size:15px;font-family: 'Sofadi One', cursive;"><!---URL HERE!-->
  102. <a href="http://URLHERE.tumblr.com/">
  103. <!---NAME OF URL---><i><b>url name</i></b></a></div></div>
  104. <!---PUT IMAGE URL WHERE IT SAYS IMAGE URL. MAKE SURE ITS A SQUARE IMAGE OR IT'll BE STRETCHED!!-->
  105. <img width="160px" height="160px"src="IMAGE URL HERE"/></div>
  106. </div></div>
  107.  
  108.  
  109. <div id="space">
  110. <div id="icon"><div class="about"><div style="font-size:30px;font-family: 'Great Vibes', cursive;text-transform:lowercase;">
  111. <!--- NAMEHERE--->name<br></div>
  112. <!--- ADD DESCRIPTION HERE--->this is a description; three to four lines looks best.<!---END DESCRIPTION---><br>
  113. <div style="font-size:15px;font-family: 'Sofadi One', cursive;"><!---URL HERE!-->
  114. <a href="http://URLHERE.tumblr.com/">
  115. <!---NAME OF URL---><i><b>url name</i></b></a></div></div>
  116. <!---PUT IMAGE URL WHERE IT SAYS IMAGE URL. MAKE SURE ITS A SQUARE IMAGE OR IT'll BE STRETCHED!!-->
  117. <img width="160px" height="160px"src="IMAGE URL HERE"/></div>
  118. </div></div>
  119.  
  120.  
  121. <div id="space">
  122. <div id="icon"><div class="about"><div style="font-size:30px;font-family: 'Great Vibes', cursive;text-transform:lowercase;">
  123. <!--- NAMEHERE--->name<br></div>
  124. <!--- ADD DESCRIPTION HERE--->this is a description; three to four lines looks best.<!---END DESCRIPTION---><br>
  125. <div style="font-size:15px;font-family: 'Sofadi One', cursive;"><!---URL HERE!-->
  126. <a href="http://URLHERE.tumblr.com/">
  127. <!---NAME OF URL---><i><b>url name</i></b></a></div></div>
  128. <!---PUT IMAGE URL WHERE IT SAYS IMAGE URL. MAKE SURE ITS A SQUARE IMAGE OR IT'll BE STRETCHED!!-->
  129. <img width="160px" height="160px"src="IMAGE URL HERE"/></div>
  130. </div></div>
  131.  
  132.  
  133. </td></tr>
  134. <tr><td>
  135.  
  136.  
  137. <div id="space">
  138. <div id="icon"><div class="about"><div style="font-size:30px;font-family: 'Great Vibes', cursive;text-transform:lowercase;">
  139. <!--- NAMEHERE--->name<br></div>
  140. <!--- ADD DESCRIPTION HERE--->this is a description; three to four lines looks best.<!---END DESCRIPTION---><br>
  141. <div style="font-size:15px;font-family: 'Sofadi One', cursive;"><!---URL HERE!-->
  142. <a href="http://URLHERE.tumblr.com/">
  143. <!---NAME OF URL---><i><b>url name</i></b></a></div></div>
  144. <!---PUT IMAGE URL WHERE IT SAYS IMAGE URL. MAKE SURE ITS A SQUARE IMAGE OR IT'll BE STRETCHED!!-->
  145. <img width="160px" height="160px"src="IMAGE URL HERE"/></div>
  146. </div></div>
  147.  
  148.  
  149. <div id="space">
  150. <div id="icon"><div class="about"><div style="font-size:30px;font-family: 'Great Vibes', cursive;text-transform:lowercase;">
  151. <!--- NAMEHERE--->name<br></div>
  152. <!--- ADD DESCRIPTION HERE--->this is a description; three to four lines looks best.<!---END DESCRIPTION---><br>
  153. <div style="font-size:15px;font-family: 'Sofadi One', cursive;"><!---URL HERE!-->
  154. <a href="http://URLHERE.tumblr.com/">
  155. <!---NAME OF URL---><i><b>url name</i></b></a></div></div>
  156. <!---PUT IMAGE URL WHERE IT SAYS IMAGE URL. MAKE SURE ITS A SQUARE IMAGE OR IT'll BE STRETCHED!!-->
  157. <img width="160px" height="160px"src="IMAGE URL HERE"/></div>
  158. </div></div>
  159.  
  160.  
  161. <div id="space">
  162. <div id="icon"><div class="about"><div style="font-size:30px;font-family: 'Great Vibes', cursive;text-transform:lowercase;">
  163. <!--- NAMEHERE--->name<br></div>
  164. <!--- ADD DESCRIPTION HERE--->this is a description; three to four lines looks best.<!---END DESCRIPTION---><br>
  165. <div style="font-size:15px;font-family: 'Sofadi One', cursive;"><!---URL HERE!-->
  166. <a href="http://URLHERE.tumblr.com/">
  167. <!---NAME OF URL---><i><b>url name</i></b></a></div></div>
  168. <!---PUT IMAGE URL WHERE IT SAYS IMAGE URL. MAKE SURE ITS A SQUARE IMAGE OR IT'll BE STRETCHED!!-->
  169. <img width="160px" height="160px"src="IMAGE URL HERE"/></div>
  170. </div></div>
  171.  
  172.  
  173. <div id="space">
  174. <div id="icon"><div class="about"><div style="font-size:30px;font-family: 'Great Vibes', cursive;text-transform:lowercase;">
  175. <!--- NAMEHERE--->name<br></div>
  176. <!--- ADD DESCRIPTION HERE--->this is a description; three to four lines looks best.<!---END DESCRIPTION---><br>
  177. <div style="font-size:15px;font-family: 'Sofadi One', cursive;"><!---URL HERE!-->
  178. <a href="http://URLHERE.tumblr.com/">
  179. <!---NAME OF URL---><i><b>url name</i></b></a></div></div>
  180. <!---PUT IMAGE URL WHERE IT SAYS IMAGE URL. MAKE SURE ITS A SQUARE IMAGE OR IT'll BE STRETCHED!!-->
  181. <img width="160px" height="160px"src="IMAGE URL HERE"/></div>
  182. </div></div>
  183.  
  184.  
  185. </td></tr>
  186.  
  187. </table>
  188.  
  189. <div style="position:fixed; bottom:-5px; right:0px;"><center>
  190. <a href="http://mattsmit.tumblr.com"><img src="http://media.tumblr.com/2cdb11ac62288b4a60979cc5602ac8db/tumblr_inline_mnro7vzBOJ1qz4rgp.png" width="45px" height="45px"></a></div>
  191.  
  192.  
  193. </body>
  194. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!