API tools faq
paste
Advertisement
maryaciolli

theme - for icons 100x100

maryaciolli
Feb 25th, 2014
737
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.33 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3.  
  4. <! - - - - - - - - - - - - - - - - - - - - - - - - - -
  5. new theme ♡
  6. theme by oficinadehtml.tumblr.com
  7. @hollandsrod3n
  8. - - - - - - - - - - - - - - - - - - - - - - - - - - !>
  9.  
  10.  
  11. <!-- DEFAULT -->
  12. <meta name="color:banner" content="#eeeeee" />
  13.  
  14. <meta name="image:icon 1" content="" />
  15. <meta name="image:icon 2" content="" />
  16. <meta name="image:icon 3" content="" />
  17. <meta name="image:icon 4" content="" />
  18. <meta name="image:icon 5" content="" />
  19. <meta name="image:icon 6" content="" />
  20. <meta name="image:icon 7" content="" />
  21. <meta name="image:icon 8" content="" />
  22. <meta name="image:icon 9" content="" />
  23. <meta name="image:icon 10" content="" />
  24. <meta name="image:icon 11" content="" />
  25. <meta name="image:icon 12" content="" />
  26. <meta name="image:icon 13" content="" />
  27. <meta name="image:icon 14" content="" />
  28. <meta name="image:icon 15" content="" />
  29. <meta name="image:icon 16" content="" />
  30. <meta name="image:icon 17" content="" />
  31. <meta name="image:icon 18" content="" />
  32. <meta name="image:icon 19" content="" />
  33. <meta name="image:icon 20" content="" />
  34. <meta name="image:icon 21" content="" />
  35. <meta name="image:icon 22" content="" />
  36. <meta name="image:icon 23" content="" />
  37. <meta name="image:icon 24" content="" />
  38. <meta name="image:icon 25" content="" />
  39. <meta name="image:icon 26" content="" />
  40. <meta name="image:icon 27" content="" />
  41. <meta name="image:icon 28" content="" />
  42. <meta name="image:icon 29" content="" />
  43. <meta name="image:icon 30" content="" />
  44. <meta name="image:icon 31" content="" />
  45. <meta name="image:icon 32" content="" />
  46. <meta name="image:icon 33" content="" />
  47. <meta name="image:icon 34" content="" />
  48. <meta name="image:icon 35" content="" />
  49. <meta name="image:icon 36" content="" />
  50. <meta name="image:icon 37" content="" />
  51. <meta name="image:icon 38" content="" />
  52. <meta name="image:icon 39" content="" />
  53. <meta name="image:icon 40" content="" />
  54. <meta name="image:icon 41" content="" />
  55. <meta name="image:icon 42" content="" />
  56. <meta name="image:icon 43" content="" />
  57. <meta name="image:icon 44" content="" />
  58. <meta name="image:icon 45" content="" />
  59. <meta name="image:icon 46" content="" />
  60. <meta name="image:icon 47" content="" />
  61. <meta name="image:icon 48" content="" />
  62. <meta name="image:icon 49" content="" />
  63. <meta name="image:icon 50" content="" />
  64. <meta name="image:icon 51" content="" />
  65.  
  66.  
  67.  
  68. <title>{title}</title>
  69.  
  70.  
  71. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  72.  
  73. <link href='http://fonts.googleapis.com/css?family=Snippet' rel='stylesheet' type='text/css'>
  74.  
  75. <link href='http://fonts.googleapis.com/css?family=Cookie' rel='stylesheet' type='text/css'>
  76.  
  77. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  78.  
  79. <script>
  80.  
  81. (function($){
  82.  
  83. $(document).ready(function(){
  84.  
  85. $("a[title]").style_my_tooltips({
  86.  
  87. tip_follows_cursor:true,
  88.  
  89. tip_delay_time:0,
  90.  
  91. tip_fade_speed:0,
  92.  
  93. attribute:"title"
  94.  
  95. });
  96.  
  97. });
  98.  
  99. })(jQuery);
  100.  
  101. </script>
  102. </head>
  103.  
  104. <style type="text/css">
  105.  
  106. body{font-family:'arvil'; font-size: 11px;color: #696969;background: url('');background-color:#fff;background-attachment:fixed;line-height: 13px;text-align:justify;}
  107.  
  108. #content{margin: auto;margin-bottom: 15px;z-index:4;width:850px;margin-top:150px;text-align:justify;}
  109.  
  110. b, strong { color: #CEB7C4;}
  111. u, underline {color:#D2D2D2; border-bottom: 1px dashed #E0D0D9; text-decoration: none;}
  112. i { color: #E5E5E5;}
  113. s, strike { color: #D7EEEE;}
  114. a {color:#b5b5b5; text-decoration:none; font-family:arial; font-size:9px; font-style:italic;}
  115. a:hover{color:#b5b5b5;text-decoration:none;}
  116.  
  117. .caixa{padding: 10px;margin-top: 120px;text-align:justify; border:0px double #fff; text-decoration:uppercase; border-top:0px solid #eee;}
  118.  
  119. .banner {;width:750px; height:40px; text-align:center; margin-top:100px; font-size:12px; font-family:arial; letter-spacing:2px; font-size:9px;}
  120.  
  121. letra{font-family:arial; font-size:52px; letter-spacing:1px; font-weight:bold; text-align:center; font-style:italic;}
  122.  
  123. #s-m-t-tooltip {
  124. max-width:150px;
  125. padding:5px 10px 5px 10px;
  126. margin:20px 14px 7px 10px;
  127. border:1px solid #fff; /* change the border color */
  128. background-color:#fff; /* change the background color */
  129. font-family:Calibri; /* change the font */
  130. font-style: normal;
  131. font-size:10px; /* change the font size */
  132. line-height:11px;
  133. letter-spacing:1px; /* change the letter spacing */
  134. text-transform:uppercase; /* can be uppercase, lowercase, none*/
  135. color:#999; /* change the text color */
  136. z-index:999;
  137. }
  138.  
  139. .titel {display : block; border-bottom:0px solid #eee; margin-bottom:-10px; padding-left:5px; -webkit-transition-duration:.8s; font-family:arial; font-size:22px; letter-spacing:1px; font-weight:bold; text-align:right; font-style:italic; }
  140.  
  141. .titel:hover {letter-spacing:-1px; }
  142.  
  143. .e {text-align:center; padding-left:0px; margin-top:5px; font-family:arial; letter-spacing:1px; font-weight:bold;}
  144.  
  145. .imgs {padding:5px; border:7px solid #eee; width:100px; height:100px; opacity:0.8; filter:gray; -webkit-filter: grayscale(0%); -webkit-transition-duration:.8s; background:#fff; display:inline-block; margin:20px;}
  146.  
  147. .imgs:hover {opacity:1.0; filter:gray; -webkit-filter: grayscale(0%);}
  148.  
  149. </head>
  150. </style>
  151.  
  152. <body>
  153. <div style="position: absolute; z-index:999; top: 0px; width:100%; height:80px; background:{color:banner}; padding-top:35px; position:fixed;"> <center><letra>icons</letra><br><br>
  154.  
  155. <div class="e"><a href="/">get back</a> // <a href="http://www.tumblr.com/dashboard">dashborad</a></div></center> </div>
  156.  
  157. <div style="position: fixed; bottom: 10px; right: 10px; border: thin solid #aaa; padding:3px;"><a href="http://oficinadehtml.tumblr.com/" title="theme by @hollandsrod3n">©</a></div>
  158.  
  159. <div id="pagina"><center><div id="content">
  160.  
  161. <div class="caixa">
  162.  
  163. <img src="{image:icon 1}" class="imgs">
  164. <img src="{image:icon 2}" class="imgs">
  165. <img src="{image:icon 3}" class="imgs">
  166. <img src="{image:icon 4}" class="imgs">
  167. <img src="{image:icon 5}" class="imgs">
  168. <img src="{image:icon 6}" class="imgs">
  169. <img src="{image:icon 7}" class="imgs">
  170. <img src="{image:icon 8}" class="imgs">
  171. <img src="{image:icon 9}" class="imgs">
  172. <img src="{image:icon 11}" class="imgs">
  173. <img src="{image:icon 12}" class="imgs">
  174. <img src="{image:icon 13}" class="imgs">
  175. <img src="{image:icon 14}" class="imgs">
  176. <img src="{image:icon 15}" class="imgs">
  177. <img src="{image:icon 16}" class="imgs">
  178. <img src="{image:icon 17}" class="imgs">
  179. <img src="{image:icon 18}" class="imgs">
  180. <img src="{image:icon 19}" class="imgs">
  181. <img src="{image:icon 20}" class="imgs">
  182. <img src="{image:icon 21}" class="imgs">
  183. <img src="{image:icon 22}" class="imgs">
  184. <img src="{image:icon 23}" class="imgs">
  185. <img src="{image:icon 24}" class="imgs">
  186. <img src="{image:icon 25}" class="imgs">
  187. <img src="{image:icon 26}" class="imgs">
  188. <img src="{image:icon 27}" class="imgs">
  189. <img src="{image:icon 28}" class="imgs">
  190. <img src="{image:icon 29}" class="imgs">
  191. <img src="{image:icon 30}" class="imgs">
  192. <img src="{image:icon 31}" class="imgs">
  193. <img src="{image:icon 32}" class="imgs">
  194. <img src="{image:icon 33}" class="imgs">
  195. <img src="{image:icon 34}" class="imgs">
  196. <img src="{image:icon 35}" class="imgs">
  197. <img src="{image:icon 36}" class="imgs">
  198. <img src="{image:icon 37}" class="imgs">
  199. <img src="{image:icon 38}" class="imgs">
  200. <img src="{image:icon 39}" class="imgs">
  201. <img src="{image:icon 40}" class="imgs">
  202. <img src="{image:icon 41}" class="imgs">
  203. <img src="{image:icon 42}" class="imgs">
  204. <img src="{image:icon 43}" class="imgs">
  205. <img src="{image:icon 44}" class="imgs">
  206. <img src="{image:icon 45}" class="imgs">
  207. <img src="{image:icon 46}" class="imgs">
  208. <img src="{image:icon 47}" class="imgs">
  209. <img src="{image:icon 48}" class="imgs">
  210. <img src="{image:icon 49}" class="imgs">
  211. <img src="{image:icon 50}" class="imgs">
  212.  
  213.  
  214. </center></div>
  215. </div></body></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!