API tools faq
paste
Advertisement
okesan

dohh theme

okesan
Dec 14th, 2014
220
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.02 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. <!-- THEME: SINOSIJAK --->
  17.  
  18. <!-- DO NOT REMOVE THE CREDIT PLEASE.
  19. DO NOT COMBINE MY CODES WITH SOMEONE ELSES
  20. DO NOT REDISTRIBUTE AND CLAIM AS YOURS
  21. DO NOT USE AS BASE --->
  22.  
  23. <head>
  24.  
  25. <title>{Title}</title>
  26.  
  27.  
  28. <link rel="shortcut icon" href="{favicon}" />
  29.  
  30.  
  31. <meta name="color:Background" content="#ffffff"/>
  32. <meta name="color:Text" content="#88888888"/>
  33. <meta name="color:Bold" content="#000000"/>
  34. <meta name="color:Italic" content="#000000"/>
  35. <meta name="color:Underline" content="#888888"/>
  36. <meta name="color:links" content="#888888"/>
  37. <meta name="color:links hover" content="#000000"/>
  38. <meta name="color:Scrollbar line" content="#eeeeee"/>
  39. <meta name="color:scrollbar" content="#eeeeee"/>
  40. <meta name="color:Tooltip bg" content="#F7819F"/>
  41. <meta name="color:Tooltip text" content="#ffffff"/>
  42. <meta name="color:H1 bg" content="#ffffff"/>
  43. <meta name="color:H1 text" content="#888888"/>
  44. <meta name="color:H1 border" content="#eeeeee"/>
  45. <meta name="color:Blockquote border" content="#eeeeee"/>
  46. <meta name="color:pre bg" content="#fafafa"/>
  47. <meta name="color:Permalink Bg" content="#fafafa"/>
  48. <meta name="color:Permalink" content="#888888"/>
  49. <meta name="color:Permalink Border" content="#eeeeee"/>
  50. <meta name="color:Pagination Bg" content="#fafafa"/>
  51. <meta name="color:Permalink Border" content="#eeeeee"/>
  52. <meta name="color:Permalink" content="#888888"/>
  53. <meta name="color:Permalink border" content="#eeeeee"/>
  54. <meta name="color:Post bg" content="#fafafa"/>
  55. <meta name="color:Post text" content="#888888"/>
  56. <meta name="color:Caption text" content="#888888"/>
  57. <meta name="color:Caption bg" content="#ffffff"/>
  58. <meta name="color:Caption bg" content="#ffffff"/>
  59. <meta name="color:Post info bg" content="#fafafa"/>
  60. <meta name="color:Post info text" content="#afafaf"/>
  61. <meta name="color:Post info border" content="#eeeeee"/>
  62. <meta name="color:Tags bg" content="#101010"/>
  63. <meta name="color:Tags text" content="#ffffff"/>
  64. <meta name="color:Tags border" content="#ffffff"/>
  65. <meta name="color:Ask bg" content="#fafafa"/>
  66. <meta name="color:Question bg" content="#ffffff"/>
  67. <meta name="color:Question text" content="#888888"/>
  68. <meta name="color:Ask img border" content="#eeeeee"/>
  69. <meta name="color:Answer bg" content="#fafafa"/>
  70. <meta name="color:Answer text" content="#888888"/>
  71. <meta name="color:Audio info border" content="#eeeeee"/>
  72. <meta name="color:Pagination border" content="#eeeeee"/>
  73. <meta name="color:current page bg" content="#F7819F"/>
  74. <meta name="color:current page bg hover" content="#232323"/>
  75. <meta name="color:current page text hover" content="#ffffff"/>
  76. <meta name="color:current page text" content="#ffffff"/>
  77. <meta name="color:next page bg" content="#ffffff"/>
  78. <meta name="color:next page bg hover" content="#fafafa"/>
  79. <meta name="color:next page text hover" content="#888888"/>
  80. <meta name="color:next page text" content="#888"/>
  81. <meta name="color:theme border" content="#eeeeee"/>
  82. <meta name="color:navigation border" content="#eeeeee"/>
  83. <meta name="color:navigation bg" content="#ffffff"/>
  84. <meta name="color:navigation text" content="#888888"/>
  85. <meta name="color:navigation bg hover" content="#79d1cb"/>
  86. <meta name="color:navigation text hover" content="#ffffff"/>
  87. <meta name="color:search box bg" content="#ffffff"/>
  88. <meta name="color:search box text" content="#888888"/>
  89. <meta name="color:search box border" content="#eeeeee"/>
  90. <meta name="color:description" content="#888888"/>
  91. <meta name="color:title" content="#101010"/>
  92. <meta name="color:Icon border" content="#eeeeee"/>
  93.  
  94. <meta name="image:Background" content=""/>
  95. <meta name="image:top image" content="http://static.tumblr.com/bj5zkci/JXSnghrcr/chodingdino-03_copy.png"/>
  96. <meta name="image:header icon" content="http://static.tumblr.com/874138ea7159e8546bf088a441824776/bj5zkci/eegnghahj/tumblr_static_3ind71rezveo4goc4oc48gow0.png"/>
  97.  
  98. <meta name="if:Show Captions" content="0"/>
  99. <meta name="text:Link One URL" content="/"/>
  100. <meta name="text:Link One" content="one"/>
  101. <meta name="text:Link Two URL" content="/"/>
  102. <meta name="text:Link Two" content="two"/>
  103. <meta name="text:Link Three URL" content="/"/>
  104. <meta name="text:Link Three" content="three"/>
  105. <meta name="text:Link Four URL" content="/"/>
  106. <meta name="text:Link Four" content="Four"/>
  107. <meta name="text:twitter url" content=""/>
  108. <meta name="text:Instagram url" content=""/>
  109.  
  110.  
  111. <meta name="if:2columns" content"1"/>
  112. <meta name="if:400px" content""/>
  113. <meta name="if:500px" content""/>
  114. <meta name="if:socialmedia" content"1"/>
  115.  
  116. <meta name="text:Search Label" content="/tagged" />
  117. <script type="text/javascript" src="http://static.tumblr.com/8oupd2j/BYTm7u5cn/tag_search.js"></script>
  118.  
  119. <style type="text/css">
  120.  
  121. #tumblr_controls {position: fixed !important;}
  122. #tumblr_controls {-webkit-filter: invert(100%);}
  123. #tumblr_controls {opacity: 0.5; -webkit-transition: opacity 0.7s linear; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
  124. #tumblr_controls:hover {opacity: 1; -webkit-transition: opacity 0.7s linear; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
  125.  
  126.  
  127. ::-webkit-scrollbar {
  128. height:3px;
  129. width:7px;
  130. background:{color:Scrollbar line};
  131. border:3px solid {color:Background};
  132.  
  133. }
  134.  
  135. ::-webkit-scrollbar-thumb:vertical {
  136. border-radius:70px;
  137. background-color:{color:scrollbar};
  138.  
  139. }
  140.  
  141. /* Hover text */
  142.  
  143. #s-m-t-tooltip {
  144. z-index:999999;
  145. max-width:300px;
  146. margin-top:25px;
  147. margin-left:15px;
  148. padding:10px;
  149. background-color:{color:Tooltip bg};
  150. border-radius:10px;
  151. color:{color:Tooltip text};
  152. font-family:arial;
  153. font-size:8px;
  154. letter-spacing:1px;
  155. text-transform:uppercase;
  156. line-height:13px;
  157.  
  158. }
  159.  
  160. /* Body */
  161.  
  162. body {
  163. font-family:calibri;
  164. font-size:10px;
  165. max-width:100%;
  166. height:100%;
  167. letter-spacing:1px;
  168. color:{color:Text};
  169. background:{color:Background};
  170. background-image:url('{image:Background}');
  171. background-repeat:no-repeat;
  172. background-attachment:fixed;
  173.  
  174. }
  175.  
  176. a {
  177. color:{color:Links};
  178. text-decoration:none;
  179.  
  180. }
  181.  
  182. a:hover {
  183. color:{color:Links Hover};
  184.  
  185. }
  186.  
  187. b, strong {
  188. color:{color:Bold};
  189.  
  190. }
  191.  
  192. i, em {
  193. color:{color:Italic};
  194.  
  195. }
  196.  
  197. u {
  198. color:{color:Underline};
  199.  
  200. }
  201.  
  202. h1 {
  203. font-family:helvetica;
  204. font-size:13px;
  205. text-transform:uppercase;
  206. text-align:center;
  207. background:{color:H1 bg};
  208. color:{color:H1 text};
  209. padding:15px;
  210. border:1px solid {color:H1 border};
  211.  
  212. }
  213.  
  214. h1 a {
  215. color:{color:Links};
  216. text-decoration:none;
  217.  
  218. }
  219.  
  220. blockquote {
  221. word-wrap:break-word;
  222. border-left:1px solid {color:Blockquote border};
  223. padding-left:10px;
  224.  
  225. }
  226.  
  227. pre {
  228. background:{color:pre bg};
  229. padding:6px;
  230.  
  231. }
  232.  
  233. /* Permalink */
  234.  
  235. #permalink {
  236. position:absolute;
  237. margin-left:-20px;
  238. margin-top:90px;
  239. padding:20px;
  240. color:{color:Permalink};
  241. background:{color:Permalink Bg};
  242. font-size:9px;
  243. font-family:calibri;
  244. font-weight:lighter;
  245. text-transform:uppercase;
  246. text-align:center;
  247. width:400px;
  248. height:auto;
  249. word-wrap:break-word;
  250.  
  251. }
  252.  
  253. #permalink a {
  254. display:inline-block;
  255. color:{color:Permalink};
  256.  
  257. }
  258.  
  259. #permalink p {
  260. font-size:30px;
  261. margin-bottom:10px;
  262. font-weight:bold;
  263. border-bottom:1px solid {color:Permalink border};
  264.  
  265. }
  266.  
  267. .notecounts {
  268. position:absolute;
  269. overflow:auto;
  270. text-align:center;
  271. margin-left:-20px;
  272. margin-top:50px;
  273. font-weight:lighter;
  274. font-family:helvetica;
  275. font-size:8px;
  276. background:{color:Permalink bg};
  277. color:{color:Permalink};
  278. text-transform:uppercase;
  279. padding:20px;
  280. width:400px;
  281.  
  282. }
  283.  
  284. .notecounts a {
  285. color:{color:Permalink};
  286.  
  287. }
  288.  
  289. .notecounts img {
  290. display:inline-block;
  291. border:5px solid {color:Permalink Border};
  292. border-radius:100%;
  293.  
  294. }
  295.  
  296. ol.notes {
  297. list-style-type:none;
  298. text-align:left;
  299.  
  300. }
  301.  
  302. /* Posts */
  303.  
  304. #contain {
  305. overflow-x:hidden;
  306. overflow-y:auto;
  307. margin-top:250px;
  308. margin-left:160px;
  309. border:20px solid transparent;
  310. max-height:53vh;
  311. height:53vh;
  312. max-width:100%;
  313. {block:if2columns}width:700px;{/block:if2columns}
  314. {block:if400px}width:720px;{/block:if400px}
  315. {block:if500px}width:720px;{/block:if500px}
  316.  
  317. }
  318.  
  319.  
  320. .entry {
  321. float:left;
  322. position:relative;
  323. padding:20px;
  324. margin-top:45px;
  325. margin-bottom:30px;
  326. background:{color:Post bg};
  327. color:{color:Post text};
  328. font-family:Arial;
  329. font-size:10px;
  330. {block:if2columns}
  331. width:250px;
  332. margin-left:30px;
  333. {/block:if2columns}
  334. {block:if400px}
  335. width:400px;
  336. margin-left:130px;
  337. margin-top:50px;
  338. {/block:if400px}
  339. {block:if500px}
  340. width:500px;
  341. margin-left:50px;
  342. margin-top:70px;
  343. {/block:if500px}
  344. {block:PermalinkPage}
  345. margin-left:130px;
  346. margin-top:50px;
  347. width:400px;
  348. padding-bottom:50px;
  349. {/block:PermalinkPage}
  350.  
  351. }
  352.  
  353. .entry a {
  354. color:{color:links};
  355.  
  356. }
  357.  
  358. .entry img{
  359. max-width:100%;
  360. display:block;
  361.  
  362. }
  363.  
  364. #caption {
  365. margin-top:15px;
  366. color:{color:Caption text};
  367. background:{color:Caption bg};
  368. padding:5px;
  369. word-wrap:break-word;
  370. white-space:normal;
  371. font-size:11px;
  372. font-family:Arial;
  373.  
  374. }
  375.  
  376. #quotes {
  377. font-family:arial;
  378. font-size:14px;
  379. color:{color:Post text};
  380. padding:10px;
  381. text-align:center;
  382. letter-spacing:0px;
  383. text-transform:none;
  384.  
  385. }
  386.  
  387. /* Post Info */
  388.  
  389. #information {
  390. position:absolute;
  391. margin-top:-60px;
  392. margin-left:-20px;
  393. z-index:9;
  394. width:270px;
  395. height:20px;
  396. background:{color:Post info bg};
  397. border-bottom:1px solid {color:Post info border};
  398. letter-spacing:-1px;
  399. font-size:20px;
  400. padding:10px;
  401. text-transform:uppercase;
  402. {block:if2columns}
  403. width:270px;
  404. {/block:if2columns}
  405. {block:if400px}
  406. width:420px;
  407. {/block:if400px}
  408. {block:if500px}
  409. width:520px;
  410. {/block:if500px}
  411.  
  412. }
  413.  
  414. #information img {
  415. display:inline-block;
  416. width:15px;
  417. margin-top:-5px;
  418.  
  419. }
  420.  
  421. #information a {
  422. color:{color:Post info text};
  423.  
  424. }
  425.  
  426. .entry:hover #filed {
  427. opacity:1;
  428. -webkit-transition: all .7s ease-in-out;
  429. -moz-transition: all .7s ease-in-out;
  430. -ms-transition: all .7s ease-in-out;
  431. -o-transition: all .7s ease-in-out;
  432. transition: all .7s ease-in-out;
  433.  
  434. }
  435.  
  436. #filed {
  437. position:absolute;
  438. text-align:center;
  439. text-transform:uppercase;
  440. z-index:9;
  441. background:{color:Tags bg};
  442. top:0;
  443. left:0px;
  444. height:100%;
  445. font-size:8px;
  446. font-family:arial;
  447. opacity:0;
  448. {block:if2columns}
  449. width:290px;
  450. {/block:if2columns}
  451. {block:if400px}
  452. width:440px;
  453. {/block:if400px}
  454. {block:if500px}
  455. width:540px;
  456. {/block:if500px}
  457. -webkit-transition: opacity 0.4s linear;
  458. -webkit-transition: all 0.4s ease-in-out;
  459. -moz-transition: all 0.4s ease-in-out;
  460. -o-transition: all 0.4s ease-in-out;
  461.  
  462. }
  463.  
  464. #filed img {
  465. font-size:10px;
  466. border-radius:100%;
  467. border:1px solid {color:Tags border};
  468. width:15px;
  469. font-weight:lighter;
  470. padding:10px;
  471. {block:if2columns}
  472. margin-left:130px;
  473. {/block:if2columns}
  474. {block:if400px}
  475. margin-left:200px;
  476. {/block:if400px}
  477. {block:if500px}
  478. margin-left:250px;
  479. {/block:if500px}
  480.  
  481. }
  482.  
  483. .taggedw {
  484. margin-top:10%;
  485. padding:10px;
  486. width:150px;
  487. display:inline-block;
  488.  
  489. }
  490.  
  491. .taggedw a {
  492. line-height:25px;
  493. color:{color:Tags text};
  494. padding:5px;
  495. border-radius:20px;
  496. border:1px solid {color:Tags border};
  497. letter-spacing:1px;
  498.  
  499. }
  500.  
  501. /* Asks */
  502.  
  503. .asktit {
  504. background:{color:Question bg};
  505. color:{color:Question bg};
  506. padding:8px;
  507. margin-top:2px;
  508. float:left;
  509. text-transform:uppercase;
  510. font-family:arial;
  511. font-size:10px;
  512. -webkit-border-top-right-radius: 20px;
  513. -moz-border-radius-topright: 20px;
  514. border-top-right-radius: 20px;
  515.  
  516. }
  517.  
  518. .asktit a {
  519. color:{color:Question text};
  520. letter-spacing:2px;
  521.  
  522. }
  523.  
  524. #asks img {
  525. float:left;
  526. width:26px;
  527. margin-top:2px;
  528. border:1px solid {color:Ask img border};
  529.  
  530. }
  531.  
  532. .quesz {
  533. margin-top:15px;
  534. padding-left:15px;
  535. line-height:11px;
  536. background:{color:Question bg};
  537. color:{color:Question text};
  538. font-family:Arial;
  539. font-weight:lighter;
  540. font-size:10px;
  541. padding:10px;
  542.  
  543. }
  544.  
  545. .answ {
  546. padding:10px;
  547. margin-top:5px;
  548. font-family:arial;
  549. font-size:10px;
  550. font-weight:lighter;
  551. background:{color:Answer bg};
  552. color:{color:Answer text};
  553. line-height:12px;
  554.  
  555. }
  556.  
  557. /* Audio */
  558.  
  559. #audio {
  560. width:100%;
  561. margin-left:0px;
  562.  
  563. }
  564.  
  565. .tumblr_audio_player {
  566. height: 40px;
  567. {block:if2columns}
  568. width:250px;
  569. {/block:if2columns}
  570. {block:if400px}
  571. width:400px;
  572. {/block:if400px}
  573. {block:if500px}
  574. width:500px;
  575. {/block:if500px}
  576.  
  577. }
  578.  
  579. #musica {
  580. position:relative;
  581. background:{color:Post bg};
  582. color:{color:Post text};
  583. border-top:1px solid {color:Audio info border};
  584. padding:10px;
  585. margin-left:-10px;
  586. margin-top:10px;
  587. font-family:Arial;
  588. font-size:10px;
  589. line-height:10px;
  590. letter-spacing:1px;
  591. {block:if250px}width:250;{/block:if250px}
  592. {block:if400px}width:380px;{/block:if400px}
  593. {block:PermalinkPage}
  594. width:400px;
  595. {/block:PermalinkPage}
  596.  
  597. }
  598.  
  599. /* Pagination */
  600.  
  601. .pagination {
  602. z-index:99;
  603. position:fixed;
  604. bottom:0px;
  605. width:150px;
  606. left:300px;
  607. height:48px;
  608.  
  609. }
  610.  
  611. .jump_page {
  612. display:inline-block;
  613. padding:20px 20px 17px 20px;
  614. margin-left:-5px;
  615. border-right:1px solid {color:Pagination border};
  616. border-left:1px solid {color:Pagination border};
  617. color:{color:next page text};
  618. background:{color:next page pg};
  619. font-family:arial;
  620. font-size:11px;
  621. text-decoration:none;
  622.  
  623. }
  624.  
  625. .current_page {
  626. font-family:arial;
  627. background:{color:current page bg};
  628. margin-left:-4px;
  629. border-right:1px solid {color:Pagination border};
  630. color:{color:current page text};
  631. padding:20px 20px 17px 20px;
  632. font-size:11px;
  633. text-decoration:bold;
  634.  
  635. }
  636.  
  637. .current_page:hover {
  638. background:{color:current page bg hover};
  639. color:{color:current page text hover};
  640. }
  641.  
  642. .jump_page:hover {
  643. font-family:arial;
  644. background:{color:next page bg hover};
  645. color:{color:next page text hover};
  646. padding:20px 20px 17px 20px;
  647. font-size:11px;
  648. text-decoration:bold;
  649.  
  650. }
  651.  
  652. {block:IfInfiniteScroll}
  653. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  654. #infscr-loading {display:none;}
  655. .pagination {display:none!important;} {/block:IfInfiniteScroll}
  656.  
  657. #hanbin {
  658. position:fixed;
  659. top:0px;
  660. height:20px;
  661. border-bottom:1px solid {color:theme border};
  662. width:100%;
  663. left:0;
  664.  
  665. }
  666.  
  667. #headr {
  668. position:fixed;
  669. top:110px;
  670. height:100px;
  671. border-bottom:1px solid {color:theme border};
  672. width:100%;
  673. left:0;
  674.  
  675. }
  676.  
  677. #topq {
  678. position:fixed;
  679. z-index:99
  680. left:0px;
  681. top:0px;
  682. width:120px;
  683. height:100%;
  684. border-right:1px solid {color:theme border};
  685.  
  686. }
  687.  
  688. #topq img {
  689. position:absolute;
  690. width:100px;
  691. height:160px;
  692. opacity:1;
  693. margin-top:40px;
  694. margin-left:9px;
  695.  
  696. }
  697.  
  698. #naviside {
  699. position:absolute;
  700. margin-top:-39px;
  701. z-index:999;
  702. left:0px;
  703. text-align:right;
  704.  
  705. }
  706.  
  707. #naviside a {
  708. display:block;
  709. font-family:arial;
  710. width:63px;
  711. border-bottom:1px solid {color:navigation border};
  712. text-align:center;
  713. background:{color:navigation bg};
  714. padding:10px 32px 10px 25px;
  715. font-size:10px;
  716. text-transform:uppercase;
  717. color:{color:navigation text};
  718. -webkit-transition: opacity 0.7s linear;
  719. -webkit-transition: all 0.7s ease-in-out;
  720. -moz-transition: all 0.7s ease-in-out;
  721. -o-transition: all 0.7s ease-in-out;
  722.  
  723. }
  724.  
  725. #naviside a:hover {
  726. color:{color:navigation text hover};
  727. box-shadow:inset 120px 0 0 {color:navigation bg hover};
  728. -webkit-transition: opacity 0.7s linear;
  729. -webkit-transition: all 0.7s ease-in-out;
  730. -moz-transition: all 0.7s ease-in-out;
  731. -o-transition: all 0.7s ease-in-out;
  732.  
  733. }
  734.  
  735. .searchy {
  736. position:absolute;
  737. margin-left:120px;
  738. margin-top:0px;
  739.  
  740. }
  741.  
  742. .sfm input {
  743. background:{color:search box bg};
  744. font-size:9px;
  745. height:40px;
  746. border: 0px;
  747. padding:5px 15px 5px 15px;
  748. text-transform: uppercase;
  749. margin-top:0px;
  750. outline:none;
  751. margin-left:0px;
  752. border-right:1px solid {color:search box border};
  753. color:{color:search box text};
  754. letter-spacing:1px;
  755. font-family: calibri, helvetica, arial;
  756.  
  757. }
  758.  
  759. #sb {
  760. height:20px;
  761. background:{color:search box bg};
  762. border-right:1px solid {color:search box border};
  763. margin-top:10px;
  764. opacity:.5;
  765. vertical-align: top;
  766. border:none;
  767.  
  768. }
  769.  
  770. .descrip {
  771. position:absolute;
  772. margin-left:240px;
  773. margin-top:-60px;
  774.  
  775. }
  776.  
  777. .descrip p {
  778. width:240px;
  779. height:75px;
  780. overflow:auto;
  781. color:{color:description};
  782. margin-top:49px;
  783. margin-left:-20px;
  784. letter-spacing:3px;
  785. text-align:justify;
  786. font-family:helvetica;
  787. font-size:9px;
  788. text-transform:none;
  789.  
  790. }
  791.  
  792. .descrip h2 {
  793. position:absolute;
  794. font-family:arial;
  795. font-size:40px;
  796. color:#101010;
  797. margin-top:0px;
  798. margin-left:-24px;
  799. font-weight:900;
  800. letter-spacing:-2px;
  801. padding-bottom:5px;
  802. text-align:left;
  803. text-transform:uppercase;
  804.  
  805. }
  806.  
  807. .ikon {
  808. position:absolute;
  809. left:560px;
  810.  
  811. }
  812.  
  813. .ikon img {
  814. position:absolute;
  815. z-index:-999;
  816. border:1px solid {color:Icon border};
  817. padding:20px;
  818. width:100px;
  819. border-radius:100%;
  820. margin-left:240px;
  821. margin-top:-70px;
  822.  
  823. }
  824.  
  825. #boddom {
  826. position:fixed;
  827. bottom:0;
  828. left:0;
  829. width:100%;
  830. height:48px;
  831. border-top:1px solid {color:theme border};
  832.  
  833. }
  834.  
  835. #tumblr_controls {
  836. {block:IndexPage}
  837. display:none;
  838. {/block:IndexPage}
  839.  
  840. }
  841.  
  842. iframe#tumblr_controls {
  843. top: 0% !important;
  844. right:0% !important;
  845. position: fixed !important;
  846. z-index:9999;
  847.  
  848. }
  849.  
  850. #controlcon {
  851. position:fixed;
  852. top:75px;
  853. left:515px;
  854. z-index:99999;
  855.  
  856. }
  857.  
  858. #controlcon img {
  859. display:inline-block;
  860. margin:2px;
  861. width:50px;
  862. opacity:.6;
  863. margin-top:0px;
  864. padding:10px;
  865. -webkit-transition: all 0.5s ease-out;
  866. -moz-transition: all 0.5s ease-out;
  867. transition: all 0.5s ease-out
  868.  
  869. }
  870.  
  871. #controlcon img:hover {
  872. opacity:1;
  873. -webkit-transition: all 0.5s ease-out;
  874. -moz-transition: all 0.5s ease-out;
  875. transition: all 0.5s ease-out
  876.  
  877. }
  878.  
  879. #zigs {
  880. position:fixed;
  881. z-index:999;
  882. top:0;
  883. left:990px;
  884. height:100%;
  885. width:1px;
  886. background:{color:theme border};
  887.  
  888. }
  889.  
  890. #social {
  891. position:fixed;
  892. z-index:99999;
  893. bottom:-4px;
  894. left:460px;
  895.  
  896. }
  897.  
  898. #social img {
  899. opacity:.8;
  900. padding:4px;
  901. width:20px;
  902. margin:10px;
  903. -webkit-transition: opacity 0.4s linear;
  904. -webkit-transition: all 0.4s ease-in-out;
  905. -moz-transition: all 0.4s ease-in-out;
  906. -o-transition: all 0.4s ease-in-out;
  907.  
  908. }
  909.  
  910. #social img:hover {
  911. opacity:.5;
  912. -webkit-transition: opacity 0.4s linear;
  913. -webkit-transition: all 0.4s ease-in-out;
  914. -moz-transition: all 0.4s ease-in-out;
  915. -o-transition: all 0.4s ease-in-out;
  916.  
  917. }
  918.  
  919. #themecred {
  920. position:fixed;
  921. z-index:999;
  922. bottom:15px;
  923. left:40px;
  924.  
  925. }
  926.  
  927. #themecred a {
  928. font-family:arial;
  929. font-size:8px;
  930. letter-spacing:1px;
  931. text-transform:uppercase;
  932.  
  933. }
  934. </style>
  935.  
  936. <!-- DON'T MESS WITH THIS -->
  937.  
  938. <link href="style-my-tooltips.css" rel="stylesheet" type="text/css" />
  939. <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>
  940.  
  941. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  942.  
  943. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  944.  
  945. <script>
  946. $(function(){
  947. var $container = $('#contain');
  948. $container.imagesLoaded(function(){
  949. $container.masonry({
  950. itemSelector: '.entry',
  951. });
  952. });
  953. $container.infinitescroll({
  954. itemSelector : ".entry",
  955. navSelector : "div.pagination",
  956. nextSelector : ".pagination a#next",
  957. loadingImg : "",
  958. loadingText : "<em></em>",
  959. bufferPx : 10000,
  960. extraScrollPx: 12000,
  961. },
  962. // trigger Masonry as a callback
  963. function( newElements ) {
  964. var $newElems = $( newElements ).css({ opacity: 0 });
  965. // ensure that images load before adding to masonry layout
  966. $newElems.imagesLoaded(function(){
  967. $newElems.animate({ opacity: 1 });
  968. $container.masonry( 'appended', $newElems, true );
  969. });
  970. }
  971. );
  972. });
  973. </script>
  974.  
  975. </head>
  976. <body>
  977.  
  978. <div id ="over"></div>
  979.  
  980. <!-- header stuff -->
  981.  
  982. <div id="topq">
  983. <img src="{image:top image}"></a>
  984. </div>
  985. <div id="zigs"></div>
  986. <div id="hanbin"></div>
  987.  
  988. <div id="headr">
  989. <div class="ikon">
  990. <a href="/"><img src="{image:header icon}" title="home"></a></a>
  991. </div>
  992.  
  993. <div class="descrip">
  994. <h2>{title}</h2>
  995. <p>{description}</p>
  996. </div>
  997. </div>
  998.  
  999. <div id="controlcon">
  1000. <a href="http://tumblr.com/" title="Dashboard">
  1001. <img src="http://static.tumblr.com/bj5zkci/70ancmemu/house138.png"></a>
  1002.  
  1003. <a href="http://tumblr.com/follow/{Name}" title="follow"><img src="http://static.tumblr.com/bj5zkci/PZ7ncmen8/add56.png"></a>
  1004.  
  1005. <a href="http://www.tumblr.com/send/{Name}?redirect_to=http%3A%2F%2Fdohdoro.tumblr.com%2F" title="Fanmail">
  1006. <img src="http://static.tumblr.com/bj5zkci/oRlncmemb/email98.png">
  1007. </a>
  1008.  
  1009. </div>
  1010.  
  1011. <!-- bottom stuff -->
  1012.  
  1013. <div id="boddom">
  1014. <div class="searchy">
  1015. <form action="/search" method="get" class="sfm">
  1016. <input type="text" name="q" value="{SearchQuery}" id="sf"/>
  1017. <input type="image" value="Search" src="http://static.tumblr.com/bj5zkci/fNgn42ep2/search.png" id="sb"/>
  1018. </form><br>
  1019. </div>
  1020. </div>
  1021.  
  1022. {block:ifsocialmedia}
  1023. <div id="social">
  1024. <a href="{text:Instagram url}" title="instagram"><img src="http://static.tumblr.com/bj5zkci/ZHSndbu8q/instagram.png"></a>
  1025. <a href="{text:twitter url}" title="twitter"><img src="http://static.tumblr.com/bj5zkci/PfWndbua3/twitter.png"></a>
  1026. </div>
  1027. {block:ifsocialmedia}
  1028.  
  1029. <!-- Pagination -->
  1030.  
  1031. <div class="pagination">
  1032. {block:Pagination}
  1033. {block:JumpPagination length="3"}
  1034. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  1035. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  1036.  
  1037. {block:NextPage}<a href="{NextPage}" id="next"></a>{/block:NextPage}{/block:Pagination}
  1038. </div>
  1039.  
  1040.  
  1041. <!-- navigation -->
  1042.  
  1043. <div id="naviside">
  1044. <a href="/">Index</a>
  1045. <a href="/archive">history</a>
  1046. <a href="/ask">contact</a>
  1047. <a href="{text:Link One URL}">{text:Link One}</a>
  1048. <a href="{text:Link Two URL}">{text:Link Two}</a>
  1049. <a href="{text:Link Three URL}">{text:Link Three}</a>
  1050. <a href="{text:Link Four URL}">{text:Link Four}</a>
  1051. </div>
  1052.  
  1053.  
  1054. <div id="contain">
  1055.  
  1056. <!-- Posts -->
  1057.  
  1058. {block:posts}
  1059.  
  1060. <div class="entry">
  1061. {block:ContentSource}
  1062. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1063. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1064. {/block:SourceLogo}
  1065. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1066. {/block:ContentSource}
  1067.  
  1068. <!-- Post info -->
  1069.  
  1070. {block:IndexPage}
  1071. <div id="filed">
  1072. {block:HasTags}
  1073. <div class="taggedw">
  1074. {block:Tags}
  1075. <a href="{TagURL}">{Tag}</a>
  1076. {/block:Tags}
  1077. </div>
  1078. {/block:HasTags}<br><br>
  1079.  
  1080. <a href="{Permalink}" title="permalink"><img src="http://static.tumblr.com/bj5zkci/KUTngho3b/icon3.png"></a>
  1081.  
  1082. </div>
  1083. {/block:IndexPage}
  1084.  
  1085. {block:IndexPage}
  1086. <div id="information">
  1087. <a href="{ReblogURL}" title="reblog"><img src="http://static.tumblr.com/bj5zkci/6KFnd2j38/untitled-3_copy.png"></a>
  1088. {block:NoteCount}
  1089. <a href="{Permalink}" title="{NoteCount}">{NoteCount}</a>{/block:NoteCount}
  1090.  
  1091. </div>{/block:IndexPage}
  1092.  
  1093. <!-- the body -->
  1094.  
  1095. {block:text}{block:title}<h1>{title}</h1>{/block:title}{body}{/block:text}
  1096.  
  1097. {block:photo}
  1098. {block:IndexPage}
  1099. {block:if2columns}<img style="width:250px;" src="{PhotoURL-250}">{/block:if2columns}
  1100. {block:if400px}<img src="{PhotoURL-400}"/>{/block:if400px}
  1101. {block:if500px}<img src="{PhotoURL-500}"/>{/block:if500px}
  1102. {block:ifShowCaptions}
  1103. {block:caption}<div id="caption">{Caption}</div>{/block:caption}
  1104. {/block:ifShowCaptions}{/block:IndexPage}
  1105.  
  1106. {block:PermalinkPage}
  1107. <img src="{PhotoURL-400}"/>
  1108. {block:Caption}
  1109. <div id="caption">{Caption}</div>
  1110. {/block:Caption}
  1111. {/block:PermalinkPage}
  1112. {/block:photo}
  1113.  
  1114.  
  1115. {block:Photoset}
  1116. {block:IndexPage}
  1117. {block:if2columns}{Photoset-250}{/block:if2columns}
  1118. {block:if400px}{Photoset-400}{/block:if400px}
  1119. {block:if500px}{Photoset-500}{/block:if500px}
  1120. {block:ifShowCaptions}
  1121. {block:caption}<div id="caption">{Caption}</div>{/block:caption}
  1122. {/block:ifShowCaptions}
  1123. {/block:IndexPage}
  1124.  
  1125. {block:PermalinkPage}
  1126. {Photoset-400}
  1127. {block:Caption}
  1128. <div id="caption">{Caption}</div>
  1129. {/block:Caption}
  1130. {/block:PermalinkPage}
  1131. {/block:Photoset}
  1132.  
  1133. {block:Quote}<div id="quotes">❝{Quote}❞</div> {block:Source}<div align="right"></div>{/block:Source}{/block:Quote}
  1134.  
  1135. {block:Link}
  1136. <h1><a href="{URL}" target="{Target}">{Name}></a></h1>
  1137. {block:Description}{Description}{/block:Description} {/block:Link}
  1138.  
  1139. <!-- Music and Video -->
  1140.  
  1141. {block:Audio}
  1142. <div id="audio">{AudioPlayerWhite}</div>
  1143. <div id="musica">{block:Artist}<b>ARTIST</b> <img src="http://static.tumblr.com/3yblkz0/qSLn46s92/eee.png"> {Artist}{/block:Artist}<br>
  1144. {block:TrackName}<b>TRACK</b> <img src="http://static.tumblr.com/3yblkz0/qSLn46s92/eee.png"> {TrackName}{/block:TrackName}<br>
  1145. {block:Album}<b>ALBUM</b> <img src="http://static.tumblr.com/3yblkz0/qSLn46s92/eee.png"> {Album}{/block:Album}<br>
  1146. {block:PlayCount}<b>PLAY COUNT</b> <img src="http://static.tumblr.com/3yblkz0/qSLn46s92/eee.png"> {PlayCount}{/block:PlayCount}
  1147. </div>
  1148. {block:ifShowCaptions}
  1149. {block:caption}<div id="caption">{caption}</div>{/block:caption}{/block:ifShowCaptions}
  1150.  
  1151. {/block:Audio}
  1152.  
  1153. {block:Video}
  1154. {block:if250px}{Video-250}{/block:if250px}
  1155. {block:if400px}{Video-400}{/block:if400px}
  1156. {block:if500px}{Video-500}{/block:if500px}
  1157. {block:ifShowCaptions}{block:caption}<div id="caption">{Caption}</div>{/block:caption}{/block:ifShowCaptions}{/block:Video}
  1158.  
  1159.  
  1160. <!-- chat -->
  1161.  
  1162. {block:Chat}
  1163. {block:Title}{Title}<br />{/block:Title}
  1164. {block:Lines}
  1165. {block:Label}<strong>{Label}</strong>{/block:Label} {Line}<br />
  1166. {/block:Lines}
  1167. {/block:Chat}
  1168.  
  1169.  
  1170. <!-- Asks -->
  1171.  
  1172. {block:Answer}
  1173. <div id="asks">
  1174. <img src="{AskerPortraitURL-40}"></a></div>
  1175. <div class="asktit">{Asker} asked </div><br>
  1176. <div class="quesz">{Question}</div>
  1177. <div class="answ">{Answer}</div>
  1178. {/block:Answer}
  1179.  
  1180. <!-- Permalink -->
  1181.  
  1182. {block:PermalinkPage}
  1183.  
  1184. <div id="permalink">
  1185. <p>details</p>
  1186. {block:Date}
  1187. {DayOfMonth}{DayOfMonthSuffix} of {Month} {Year}{/block:Date} <BR>
  1188. {block:NoteCount}
  1189. {block:RebloggedFrom}
  1190. <a href="{ReblogParentURL}"><b>VIA:</b> {ReblogParentName}</a>
  1191. <a href="{ReblogRootURL}"><b>SOURCE:</b> {ReblogRootName}</a>
  1192. {/block:RebloggedFrom}<br>
  1193. <a href="{Permalink}" title="{NoteCount}">{NoteCount}<b> notes</b></a>{/block:NoteCount} +
  1194. <a href="{ReblogURL}" title="reblog">reblog</a><BR>
  1195. {block:HasTags}
  1196. <a href="{TagURL}"><b>TAGS:</b> {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</a><br>
  1197. {/block:HasTags}
  1198. {/block:PermalinkPage}
  1199.  
  1200. {block:PostNotes}
  1201. <div class="notecounts">{PostNotes}</div>
  1202. {/block:PostNotes}
  1203. </div>
  1204. {/block:posts}
  1205. </div>
  1206.  
  1207. <div id="themecred">
  1208. <a href="http://dohdoro.tumblr.com">dthm.</a>
  1209. </div>
  1210. </body>
  1211. </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!