API tools faq
paste
Advertisement
Guest User

themage page by nathesykes

a guest
Jul 31st, 2013
240
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.12 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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!-- lilswaynes themage base -->
  5.  
  6. <head>
  7.  
  8. <title>{Title}</title>
  9.  
  10.  
  11. <link rel="shortcut icon" href="{Favicon}">
  12. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  13. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  14.  
  15. <meta name="color:Background" content="#f9f9f9"/>
  16.  
  17. <style type="text/css">
  18.  
  19. @font-face{font-family:Black Swan;src:url(http://static.tumblr.com/q54tzar/7POm34eyl/a_s_black_swan_3_.ttf);}
  20.  
  21. @font-face{font-family:Haymaker;src:url(http://static.tumblr.com/9wzbixa/OYnmj2ji0/haymaker.ttf);}
  22.  
  23. @font-face {font-family:Always a Good Time; src: url(http://static.tumblr.com/9wzbixa/PUwmj3iyh/kgalwaysagoodtime.ttf);}
  24.  
  25. /* --- SCROLLBAR ---*/
  26.  
  27. ::-webkit-scrollbar-thumb{
  28. background-color: #050505;
  29. border: 2px solid #ffffff;
  30. height:auto;
  31. }
  32.  
  33. ::-webkit-scrollbar {
  34. height:9px;
  35. width:9px;
  36. background-color: #050505;
  37. border: 4px solid #fff;
  38. }
  39.  
  40. ::selection {
  41. background-color:#f9f9f9;
  42. }
  43.  
  44. /* --- BODY ---*/
  45.  
  46. body {background:#fff; margin:0px; color:{color:text}; font-family:serif; font-size:9px; line-height:100%;}
  47.  
  48. .big-box {width:120px; margin-left:320px; margin-top:150px;}
  49.  
  50. #table { position:absolute; margin-top:-460px; margin-left:-50px; border:20px solid #fff; width:800px; height:400px; overflow-y:scroll; overflow-x:hidden; padding-bottom:13px; padding-left:1px; background:#fff;}
  51.  
  52. .cells {margin-top:-15px; margin-left:0px;}
  53.  
  54. #cell { width:230px; height:155px; margin-top:25px; margin-left:20px; display:inline-block; -webkit-transition: all 1.3s ease;-moz-transition: all 1.3s ease;-o -transition: all 1.3s ease;}
  55.  
  56. #cell:hover #info { opacity:1; -webkit-transition: all 1.3s ease;-moz-transition: all 1.3s ease;-o -transition: all 1.3s ease; }
  57.  
  58. #cell img { width:230px; height:150px; border:2px solid #000; padding:0px; outline:1px solid #000; padding-top:10px; outline-offset:3px; -webkit-transition: all 1.3s ease;-moz-transition: all 1.3s ease;-o -transition: all 1.3s ease;}
  59.  
  60. .row {width:800px;}
  61.  
  62. #info { opacity:1; font-family:times; width:216px; text-align:center; font-style:none; letter-spacing:0px; height:2px; background:#000; padding:7px; position:relative; margin-top:-164px; margin-left:2px; color:#fff; -webkit-transition: all 1.3s ease;-moz-transition: all 1.3s ease;-o -transition: all 1.3s ease;}
  63.  
  64.  
  65. #themetitle { font-size:12px; margin-top:-3px; padding-bottom:5px; font-family:Haymaker; float:left;}
  66.  
  67. #theme-links {opacity:0; margin-top:105px; margin-left:163px; line-height:1px; -webkit-transition: all 1.3s ease;-moz-transition: all 1.3s ease;-o -transition: all 1.3s ease;}
  68.  
  69. #theme-links a { font-family:Haymaker; font-size:10px; width:60px; height:8px; padding-top:7px; color:#fff; background:#000; text-decoration:none; display:block; -webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-o -transition: all 0.6s ease;}
  70.  
  71. #cell:hover #theme-links {opacity:1; -webkit-transition: all 1.3s ease;-moz-transition: all 1.3s ease;-o -transition: all 1.3s ease;}
  72.  
  73. #theme-links a:hover { color:#000; background:#fff; -webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-o -transition: all 0.6s ease; }
  74.  
  75. #panel { text-align:center; background:#000; border:double #fff; color:#fff; padding:20px; width:1320px; margin-top:500px; height:80px; margin-left:0px;}
  76.  
  77. #blog-title { font-size:60px; margin-top:15px; margin-left:-900px;letter-spacing:3px; font-style:none; font-family:Black Swan; }
  78.  
  79. #panel-desc { margin-top:30px; letter-spacing:0px; margin-left:-900px; font-size:11px; }
  80.  
  81. #panel-links { color:#000; width:300px; margin-left:1000px; margin-top:0px; font-family:Black Swan;}
  82.  
  83. #panel-links a { line-height:100%;color:#fff; font-style:none; font-size:35px; letter-spacing:2px; margin-left:10px; text-decoration:none; display:inline-block; padding-bottom:6px; border-bottom:0px solid #000; -webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-o -transition: all 0.6s ease;}
  84.  
  85. #panel-links a:hover { border-bottom:2px solid #000; -webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-o -transition: all 0.6s ease;}
  86.  
  87. {CustomCSS}
  88.  
  89.  
  90. </style>
  91.  
  92.  
  93. </head>
  94.  
  95.  
  96. <body>
  97.  
  98. <!-- START DESIGN SECTION -->
  99.  
  100. <div class="big-box">
  101.  
  102. <div id="table">
  103.  
  104. <div class="cells">
  105.  
  106. <!-- row ---><div class="row"><!-- /// --->
  107.  
  108.  
  109.  
  110. <!-- cell -->
  111.  
  112. <div id="cell">
  113.  
  114. <img src="http://24.media.tumblr.com/575c80cbe276db2e184c4f8ea6515c8f/tumblr_mq4za7FUhI1rx6bjpo1_500.png">
  115.  
  116. <div id="info">
  117.  
  118. <div id="themetitle">
  119.  
  120. theme #18: <small>theme name</small>
  121.  
  122. </div>
  123.  
  124. <div id="theme-links">
  125.  
  126. <a href="/">preview</a> <br>
  127.  
  128. <a href="/">code</a>
  129.  
  130. </div>
  131.  
  132. </div>
  133.  
  134. </div>
  135.  
  136. <!-- end cell -->
  137.  
  138. <!-- cell -->
  139.  
  140. <div id="cell">
  141.  
  142. <img src="http://24.media.tumblr.com/575c80cbe276db2e184c4f8ea6515c8f/tumblr_mq4za7FUhI1rx6bjpo1_500.png">
  143.  
  144. <div id="info">
  145.  
  146. <div id="themetitle">
  147.  
  148. theme #17: <small>theme name</small>
  149.  
  150. </div>
  151.  
  152. <div id="theme-links">
  153.  
  154. <a href="/">preview</a> <br>
  155.  
  156. <a href="/">code</a>
  157.  
  158. </div>
  159.  
  160. </div>
  161.  
  162. </div>
  163.  
  164. <!-- end cell -->
  165.  
  166.  
  167. <!-- cell -->
  168.  
  169. <div id="cell">
  170.  
  171. <img src="http://24.media.tumblr.com/575c80cbe276db2e184c4f8ea6515c8f/tumblr_mq4za7FUhI1rx6bjpo1_500.png">
  172.  
  173. <div id="info">
  174.  
  175. <div id="themetitle">
  176.  
  177. theme #16: <small>theme name</small>
  178.  
  179. </div>
  180.  
  181. <div id="theme-links">
  182.  
  183. <a href="/">preview</a> <br>
  184.  
  185. <a href="/">code</a>
  186.  
  187. </div>
  188.  
  189. </div>
  190.  
  191. </div>
  192.  
  193. <!-- end cell -->
  194.  
  195.  
  196. <!-- cell -->
  197.  
  198. <div id="cell">
  199.  
  200. <img src="http://24.media.tumblr.com/575c80cbe276db2e184c4f8ea6515c8f/tumblr_mq4za7FUhI1rx6bjpo1_500.png">
  201.  
  202. <div id="info">
  203.  
  204. <div id="themetitle">
  205.  
  206. theme #15: <small>theme name</small>
  207.  
  208. </div>
  209.  
  210. <div id="theme-links">
  211.  
  212. <a href="/">preview</a> <br>
  213.  
  214. <a href="/">code</a>
  215.  
  216. </div>
  217.  
  218. </div>
  219.  
  220. </div>
  221.  
  222. <!-- end cell -->
  223.  
  224.  
  225. <!-- cell -->
  226.  
  227. <div id="cell">
  228.  
  229. <img src="http://24.media.tumblr.com/575c80cbe276db2e184c4f8ea6515c8f/tumblr_mq4za7FUhI1rx6bjpo1_500.png">
  230.  
  231. <div id="info">
  232.  
  233. <div id="themetitle">
  234.  
  235. theme #14: <small>theme name</small>
  236.  
  237. </div>
  238.  
  239. <div id="theme-links">
  240.  
  241. <a href="/">preview</a> <br>
  242.  
  243. <a href="/">code</a>
  244.  
  245. </div>
  246.  
  247. </div>
  248.  
  249. </div>
  250.  
  251. <!-- end cell -->
  252.  
  253.  
  254. <!-- cell -->
  255.  
  256. <div id="cell">
  257.  
  258. <img src="http://24.media.tumblr.com/575c80cbe276db2e184c4f8ea6515c8f/tumblr_mq4za7FUhI1rx6bjpo1_500.png">
  259.  
  260. <div id="info">
  261.  
  262. <div id="themetitle">
  263.  
  264. theme #13: <small>theme name</small>
  265.  
  266. </div>
  267.  
  268. <div id="theme-links">
  269.  
  270. <a href="/">preview</a> <br>
  271.  
  272. <a href="/">code</a>
  273.  
  274. </div>
  275.  
  276. </div>
  277.  
  278. </div>
  279.  
  280. <!-- end cell -->
  281.  
  282.  
  283. <!-- cell -->
  284.  
  285. <div id="cell">
  286.  
  287. <img src="http://24.media.tumblr.com/575c80cbe276db2e184c4f8ea6515c8f/tumblr_mq4za7FUhI1rx6bjpo1_500.png">
  288.  
  289. <div id="info">
  290.  
  291. <div id="themetitle">
  292.  
  293. theme #12: <small>theme name</small>
  294.  
  295. </div>
  296.  
  297. <div id="theme-links">
  298.  
  299. <a href="/">preview</a> <br>
  300.  
  301. <a href="/">code</a>
  302.  
  303. </div>
  304.  
  305. </div>
  306.  
  307. </div>
  308.  
  309. <!-- end cell -->
  310.  
  311.  
  312. <!-- cell -->
  313.  
  314. <div id="cell">
  315.  
  316. <img src="http://24.media.tumblr.com/575c80cbe276db2e184c4f8ea6515c8f/tumblr_mq4za7FUhI1rx6bjpo1_500.png">
  317.  
  318. <div id="info">
  319.  
  320. <div id="themetitle">
  321.  
  322. theme #11: <small>theme name</small>
  323.  
  324. </div>
  325.  
  326. <div id="theme-links">
  327.  
  328. <a href="/">preview</a> <br>
  329.  
  330. <a href="/">code</a>
  331.  
  332. </div>
  333.  
  334. </div>
  335.  
  336. </div>
  337.  
  338. <!-- end cell -->
  339.  
  340.  
  341. <!-- cell -->
  342.  
  343. <div id="cell">
  344.  
  345. <img src="http://24.media.tumblr.com/575c80cbe276db2e184c4f8ea6515c8f/tumblr_mq4za7FUhI1rx6bjpo1_500.png">
  346.  
  347. <div id="info">
  348.  
  349. <div id="themetitle">
  350.  
  351. theme #10: <small> theme name </small>
  352.  
  353. </div>
  354.  
  355. <div id="theme-links">
  356.  
  357. <a href="/">preview</a> <br>
  358.  
  359. <a href="/">code</a>
  360.  
  361. </div>
  362.  
  363. </div>
  364.  
  365. </div>
  366.  
  367. <!-- end cell -->
  368.  
  369.  
  370. <!-- cell -->
  371.  
  372. <div id="cell">
  373.  
  374. <img src="http://24.media.tumblr.com/575c80cbe276db2e184c4f8ea6515c8f/tumblr_mq4za7FUhI1rx6bjpo1_500.png">
  375.  
  376. <div id="info">
  377.  
  378. <div id="themetitle">
  379.  
  380. theme #09: <small>theme name</small>
  381.  
  382. </div>
  383.  
  384. <div id="theme-links">
  385.  
  386. <a href="/">preview</a> <br>
  387.  
  388. <a href="/">code</a>
  389.  
  390. </div>
  391.  
  392. </div>
  393.  
  394. </div>
  395.  
  396. <!-- end cell -->
  397.  
  398.  
  399. <!-- cell -->
  400.  
  401. <div id="cell">
  402.  
  403. <img src="http://24.media.tumblr.com/575c80cbe276db2e184c4f8ea6515c8f/tumblr_mq4za7FUhI1rx6bjpo1_500.png">
  404.  
  405. <div id="info">
  406.  
  407. <div id="themetitle">
  408.  
  409. theme #08: <small>theme name</small>
  410.  
  411. </div>
  412.  
  413. <div id="theme-links">
  414.  
  415. <a href="/">preview</a> <br>
  416.  
  417. <a href="/">code</a>
  418.  
  419. </div>
  420.  
  421. </div>
  422.  
  423. </div>
  424.  
  425. <!-- end cell -->
  426.  
  427.  
  428. <!-- cell -->
  429.  
  430. <div id="cell">
  431.  
  432. <img src="http://24.media.tumblr.com/575c80cbe276db2e184c4f8ea6515c8f/tumblr_mq4za7FUhI1rx6bjpo1_500.png">
  433.  
  434. <div id="info">
  435.  
  436. <div id="themetitle">
  437.  
  438. theme #07: <small>theme name</small>
  439.  
  440. </div>
  441.  
  442. <div id="theme-links">
  443.  
  444. <a href="/">preview</a> <br>
  445.  
  446. <a href="/">code</a>
  447.  
  448. </div>
  449.  
  450. </div>
  451.  
  452. </div>
  453.  
  454. <!-- end cell -->
  455.  
  456.  
  457. <!-- cell -->
  458.  
  459. <div id="cell">
  460.  
  461. <img src="http://24.media.tumblr.com/575c80cbe276db2e184c4f8ea6515c8f/tumblr_mq4za7FUhI1rx6bjpo1_500.png">
  462.  
  463. <div id="info">
  464.  
  465. <div id="themetitle">
  466.  
  467. theme #06: <small>theme name</small>
  468.  
  469. </div>
  470.  
  471. <div id="theme-links">
  472.  
  473. <a href="/">preview</a> <br>
  474.  
  475. <a href="/">code</a>
  476.  
  477. </div>
  478.  
  479. </div>
  480.  
  481. </div>
  482.  
  483. <!-- end cell -->
  484.  
  485.  
  486. <!-- cell -->
  487.  
  488. <div id="cell">
  489.  
  490. <img src="http://24.media.tumblr.com/575c80cbe276db2e184c4f8ea6515c8f/tumblr_mq4za7FUhI1rx6bjpo1_500.png">
  491.  
  492. <div id="info">
  493.  
  494. <div id="themetitle">
  495.  
  496. theme #05: <small>theme name</small>
  497.  
  498. </div>
  499.  
  500. <div id="theme-links">
  501.  
  502. <a href="/">preview</a> <br>
  503.  
  504. <a href="/">code</a>
  505.  
  506. </div>
  507.  
  508. </div>
  509.  
  510. </div>
  511.  
  512. <!-- end cell -->
  513.  
  514.  
  515. <!-- cell -->
  516.  
  517. <div id="cell">
  518.  
  519. <img src="http://24.media.tumblr.com/575c80cbe276db2e184c4f8ea6515c8f/tumblr_mq4za7FUhI1rx6bjpo1_500.png">
  520.  
  521. <div id="info">
  522.  
  523. <div id="themetitle">
  524.  
  525. theme #04: <small>theme name</small>
  526.  
  527. </div>
  528.  
  529. <div id="theme-links">
  530.  
  531. <a href="/">preview</a> <br>
  532.  
  533. <a href="/">code</a>
  534.  
  535. </div>
  536.  
  537. </div>
  538.  
  539. </div>
  540.  
  541. <!-- end cell -->
  542.  
  543.  
  544. <!-- cell -->
  545.  
  546. <div id="cell">
  547.  
  548. <img src="http://24.media.tumblr.com/575c80cbe276db2e184c4f8ea6515c8f/tumblr_mq4za7FUhI1rx6bjpo1_500.png">
  549.  
  550. <div id="info">
  551.  
  552. <div id="themetitle">
  553.  
  554. theme #03: <small>theme name</small>
  555.  
  556. </div>
  557.  
  558. <div id="theme-links">
  559.  
  560. <a href="/">preview</a> <br>
  561.  
  562. <a href="/">code</a>
  563.  
  564. </div>
  565.  
  566. </div>
  567.  
  568. </div>
  569.  
  570. <!-- end cell -->
  571.  
  572.  
  573. <!-- cell -->
  574.  
  575. <div id="cell">
  576.  
  577. <img src="http://24.media.tumblr.com/575c80cbe276db2e184c4f8ea6515c8f/tumblr_mq4za7FUhI1rx6bjpo1_500.png">
  578.  
  579. <div id="info">
  580.  
  581. <div id="themetitle">
  582.  
  583. theme #02: <small>theme name</small>
  584.  
  585. </div>
  586.  
  587. <div id="theme-links">
  588.  
  589. <a href="/">preview</a> <br>
  590.  
  591. <a href="/">code</a>
  592.  
  593. </div>
  594.  
  595. </div>
  596.  
  597. </div>
  598.  
  599. <!-- end cell -->
  600.  
  601.  
  602. <!-- cell -->
  603.  
  604. <div id="cell">
  605.  
  606. <img src="http://24.media.tumblr.com/575c80cbe276db2e184c4f8ea6515c8f/tumblr_mq4za7FUhI1rx6bjpo1_500.png">
  607.  
  608. <div id="info">
  609.  
  610. <div id="themetitle">
  611.  
  612. theme #01: <small>theme name</small>
  613.  
  614. </div>
  615.  
  616. <div id="theme-links">
  617.  
  618. <a href="/">preview</a> <br>
  619.  
  620. <a href="/">code</a>
  621.  
  622. </div>
  623.  
  624. </div>
  625.  
  626. </div>
  627.  
  628. <!-- end cell -->
  629.  
  630.  
  631.  
  632. </div>
  633.  
  634. </div>
  635.  
  636.  
  637. </div>
  638.  
  639.  
  640.  
  641.  
  642. <!-- END OF DESIGN SECTION --> </div> <!-- *** --->
  643.  
  644.  
  645. <!-- navigation -->
  646. <div id="panel">
  647.  
  648. <!-- title here -->
  649. <div id="blog-title">Themes by NatheSykes</div>
  650.  
  651.  
  652. <!-- description here -->
  653. <div id="panel-desc"> here you can write a small description if you want to</div>
  654.  
  655. <!-- links here -->
  656. <div id="panel-links">
  657. <a href="/">back</a>
  658. <a href="/">rules</a>
  659. <a href="/">mail</a>
  660. <a href="http://www.nathesykes.tumblr.com/">credit</a>
  661. </div>
  662.  
  663.  
  664.  
  665. </div>
  666.  
  667.  
  668. </body>
  669.  
  670. </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!