API tools faq
paste
dohdoro

Crazy

dohdoro
Mar 7th, 2015
6,063
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.08 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.  
  5.  
  6.  
  7. <!--
  8.  
  9. █▀▀▄ █▀▀█ █░░█ █▀▀▄ █▀▀█ █▀▀█ █▀▀█ 　 ▀▀█▀▀ █░░█ █▀▀ █▀▄▀█ █▀▀ █▀▀
  10. █░░█ █░░█ █▀▀█ █░░█ █░░█ █▄▄▀ █░░█ 　 ░░█░░ █▀▀█ █▀▀ █░▀░█ █▀▀ ▀▀█
  11. ▀▀▀░ ▀▀▀▀ ▀░░▀ ▀▀▀░ ▀▀▀▀ ▀░▀▀ ▀▀▀▀ 　 ░░▀░░ ▀░░▀ ▀▀▀ ▀░░░▀ ▀▀▀ ▀▀▀
  12.  
  13. ╭━━┳╮╱╱╭╮╭━━━┳━━━┳━━┳━━━┳━━━╮
  14. ┃╭╮┃╰╮╭╯┃┃╭━━┫╭━╮┣┫┣┫╭━╮┃╭━╮┃
  15. ┃╰╯╰╮╰╯╭╯┃╰━━┫╰━╯┃┃┃┃┃╱╰┫┃╱┃┃
  16. ┃╭━╮┣╮╭╯╱┃╭━━┫╭╮╭╯┃┃┃┃╱╭┫╰━╯┃
  17. ┃╰━╯┃┃┃╱╱┃╰━━┫┃┃╰┳┫┣┫╰━╯┃╭━╮┃
  18. ╰━━━╯╰╯╱╱╰━━━┻╯╰━┻━━┻━━━┻╯╱╰╯
  19.  
  20.  
  21. <!-- THEME: CRAZY -->
  22. <!-- DO NOT STEAL / COPY -->
  23. <!-- DO NOT REMOVE THEME CREDIT -->
  24. <!-- DO NOT REDISTRIBUTE -->
  25. <!-- DO NOT USE AS BASE CODE-->
  26.  
  27.  
  28. <head>
  29.  
  30. <title>{Title}</title>
  31. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  32. <link rel="shortcut icon" href="{Favicon}">
  33.  
  34.  
  35. <meta name="image:Background img" content="http://static.tumblr.com/bj5zkci/dtankv04s/subtle_dots.png"/>
  36. <meta name="image:Header" content="http://static.tumblr.com/bj5zkci/SZQnkv03p/wow_copy.jpg"/>
  37. <meta name="image:Icon" content="http://static.tumblr.com/bj5zkci/goVnkv045/ibcllmqqatmcpu_copy.jpg"/>
  38.  
  39. <meta name="if:Show Captions" content="0"/>
  40. <meta name="if:250px" content="1" />
  41. <meta name="if:400px" content="0" />
  42. <meta name="if:500px" content="0" />
  43.  
  44. <meta name="text:Link One URL" content=""/>
  45. <meta name="text:Link One" content="Explore"/>
  46. <meta name="text:Link Two URL" content=""/>
  47. <meta name="text:Link Two" content="Tags"/>
  48. <meta name="text:Link Three URL" content=""/>
  49. <meta name="text:Link Three" content="About"/>
  50.  
  51. <meta name="color:Background" content="#ffffff"/>
  52. <meta name="color:Text" content="#888888"/>
  53. <meta name="color:Bold" content="#d61f24"/>
  54. <meta name="color:Italic" content="#7abede"/>
  55. <meta name="color:links" content="#888888"/>
  56. <meta name="color:links hover" content="#000000"/>
  57. <meta name="color:scrollbar bg" content="#fafafa"/>
  58. <meta name="color:scrollbar color" content="#d64435"/>
  59. <meta name="color:H1 color" content="#888888"/>
  60. <meta name="color:H1 border" content="#eeeeee"/>
  61. <meta name="color:Blockquote border" content="#d64435"/>
  62. <meta name="color:Permalink text" content="#888888"/>
  63. <meta name="color:Permalink date" content="#d64435"/>
  64. <meta name="color:Permalink border" content="#eeeeee"/>
  65. <meta name="color:Container bg" content="#ffffff"/>
  66. <meta name="color:Container border" content="#eeeeee"/>
  67. <meta name="color:Post bg" content="#ffffff"/>
  68. <meta name="color:Post border" content="#eeeeee"/>
  69. <meta name="color:Caption border" content="#eeeeee"/>
  70. <meta name="color:Caption text" content="#888888"/>
  71. <meta name="color:Ask bg" content="#ffffff"/>
  72. <meta name="color:Ask text" content="#888888"/>
  73. <meta name="color:Asker text" content="#d64435"/>
  74. <meta name="color:Asker border" content="#eeeeee"/>
  75. <meta name="color:Asker icon border" content="#eeeeee"/>
  76. <meta name="color:Asker icon bg" content="#ffffff"/>
  77. <meta name="color:Reply bg" content="#fafafa"/>
  78. <meta name="color:Reply text" content="#888888"/>
  79. <meta name="color:Audio border" content="#eeeeee"/>
  80. <meta name="color:Header bg" content="#efeeee"/>
  81. <meta name="color:Navigation bg" content="#ffffff"/>
  82. <meta name="color:Navigation border" content="#eeeeee"/>
  83. <meta name="color:Navigation text" content="#000000"/>
  84. <meta name="color:Navigation text hover border" content="#d64435"/>
  85. <meta name="color:Title" content="#232323"/>
  86. <meta name="color:Side icon border" content="#eeeeee"/>
  87. <meta name="color:Side icon bg" content="#ffffff"/>
  88. <meta name="color:Title border" content="#eeeeee"/>
  89. <meta name="color:Description bg" content="#ffffff"/>
  90. <meta name="color:Description text" content="#888888"/>
  91. <meta name="color:Post info" content="#232323"/>
  92. <meta name="color:Post info date" content="#d64435"/>
  93. <meta name="color:Tags bg" content="#e9cd6c"/>
  94. <meta name="color:Tags text" content="#ffffff"/>
  95. <meta name="color:Footer border" content="#eeeeee"/>
  96. <meta name="color:Footer bg" content="#ffffff"/>
  97. <meta name="color:Pagination bg" content="#ffffff"/>
  98. <meta name="color:Pagination text" content="#232323"/>
  99. <meta name="color:Pagination Border" content="#eeeeee"/>
  100. <meta name="color:Pagination bg hover" content="#e9cd6c"/>
  101. <meta name="color:Pagination text hover" content="#ffffff"/>
  102. <meta name="color:Theme credit text" content="#888888"/>
  103.  
  104. <style type="text/css">
  105.  
  106. /* scroll bar */
  107.  
  108. ::-webkit-scrollbar {
  109. width:8px;
  110. height:3px;
  111. background:{color:scrollbar bg};
  112.  
  113. }
  114.  
  115. ::-webkit-scrollbar-thumb:vertical {
  116. background-color:{color:scrollbar color};
  117. width:8px;
  118. border-radius:6px;
  119. border-left:3px solid {color:scrollbar bg};
  120. border-right:3px solid {color:scrollbar bg};
  121.  
  122. }
  123.  
  124. iframe#tumblr_controls {
  125. top: 3% !important;
  126. right:0% !important;
  127. position: fixed !important;
  128. z-index:9999;
  129.  
  130. }
  131.  
  132. /* body */
  133.  
  134. * {
  135. margin: 0;
  136. padding: 0;
  137. border: 0;
  138. }
  139.  
  140. body {
  141. font-family:arial;
  142. font-size:10px;
  143. letter-spacing:1px;
  144. color:{color:Text};
  145. background:{color:Background};
  146. background-image:url('{image:Background img}');
  147. background-repeat:repeat;
  148. background-attachment:fixed;
  149.  
  150. }
  151.  
  152. a {
  153. color:{color:links};
  154. text-decoration:none;
  155.  
  156. }
  157.  
  158. a:hover {
  159. color:{color:links hover};
  160.  
  161. }
  162.  
  163. b, strong{
  164. color:{color:Bold};
  165.  
  166. }
  167.  
  168. i, em {
  169. color:{color:Italic};
  170.  
  171. }
  172.  
  173. h1 {
  174. font-family:arial;
  175. font-weight:900;
  176. font-size:25px;
  177. letter-spacing:-2px;
  178. display:block;
  179. overflow:hidden;
  180. text-transform:uppercase;
  181. color:{color:H1 color};
  182. border-bottom:1px solid {color:H1 border};
  183. text-align:center;
  184. padding:10px;
  185.  
  186. }
  187.  
  188. h1 a {
  189. color:{color:H1 color};
  190. text-decoration:none;
  191.  
  192. }
  193.  
  194. ul {
  195. padding:10px;
  196. list-style-type: circle;
  197.  
  198. }
  199.  
  200. li {
  201. padding:0;
  202.  
  203. }
  204.  
  205. blockquote {
  206. border-left:2px solid {color:Blockquote border};
  207. padding:7px 10px 0px 10px;
  208. margin-left:5px;
  209. word-wrap:break-word;
  210.  
  211. }
  212.  
  213. /* Hover text */
  214.  
  215. #s-m-t-tooltip {
  216. z-index:999999;
  217. margin-left:30px;
  218. padding:10px;
  219. border-bottom:1px solid #eee;
  220. background-color:#fff;
  221. color:#888;
  222. font-family:arial;
  223. font-size:9px;
  224. text-transform:uppercase;
  225. line-height:13px;
  226.  
  227. }
  228.  
  229.  
  230. /* Quotes */
  231.  
  232. #quotes {
  233. font-family:arial;
  234. font-weight:900;
  235. line-height:17px;
  236. font-size:20px;
  237. letter-spacing:-2px;
  238. padding:15px;
  239. text-transform:uppercase;
  240.  
  241. }
  242.  
  243. /* Permalink */
  244.  
  245. #permalink {
  246. margin-left:0px;
  247. margin-top:20px;
  248. padding:10px;
  249. border-top:1px solid #eee;
  250.  
  251. }
  252.  
  253. .perma p {
  254. color:{color:Permalink text};
  255. margin-top:-4px;
  256. font-family:georgia;
  257. font-weight:900;
  258. padding:0px 0px 10px 0px;
  259. font-size:16px;
  260. letter-spacing:-2px;
  261.  
  262. }
  263.  
  264. .perma p a {
  265. color:{color:Permalink text};
  266. font-size:16px;
  267. letter-spacing:-2px;
  268. font-weight:lighter;
  269. padding:7px;
  270.  
  271. }
  272.  
  273. .perma {
  274. font-size:8px;
  275. font-family:arial;
  276. text-transform:uppercase;
  277. text-align:center;
  278. border-bottom:1px solid {color:Permalink border};
  279. margin-top:0px;
  280. color:{color:Permalink text};
  281. margin-left:0px;
  282. padding:10px;
  283.  
  284. }
  285.  
  286. .perma span {
  287. color:{color:Permalink date};
  288. font-family:Georgia;
  289. font-size:19px;
  290. font-weight:900;
  291. letter-spacing:-1px;
  292.  
  293. }
  294.  
  295. #notecounts {
  296. margin-top:30px;
  297. margin-left:-10px;
  298. font-size:8px;
  299. font-family:arial;
  300. text-transform:uppercase;
  301. color:{color:Permalink text};
  302. padding:18px;
  303.  
  304. }
  305.  
  306. #notecounts img {
  307. display:inline-block;
  308. padding:3px;
  309. border:1px solid {color:Permalink border};
  310. border-radius:100%;
  311.  
  312. }
  313.  
  314. ol.notes {
  315. list-style-type:none;
  316.  
  317. }
  318.  
  319. /* Posts */
  320.  
  321. #tainer {
  322. margin-left:360px;
  323. z-index:999;
  324. margin-top:230px;
  325. border:1px solid {color:Container border};
  326. background:{color:Container bg};
  327. -webkit-border-top-left-radius: 30px;
  328. -webkit-border-top-right-radius: 30px;
  329. -moz-border-radius-topleft: 30px;
  330. -moz-border-radius-topright: 30px;
  331. border-top-left-radius: 30px;
  332. border-top-right-radius: 30px;
  333. {block:if250px}
  334. width:550px;
  335. {/block:if250px}
  336. {block:if400px}
  337. margin-left:200px;
  338. width:680px;
  339. {/block:if400px}
  340. {block:if500px}
  341. width:760px;
  342. margin-left:200px;
  343. {/block:if500px}
  344. {block:PermalinkPage}
  345. width:760px;
  346. {/block:PermalinkPage}
  347.  
  348. }
  349.  
  350. .blogpost {
  351. padding:50px;
  352. background:{color:Post bg};
  353. margin-bottom:10px;
  354. margin-top:50px;
  355. color:{color:Text};
  356. font-family:arial;
  357. font-size:10px;
  358. {block:if250px}
  359. width:250px;
  360. margin-left:160px;
  361. {/block:if250px}
  362. {block:if400px}
  363. width:400px;
  364. margin-left:150px;
  365. {/block:if400px}
  366. {block:if500px}
  367. width:500px;
  368. margin-left:140px;
  369. {/block:if500px}
  370. {block:PermalinkPage}
  371. width:500px;
  372. margin-left:120px;
  373. {/block:PermalinkPage}
  374.  
  375.  
  376. }
  377.  
  378. .blogpost:before {
  379. {block:IndexPage}
  380. position:absolute;
  381. content: " ";
  382. border-left:1px solid {color:Post border};
  383. border-top:1px solid {color:Post border};
  384. margin-left:-35px;
  385. margin-top:-35px;
  386. padding:25px;
  387. {/block:IndexPage}
  388.  
  389. }
  390.  
  391. .blogpost:after {
  392. {block:IndexPage}
  393. position:absolute;
  394. content:" ";
  395. padding:25px;
  396. border-right:1px solid {color:Post border};
  397. border-bottom:1px solid {color:Post border};
  398. margin-top:-20px;
  399. {block:if250px}
  400. margin-top:-70px;
  401. margin-left:245px;
  402. {/block:if250px}
  403. {block:if400px}
  404. margin-top:-75px;
  405. margin-left:390px;
  406. {/block:if400px}
  407. {block:if500px}
  408. margin-top:-75px;
  409. margin-left:490px;
  410. {/block:if500px}
  411. {/block:IndexPage}
  412.  
  413. }
  414.  
  415. .blogpost a {
  416. color:{color:links};
  417.  
  418. }
  419.  
  420. .blogpost img {
  421. max-width:100%;
  422.  
  423. }
  424.  
  425. #caption {
  426. margin-top:20px;
  427. margin-left:0;
  428. border-top:1px solid {color:Caption border};
  429. padding:9px 5px 9px 5px;
  430. color:{color:Caption text};
  431. word-wrap:break-word;
  432. font-size:10px;
  433. font-family:arial;
  434. {block:IndexPage}
  435. {block:if250px}
  436. width:240px;
  437. {/block:if250px}
  438. {block:if400px}
  439. width:390px;
  440. {/block:if400px}
  441. {block:if500px}
  442. width:490px;
  443. {/block:if500px}
  444. {/block:IndexPage}
  445. {block:PermalinkPage}
  446. margin-top:40px;
  447. width:490px;
  448. {/block:PermalinkPage}
  449.  
  450. }
  451.  
  452. #caption a {
  453. color:{color:links};
  454.  
  455. }
  456.  
  457. /* Asks */
  458.  
  459. #que {
  460. background:{color:Ask bg};
  461. font-size:10px;
  462. line-height:12px;
  463. padding:10px;
  464. color:{color:Ask text};
  465.  
  466. }
  467.  
  468. .asker {
  469. text-transform:lowercase;
  470. padding:5px;
  471. margin-top:10px;
  472. margin-bottom:15px;
  473. letter-spacing:-1px;
  474. font-family:arial;
  475. font-weight:900;
  476. color:{color:Asket text};
  477. font-size:25px;
  478. text-align:center;
  479.  
  480. }
  481.  
  482. .asker img {
  483. display:block;
  484. border-radius:100%;
  485. padding:10px;
  486. background:{color:Asker icon bg};
  487. border:1px solid {color:Asker icon border};
  488. {block:if250px}
  489. margin-left:50px;
  490. {/block:if250px}
  491. {block:if400px}
  492. margin-left:140px;
  493. {/block:if400px}
  494. {block:if500px}
  495. margin-left:193px;
  496. {/block:if500px}
  497.  
  498. }
  499.  
  500. .asker a {
  501. color:{color:Asket text};
  502.  
  503. }
  504.  
  505. .asker span {
  506. text-transform:uppercase;
  507. margin-left:-30px;
  508. border-bottom:1px solid {color:Asker border};
  509.  
  510. }
  511.  
  512. #response {
  513. padding:10px;
  514. font-family:arial;
  515. text-align:left;
  516. background:{color:Reply bg};
  517. color:{color:Reply text};
  518. font-size:10px;
  519. line-height:12px;
  520.  
  521. }
  522.  
  523. /* Music */
  524.  
  525. #audio {
  526. padding:5px;
  527. border:1px solid {color:Audio border};
  528. margin-left:-10px;
  529. margin-top:0px;
  530. {block:if250px}
  531. width:260px;
  532. {/block:if250px}
  533. {block:if400px}
  534. width:400px;
  535. {/block:if400px}
  536. {block:if500px}
  537. width:500px;
  538. {/block:if500px}
  539.  
  540. }
  541.  
  542. .musicinfo {
  543. color:{color:Text};
  544. margin-top:20px;
  545. margin-bottom:5px;
  546. font-size:10px;
  547. line-height:10px;
  548. letter-spacing:1px;
  549.  
  550. }
  551.  
  552. /* Header */
  553.  
  554. #tops {
  555. position:absolute;
  556. z-index:-9;
  557. width:100%;
  558. height:450px;
  559. top:0;
  560. left:0;
  561. background:{color:Header bg};
  562. background-image:url('{image:Header}');
  563. background-repeat:repeat;
  564. background-attachment:fixed;
  565.  
  566. }
  567.  
  568. #bottoms {
  569. position:absolute;
  570. z-index:-9;
  571. width:100%;
  572. background:{color:Navigation bg};
  573. height:40px;
  574. margin-top:450px;
  575. border-top:1px solid {color:Navigation border};
  576. border-bottom:1px solid {color:Navigation border};
  577.  
  578. }
  579.  
  580. /* Navigation */
  581.  
  582. #navigate {
  583. position:fixed;
  584. opacity:1;
  585. z-index:9;
  586. left:0px;
  587. width:100%;
  588. height:40px;
  589. top:0px;
  590. border-bottom:1px solid {color:Navigation border};
  591. background:{color:Navigation bg};
  592.  
  593. }
  594.  
  595. #explore {
  596. position:relative;
  597. text-transform:uppercase;
  598. font-family:arial;
  599. font-size:10px;
  600. letter-spacing:2px;
  601. margin-top:-5px;
  602.  
  603. }
  604.  
  605. #explore a {
  606. display:inline-block;
  607. color:{color:Navigation text};
  608. margin:20px;
  609. -webkit-transition: opacity 0.4s linear;
  610. -webkit-transition: all 0.4s ease-in-out;
  611. -moz-transition: all 0.4s ease-in-out;
  612. -o-transition: all 0.4s ease-in-out;
  613.  
  614. }
  615.  
  616. #explore a:hover {
  617. padding: 0px 0px 14px 0px;
  618. border-bottom:1px solid {color:Navigation text hover border};
  619. -webkit-transition: opacity 0.4s linear;
  620. -webkit-transition: all 0.4s ease-in-out;
  621. -moz-transition: all 0.4s ease-in-out;
  622. -o-transition: all 0.4s ease-in-out;
  623.  
  624. }
  625.  
  626. /* Title and Description */
  627.  
  628. #title {
  629. float:left;
  630. font-family:arial;
  631. padding-right:15px;
  632. border-right:1px solid {color:Title border};
  633. margin-top:4px;
  634. margin-left:12px;
  635. letter-spacing:-1px;
  636. font-weight:900;
  637. color:{color:Title};
  638. font-size:23px;
  639. text-transform:uppercase;
  640.  
  641. }
  642.  
  643. #bloginfo {
  644. margin-top:-50px;
  645.  
  646. }
  647.  
  648. #bloginfo img {
  649. border-radius:100%;
  650. padding:20px;
  651. width:150px;
  652. height:150px;
  653. margin-left:-50px;
  654. margin-top:30px;
  655. background:{color:Side icon bg};
  656. border:1px solid {color:Side icon border};
  657.  
  658. }
  659.  
  660. .about {
  661. margin-left:-1px;
  662. margin-top:-176px;
  663. padding:10px;
  664. background:{color:Description bg};
  665. color:{color:Description text};
  666. border:1px solid {color:Container border};
  667. text-align:justify;
  668. {block:if250px}
  669. width:530px;
  670. {/block:if250px}
  671. {block:if400px}
  672. width:660px;
  673. {/block:if400px}
  674. {block:if500px}
  675. width:740px;
  676. {/block:if500px}
  677. {block:PermalinkPage}
  678. width:740px;
  679. {/block:PermalinkPage}
  680. -webkit-border-top-left-radius: 30px;
  681. -webkit-border-top-right-radius: 30px;
  682. -moz-border-radius-topleft: 30px;
  683. -moz-border-radius-topright: 30px;
  684. border-top-left-radius: 30px;
  685. border-top-right-radius: 30px;
  686.  
  687. }
  688.  
  689. .about p {
  690. width:250px;
  691. margin:10px 0px 10px 0px;
  692. {block:if250px}
  693. margin-left:180px;
  694. {/block:if250px}
  695. {block:if400px}
  696. margin-left:250px;
  697. {/block:if400px}
  698. {block:if500px}
  699. margin-left:300px;
  700. {/block:if500px}
  701.  
  702. }
  703.  
  704. /* Post info */
  705.  
  706. #details {
  707. position:absolute;
  708. margin-left:-180px;
  709. margin-top:60px;
  710.  
  711. }
  712.  
  713. .iinfo {
  714. font-weight:bold;
  715. font-family:georgia;
  716. font-size:9px;
  717. line-height:9px;
  718. color:{color:Post info};
  719. letter-spacing:2px;
  720. padding:15px;
  721. text-transform:uppercase;
  722.  
  723. }
  724.  
  725. .iinfo h2 {
  726. position:absolute;
  727. margin-top:-23px;
  728. margin-left:-20px;
  729. font-size:20px;
  730. text-align:right;
  731. width:120px;
  732. letter-spacing:-2px;
  733. font-family:georgia;
  734. font-weight:none;
  735. color:{color:Post info date};
  736. padding:5px 5px 10px 5px;
  737. border-bottom:1px solid #eee;
  738.  
  739. }
  740.  
  741. .iinfo a {
  742. color:{color:Post info};
  743.  
  744. }
  745.  
  746. #hashbrowns {
  747. margin-top:-20px;
  748. text-align:right;
  749. width:120px;
  750. margin-left:100px;
  751. opacity:0;
  752. -webkit-transition: opacity 0.4s linear;
  753. -webkit-transition: all 0.4s ease-in-out;
  754. -moz-transition: all 0.4s ease-in-out;
  755. -o-transition: all 0.4s ease-in-out;
  756.  
  757. }
  758.  
  759. #hashbrowns a {
  760. text-align:right;
  761. line-height:15px;
  762. padding:1px 3px 1px 3px;
  763. background:{color:Tags bg};
  764. color:{color:Tags text};
  765.  
  766. }
  767.  
  768. .blogpost:hover #hashbrowns {
  769. opacity:1;
  770. margin-left:0px;
  771. -webkit-transition: all .7s ease-in-out;
  772. -moz-transition: all .7s ease-in-out;
  773. -ms-transition: all .7s ease-in-out;
  774. -o-transition: all .7s ease-in-out;
  775. transition: all .7s ease-in-out;
  776.  
  777. }
  778.  
  779. /* Footer */
  780.  
  781. * {
  782. margin: 0;
  783.  
  784. }
  785.  
  786. html, body {
  787. height:0;
  788.  
  789. }
  790.  
  791. .wrapper {
  792. min-height: 100%;
  793. height: auto !important;
  794. height: 100%;
  795. margin: 0 auto -4em;
  796. width:100%;
  797. left:0;
  798.  
  799. }
  800.  
  801. .footer, .push {
  802. width:100%;
  803. left:0;
  804. margin-top:30px;
  805. height:60px;
  806. border-top:1px solid {color:Footer border};
  807. border-bottom:20px solid {color:Footer border};
  808. background:{color:Footer bg};
  809.  
  810. }
  811.  
  812. .footstuff {
  813. font-family:helvetica;
  814. margin-top:25px;
  815. width:380px;
  816.  
  817. }
  818.  
  819. /* Pagination */
  820.  
  821. .pagination {
  822. position:absolute;
  823. margin-top:-8px;
  824. margin-left:0px;
  825. padding:7px;
  826. font-family:helvetica;
  827. font-size:10px;
  828. text-transform:uppercase;
  829.  
  830. }
  831.  
  832. .pagination a {
  833. margin-left:20px;
  834. padding:7px 10px 7px 10px;
  835. background:{color:Pagination bg};
  836. border:1px solid {color:Pagination Border};
  837. font-weight:900;
  838. color:{color:Pagination text};
  839. -webkit-transition: opacity 0.4s linear;
  840. -webkit-transition: all 0.4s ease-in-out;
  841. -moz-transition: all 0.4s ease-in-out;
  842. -o-transition: all 0.4s ease-in-out;
  843.  
  844. }
  845.  
  846. .pagination a:hover {
  847. background:{color:Pagination bg hover};
  848. color:{color:Pagination text hover};
  849. -webkit-transition: opacity 0.4s linear;
  850. -webkit-transition: all 0.4s ease-in-out;
  851. -moz-transition: all 0.4s ease-in-out;
  852. -o-transition: all 0.4s ease-in-out;
  853.  
  854. }
  855.  
  856. /* THEME CREDIT - DO NOT REMOVE */
  857.  
  858. #madeby {
  859. text-transform:uppercase;
  860. font-size:8px;
  861. letter-spacing:2px;
  862. width:100px;
  863. {block:if250px}
  864. margin-left:470px;
  865. {/block:if250px}
  866. {block:if400px}
  867. margin-left:590px;
  868. {/block:if400px}
  869. {block:if500px}
  870. margin-left:670px;
  871. {/block:if500px}
  872.  
  873. }
  874.  
  875. #madeby a {
  876. color:{color:Theme credit text};
  877.  
  878. }
  879.  
  880. </style>
  881.  
  882. <!-- DO NOT TOUCH -->
  883.  
  884.  
  885. <link href="style-my-tooltips.css" rel="stylesheet" type="text/css" />
  886.  
  887. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script><script>(function($){$(document).ready(function(){$("[title]").style_my_tooltips();});})(jQuery);</script>
  888.  
  889. </head>
  890. <body>
  891.  
  892. <!-- Navigation-->
  893.  
  894. <div id="navigate">
  895. <div id="title">{title}</div>
  896.  
  897. <div id="explore">
  898. <a href="/">Index</a>
  899. <a href="/ask" target="_blank">Contact</a>
  900. <a href="/archive" target="_blank">History</a>
  901. {block:ifLinkOne}<a href="{text:Link One URL}">{text:Link One}</a>{/block:ifLinkOne}
  902. {block:ifLinkTwo}<a href="{text:Link Two URL}">{text:Link Two}</a>{/block:ifLinkTwo}
  903. {block:ifLinkThree}<a href="{text:Link Three URL}">{text:Link Three}</a>{/block:ifLinkThree}
  904. </div>
  905. </div>
  906.  
  907. <!-- Header-->
  908. <div id="tops"><div id="bottoms"></div></div>
  909.  
  910. <!-- Conainer -->
  911. <div id="tainer">
  912.  
  913. <!-- Blog title and Description -->
  914.  
  915. <div id="bloginfo">
  916. <img src="{image:Icon}"/>
  917. <div class="about">
  918. <p>{description}</p>
  919. </div>
  920. </div>
  921.  
  922. <div class ="autopagerize_page_element">
  923.  
  924. {block:posts}
  925. <div class="blogpost">
  926. {block:ContentSource}
  927. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  928. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  929. {/block:SourceLogo}
  930. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  931. {/block:ContentSource}
  932.  
  933. <!-- Posts Info-->
  934.  
  935. {block:IndexPage}
  936. <div id="details">
  937. <div class="iinfo">
  938. {block:Date}
  939. <h2>{MonthNumberWithZero} / {DayOfMonthWithZero} / {ShortYear}</h2>{/block:Date} <BR>
  940.  
  941. <span>
  942. <a href="{ReblogURL}" title="reblog">• • reblog</a><br>
  943. </span>
  944.  
  945. {block:NoteCount}
  946. <a href="{Permalink}" title="permalink">{NoteCount}</a> Notes{/block:NoteCount}<br>
  947.  
  948. </div>
  949.  
  950. <div id="hashbrowns">
  951. {block:HasTags}<br>
  952. <a href="{TagURL}">{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</a><br>
  953. {/block:HasTags}
  954. </div>
  955.  
  956. </div>
  957. {/block:IndexPage}
  958.  
  959.  
  960. {block:text}
  961. {block:title}<h1>{title}</h1>{/block:title}{body}
  962. {/block:text}
  963.  
  964. {block:Link}
  965. <h1><a href="{URL}" target="{Target}">{Name}></a></h1>
  966. {block:Description}{Description}{/block:Description}
  967. {/block:Link}
  968.  
  969. {block:Chat}
  970. {block:Title}<h1>{Title}</h1>{/block:Title}
  971. {block:Lines}
  972. {block:Label}<strong>{Label}</strong>{/block:Label} {Line}<br />
  973. {/block:Lines}
  974. {/block:Chat}
  975.  
  976. <!-- Posts -->
  977.  
  978. {block:photo}
  979. {block:IndexPage}
  980. {block:if250px}<img style="width:250px;" src="{PhotoURL-250}">{/block:if250px}
  981. {block:if400px}<img style="width:400px;" src="{PhotoURL-400}">{/block:if400px}
  982. {block:if500px}<img src="{PhotoURL-500}"/>{/block:if500px}
  983. {block:ifShowCaptions}
  984. {block:caption}<div id="caption">{Caption}</div>{/block:caption}
  985. {/block:ifShowCaptions}
  986. {/block:IndexPage}
  987.  
  988.  
  989. {block:PermalinkPage}
  990. <img src="{PhotoURL-500}"/>
  991. {block:Caption}
  992. <div id="caption">{Caption}</div>
  993. {/block:Caption}
  994. {/block:PermalinkPage}
  995. {/block:photo}
  996.  
  997.  
  998. {block:Photoset}
  999. {block:IndexPage}
  1000. {block:if250px}{Photoset-250}{/block:if250px}
  1001. {block:if400px}{Photoset-400}{/block:if400px}
  1002. {block:if500px}{Photoset-500}{/block:if500px}
  1003. {block:ifShowCaptions}
  1004. {block:caption}<div id="caption">{Caption}</div>{/block:caption}
  1005. {/block:ifShowCaptions}
  1006. {/block:IndexPage}
  1007.  
  1008. {block:PermalinkPage}
  1009. {Photoset-500}
  1010. {block:Caption}
  1011. <div id="caption">{Caption}</div>
  1012. {/block:Caption}
  1013. {/block:PermalinkPage}
  1014. {/block:Photoset}
  1015.  
  1016. {block:Quote}<div id="quotes">❝{Quote}❞</div> {block:Source}<div align="right">— {Source}</div>{/block:Source}
  1017. {/block:Quote}
  1018.  
  1019. <!-- Audio and Video -->
  1020.  
  1021. {block:Audio}
  1022. <div id="audio">{AudioPlayerWhite}</div>
  1023.  
  1024. <div class="musicinfo">
  1025. {block:Artist}<b>ARTIST: </b>{Artist}{/block:Artist}<br>
  1026. {block:TrackName}<B>TRACK: </B>{TrackName}{/block:TrackName}<br>
  1027. {block:Album}<B>ALBUM: </B>{Album}{/block:Album}<br></div><br>
  1028. {block:ifShowCaptions}
  1029. {block:caption}<div id="caption">{caption}</div>{/block:caption}
  1030. {/block:ifShowCaptions}
  1031.  
  1032. {/block:Audio}
  1033.  
  1034. {block:Video}
  1035. {block:if250px}{Video-250}{/block:if250px}
  1036. {block:if400px}{Video-400}{/block:if400px}
  1037. {block:if500px}{Video-500}{/block:if500px}
  1038. {block:ifShowCaptions}
  1039. {block:caption}<div id="caption">{Caption}</div>{/block:caption}
  1040. {/block:ifShowCaptions}
  1041. {/block:Video}
  1042.  
  1043. <!-- Asks -->
  1044.  
  1045. {block:Answer}
  1046. <div class="asker"><img src="{AskerPortraitURL-64}"/><span>{Asker}</span></div>
  1047. <div id="que">{Question}</div>
  1048. <div id="response">{Answer}</div>
  1049. {/block:Answer}
  1050.  
  1051. <!-- Permalink -->
  1052.  
  1053. {block:PermalinkPage}{block:Date}
  1054.  
  1055. {/block:Date}{/block:PermalinkPage}
  1056.  
  1057. {block:PermalinkPage}
  1058. {block:Date}
  1059. <div id="permalink">
  1060. <div class="perma">
  1061. <span>{Month} {DayOfMonth} {DayOfMonthSuffix} {Year}</span>
  1062. <BR>
  1063.  
  1064. <p>{block:NoteCount}
  1065. {NoteCount} NOTES {/block:NoteCount} /
  1066.  
  1067. <a href="{ReblogURL}" title="reblog">Reblog</a></p>
  1068.  
  1069. {block:RebloggedFrom}
  1070. <a href="{ReblogParentURL}"><b>VIA:</b> {ReblogParentName}</a>
  1071. <a href="{ReblogRootURL}"><b>SOURCE:</b> {ReblogRootName}</a>
  1072. {/block:RebloggedFrom}<br>
  1073. {block:HasTags}
  1074. <b>TAGGED AS:</b>
  1075. {block:Tags}
  1076. <a href="{TagURL}">#{Tag} </a>
  1077. {/block:Tags}
  1078. {/block:HasTags}<br>
  1079.  
  1080.  
  1081. </div>
  1082. {/block:Date}
  1083. {/block:PermalinkPage}
  1084.  
  1085. <div id="notecounts">
  1086. {block:PostNotes}
  1087. {PostNotes}
  1088. {/block:PostNotes}
  1089. </div>
  1090. </div>
  1091. {/block:posts}
  1092. </div>
  1093.  
  1094. {block:IndexPage}
  1095. <div class="wrapper">
  1096. </div>
  1097. <div class="footer">
  1098. <div class="footstuff">
  1099.  
  1100. <!-- PAGINATION-->
  1101. <div class="pagination">
  1102. {block:Pagination}
  1103. {block:PreviousPage}
  1104. <a href="{PreviousPage}" id="next">Previous</a>
  1105. {/block:PreviousPage}
  1106. {block:NextPage}<a href="{NextPage}" id="next">next</a>{/block:NextPage}
  1107. {/block:Pagination}</div>
  1108.  
  1109. <div id="madeby"><a href="http://dohdoro.tumblr.com">dohthemes</a></div>
  1110. {/block:IndexPage}
  1111.  
  1112. </body>
  1113. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!