API tools faq
paste
Advertisement
dohdoro

bad behavior

dohdoro
Sep 19th, 2014
5,585
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 42.36 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. <!-- THEME: BAD BEHAVIOR --->
  20.  
  21. <!--DO NOT REMOVE THE CREDIT PLEASE.
  22. ***DO NOT COMBINE MY CODES WITH SOMEONE ELSES
  23. ***DO NOT REDISTRIBUTE AND CLAIM AS YOURS
  24. ***DO NOT USE AS BASE --->
  25.  
  26. <head>
  27.  
  28. <title>{Title}</title>
  29. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  30. <link rel="shortcut icon" href="{favicon}" />
  31.  
  32. <meta name="text:Search Label" content="/tagged" />
  33. <script type="text/javascript" src="http://static.tumblr.com/8oupd2j/BYTm7u5cn/tag_search.js"></script>
  34.  
  35.  
  36. <meta name="image:Background" content="http://static.tumblr.com/bj5zkci/K7snc65pc/tiny_grid.png"/>
  37. <meta name="image:page bg" content="http://static.tumblr.com/bj5zkci/LhXnc65qi/dark_dotted2.png"/>
  38. <meta name="image:header image" content="http://static.tumblr.com/bj5zkci/pBQnc65oc/got74.jpg"/>
  39. <meta name="image:askbox icon" content="http://static.tumblr.com/bj5zkci/dFGnc65rr/12.jpg"/>
  40. <meta name="image:navigation icon" content="http://static.tumblr.com/bj5zkci/Frdnc65sh/ibfi7cxo3ceb6c_copy.jpg"/>
  41. <meta name="image:about icon" content="http://static.tumblr.com/bj5zkci/DJjnc65su/igde0drxrwvf5_copy.jpg"/>
  42.  
  43. <meta name="if:InfiniteScroll" content="0" />
  44. <meta name="if:Show Captions" content="0"/>
  45. <meta name="if:Show Tags" content="0"/>
  46. <meta name="if:250px" content="1" />
  47. <meta name="if:400px" content="0" />
  48. <meta name="if:500px" content="0" />
  49.  
  50. <meta name="text:askbox title" content="Hello Stranger"/>
  51.  
  52. <meta name="text:Link One URL" content="/"/>
  53. <meta name="text:Link One" content="link one"/>
  54. <meta name="text:Link Two URL" content="/"/>
  55. <meta name="text:Link Two" content="link two"/>
  56. <meta name="text:Link Three URL" content="/"/>
  57. <meta name="text:Link Three" content="link three"/>
  58. <meta name="text:Link Four URL" content="/"/>
  59. <meta name="text:Link Four" content="link four"/>
  60. <meta name="text:Link Five URL" content="/"/>
  61. <meta name="text:Link Five" content="link five"/>
  62. <meta name="text:Link Six URL" content="/"/>
  63. <meta name="text:Link Six" content="link six"/>
  64. <meta name="text:Link Seven URL" content="/"/>
  65. <meta name="text:Link Seven" content="link seven"/>
  66. <meta name="text:Link Eight URL" content="/"/>
  67. <meta name="text:Link Eight" content="link eight"/>
  68.  
  69. <meta name="color:Background" content="#ffffff"/>
  70. <meta name="color:Text" content="#888"/>
  71. <meta name="color:bold" content="#00CED1"/>
  72. <meta name="color:italic" content="#F08080"/>
  73. <meta name="color:links" content="#888888"/>
  74. <meta name="color:links hover" content="#000000"/>
  75. <meta name="color:h1" content="#888888"/>
  76. <meta name="color:h1 bg" content="#ffffff"/>
  77. <meta name="color:blockquote border" content="#eeeeee"/>
  78. <meta name="color:pre bg" content="#ffffff"/>
  79. <meta name="color:pre border" content="#eeeeee"/>
  80. <meta name="color:hover text bg" content="#000000"/>
  81. <meta name="color:hover text color" content="#ffffff"/>
  82. <meta name="color:pagination bg" content="#d9e2a7"/>
  83. <meta name="color:pagination color" content="#ffffff"/>
  84. <meta name="color:pagination bg hover" content="#ffffff"/>
  85. <meta name="color:pagination text hover" content="#888888"/>
  86. <meta name="color:pagination border" content="#eeeeee"/>
  87. <meta name="color:permalink text" content="#888888"/>
  88. <meta name="color:permalink border" content="#eeeeee"/>
  89. <meta name="color:permalink bg" content="#ffffff"/>
  90. <meta name="color:page top bar" content="#ffffff"/>
  91. <meta name="color:page top bar border" content="#ffffff"/>
  92. <meta name="color:title bar bg" content="#ffffff"/>
  93. <meta name="color:title bar border" content="#eeeeee"/>
  94. <meta name="color:title" content="#888888"/>
  95. <meta name="color:search bar bg" content="#ffffff"/>
  96. <meta name="color:search bar border" content="#eeeeee"/>
  97. <meta name="color:search bar text" content="#888888"/>
  98. <meta name="color:description bg" content="#ffffff"/>
  99. <meta name="color:description text" content="#888888"/>
  100. <meta name="color:description border" content="#eeeeee"/>
  101. <meta name="color:permalink date" content="#68a9db"/>
  102. <meta name="color:askbox bg" content="#101010"/>
  103. <meta name="color:askbox text" content="#ffffff"/>
  104. <meta name="color:askbox border" content="#ffffff"/>
  105. <meta name="color:askbox icon border" content="#ffffff"/>
  106. <meta name="color:navigation page title" content="#ffffff"/>
  107. <meta name="color:navigation page icon border" content="#ffffff"/>
  108. <meta name="color:navigation page links bg" content="#d6e09e"/>
  109. <meta name="color:navigation page links" content="#ffffff"/>
  110. <meta name="color:navigation page links bg hover" content="#DC143C"/>
  111. <meta name="color:navigation page links hover" content="#ffffff"/>
  112. <meta name="color:navigation page tags title border" content="#ffffff"/>
  113. <meta name="color:navigation page tags title" content="#F0E68C"/>
  114. <meta name="color:navigation page tags" content="#ffffff"/>
  115. <meta name="color:about page title border" content="#ffffff"/>
  116. <meta name="color:about page title" content="#ffffff"/>
  117. <meta name="color:about page text" content="#ffffff"/>
  118. <meta name="color:about page icon border" content="#ffffff"/>
  119. <meta name="color:post bg" content="#ffffff"/>
  120. <meta name="color:post info bg" content="#d9e2a7"/>
  121. <meta name="color:post info text" content="#ffffff"/>
  122. <meta name="color:post info border" content="#eeeeee"/>
  123. <meta name="color:post info bg hover" content="#ffffff"/>
  124. <meta name="color:post info text hover" content="#"/>
  125. <meta name="color:post info border hover" content="#"/>
  126. <meta name="color:post tags color" content="#888888"/>
  127. <meta name="color:post tags border" content="#eeeeee"/>
  128. <meta name="color:caption bg" content="#fafafa"/>
  129. <meta name="color:caption" content="#888888"/>
  130. <meta name="color:question bg" content="#ffffff"/>
  131. <meta name="color:question border" content="#eeeeee"/>
  132. <meta name="color:question text" content="#888888"/>
  133. <meta name="color:asked by bg" content="#fafafa"/>
  134. <meta name="color:asked by text" content="#888888"/>
  135. <meta name="color:asked by icon border" content="#eeeeee"/>
  136. <meta name="color:reply bg" content="#ffffff"/>
  137. <meta name="color:reply text" content="#888888"/>
  138. <meta name="color:audio border" content="#eeeeee"/>
  139. <meta name="color:bottom link bar bg" content="#ffffff"/>
  140. <meta name="color:bottom link bar text" content="#888888"/>
  141. <meta name="color:bottom link bar bg hover" content="#B0E0E6"/>
  142. <meta name="color:bottom link bar text hover" content="#ffffff"/>
  143. <meta name="color:scrollbar track" content="#ffffff"/>
  144. <meta name="color:scrollbar thumb" content="#F0E68C"/
  145. <meta name="color:page bg" content="#000000"/>
  146. <meta name="text:Search Label" content="" />
  147. <script type="text/javascript" src="http://static.tumblr.com/8oupd2j/BYTm7u5cn/tag_search.js"></script>
  148.  
  149. <style type="text/css">
  150.  
  151.  
  152. /* body */
  153.  
  154. body {
  155. font-family:calibri;
  156. font-size:10px;
  157. letter-spacing:1px;
  158. color:{color:Text};
  159. background:{color:Background};
  160. background-image:url('{image:Background}');
  161. background-repeat:repeat;
  162. background-attachment:fixed;
  163.  
  164. }
  165.  
  166. a {
  167. color:{color:links};
  168. text-decoration:none;
  169.  
  170. }
  171.  
  172. a:hover {
  173. color:{color:links hover};
  174.  
  175. }
  176.  
  177. b, strong{
  178. color:{color:bold};
  179.  
  180. }
  181.  
  182. i, em {
  183. color:{color:italic};
  184.  
  185. }
  186.  
  187. h1 {
  188. font-family:arial;
  189. font-size:25px;
  190. background:{color:h1 bg};
  191. color:{color:h1};
  192. font-weight:bold;
  193. text-transform:uppercase;
  194. text-align:center;
  195. padding:15px;
  196.  
  197. }
  198.  
  199. h1 a {
  200. color:{color:h1};
  201. text-decoration:none;
  202.  
  203. }
  204.  
  205. blockquote {
  206. border-left:1px solid {color:blockquote border};
  207. padding-left:10px;
  208. word-wrap:break-word;
  209.  
  210. }
  211.  
  212. pre {
  213. word-wrap:break-word;
  214. font-family:calibri;
  215. background:{color:pre bg};
  216. font-size:10px;
  217. border:1px solid {color:pre border};
  218. padding:10px;
  219. letter-spacing:1px;
  220.  
  221. }
  222.  
  223. /* Theme credit */
  224.  
  225. #thmcredit {
  226. position:fixed;
  227. top:3px;
  228. right:0px;
  229. z-index:99999;
  230.  
  231. }
  232.  
  233. #thmcredit img {
  234. display:inline-block;
  235. margin:2px;
  236. opacity:.6;
  237. width:16px;
  238. margin-top:0px;
  239. padding:10px;
  240. -webkit-transition: all 0.5s ease-out;
  241. -moz-transition: all 0.5s ease-out;
  242. transition: all 0.5s ease-out
  243.  
  244. }
  245.  
  246. #thmcredit img:hover {
  247. opacity:1;
  248. -webkit-transition: all 0.5s ease-out;
  249. -moz-transition: all 0.5s ease-out;
  250. transition: all 0.5s ease-out
  251.  
  252. }
  253.  
  254. /* Hover text */
  255.  
  256. #s-m-t-tooltip {
  257. z-index:999999;
  258. margin-top:25px;
  259. margin-left:15px;
  260. padding:5px;
  261. background-color:{color:hover text bg};
  262. color:{color:hover text color};
  263. border-radius:10px;
  264. font-family:arial;
  265. font-size:8px;
  266. text-transform:uppercase;
  267. line-height:13px;
  268.  
  269. }
  270.  
  271. /* Pagination */
  272.  
  273. .pagination {
  274. z-index:99;
  275. position:absolute;
  276. bottom:120px;
  277. left:45%;
  278. padding:7px;
  279.  
  280. }
  281.  
  282. .jump_page {
  283. padding:15px 20px 15px 20px;
  284. border:1px solid {color:pagination border};
  285. background:{color:pagination bg};
  286. color:{color:pagination color};
  287. font-family:arial;
  288. font-size:11px;
  289. text-decoration:bold;
  290. -webkit-transition: all 0.7s ease-in-out;
  291. -moz-transition: all 0.7s ease-in-out;
  292. -ms-transition: all 0.7s ease-in-out;
  293. -o-transition: all 0.7s ease-in-out;
  294. transition: all 0.7s ease-in-out;
  295.  
  296. }
  297.  
  298. .current_page, jump_page:hover {
  299. padding:15px 20px 15px 20px;
  300. border:1px solid {color:pagination border};
  301. background:{color:pagination bg hover};
  302. font-family:arial;
  303. color:{color:pagination text hover};
  304. font-size:11px;
  305. text-decoration:bold;
  306. -webkit-transition: all 0.7s ease-in-out;
  307. -moz-transition: all 0.7s ease-in-out;
  308. -ms-transition: all 0.7s ease-in-out;
  309. -o-transition: all 0.7s ease-in-out;
  310. transition: all 0.7s ease-in-out;
  311.  
  312. }
  313.  
  314. {block:IfInfiniteScroll}
  315. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  316. #infscr-loading {display:none;}
  317. .navigation {display:none!important;} {/block:IfInfiniteScroll}
  318. /* Quotes */
  319.  
  320. #quotes {
  321. font-family:helvetica sans serif;
  322. font-size:10px;
  323. padding:5px;
  324. text-align:center;
  325. letter-spacing:0px;
  326. text-transform:uppercase;
  327.  
  328. }
  329.  
  330. /* Permalink */
  331.  
  332. #permalink {
  333. position:absolute;
  334. width:510px;
  335. height:auto;
  336. margin-left:-15px;
  337. margin-top:70px;
  338. padding:10px;
  339. color:{color:permalink text};
  340. border:1px solid {color:permalink border};
  341. background:{color:permalink bg};
  342.  
  343. }
  344.  
  345. #permalink a {
  346. color:{color:permalink};
  347.  
  348. }
  349.  
  350. .perma {
  351. font-size:8px;
  352. font-family:arial;
  353. text-transform:uppercase;
  354. text-align:left;
  355. margin-top:20px;
  356. margin-left:40px;
  357. padding:10px;
  358.  
  359. }
  360.  
  361. .permadate {
  362. font-family:arial;
  363. font-size:20px;
  364. text-transform:uppercase;
  365. color:{color:permalink date};
  366. font-weight:bold;
  367. line-height:17px;
  368. padding-bottom:5px;
  369.  
  370. }
  371.  
  372. #notecounts {
  373. margin-top:30px;
  374. margin-left:-10px;
  375. font-size:8px;
  376. width:510px;
  377. font-family:arial;
  378. text-transform:uppercase;
  379. border-top:1px solid {color:permalink border};
  380. background:{color:permalink bg};
  381. color:{color:permalink text};
  382. padding:10px;
  383.  
  384. }
  385.  
  386. #notecounts img {
  387. display:inline-block;
  388. border:4px solid #eee;
  389. border-radius:100%;
  390.  
  391. }
  392.  
  393. ol.notes {
  394. list-style-type:none;
  395.  
  396. }
  397.  
  398. .st-container {
  399. position: absolute;
  400. width: 100%;
  401. height: 100%;
  402. top: 0;
  403. left: 0;
  404. font-family: 'Josefin Slab', 'Myriad Pro', Arial, sans-serif;
  405.  
  406. }
  407.  
  408. .st-container > input,
  409. .st-container > a {
  410. position:fixed;
  411. bottom:0px;
  412. width:20%;
  413. cursor:pointer;
  414. font-size:16px;
  415. height:34px;
  416. line-height:34px;
  417.  
  418. }
  419.  
  420. .st-container > input {
  421. opacity:0;
  422. z-index:1000;
  423.  
  424. }
  425.  
  426. .st-container > a {
  427. z-index:10;
  428. color:{color:bottom link bar text};
  429. letter-spacing:2px;
  430. font-family:arial;
  431. text-transform:uppercase;
  432. font-size:12px;
  433. text-align: center;
  434.  
  435. }
  436.  
  437. .st-container:before {
  438. content:'';
  439. position:fixed;
  440. width:100%;
  441. height:34px;
  442. background:{color:bottom link bar bg};
  443. z-index:9;
  444. bottom: 0;
  445.  
  446. }
  447.  
  448. #st-control-1, #st-control-1 + a {
  449. left:0;
  450. }
  451.  
  452. #st-control-2, #st-control-2 + a {
  453. left:20%;
  454. }
  455.  
  456. #st-control-3, #st-control-3 + a {
  457. left:40%;
  458. }
  459.  
  460. #st-control-4, #st-control-4 + a {
  461. left:60%;
  462. }
  463.  
  464. #st-control-5, #st-control-5 + a {
  465. left:80%;
  466. }
  467.  
  468. .st-container > input:checked + a,
  469. .st-container > input:checked:hover + a{
  470. background:{color:bottom link bar bg hover};
  471. color:{color:bottom link bar text hover};
  472.  
  473. }
  474.  
  475. .st-container > input:checked + a:after,
  476. .st-container > input:checked:hover + a:after{
  477. bottom:100%;
  478. border:solid transparent;
  479. content:'';
  480. height:0;
  481. width:0;
  482. position:absolute;
  483. pointer-events:none;
  484. border-width:20px;
  485. left:50%;
  486. margin-left:-20px;
  487.  
  488. }
  489.  
  490. .st-container > input:hover + a{
  491. background:{color:bottom link bar bg hover};
  492. color:{color:bottom link bar text hover};
  493.  
  494. }
  495.  
  496. .st-container > input:hover + a:after {
  497. border-bottom-color:none;
  498.  
  499. }
  500.  
  501. .st-scroll,
  502. .st-panel {
  503. position:relative;
  504. width:100%;
  505. height:100%;
  506.  
  507. }
  508.  
  509. .st-scroll {
  510. top:0;
  511. left:0;
  512. transition: all 0.6s ease-in-out;
  513. -webkit-transform: translate3d(0, 0, 0);
  514. -webkit-backface-visibility: hidden;
  515. }
  516.  
  517. .st-panel{
  518. overflow:hidden;
  519. font-family:arial;
  520.  
  521. }
  522.  
  523. #st-control-1:checked ~ .st-scroll {
  524. transform: translateY(0%);
  525. }
  526. #st-control-2:checked ~ .st-scroll {
  527. transform: translateY(-100%);
  528. }
  529. #st-control-3:checked ~ .st-scroll {
  530. transform: translateY(-200%);
  531. }
  532. #st-control-4:checked ~ .st-scroll {
  533. transform: translateY(-300%);
  534. }
  535. #st-control-5:checked ~ .st-scroll {
  536. transform: translateY(-400%);
  537.  
  538. }
  539.  
  540. .st-deco{
  541. width:200px;
  542. height:200px;
  543. position:absolute;
  544. top:0px;
  545. left:50%;
  546. margin-left:-100px;
  547. transform: translateY(-50%) rotate(45deg);
  548.  
  549. }
  550.  
  551. .st-color,
  552. .st-deco {
  553. background:{color:page bg};
  554. background-image:url('{image:page bg}');
  555. background-repeat:repeat;
  556. background-attachment:absolute;
  557.  
  558. }
  559.  
  560. #st-control-1:checked ~ .st-scroll #st-panel-1 h2,
  561. #st-control-2:checked ~ .st-scroll #st-panel-2 h2,
  562. #st-control-3:checked ~ .st-scroll #st-panel-3 h2,
  563. #st-control-4:checked ~ .st-scroll #st-panel-4 h2,
  564. #st-control-5:checked ~ .st-scroll #st-panel-5 h2{
  565. animation: moveDown 0.6s ease-in-out 0.2s backwards;
  566.  
  567. }
  568.  
  569. @keyframes moveDown{
  570. 0% {
  571. transform: translateY(-40px);
  572. opacity: 0;
  573. }
  574. 100% {
  575. transform: translateY(0px);
  576. opacity: 1;
  577. }
  578. }
  579.  
  580. #st-control-1:checked ~ .st-scroll #st-panel-1 p,
  581. #st-control-2:checked ~ .st-scroll #st-panel-2 p,
  582. #st-control-3:checked ~ .st-scroll #st-panel-3 p,
  583. #st-control-4:checked ~ .st-scroll #st-panel-4 p,
  584. #st-control-5:checked ~ .st-scroll #st-panel-5 p{
  585. animation: moveUp 0.6s ease-in-out 0.2s backwards;
  586. }
  587.  
  588. @keyframes moveUp {
  589. 0% {
  590. transform: translateY(40px);
  591. opacity: 0;
  592.  
  593. }
  594.  
  595. 100% {
  596. transform: translateY(0px);
  597. opacity: 1;
  598. }
  599. }
  600.  
  601. @media screen and (max-width: 520px) {
  602. .st-panel h2 {
  603. font-size:25px;
  604.  
  605. }
  606.  
  607. .st-container > a {
  608. font-size: 13px;
  609. }
  610. }
  611.  
  612. @media screen and (max-width: 360px) {
  613. .st-container > a {
  614. font-size: 10px;
  615.  
  616. }
  617.  
  618. .st-deco{
  619. width: 120px;
  620. height: 120px;
  621. margin-left: -60px;
  622.  
  623. }
  624.  
  625. [data-icon]:after {
  626. font-size: 60px;
  627. transform: rotate(-45deg) translateY(15%);
  628. }
  629. }
  630.  
  631. #over{
  632. height:2000px!important;
  633. position:absolute;
  634. top:0px;
  635. left:0px;
  636. width: 100%;
  637.  
  638. }
  639.  
  640. #dash {
  641. position:fixed;
  642. z-index:999;
  643. top:0px;
  644. right:0px;
  645. width:100%;
  646.  
  647. }
  648.  
  649. #secbar {
  650. position:absolute;
  651. z-index:999;
  652. bottom:33px;
  653. left:0px;
  654. width:100%;
  655. border-top:1px solid {color:title bar border};
  656. border-bottom:1px solid {color:title bar border};
  657. height:70px;
  658. background:{color:title bar bg};
  659.  
  660. }
  661.  
  662. .badbehavior {
  663. margin-left:auto;
  664. margin-right:auto;
  665. margin-top:10px;
  666. width:100%;
  667. color:{color:title};
  668. font-family:arial;
  669. font-weight:900;
  670. text-align:center;
  671. letter-spacing:-1px;
  672. font-size:40px;
  673. text-transform:uppercase;
  674.  
  675. }
  676.  
  677. .badbehavior a {
  678. color:{color:title};
  679.  
  680. }
  681.  
  682. .searchy {
  683. position:fixed;
  684. right:165px;
  685. top:10px;
  686.  
  687. }
  688.  
  689. .sfm input {
  690. background:{color:search bar bg};
  691. font-size: 8px;
  692. border-radius:50px;
  693. text-transform: uppercase;
  694. outline:none;
  695. border:1px solid {color:search bar border};
  696. color:{color:search bar text};
  697. padding:5px 8px 5px 8px;
  698. letter-spacing:1px;
  699. font-family: calibri, helvetica, arial;
  700.  
  701. }
  702.  
  703. #sb {
  704. height: 14px;
  705. opacity:.5;
  706. vertical-align: top;
  707. border:none;
  708.  
  709. }
  710.  
  711. #tumblr_controls {
  712. {block:IndexPage}
  713. display:none;
  714. {/block:IndexPage}
  715.  
  716. }
  717.  
  718. iframe#tumblr_controls {
  719. top: 0% !important;
  720. right:0% !important;
  721. position: fixed !important;
  722. z-index:9999;
  723.  
  724. }
  725.  
  726. #controlcon {
  727. position:fixed;
  728. top:3px;
  729. right:35px;
  730. z-index:99999;
  731.  
  732. }
  733.  
  734. #controlcon img {
  735. display:inline-block;
  736. margin:2px;
  737. opacity:.6;
  738. width:16px;
  739. margin-top:0px;
  740. padding:10px;
  741. -webkit-transition: all 0.5s ease-out;
  742. -moz-transition: all 0.5s ease-out;
  743. transition: all 0.5s ease-out
  744.  
  745. }
  746.  
  747. #controlcon img:hover {
  748. opacity:1;
  749. -webkit-transition: all 0.5s ease-out;
  750. -moz-transition: all 0.5s ease-out;
  751. transition: all 0.5s ease-out
  752.  
  753. }
  754.  
  755. #biggy {
  756. position:absolute;
  757. z-index:-9;
  758. top:0px;
  759. left:0px;
  760. width:100%;
  761. height:100%;
  762. background:#d6f2a2;
  763. background: url({image:header image}) no-repeat center center fixed;
  764. -webkit-background-size: cover;
  765. -moz-background-size: cover;
  766. -o-background-size: cover;
  767. background-size: cover;
  768.  
  769. }
  770.  
  771. .dezcrip {
  772. position:relative;
  773. font-family:arial;
  774. color:{color:description text};
  775. background:{color:description bg};
  776. border:3px double {color:description border};
  777. text-transform:uppercase;
  778. text-align:center;
  779. line-height:10px;
  780. font-size:8px;
  781. letter-spacing:1px;
  782. padding:20px;
  783. top:42%;
  784. width:250px;
  785. margin-left:auto;
  786. margin-right:auto;
  787.  
  788. }
  789.  
  790. /* Posts */
  791.  
  792. #thewrap {
  793. position:absolute;
  794. width:100%;
  795. left:0;
  796. max-height:100%;
  797. height:100%%;
  798. top:100%;
  799.  
  800. }
  801.  
  802. #container {
  803. position:relative;
  804. overflow-x:hidden;
  805. overflow-y:auto;
  806. max-height:70%;
  807. height:70%;
  808. margin-left:auto;
  809. margin-right:auto;
  810. margin-top:50px;
  811. max-width:100%;
  812. {block:if250px}
  813. width:950px;
  814. {/block:if250px}
  815. {block:if400px}
  816. width:960px;
  817. {/block:if400px}
  818. {block:PermalinkPage}
  819. width:580px;
  820. {/block:PermalinkPage}
  821.  
  822. }
  823.  
  824. .post {
  825. float:left;
  826. position:relative;
  827. background:{color:post bg};
  828. color:{color:post text};
  829. font-family:calibri;
  830. margin-left:25px;
  831. margin-top:25px;
  832. font-size:10px;
  833. padding:15px;
  834. {block:if250px}
  835. width:250px;
  836. {/block:if250px}
  837. {block:if400px}
  838. width:400px;
  839. margin-left:25px;
  840. {/block:if400px}
  841. {block:PermalinkPage}
  842. margin-left:0;
  843. margin-top:40px;
  844. width:500px;
  845. padding-bottom:50px;
  846. {/block:PermalinkPage}
  847.  
  848. }
  849.  
  850. .post a {
  851. color:{color:links};
  852.  
  853. }
  854.  
  855. .post img {
  856. max-width:100%;
  857.  
  858. }
  859.  
  860. #infopost {
  861. font-family:arial;
  862. font-size:8px;
  863. letter-spacing:1px;
  864. text-transform:uppercase;
  865. margin-top:10px;
  866.  
  867. }
  868.  
  869. #infopost a {
  870. background:{color:post info bg};
  871. border-radius:3px;
  872. border:1px solid {color:post info border};
  873. color:{color:post info text};
  874. padding:3px 5px 3px 5px;
  875. -webkit-transition: opacity 0.4s linear;
  876. -webkit-transition: all 0.4s ease-in-out;
  877. -moz-transition: all 0.4s ease-in-out;
  878. -o-transition: all 0.4s ease-in-out;
  879.  
  880. }
  881.  
  882. #infopost a:hover {
  883. background:{color:post info bg hover};
  884. color:{color:post info text hover};
  885. border:1px solid {color:post info border hover};
  886. -webkit-transition: opacity 0.4s linear;
  887. -webkit-transition: all 0.4s ease-in-out;
  888. -moz-transition: all 0.4s ease-in-out;
  889. -o-transition: all 0.4s ease-in-out;
  890.  
  891. }
  892.  
  893. #postags {
  894. position:relative;
  895. margin-top:13px;
  896. border-top:1px solid {color:post tags border};
  897.  
  898. }
  899.  
  900. #postags a {
  901. display:inline-block;
  902. margin-top:5px;
  903. color:{color:post tags color};
  904. text-transform:uppercase;
  905. font-family:arial;
  906. font-size:8px;
  907.  
  908. }
  909.  
  910. /* Post info */
  911.  
  912. #caption {
  913. margin-top:20px;
  914. margin-left:-15px;
  915. margin-bottom:10px;
  916. padding:5px;
  917. word-wrap:break-word;
  918. font-size:11px;
  919. font-family:calibri;
  920. background:{color:caption bg};
  921. color:{color:caption};
  922. {block:IndexPage}
  923. {block:if250px}
  924. width:270px;
  925. {/block:if250px}
  926. {block:if400px}
  927. width:420px;
  928. {/block:if400px}
  929. {/block:IndexPage}
  930. {block:PermalinkPage}
  931. margin-top:40px;
  932. margin-left:-15px;
  933. width:520px;
  934. {/block:PermalinkPage}
  935.  
  936. }
  937.  
  938. #caption a {
  939. color:{color:caption};
  940.  
  941. }
  942.  
  943. /* Asks */
  944.  
  945. #ques {
  946. background:{color:question bg};
  947. font-family:calibri;
  948. font-size:10px;
  949. line-height:12px;
  950. padding:10px;
  951. color:{color:question text};
  952. border-bottom:1px solid {color:question border};
  953.  
  954. }
  955.  
  956. #ques a {
  957. color:{color:links};
  958.  
  959. }
  960.  
  961. .asked {
  962. margin-left:30px;
  963. text-transform:uppercase;
  964. padding:5px;
  965. margin-top:30px;
  966. margin-bottom:15px;
  967. letter-spacing:2px;
  968. color:{color:asked by text};
  969. background:{color:asked by bg};
  970. font-family:arial;
  971. letter-spacing:-1px;
  972. font-weight:bold;
  973. word-wrap:break-word;
  974. font-size:20px;
  975. text-align:center;
  976.  
  977. }
  978.  
  979. .asked a {
  980. color:{color:asked by text};
  981.  
  982. }
  983.  
  984. .asked img {
  985. position:absolute;
  986. margin-left:-87px;
  987. background:#fff;
  988. margin-top:-17px;
  989. padding:5px;
  990. border-radius:100%;
  991. border:1px solid {color:asked by icon border};
  992. {block:if400px}
  993. margin-left:-150px;
  994. {/block:if400px}
  995.  
  996. }
  997.  
  998. #replied {
  999. padding:10px;
  1000. font-family:calibri;
  1001. text-align:left;
  1002. background:{color:reply bg};
  1003. color:{color:reply text};
  1004. font-size:10px;
  1005. line-height:12px;
  1006.  
  1007. }
  1008.  
  1009. /* Music */
  1010.  
  1011. #audio {
  1012. width:250px;
  1013.  
  1014. }
  1015.  
  1016. .play {
  1017. padding:5px;
  1018. border:1px solid {color:audio border};
  1019. margin-left:0px;
  1020. {block:if250px}
  1021. width:240px;
  1022. {/block:if250px}
  1023. {block:if400px}
  1024. width:390px;
  1025. {/block:if400px}
  1026. {block:if500px}
  1027. width:500px;
  1028. margin-left:-10px;
  1029. {/block:if500px}
  1030.  
  1031. }
  1032.  
  1033. .audioinf {
  1034. color:{color:post text};
  1035. margin-left:-10px;
  1036. padding:10px;
  1037. font-family:calibri;
  1038. font-size:10px;
  1039. line-height:10px;
  1040. letter-spacing:1px;
  1041. {block:if250px}
  1042. width:160px;
  1043. {/block:if250px}
  1044. {block:if400px}
  1045. width:300px;
  1046. {/block:if400px}
  1047. {block:if500px}
  1048. width:436px;
  1049. margin-left:45px;
  1050. {/block:if500px}
  1051.  
  1052. }
  1053.  
  1054. #bahr {
  1055. position:absolute;
  1056. z-index:999;
  1057. top:0px;
  1058. border-bottom:1px solid {color:page top bar border};
  1059. background:{color:page top bar};
  1060. right:0px;
  1061. width:100%;
  1062. height:43px;
  1063.  
  1064. }
  1065.  
  1066. #crap {
  1067. position:absolute;
  1068. width:100%;
  1069. left:0;
  1070. max-height:100%;
  1071. height:100%%;
  1072.  
  1073.  
  1074. }
  1075.  
  1076. #contact {
  1077. margin-left:auto;
  1078. margin-right:auto;
  1079. margin-top:230px;
  1080. background:{color:askbox bg};
  1081. padding:30px;
  1082. width:530px;
  1083.  
  1084. }
  1085.  
  1086. .asktit {
  1087. position:absolute;
  1088. text-transform:uppercase;
  1089. font-family:arial;
  1090. text-align:left;
  1091. background:{color:askbox bg};
  1092. border-bottom:1px solid {color:askbox border};
  1093. margin-top:-110px;
  1094. margin-left:20px;
  1095. width:500px;
  1096. padding:20px 20px 10px 20px;
  1097. height:50px;
  1098. font-size:38px;
  1099. letter-spacing:-1px;
  1100. font-weight:bold;
  1101. color:{color:askbox text};
  1102.  
  1103. }
  1104.  
  1105. .asktit img {
  1106. position:absolute;
  1107. width:100px;
  1108. border-radius:100%;
  1109. background:{color:askbox icon border};
  1110. margin-top:-35px;
  1111. padding:10px;
  1112. height:100px;
  1113. margin-left:-120px;
  1114.  
  1115. }
  1116.  
  1117. #asktext {
  1118. width:500px;
  1119. overflow:auto;
  1120. height:50px;
  1121. margin-left:5px;
  1122. background:{color:askbox bg};
  1123. padding:10px;
  1124. color:{color:askbox text};
  1125.  
  1126. }
  1127.  
  1128. #nrap {
  1129. position:absolute;
  1130. width:100%;
  1131. left:0;
  1132. max-height:100%;
  1133. height:100%%;
  1134.  
  1135. }
  1136.  
  1137. #navigation {
  1138. margin-left:auto;
  1139. margin-right:auto;
  1140. margin-top:230px;
  1141. padding:30px;
  1142. width:400px;
  1143.  
  1144. }
  1145.  
  1146. .navtit {
  1147. position:absolute;
  1148. margin-top:-109px;
  1149. margin-left:145px;
  1150. text-transform:uppercase;
  1151. font-family:arial;
  1152. text-align:left;
  1153. width:250px;
  1154. padding:20px 20px 10px 20px;
  1155. height:50px;
  1156. font-size:38px;
  1157. letter-spacing:-1px;
  1158. font-weight:bold;
  1159. color:{color:navigation page title};
  1160.  
  1161. }
  1162.  
  1163. .navtit img {
  1164. position:absolute;
  1165. width:100px;
  1166. border-radius:100%;
  1167. background:{color:navigation page icon border};
  1168. margin-top:-33px;
  1169. padding:10px;
  1170. height:100px;
  1171. margin-left:-300px;
  1172.  
  1173. }
  1174.  
  1175. .navline {
  1176. position:absolute;
  1177. width:145px;
  1178. height:1px;
  1179. background:{color:navigation page title};
  1180. margin-top:25px;
  1181. margin-left:-163px;
  1182.  
  1183. }
  1184.  
  1185. .navlinks {
  1186. position:absolute;
  1187. margin-top:-30px;
  1188. margin-left:35px;
  1189.  
  1190. }
  1191.  
  1192. .navlinks a {
  1193. display:block;
  1194. background:{color:navigation page links bg};
  1195. border-radius:5px;
  1196. padding:5px;
  1197. color:{color:navigation page links};
  1198. text-transform:uppercase;
  1199. font-family:arial;
  1200. font-size:10px;
  1201. -webkit-transition: all 0.7s ease-in-out;
  1202. -moz-transition: all 0.7s ease-in-out;
  1203. -ms-transition: all 0.7s ease-in-out;
  1204. -o-transition: all 0.7s ease-in-out;
  1205. transition: all 0.7s ease-in-out;
  1206.  
  1207. }
  1208.  
  1209. .navlinks a:hover {
  1210. background:{color:navigation page links bg hover};
  1211. color:{color:navigation page links hover};
  1212. -webkit-transition: all 0.7s ease-out;
  1213. -moz-transition: all 0.7s ease-out;
  1214. -ms-transition: all 0.7s ease-out;
  1215. -o-transition: all 0.7s ease-out;
  1216. transition: all 0.7s ease-out;
  1217.  
  1218. }
  1219.  
  1220. #tagtit {
  1221. position:absolute;
  1222. margin-top:100px;
  1223. margin-left:-65px;
  1224. width:150px;
  1225. text-align:center;
  1226. text-transform:uppercase;
  1227. border-bottom:1px solid {color:navigation page tags title border};
  1228. padding:10px;
  1229. font-family:arial;
  1230. font-weight:bold;
  1231. font-size:40px;
  1232. color:{color:navigation page title};
  1233. -ms-transform: rotate(-90deg); /* IE 9 */
  1234. -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
  1235. transform: rotate(-90deg);
  1236.  
  1237. }
  1238.  
  1239. .taggs {
  1240. position:absolute;
  1241. margin-left:70px;
  1242. margin-top:20px;
  1243. -webkit-column-count: 2;
  1244. -webkit-column-gap: 25px;
  1245. -moz-column-count: 2;
  1246. -moz-column-gap: 10px;
  1247. column-count:2;
  1248. column-gap:25px;
  1249.  
  1250. }
  1251.  
  1252. .taggs a {
  1253. display:block;
  1254. color:{color:navigation page tags};
  1255. text-transform:uppercase;
  1256. font-family:arial;
  1257. font-size:9px;
  1258. -webkit-transition: all 0.7s ease-in-out;
  1259. -moz-transition: all 0.7s ease-in-out;
  1260. -ms-transition: all 0.7s ease-in-out;
  1261. -o-transition: all 0.7s ease-in-out;
  1262. transition: all 0.7s ease-in-out;
  1263.  
  1264. }
  1265.  
  1266. .taggs a:hover {
  1267. letter-spacing:5px;
  1268. -webkit-transition: all 0.7s ease-out;
  1269. -moz-transition: all 0.7s ease-out;
  1270. -ms-transition: all 0.7s ease-out;
  1271. -o-transition: all 0.7s ease-out;
  1272. transition: all 0.7s ease-out;
  1273.  
  1274. }
  1275.  
  1276. .taggs h3 {
  1277. text-transform:uppercase;
  1278. font-family:arial;
  1279. font-size:25px;
  1280. color:{color:navigation page tags title};
  1281. margin-bottom:0px;
  1282.  
  1283. }
  1284.  
  1285. #arap {
  1286. position:absolute;
  1287. width:100%;
  1288. left:0;
  1289. max-height:100%;
  1290. height:100%%;
  1291.  
  1292. }
  1293.  
  1294. .abt {
  1295. margin-left:auto;
  1296. margin-right:auto;
  1297. margin-top:230px;
  1298. padding:30px;
  1299. width:400px;
  1300.  
  1301. }
  1302.  
  1303. .abtit {
  1304. position:absolute;
  1305. margin-top:-109px;
  1306. margin-left:20px;
  1307. text-transform:uppercase;
  1308. border-bottom:1px solid {color:about page title border};
  1309. font-family:arial;
  1310. text-align:left;
  1311. padding:20px 20px 10px 20px;
  1312. height:50px;
  1313. font-size:40px;
  1314. letter-spacing:-1px;
  1315. font-weight:bold;
  1316. color:{color:about page title};
  1317.  
  1318. }
  1319.  
  1320. .abtext {
  1321. color:{color:about page text};
  1322. font-size:10px;
  1323. letter-spacing:1px;
  1324.  
  1325. }
  1326.  
  1327. .abtext img {
  1328. width:90px;
  1329. height:90px;
  1330. margin-bottom:10px;
  1331. margin-right:10px;
  1332. border-radius:100%;
  1333. background:{color:about page icon border};
  1334. padding:10px;
  1335.  
  1336. }
  1337.  
  1338. /* tumblr controls */
  1339.  
  1340. #tumblr_controls {position: fixed !important;}
  1341. #tumblr_controls {-webkit-filter: invert(100%);}
  1342. #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;}
  1343. #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;}
  1344.  
  1345. /* scroll bar */
  1346.  
  1347. #container::-webkit-scrollbar {
  1348. width:7px;
  1349.  
  1350. }
  1351.  
  1352. #container::-webkit-scrollbar-track {
  1353. background:{color:scrollbar track};
  1354. border:3px solid rgba(0, 0, 0, 0.0);
  1355. -moz-background-clip: border; /* Firefox 3.6 */
  1356. -webkit-background-clip: border; /* Safari 4? Chrome 6? */
  1357. background-clip: border-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */
  1358.  
  1359. -moz-background-clip: padding; /* Firefox 3.6 */
  1360. -webkit-background-clip: padding; /* Safari 4? Chrome 6? */
  1361. background-clip: padding-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */
  1362.  
  1363. -moz-background-clip: content; /* Firefox 3.6 */
  1364. -webkit-background-clip: content; /* Safari 4? Chrome 6? */
  1365. background-clip: content-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */
  1366. -webkit-border-radius: 10px;
  1367. border-radius: 10px;
  1368.  
  1369. }
  1370.  
  1371. #container::-webkit-scrollbar-thumb {
  1372. -webkit-border-radius: 10px;
  1373. border-radius: 10px;
  1374. background:{color:scrollbar thumb};
  1375.  
  1376. }
  1377.  
  1378. #container::-webkit-scrollbar-thumb:window-inactive {
  1379. background: rgba(255,0,0,0.4);
  1380.  
  1381. }
  1382.  
  1383. body::-webkit-scrollbar {
  1384. display:none;
  1385.  
  1386. }
  1387.  
  1388. #asktext::-webkit-scrollbar {
  1389. width:7px;
  1390.  
  1391. }
  1392.  
  1393. #asktext::-webkit-scrollbar-track {
  1394. background:{color:scrollbar track};
  1395. border:3px solid rgba(0, 0, 0, 0.0);
  1396. -moz-background-clip: border; /* Firefox 3.6 */
  1397. -webkit-background-clip: border; /* Safari 4? Chrome 6? */
  1398. background-clip: border-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */
  1399.  
  1400. -moz-background-clip: padding; /* Firefox 3.6 */
  1401. -webkit-background-clip: padding; /* Safari 4? Chrome 6? */
  1402. background-clip: padding-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */
  1403.  
  1404. -moz-background-clip: content; /* Firefox 3.6 */
  1405. -webkit-background-clip: content; /* Safari 4? Chrome 6? */
  1406. background-clip: content-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */
  1407. -webkit-border-radius: 10px;
  1408. border-radius: 10px;
  1409.  
  1410. }
  1411.  
  1412. #asktext::-webkit-scrollbar-thumb {
  1413. -webkit-border-radius: 10px;
  1414. border-radius: 10px;
  1415. background:{color:scrollbar thumb};
  1416.  
  1417. }
  1418.  
  1419. #asktext::-webkit-scrollbar-thumb:window-inactive {
  1420. background: rgba(255,0,0,0.4);
  1421.  
  1422. }
  1423.  
  1424. </style>
  1425.  
  1426. <!-- DO NOT TOUCH -->
  1427.  
  1428. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
  1429. <link href="style-my-tooltips.css" rel="stylesheet" type="text/css" />
  1430. <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>
  1431.  
  1432.  
  1433. {block:IfInfiniteScroll}
  1434. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script>{/block:IfInfiniteScroll}
  1435.  
  1436.  
  1437. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  1438.  
  1439. <script>
  1440. $(function(){
  1441. var $container = $('#container');
  1442. $container.imagesLoaded(function(){
  1443. $container.masonry({
  1444. itemSelector: '.post',
  1445. });
  1446. });
  1447. $container.infinitescroll({
  1448. itemSelector : ".post",
  1449. navSelector : "div.pagination",
  1450. nextSelector : ".pagination a#next",
  1451. loadingImg : "",
  1452. loadingText : "<em></em>",
  1453. bufferPx : 10000,
  1454. extraScrollPx: 12000,
  1455. },
  1456. // trigger Masonry as a callback
  1457. function( newElements ) {
  1458. var $newElems = $( newElements ).css({ opacity: 0 });
  1459. // ensure that images load before adding to masonry layout
  1460. $newElems.imagesLoaded(function(){
  1461. $newElems.animate({ opacity: 1 });
  1462. $container.masonry( 'appended', $newElems, true );
  1463. });
  1464. }
  1465. );
  1466. });
  1467. </script>
  1468.  
  1469. <!-- DO NOT TOUCH -->
  1470.  
  1471. </head>
  1472. <body>
  1473.  
  1474. <div id="secbar">
  1475. <div class="badbehavior">
  1476. <a href="/">{title}</a></div>
  1477. </div>
  1478.  
  1479.  
  1480. <!-- DON'T TOUCH -->
  1481.  
  1482. <div id="dash">
  1483.  
  1484. <!-- THEME CREDIT - DO NOT REMOVE -->
  1485.  
  1486. <div id="thmcredit">
  1487. <a href="http://dohdoro.tumblr.com" title="theme by dohdoro"><img src="http://static.tumblr.com/bj5zkci/13lnc5r0w/star_fav_icon_16.png"></a>
  1488. </div>
  1489.  
  1490. <div class="searchy">
  1491. <form action="/search" method="get" class="sfm">
  1492. <input type="text" name="q" value="{SearchQuery}" id="sf"/>
  1493. <input type="image" value="Search" src="http://static.tumblr.com/bj5zkci/fNgn42ep2/search.png" id="sb"/>
  1494. </form><br>
  1495. </div>
  1496. {block:IndexPage}
  1497. <div id="controlcon">
  1498. <a href="http://tumblr.com/follow/{Name}" title="follow"><img src="http://static.tumblr.com/bj5zkci/MCDnbjtc0/round_plus_icon_16.png"></a>
  1499.  
  1500. <a href="http://www.tumblr.com/send/{Name}?redirect_to=http%3A%2F%2Fdohdoro.tumblr.com%2F" title="Fanmail">
  1501. <img src="http://static.tumblr.com/bj5zkci/cQlnbjt8f/mail_icon_16.png">
  1502. </a>
  1503.  
  1504. <a href="http://tumblr.com/" title="Dashboard">
  1505. <img src="http://static.tumblr.com/bj5zkci/ZHKnbjt7q/home_icon_16.png"></a>
  1506.  
  1507. </div>
  1508. {/block:IndexPage}
  1509. </div>
  1510. <!-- DON'T TOUCH -->
  1511.  
  1512.  
  1513. <div class="st-container">
  1514.  
  1515. <input type="radio" name="radio-set" checked="checked" id="st-control-1"/>
  1516. <a href="#st-panel-1"><img src="http://static.tumblr.com/bj5zkci/XOVnc46l8/heart_icon_16.png" style="opacity:.7; margin-top:10px;"></a>
  1517.  
  1518. <input type="radio" name="radio-set" id="st-control-2"/>
  1519. <a href="#st-panel-2">Index</a>
  1520.  
  1521. <input type="radio" name="radio-set" id="st-control-3"/>
  1522. <a href="#st-panel-3">Contact</a>
  1523.  
  1524. <input type="radio" name="radio-set" id="st-control-4"/>
  1525. <a href="#st-panel-4">Explore</a>
  1526.  
  1527. <input type="radio" name="radio-set" id="st-control-5"/>
  1528. <a href="#st-panel-5">About</a>
  1529.  
  1530. <div class="st-scroll">
  1531. <section class="st-panel" id="st-panel-1">
  1532.  
  1533. <div id="biggy">
  1534. <div class="headz"></div>
  1535. <div class="dezcrip">
  1536. {description}</div>
  1537. </div>
  1538.  
  1539. </section>
  1540.  
  1541. <div id="thewrap">
  1542.  
  1543.  
  1544. <div class="pagination">
  1545. {block:Pagination}
  1546. {block:JumpPagination length="3"}
  1547. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  1548. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  1549.  
  1550. {block:NextPage}<a href="{NextPage}" id="next"></a>{/block:NextPage}{/block:Pagination}
  1551. </div>
  1552.  
  1553. <section class="st-panel" id="st-panel-2">
  1554. <div id="container">
  1555. <div class ="autopagerize_page_element">
  1556.  
  1557. {block:posts}
  1558.  
  1559. <div class="post">
  1560. {block:ContentSource}
  1561. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1562. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1563. {/block:SourceLogo}
  1564. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1565. {/block:ContentSource}
  1566.  
  1567. {block:text}{block:title}<h1>{title}</h1>{/block:title}{body}{/block:text}
  1568.  
  1569. {block:Link}
  1570. <h1><a href="{URL}" target="{Target}">{Name}></a></h1>
  1571. {block:Description}{Description}{/block:Description}{/block:Link}
  1572.  
  1573. <!-- Posts -->
  1574.  
  1575. {block:photo}
  1576. {block:IndexPage}
  1577. {block:if250px}<img src="{PhotoURL-250}"/>{/block:if250px}
  1578. {block:if400px}<img src="{PhotoURL-400}"/>{/block:if400px}
  1579. {block:if500px}<img src="{PhotoURL-500}"/>{/block:if500px}
  1580. {block:ifShowCaptions}
  1581. {block:caption}<div id="caption">{Caption}</div>{/block:caption}
  1582. {/block:ifShowCaptions}{/block:IndexPage}
  1583. {block:PermalinkPage}
  1584. <img src="{PhotoURL-500}"/>
  1585. {block:Caption}
  1586. <div id="caption">{Caption}</div>
  1587. {/block:Caption}
  1588. {/block:PermalinkPage}
  1589. {/block:photo}
  1590.  
  1591.  
  1592. {block:Photoset}
  1593. {block:IndexPage}
  1594. {block:if250px}{Photoset-250}{/block:if250px}
  1595. {block:if400px}{Photoset-400}{/block:if400px}
  1596. {block:if500px}{Photoset-500}{/block:if500px}
  1597. {block:ifShowCaptions}
  1598. {block:caption}<div id="caption">{Caption}</div>{/block:caption}
  1599. {/block:ifShowCaptions}
  1600. {/block:IndexPage}
  1601. {block:PermalinkPage}
  1602. {Photoset-500}
  1603. {block:Caption}
  1604. <div id="caption">{Caption}</div>
  1605. {/block:Caption}
  1606. {/block:PermalinkPage}
  1607. {/block:Photoset}
  1608.  
  1609. {block:Quote}<div id="quotes">❝{Quote}❞</div> {block:Source}<div align="right"></div>{/block:Source}{/block:Quote}
  1610.  
  1611. <!-- Audio and Video -->
  1612.  
  1613. {block:Audio}
  1614. <div id="audio">
  1615. <div class="play">{AudioPlayerWhite}</div>
  1616. <div class="audioinf">
  1617. {block:Artist}<b>ARTIST: </b>{Artist}{/block:Artist}<br>
  1618. {block:TrackName}<B>TRACK: </B>{TrackName}{/block:TrackName}<br>
  1619. {block:Album}<B>ALBUM: </B>{Album}{/block:Album}
  1620. {block:PlayCount}<b>Play count: </b>{FormattedPlayCount}{/block:PlayCount}
  1621. </div>
  1622. {block:ifShowCaptions}
  1623. {block:caption}<div id="caption">{caption}</div>{/block:caption}
  1624. {/block:ifShowCaptions}
  1625. </div>
  1626. {/block:Audio}
  1627.  
  1628. {block:Video}
  1629. {block:if250px}{Video-250}{/block:if250px}
  1630. {block:if400px}{Video-400}{/block:if400px}
  1631. {block:if500px}{Video-500}{/block:if500px}
  1632. {block:ifShowCaptions}
  1633. {block:caption}<div id="caption">{Caption}</div>{/block:caption}
  1634. {/block:ifShowCaptions}{/block:Video}
  1635.  
  1636. <!-- Asks -->
  1637.  
  1638. {block:Answer}
  1639. <div class="asked">
  1640. <img src="{AskerPortraitURL-40}" style="float:left;"></a>{Asker}</div>
  1641. <div id="ques">{Question}</div>
  1642. <div id="replied">{Answer}</div>
  1643. {/block:Answer}
  1644.  
  1645. <!-- Permalink -->
  1646.  
  1647. {block:PermalinkPage}
  1648. {block:Date}
  1649. <div id="permalink">
  1650. <div class="perma">
  1651. <div class="permadate">
  1652. {DayOfWeek}
  1653. <br>{Month} {DayOfMonth} {DayOfMonthSuffix} {Year}
  1654. </div>
  1655. <a href="{ReblogURL}">r e b l o g</a><BR>
  1656. {block:NoteCount}
  1657. <b> notes</b> : {NoteCount}{/block:NoteCount}<br>
  1658. {block:RebloggedFrom}
  1659. <a href="{ReblogParentURL}"><b>VIA:</b> {ReblogParentName}</a>
  1660. <a href="{ReblogRootURL}"><b>SOURCE:</b> {ReblogRootName}</a>
  1661. {/block:RebloggedFrom}<br>
  1662. {block:HasTags}
  1663. <b>TAGGED AS:</b>
  1664. {block:Tags}
  1665. <a href="{TagURL}">#{Tag} </a>
  1666. {/block:Tags}
  1667. {/block:HasTags}
  1668. </div>
  1669. {/block:Date}
  1670. {/block:PermalinkPage}
  1671.  
  1672. {block:PostNotes}
  1673. <div id="notecounts">{PostNotes}</div>
  1674. {/block:PostNotes}
  1675.  
  1676. <!-- Post info -->
  1677.  
  1678. {block:IndexPage}
  1679. <div id="infopost">
  1680. <a href="{ReblogURL}">reblog</a>
  1681. {block:NoteCount}
  1682. <a href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount}
  1683. </div>
  1684. {/block:IndexPage}
  1685.  
  1686. <!-- tags-->
  1687.  
  1688. {block:ifShowTags}
  1689. {block:IndexPage}
  1690. <div id="postags">
  1691. {block:HasTags}
  1692. {block:Tags}
  1693. <a href="{TagURL}">• {Tag} </a>
  1694. {/block:Tags}
  1695. {/block:HasTags}
  1696. </div>
  1697. {block:IndexPage}
  1698. {/block:ifShowTags}
  1699.  
  1700. </div>
  1701. {/block:posts}
  1702.  
  1703. </div>
  1704. </div>
  1705. </section>
  1706.  
  1707. <section class="st-panel st-color" id="st-panel-3">
  1708. <div id="bahr"></div>
  1709. <div id="crap">
  1710. <div id="contact">
  1711. <div class="asktit">
  1712. <img src="{image:askbox icon}"></a>{text:askbox title}</div>
  1713. <div id="asktext">
  1714.  
  1715. <!-- ASK BOX TEXT GOES HERE -->
  1716.  
  1717. Add a message to your followers, a lyric, or a quote. Basically anything you want. If you don't want anything there, simply delete this.<br><br>
  1718.  
  1719. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  1720. </div>
  1721.  
  1722. <!-- END OF ASK BOX TEXT -->
  1723.  
  1724. <br><br>
  1725. <iframe frameborder="0" scrolling="no" width="530px" height="200px" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]-->
  1726.  
  1727. </div>
  1728. </div>
  1729.  
  1730. </section>
  1731.  
  1732. <section class="st-panel st-color" id="st-panel-4">
  1733. <div id="bahr"></div>
  1734. <div id="nrap">
  1735.  
  1736. <div id="navigation">
  1737.  
  1738. <div class="navtit">
  1739. <img src="{image:navigation icon}"></a>
  1740.  
  1741. <div class="navline"></div>EXPLORE</div>
  1742. <!-- NAVIGATION -->
  1743. <div class="navlinks">
  1744. <table>
  1745. <tr><td>
  1746. <a href="{text:Link One URL}">{text:Link One}</a></td>
  1747. <td><a href="{text:Link Two URL}">{text:Link Two}</a></td>
  1748. <td><a href="{text:Link Three URL}">{text:Link Three}</a></td>
  1749. <td><a href="{text:Link Four URL}">{text:Link Four}</a></td>
  1750. </td></tr>
  1751. <tr><td>
  1752. <a href="{text:Link Five URL}">{text:Link Five}</a></td>
  1753. <td><a href="{text:Link Six URL}">{text:Link Six}</a></td>
  1754. <td><a href="{text:Link Seven URL}">{text:Link Seven}</a></td>
  1755. <td><a href="{text:Link Eight URL}">{text:Link Eight}</a></td>
  1756. </td></tr>
  1757. </table>
  1758. <!-- NAVIGATION -->
  1759. </div>
  1760.  
  1761.  
  1762. <div id="tagtit">Tags</div>
  1763. <div class="taggs">
  1764.  
  1765. <!-- Your tags go here, you can add as much as you want. If you don't want to use the tag section just delete all of this starting from the div id tagtit.
  1766.  
  1767. If you want to add more columns just presst ctrl+f and type in .taggs and you'll see this -webkit-column-count: 2; just change the count from 2 to 3 or however many columns you want.
  1768. -->
  1769.  
  1770. <h3>title</h3>
  1771. <a href="URL HERE">tag</a>
  1772. <a href="URL HERE">tag</a>
  1773. <a href="URL HERE">tag</a>
  1774. <a href="URL HERE">tag</a>
  1775. <a href="URL HERE">tag</a>
  1776. <a href="URL HERE">tag</a>
  1777. <a href="URL HERE">tag</a>
  1778.  
  1779. <h3>Titlee </h3>
  1780. <a href="URL HERE">tag</a>
  1781. <a href="URL HERE">tag</a>
  1782. <a href="URL HERE">tag</a>
  1783. <a href="URL HERE">tag</a>
  1784. <a href="URL HERE">tag</a>
  1785.  
  1786. <h3>Title</h3>
  1787. <a href="URL HERE">tag</a>
  1788. <a href="URL HERE">tag</a>
  1789. <a href="URL HERE">tag</a>
  1790. <a href="URL HERE">tag</a>
  1791. <a href="URL HERE">tag</a>
  1792. <a href="URL HERE">tag</a>
  1793.  
  1794. <h3>Title</h3>
  1795. <a href="URL HERE">tag</a>
  1796. <a href="URL HERE">tag</a>
  1797. <a href="URL HERE">tag</a>
  1798. <a href="URL HERE">tag</a>
  1799. <a href="URL HERE">tag</a>
  1800.  
  1801. </div>
  1802. </div>
  1803. </div>
  1804. </section>
  1805.  
  1806. <section class="st-panel st-color" id="st-panel-5">
  1807. <div id="bahr"></div>
  1808.  
  1809. <div id="arap">
  1810. <div class="abt">
  1811. <div class="abtit">About Me</div>
  1812. <div class="abtext">
  1813. <img src="{image:about icon}" style="float:left; margin-left:-50px;"></a>
  1814.  
  1815. <!-- Your about me goes here. I highly recommend making it long. Add it quotes or lyrics if you can't think of music (i have this problem all the time lol) -->
  1816.  
  1817. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc.
  1818.  
  1819. <!-- End of About me -->
  1820.  
  1821. </div>
  1822. </div>
  1823. <div
  1824. </section>
  1825. </div>
  1826. </div>
  1827. </body>
  1828. </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!