API tools faq
paste
Advertisement
ancrestas

themes page 1.0

ancrestas
Jul 10th, 2014
257
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.65 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <title>{Title}</title>
  5.  
  6. <link rel="shortcut icon" href="{Favicon}">
  7. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  8.  
  9. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  10. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  11. <script>
  12. (function($){
  13. $(document).ready(function(){
  14. $("a[title]").style_my_tooltips({
  15. tip_follows_cursor:true,
  16. tip_delay_time:150,
  17. tip_fade_speed:700,
  18. attribute:"title"
  19. });
  20. });
  21. })(jQuery);
  22. </script>
  23.  
  24. <link href='http://fonts.googleapis.com/css?family=Inconsolata:400,700' rel='stylesheet' type='text/css'>
  25.  
  26. <style type="text/css">
  27.  
  28. #s-m-t-tooltip {
  29. max-width:300px;
  30. padding:5px;
  31. margin:10px 0px 0px 10px;
  32. background-color:#0a0a0a;
  33. font-family:trebuchet ms;
  34. font-size:7px;
  35. letter-spacing:1px;
  36. font-style:none;
  37. text-transform:uppercase;
  38. padding-bottom:3px;
  39. color:#fff;
  40. z-index:999999999999999999999999999999999999;
  41. }
  42.  
  43. ::-webkit-scrollbar-thumb {
  44. height:auto;
  45. background-color: #555;
  46. border:1px solid #fff;
  47. }
  48.  
  49. ::-webkit-scrollbar {
  50. height:9px;
  51. width:5px;
  52. background-color: #ddd;
  53. border:2px solid #fff;
  54. }
  55.  
  56. a {
  57. color:#fff;
  58. text-decoration:none;
  59. -webkit-transition:all 0.1s;
  60. -moz-transition:all 0.1s;
  61. -ms-transition:all 0.1s;
  62. -o-transition:all 0.1s;
  63. transition:all 0.1s; }
  64.  
  65. a:hover {
  66. color:#454545;
  67. text-shadow: #f8f8f8 0 0 5px;
  68. text-decoration:underline;
  69. cursor: url(http://media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif), auto;
  70. -webkit-transition:all 0.1s;
  71. -moz-transition:all 0.1s;
  72. -ms-transition:all 0.1s;
  73. -o-transition:all 0.1s;
  74. transition:all 0.1s; }
  75. }
  76.  
  77. body {
  78. background-color:#FFFFFF;
  79. cursor: url(http://media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png), auto;
  80. margin:0px;
  81. color:#9A9A9A;
  82. font-family:calibri;
  83. font-size:10px;
  84. line-height:100%;
  85. letter-spacing:0px;
  86. text-align:justify;
  87. }
  88.  
  89.  
  90. img{
  91. border:none;
  92. text-decoration:none
  93. }
  94.  
  95. p {
  96. margin-top:5px;
  97. margin-bottom:5px
  98. }
  99.  
  100. b, bold {
  101. font-weight:bold;
  102. font-family:arial;
  103. color:#000000;
  104. }
  105.  
  106. #header{
  107. width:940px;
  108. height:400px;
  109. overflow:hidden;
  110. position:center;
  111. margin-top:5px;
  112. margin-left:250px;
  113. }
  114.  
  115. #description {
  116. text-align:center;
  117. font-family:'Arial';
  118. width:923px;
  119. margin-top:0px;
  120. margin-left:248px;
  121. font-size:9px;
  122. text-transform:none;
  123. color:#9A9A9A;
  124. border-top:1px solid #f0f0f0;
  125. padding: 10px 10px 10px;
  126. }
  127.  
  128. .links {
  129. width:940px;
  130. z-index:-1px;
  131. margin-top:0px;
  132. margin-left:250px;
  133. font-family:arial;
  134. font-size:20px;
  135. text-transform:lowercase;
  136. font-weight: bold;
  137. padding:2px;
  138. z-index:999999999999999999999999999;
  139. letter-spacing:-1px;
  140. color:#928f8f;
  141. text-align:center;
  142. }
  143.  
  144. .links a {
  145. color:#928f8f;
  146. padding:3px;
  147. -moz-transition-duration: 0.5s;
  148. -o-transition-duration: 0.5s;
  149. -webkit-transition-duration: 0.5s;
  150. transition-duration: 0.5s;
  151. }
  152.  
  153. .links a:hover {
  154. color:#454545;
  155. text-decoration:underline;
  156. -moz-transition-duration: 0.5s;
  157. -o-transition-duration: 0.5s;
  158. -webkit-transition-duration: 0.5s;
  159. transition-duration: 0.5s;
  160. }
  161.  
  162. #entries {
  163. margin-top:-30px;
  164. width:100%;
  165. margin-left:520px;
  166. color:white;
  167. }
  168.  
  169. #posts {
  170. width:100%;
  171. margin-bottom:75px;
  172. }
  173.  
  174. #box {
  175. width:270px;
  176. height:160px;
  177. overflow:hidden;
  178. }
  179.  
  180. #boximage {
  181. width:260px;
  182. height:160px;
  183. overflow:hidden;
  184. -webkit-transition: all 0.8s;
  185. -moz-transition: all 0.8s;
  186. transition: all 0.8s;
  187. }
  188.  
  189. #boximage img {
  190. width:250px;
  191. -webkit-transition: all 0.8s;
  192. -moz-transition: all 0.8s;
  193. transition: all 0.8s;
  194. }
  195.  
  196. #boxtext {
  197. font-family:arial;
  198. font-size:15px;
  199. line-height:20px;
  200. padding-top:20px;
  201. font-weight:bold;
  202. background:#928f8f;
  203. width:250px;
  204. margin-top:-176px;
  205. height:167px;
  206. margin-left:0px;
  207. opacity:0;
  208. text-align:center;
  209. border-bottom:3px solid ;
  210. -webkit-transition: all 0.3s;
  211. -moz-transition: all 0.3s;
  212. transition: all 0.3s;
  213. }
  214.  
  215. #themename {
  216. color:#ffaaff;
  217. font-size:18px;
  218. text-transform:uppercase;
  219. }
  220.  
  221. #information {
  222. color:#ffee87;
  223. }
  224.  
  225. #boxtext a {
  226. font-size:14px;
  227. font-weight:normal;
  228. line-height:10px;
  229. color:white;
  230. text-align:center;
  231. padding:5px;
  232. background:#928f8f;
  233. }
  234.  
  235. #box:hover #boxtext {
  236. opacity:1;
  237. margin-top:-170px;
  238. -webkit-transition: all 0.8s;
  239. -moz-transition: all 0.8s;
  240. transition: all 0.8s;
  241. }
  242.  
  243. #box:hover #boximage img {
  244. margin-top:170px;
  245. overflow:hidden;
  246. -webkit-transition: all 0.8s;
  247. -moz-transition: all 0.8s;
  248. transition: all 0.8s;
  249. }
  250.  
  251. #credit {
  252. font-size:12px;
  253. bottom:0;
  254. right:0;
  255. position:fixed;
  256. text-transform:uppercase;
  257. padding:5px;
  258. color:;
  259. }
  260.  
  261. </style>
  262.  
  263. <script src="http://assets.tumblr.com/assets/scripts/tumblelog.js?_v=c5febf8fb0ca90d929036d9212393c57"></script>
  264. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  265. </head>
  266.  
  267. <body>
  268.  
  269. <div id="header">
  270. <img src="http://static.tumblr.com/c2df2926b84912f92d6d47d56c9826cc/w1aa0ot/qrOn8j36a/tumblr_static_eia6gknnyy8sc0kocs48c0oc0.png"></a></div>
  271. <div class="links">
  272. <a href="/">link.</a>
  273. <a href="/">link.</a>
  274. <a href="/">link.</a>
  275. <a href="/">link.</a>
  276. <a href="/">link.</a>
  277.  
  278. </div>
  279. <div id="description">this is your description, blah blah blah
  280. </div>
  281. </div>
  282. </div>
  283.  
  284. <div id="entries">
  285.  
  286.  
  287. <div id="posts">
  288.  
  289. <table style="margin-left:-250px"cellspacing="10" cellpadding="10"><tbody align="center">
  290. <tr>
  291.  
  292. <td><div id="box"><div id="boximage"><img src="http://static.tumblr.com/ee158236cf1a9593161eea15c2e72197/w1aa0ot/88Mn8iud6/tumblr_static_darb3pbw0igck48wgs00c4ogs.png"></a></div>
  293. <div id="boxtext">
  294. <div id="themename">theme name</div>
  295. <a href="/">link</a> - <a href="/">link</a> <p>
  296. <div id="information">Information:</div></b>
  297.  
  298. write your theme informations here
  299.  
  300. </div></div></div></td>
  301.  
  302. <td><div id="box"><div id="boximage"><img src="http://static.tumblr.com/ee158236cf1a9593161eea15c2e72197/w1aa0ot/reyn8iud6/tumblr_static_adlvyyqxrhsss0sgkc4c48k40.png"></a></div>
  303. <div id="boxtext">
  304. <div id="themename">theme name</div>
  305. <a href="/">link</a> - <a href="/">link</a> <p>
  306. <div id="information">Information:</div></b>
  307.  
  308. write your theme informations here
  309. </div></div></div></td>
  310.  
  311. <td><div id="box"><div id="boximage"><img src="http://static.tumblr.com/ee158236cf1a9593161eea15c2e72197/w1aa0ot/oNPn8iud7/tumblr_static_cuvs44f9flkw04sw8g4sos0g8.png"></a></div>
  312. <div id="boxtext">
  313. <div id="themename">theme name</div>
  314. <a href="/">link</a> - <a href="/">link</a> <p>
  315. <div id="information">Information:</div></b>
  316.  
  317. write your theme informations here
  318.  
  319. </div></div></div></td></tr>
  320.  
  321. <td><div id="box"><div id="boximage"><img src="http://static.tumblr.com/ee158236cf1a9593161eea15c2e72197/w1aa0ot/tU8n8iud7/tumblr_static_3b8f930dose8o8g8c0gowgw4w.png"></a></div>
  322. <div id="boxtext">
  323. <div id="themename">theme name</div>
  324. <a href="/">link</a> - <a href="/">link</a> <p>
  325. <div id="information">Information:</div></b>
  326.  
  327. write your theme informations here
  328.  
  329. </div></div></div></td>
  330.  
  331.  
  332. <td><div id="box"><div id="boximage"><img src="http://static.tumblr.com/ee158236cf1a9593161eea15c2e72197/w1aa0ot/wdon8iud7/tumblr_static_9zfvkoi9pvk0csck4gwkoooo.png"></a></div>
  333. <div id="boxtext">
  334. <div id="themename">theme name</div>
  335. <a href="/">link</a> - <a href="/">link</a> <p>
  336. <div id="information">Information:</div></b>
  337.  
  338. write your theme informations here
  339.  
  340. </div></div></div></td>
  341.  
  342.  
  343. <td><div id="box"><div id="boximage"><img src="http://static.tumblr.com/ee158236cf1a9593161eea15c2e72197/w1aa0ot/xEon8iud7/tumblr_static_6iw31g8vnoso048oc4k40sgwk.png"></a></div>
  344. <div id="boxtext">
  345. <div id="themename">theme name</div>
  346. <a href="/">link</a> - <a href="/">link</a> <p>
  347. <div id="information">Information:</div></b>
  348.  
  349. write your theme informations here
  350.  
  351. </div></div></div></td></tr>
  352.  
  353.  
  354. <tr>
  355. <td><div id="box"><div id="boximage"><img src="http://static.tumblr.com/ee158236cf1a9593161eea15c2e72197/w1aa0ot/rfFn8iud7/tumblr_static_2i9ijy55bqasoskw8c4so00ww.png"></a>7</div>
  356. <div id="boxtext">
  357. <div id="themename">theme name</div>
  358. <a href="/">link</a> - <a href="/">link</a> <p>
  359. <div id="information">Information:</div></b>
  360.  
  361. write your theme informations here
  362.  
  363. </div></div></div></td>
  364.  
  365.  
  366. <td><div id="box"><div id="boximage"><img src="http://static.tumblr.com/ee158236cf1a9593161eea15c2e72197/w1aa0ot/eaIn8iud8/tumblr_static_3xl428c9i0qoc8c8w8s004cgc.png"></a></div>
  367. <div id="boxtext">
  368. <div id="themename">theme name</div>
  369. <a href="/">link</a> - <a href="/">link</a> <p>
  370. <div id="information">Information:</div></b>
  371.  
  372. write your theme informations here
  373.  
  374. </div></div></div></td>
  375.  
  376.  
  377. <td><div id="box"><div id="boximage"><img src="http://static.tumblr.com/ee158236cf1a9593161eea15c2e72197/w1aa0ot/uZan8iud8/tumblr_static_dv1wdkrqkzs40cokkgwscc8sc.png"></a></div>
  378. <div id="boxtext">
  379. <div id="themename">theme name</div>
  380. <a href="/">link</a> - <a href="/">link</a> <p>
  381. <div id="information">Information:</div></b>
  382.  
  383. write your theme informations here
  384.  
  385. </div></div></div></td></tr>
  386.  
  387.  
  388. <tr>
  389. <td><div id="box"><div id="boximage"><img src="http://static.tumblr.com/ee158236cf1a9593161eea15c2e72197/w1aa0ot/VEsn8iud8/tumblr_static_8haex2lsf0g00404gs0go484k.png"></a></div>
  390. <div id="boxtext">
  391. <div id="themename">theme name</div>
  392. <a href="/">link</a> - <a href="/">link</a> <p>
  393. <div id="information">Information:</div></b>
  394.  
  395. write your theme informations here
  396.  
  397. </div></div></div></td>
  398.  
  399.  
  400. <td><div id="box"><div id="boximage"><img src="http://static.tumblr.com/ee158236cf1a9593161eea15c2e72197/w1aa0ot/WKon8iud8/tumblr_static_c028lli0ads88cgkw40s0o4gg.png"></a></div>
  401. <div id="boxtext">
  402. <div id="themename">theme name</div>
  403. <a href="/">link</a> - <a href="/">link</a> <p>
  404. <div id="information">Information:</div></b>
  405.  
  406. write your theme informations here
  407.  
  408. </div></div></div></td>
  409.  
  410.  
  411. <td><div id="box"><div id="boximage"><img src="http://static.tumblr.com/ee158236cf1a9593161eea15c2e72197/w1aa0ot/wsSn8iud9/tumblr_static_aq2vmn776hsg40k80cso0w88g.png"></a></div>
  412. <div id="boxtext">
  413. <div id="themename">theme name</div>
  414. <a href="/">link</a> - <a href="/">link</a> <p>
  415. <div id="information">Information:</div></b>
  416.  
  417. write your theme informations here
  418.  
  419. </div></div></div></td></tr>
  420.  
  421.  
  422. <td><div id="box"><div id="boximage"><img src="http://static.tumblr.com/ee158236cf1a9593161eea15c2e72197/w1aa0ot/5sRn8iud9/tumblr_static_3unt26dem52cgkc8wccgosss4.png"></a></div>
  423. <div id="boxtext">
  424. <div id="themename">theme name</div>
  425. <a href="/">link</a> - <a href="/">link</a> <p>
  426. <div id="information">Information:</div></b>
  427.  
  428. write your theme informations here
  429.  
  430. </div></div></div></td>
  431.  
  432.  
  433. <td><div id="box"><div id="boximage"><img src="http://static.tumblr.com/ee158236cf1a9593161eea15c2e72197/w1aa0ot/VMin8iud9/tumblr_static_ymlcte7zu6o8s04840c44k88.png"></a></div>
  434. <div id="boxtext">
  435. <div id="themename">theme name</div>
  436. <a href="/">link</a> - <a href="/">link</a> <p>
  437. <div id="information">Information:</div></b>
  438.  
  439. write your theme informations here
  440.  
  441. </div></div></div></td>
  442.  
  443.  
  444. <td><div id="box"><div id="boximage"><img src="http://static.tumblr.com/ee158236cf1a9593161eea15c2e72197/w1aa0ot/5tgn8iud9/tumblr_static_eklsepp5xjscogogccsk4sgo0.png"></a></div>
  445. <div id="boxtext">
  446. <div id="themename">theme name</div>
  447. <a href="/">link</a> - <a href="/">link</a> <p>
  448. <div id="information">Information:</div></b>
  449.  
  450. write your theme informations here
  451.  
  452. </div></div></div></td></tr>
  453.  
  454. <div id="credit"><a href="http://mathewsdaddario.tumblr.com/" title="thai's themes">thai</a></div>
  455.  
  456. </div>
  457. </div>
  458. </div>
  459. <br><br><br><br>
  460. </div>
  461. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  462. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  463. <script>
  464. (function($){
  465. $(document).ready(function(){
  466. $("a[title]").style_my_tooltips({
  467. tip_follows_cursor:true,
  468. tip_delay_time:150,
  469. tip_fade_speed:700,
  470. attribute:"title"
  471. });
  472. });
  473. })(jQuery);
  474. </script>
  475.  
  476. </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!