API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jan 20th, 2017
86
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 45.98 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3.  
  4.  
  5.  
  6. <!----------------------------------------------------------------------------------------------------------------------------->
  7. <!----------------------------------------------------------------------------------------------------------------------------->
  8. <!---------------- DO NOT REMOVE THE CREDIT | DO NOT USE AS A BASE | DO NOT REPOST | DO NOT CLAIM AS YOURS ---------------->
  9. <!----------------------------------------------------------------------------------------------------------------------------->
  10. <!------------------------------------------------------------------------------------------------------------------------------
  11.  
  12.  
  13.  
  14.  
  15.  
  16.  
  17.  
  18. >>> T H E M E B Y R O X I E <<<
  19.  
  20. Theme by Roxie | roxiestheme.tumblr.com
  21.  
  22. 2016 ⓒ All Rights Reserved.
  23.  
  24.  
  25.  
  26.  
  27.  
  28.  
  29.  
  30. ------------------------------------------------------------------------------------------------------------------------------->
  31. <!----------------------------------------------------------------------------------------------------------------------------->
  32. <!---------------- DO NOT REMOVE THE CREDIT | DO NOT USE AS A BASE | DO NOT REPOST | DO NOT CLAIM AS YOURS ---------------->
  33. <!----------------------------------------------------------------------------------------------------------------------------->
  34. <!----------------------------------------------------------------------------------------------------------------------------->
  35.  
  36.  
  37.  
  38. <head>
  39.  
  40. <meta name="image:Header Image" content="" />
  41.  
  42. <meta name="color:Background Color" content="#eeeeee" />
  43. <meta name="color:Post Background Color" content="#ffffff" />
  44. <meta name="color:Header Background Color" content="#000000" />
  45. <meta name="color:Main Color" content="#7b7978" />
  46. <meta name="color:Color One" content="#470001">
  47. <meta name="color:Color Two" content="#6b0103">
  48. <meta name="color:Color Three" content="#a30006">
  49. <meta name="color:Color Four" content="#c21a01">
  50.  
  51. <meta name="text:Blog Title" content="" />
  52. <meta name="text:Short Description" content="" />
  53.  
  54. <meta name="text:Link 1 Title" content="index" />
  55. <meta name="text:Link 1 Url" content="/" />
  56. <meta name="text:Link 2 Title" content="message" />
  57. <meta name="text:Link 2 Url" content="/ask" />
  58. <meta name="text:Link 3 Title" content="" />
  59. <meta name="text:Link 3 Url" content="" />
  60. <meta name="text:Link 4 Title" content="" />
  61. <meta name="text:Link 4 Url" content="" />
  62. <meta name="text:Link 5 Title" content="" />
  63. <meta name="text:Link 5 Url" content="" />
  64. <meta name="text:Link 6 Title" content="" />
  65. <meta name="text:Link 6 Url" content="" />
  66.  
  67. <meta name="text:Category 1 Title" content="about" />
  68. <meta name="text:Category 2 Title" content="links" />
  69. <meta name="text:Category 3 Title" content="members" />
  70. <meta name="text:Category 4 Title" content="site info" />
  71.  
  72. <meta name="text:Category 1 Content" content="" />
  73.  
  74. <meta name="text:SideLink 1 Title" content="" />
  75. <meta name="text:SideLink 1 Url" content="" />
  76. <meta name="text:SideLink 2 Title" content="" />
  77. <meta name="text:SideLink 2 Url" content="" />
  78. <meta name="text:SideLink 3 Title" content="" />
  79. <meta name="text:SideLink 3 Url" content="" />
  80. <meta name="text:SideLink 4 Title" content="" />
  81. <meta name="text:SideLink 4 Url" content="" />
  82.  
  83. <meta name="text:Category 4 Content" content="" />
  84.  
  85. <meta name="if:Sticky Sidebar" content="0" />
  86. <meta name="if:Show Category 2" content="0" />
  87. <meta name="if:Show Category 3" content="1" />
  88. <meta name="if:Show Category 4" content="1" />
  89. <meta name="if:Show Search Bar" content="0" />
  90.  
  91. <meta name="select:Header Height" content="350px" title="350px">
  92. <meta name="select:Header Height" content="300px" title="300px">
  93. <meta name="select:Header Height" content="400px" title="400px">
  94. <meta name="select:Header Height" content="450px" title="450px">
  95. <meta name="select:Header Height" content="500px" title="500px">
  96.  
  97. <meta name="select:Sidebar Position" content="left" title="Left Sidebar">
  98. <meta name="select:Sidebar Position" content="right" title="Right Sidebar">
  99.  
  100.  
  101. <title>prev. gamon-yuuta</title>
  102. <link rel="shortcut icon" href="{Favicon}">
  103. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  104. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  105. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  106.  
  107.  
  108. <!-------------------------------------------------------------------->
  109. <!-------------------------- GOOGLE WEB FONT ------------------------->
  110. <link href='https://fonts.googleapis.com/css?family=Nunito:400,700,300' rel='stylesheet' type='text/css'>
  111. <!-------------------------- GOOGLE WEB FONT ------------------------->
  112. <!-------------------------------------------------------------------->
  113.  
  114.  
  115. <style type="text/css">
  116.  
  117.  
  118. /*----------------------------------------------------------------------------------------------------------------------------*/
  119. /*----------------------------------------------------------------------------------------------------------------------------*/
  120. /*----------------------------------------------------------------------------------------------------------------------------*/
  121.  
  122.  
  123. /*------------------------------ ICONS ------------------------------*/
  124.  
  125. @font-face {
  126. font-family:icons;
  127. src:url('https://dl.dropboxusercontent.com/s/hkyexsbsc1bvu5g/theme54.ttf');
  128. }
  129.  
  130. /*------------------------------ ICONS ------------------------------*/
  131.  
  132.  
  133. /*----------------------------------------------------------------------------------------------------------------------------*/
  134. /*----------------------------------------------------------------------------------------------------------------------------*/
  135. /*----------------------------------------------------------------------------------------------------------------------------*/
  136.  
  137.  
  138. /*------------------------------ BASIC ------------------------------*/
  139.  
  140. html, body {
  141. font-family: 'Nunito', sans-serif;
  142. background:{color:Background Color};
  143. margin:0px;
  144. padding:0px;
  145. }
  146.  
  147. /* LINKS BASIC */
  148.  
  149. a{
  150. color:{color:Color Three};
  151. }
  152.  
  153. a:hover{
  154. color:{color:Color Two};
  155. }
  156.  
  157. a, a:hover, a:active{
  158. text-decoration:none;
  159. -webkit-transition: all 0.3s ease-in-out;
  160. -moz-transition: all 0.3s ease-in-out;
  161. -o-transition: all 0.3s ease-in-out;
  162. -ms-transition: all 0.3s ease-in-out;
  163. transition: all 0.3s ease-in-out;
  164. }
  165.  
  166. /* LIST BASIC */
  167.  
  168. ul, menu, dir{
  169. -webkit-margin-before:0px !important;
  170. -webkit-margin-after:0px !important;
  171. -webkit-margin-start:0px !important;
  172. -webkit-margin-end:0px!important;
  173. -webkit-padding-start:0px !important;
  174. }
  175.  
  176. /* TOOLTIPS */
  177.  
  178. #s-m-t-tooltip{
  179. position:absolute;
  180. z-index:999999;
  181. margin-top:5px;
  182. margin-left:10px;
  183. display:block;
  184. padding:5px 8px;
  185. background:{color:Color One};
  186. font-family: 'Nunito', sans-serif;
  187. font-size:8px;
  188. color:{color:Post Background Color};
  189. letter-spacing:1px;
  190. text-transform:uppercase;
  191. }
  192.  
  193. /* SCROLL BAR */
  194.  
  195. ::-webkit-scrollbar-thumb {
  196. width:5px;
  197. background-color:{color:Color Three};
  198. }
  199.  
  200. ::-webkit-scrollbar {
  201. width:5px;
  202. background-color:{color:Background Color};
  203. }
  204.  
  205. /* SELECTION */
  206.  
  207. ::-moz-selection { /* Code for Firefox */
  208. color:{color:Background Color};
  209. background-color:{color:Color Two};
  210. }
  211.  
  212. ::selection {
  213. color:{color:Background Color};
  214. background-color:{color:Color Two};
  215. }
  216.  
  217. /* TUMBLR CONTROLS */
  218.  
  219. .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop{
  220. z-index:99999999;
  221. position:fixed;
  222. }
  223.  
  224.  
  225. /*------------------------------ BASIC ------------------------------*/
  226.  
  227.  
  228. /*----------------------------------------------------------------------------------------------------------------------------*/
  229. /*----------------------------------------------------------------------------------------------------------------------------*/
  230. /*----------------------------------------------------------------------------------------------------------------------------*/
  231.  
  232.  
  233. /*----------------------------- HEADER -----------------------------*/
  234.  
  235. #header{
  236. width:100%;
  237. height:{select:Header Height};
  238. position:absolute;
  239. top:0px;
  240. left:0px;
  241. background-position:center;
  242. background-color:{color:Header Background Color};
  243. background-image:url('{image:Header Image}');
  244. background-repeat:no-repeat;
  245. }
  246.  
  247. /*----------------------------- HEADER -----------------------------*/
  248.  
  249.  
  250. /*----------------------------------------------------------------------------------------------------------------------------*/
  251. /*----------------------------------------------------------------------------------------------------------------------------*/
  252. /*----------------------------------------------------------------------------------------------------------------------------*/
  253.  
  254.  
  255. /*---------------------------- CONTAINER ----------------------------*/
  256.  
  257. #container{
  258. margin:auto;
  259. margin-top:calc({select:Header Height} + 100px);
  260. width:900px;
  261. }
  262.  
  263. /*---------------------------- CONTAINER ----------------------------*/
  264.  
  265.  
  266. /*----------------------------------------------------------------------------------------------------------------------------*/
  267. /*----------------------------------------------------------------------------------------------------------------------------*/
  268. /*----------------------------------------------------------------------------------------------------------------------------*/
  269.  
  270.  
  271. /*----------------------------- TOPBAR -----------------------------*/
  272.  
  273. .top{
  274. top:{select:Header Height};
  275. left:0px;
  276. position:absolute;
  277. width:100%;
  278. height:70px;
  279. }
  280.  
  281. .sticky{
  282. position:fixed;
  283. top:0px;
  284. z-index:99999;
  285. }
  286.  
  287. #topbar{
  288. position:absolute;
  289. left:0px;
  290. width:100%;
  291. height:70px;
  292. z-index:99999;
  293. text-align:center;
  294. font-family: 'Nunito', sans-serif;
  295. background-color:{color:Post Background Color};
  296. border-bottom:1px solid {color:Background Color};
  297. }
  298.  
  299. /* TOPBAR LINKS */
  300.  
  301. #topbar .links{
  302. width:450px;
  303. position:absolute;
  304. }
  305.  
  306. #topbar .links a{
  307. display:block;
  308. height:67px;
  309. font-size:9px;
  310. font-weight:400;
  311. letter-spacing:2px;
  312. text-transform:uppercase;
  313. line-height:70px;
  314. color:{color:Main Color};
  315. padding:0px 2px 0px 5px;
  316. margin:0px 20px;
  317. border-bottom:3px solid transparent;
  318. }
  319.  
  320. #topbar .links a:hover{
  321. color:{color:Color Three};
  322. border-bottom:3px solid {color:Color Three};
  323. }
  324.  
  325. #topbar .links-left{
  326. left:calc(50% - 470px);
  327. }
  328.  
  329. #topbar .links-left a{
  330. float:left;
  331. }
  332.  
  333. #topbar .links-right{
  334. right:calc(50% - 470px);
  335. }
  336.  
  337. #topbar .links-right a{
  338. float:right;
  339. }
  340.  
  341. /* DESCRIPTION */
  342.  
  343. #desc{
  344. position:absolute;
  345. left:calc(50% - 100px);
  346. bottom:0px;
  347. display:block;
  348. width:150px;
  349. background-color:{color:Post Background Color};
  350. padding:25px;
  351. color:{color:Main Color};
  352. font-weight:300;
  353. font-size:10.5px;
  354. overflow:hidden
  355. letter-spacing:0.5px;
  356. line-height:150%;
  357. text-align:center;
  358. border-radius:3px;
  359. z-index:999;
  360. -webkit-transition: all 0.3s ease-in-out;
  361. -moz-transition: all 0.3s ease-in-out;
  362. -o-transition: all 0.3s ease-in-out;
  363. -ms-transition: all 0.3s ease-in-out;
  364. transition: all 0.3s ease-in-out;
  365. }
  366.  
  367. #desc h1{
  368. font-size:16px;
  369. font-weight:700;
  370. text-transform:uppercase;
  371. letter-spacing:1px;
  372. margin:25px 0px 10px 0px;
  373. color:{color:Color Two};
  374. }
  375.  
  376. #desc img.icon{
  377. width:96px;
  378. height:96px;
  379. border-radius:3px;
  380. display:block;
  381. position:absolute;
  382. top:-60px;
  383. left:52px;
  384. }
  385.  
  386. .sticky #desc{
  387. z-index:-1;
  388. opacity:0;
  389. -webkit-transition: all 0.3s ease-in-out;
  390. -moz-transition: all 0.3s ease-in-out;
  391. -o-transition: all 0.3s ease-in-out;
  392. -ms-transition: all 0.3s ease-in-out;
  393. transition: all 0.3s ease-in-out;
  394. }
  395.  
  396.  
  397. /* STICKY */
  398.  
  399. #sticky{
  400. width:200px;
  401. position:absolute;
  402. left:calc(50% - 100px);
  403. top:-10px;
  404. text-align:left;
  405. opacity:0;
  406. color:{color:Main Color};
  407. -webkit-transition: all 0.3s ease-in-out;
  408. -moz-transition: all 0.3s ease-in-out;
  409. -o-transition: all 0.3s ease-in-out;
  410. -ms-transition: all 0.3s ease-in-out;
  411. transition: all 0.3s ease-in-out;
  412. }
  413.  
  414. #sticky h1{
  415. font-size:16px;
  416. font-weight:700;
  417. text-transform:uppercase;
  418. letter-spacing:1px;
  419. margin:5px 0px 0px 0px;
  420. line-height:100%;
  421. color:{color:Color Two};
  422. }
  423.  
  424. #sticky h2{
  425. font-size:7px;
  426. font-weight:400;
  427. text-transform:uppercase;
  428. letter-spacing:1px;
  429. margin:0px;
  430. }
  431.  
  432. #sticky img{
  433. width:50px;
  434. height:50px;
  435. border-radius:3px;
  436. display:block;
  437. float:left;
  438. margin-right:10px;
  439. }
  440.  
  441. .sticky #sticky{
  442. top:10px;
  443. opacity:1;
  444. -webkit-transition: all 0.3s ease-in-out;
  445. -moz-transition: all 0.3s ease-in-out;
  446. -o-transition: all 0.3s ease-in-out;
  447. -ms-transition: all 0.3s ease-in-out;
  448. transition: all 0.3s ease-in-out;
  449. }
  450.  
  451.  
  452. /*----------------------------- TOPBAR -----------------------------*/
  453.  
  454.  
  455. /*----------------------------------------------------------------------------------------------------------------------------*/
  456. /*----------------------------------------------------------------------------------------------------------------------------*/
  457. /*----------------------------------------------------------------------------------------------------------------------------*/
  458.  
  459.  
  460. /*----------------------------- SIDEBAR -----------------------------*/
  461.  
  462. #sidebar{
  463. {block:IfStickySidebar}padding-top:120px;{/block:IfStickySidebar}
  464. width:270px;
  465. {select:Sidebar Position}:calc(50% - 450px);
  466. position:absolute;
  467. }
  468.  
  469. /* CATEGORY */
  470.  
  471. #sidebar .category{
  472. background-color:{color:Post Background Color};
  473. color:{color:Main Color};
  474. font-family:'Helvetica', sans-serif;
  475. font-size:10.5px;
  476. font-weight:300;
  477. padding:15px;
  478. border-radius:3px;
  479. letter-spacing:1px;
  480. margin-bottom:20px;
  481. line-height:150%;
  482. text-align:justify;
  483. }
  484.  
  485. {block:IfNotShowCategory2}.category2{display:none;}{/block:IfNotShowCategory2}
  486. {block:IfNotShowCategory3}.category3{display:none;}{/block:IfNotShowCategory3}
  487. {block:IfNotShowCategory4}.category4{display:none;}{/block:IfNotShowCategory4}
  488.  
  489. #sidebar .category h1{
  490. font-family: 'Nunito', sans-serif;
  491. font-size:14px;
  492. font-weight:700;
  493. letter-spacing:1px;
  494. margin:0px 0px 10px 0px;
  495. padding:0px 0px 10px 0px;
  496. line-height:100%;
  497. color:{color:Color Two};
  498. text-transform:uppercase;
  499. border-bottom:1px solid {color:Background Color};
  500. }
  501.  
  502. #sidebar .category h1:first-letter{
  503. color:{color:Color Four};
  504. }
  505.  
  506. /* CATEGORY 2 */
  507.  
  508. #sidebar .category2 h1{
  509. margin:0px;
  510. }
  511.  
  512. #sidebar .category2 a{
  513. display:block;
  514. margin:0px;
  515. border-bottom:1px solid {color:Background Color};
  516. padding:10px 0px;
  517. line-height:100%;
  518. letter-spacing:1px;
  519. color:{color:Main Color};
  520. font-family: 'Nunito', sans-serif;
  521. font-size:10px;
  522. text-align:left;
  523. text-transform:uppercase;
  524. }
  525.  
  526. #sidebar .category2 a:hover{
  527. color:{color:Color Three};
  528. font-weight:400;
  529. letter-spacing:1.5px;
  530. }
  531.  
  532. #sidebar .category2 a:last-child{
  533. padding-bottom:0px;
  534. border:none;
  535. }
  536.  
  537. /* CATEGORY 3 */
  538.  
  539. #sidebar .category3 section{
  540. display:block;
  541. margin-bottom:5px;
  542. height:30px;
  543. }
  544.  
  545. #sidebar .category3 section:last-child{
  546. margin:0px;
  547. }
  548.  
  549. #sidebar .category3 img{
  550. width:30px;
  551. height:30px;
  552. margin:0px 10px 0px 0px;
  553. border-radius:3px;
  554. display:block;
  555. float:left;
  556. }
  557.  
  558. #sidebar .category3 h3{
  559. font-size:12px;
  560. font-weight:700;
  561. font-family: 'Nunito', sans-serif;
  562. text-transform:uppercase;
  563. margin:0px;
  564. padding:1px 0px 0px 0px;
  565. }
  566.  
  567.  
  568. /* SEARCH BAR */
  569.  
  570. #sidebar .category input{
  571. display:block;
  572. width:215px;
  573. padding:5px 0px 0px 25px;
  574. border:none;
  575. outline:none;
  576. overflow:hidden;
  577. color:{color:Main Color};
  578. font-family:'Nunito', sans-serif;
  579. font-size:10px;
  580. font-weight:300;
  581. letter-spacing:1px;
  582. text-transform:uppercase;
  583. }
  584.  
  585. #sidebar .category input.sbutton{
  586. float:left;
  587. cursor:pointer;
  588. padding:0px;
  589. width:20px;
  590. margin-top:-17px;
  591. outline:none;
  592. border:none;
  593. font-family:'icons';
  594. text-align:center;
  595. line-height:20px;
  596. font-size:12px;
  597. color:{color:Main Color};
  598. z-index:9;
  599. background:transparent;
  600. }
  601.  
  602. ::-webkit-input-placeholder{opacity:0.5;}
  603. ::-moz-input-placeholder{opacity:0.5;}
  604. ::-o-input-placeholder{opacity:0.5;}
  605. ::-ms-input-placeholder{opacity:0.5;}
  606.  
  607.  
  608. /* PAGINATION */
  609.  
  610. #pagination{
  611. font-family:'Helvetica', sans-serif;
  612. margin-top:20px;
  613. font-size:10px;
  614. text-align:center;
  615. }
  616.  
  617. #pagination a{
  618. display:inline-block;
  619. padding:5px;
  620. width:15px;
  621. height:15px;
  622. background-color:{color:Color Three};
  623. color:{color:Post Background Color};
  624. margin:1px;
  625. line-height:130%;
  626. border-radius:3px;
  627. }
  628.  
  629. #pagination .current{
  630. display:inline-block;
  631. padding:5px;
  632. width:15px;
  633. height:15px;
  634. background-color:{color:Color One};
  635. color:{color:Post Background Color};
  636. margin:1px;
  637. line-height:130%;
  638. border-radius:3px;
  639. }
  640.  
  641. #pagination a:hover{
  642. background-color:{color:Color Four};
  643. color:{color:Post Background Color};
  644. text-decoration:none;
  645. }
  646.  
  647. /* FOOTER */
  648.  
  649. #footer{
  650. margin:20px 0px;
  651. font-family: 'Helvetica', sans-serif;
  652. font-size:7px;
  653. font-weight:400;
  654. text-align:center;
  655. color:{color:Main Color};
  656. text-transform:uppercase;
  657. line-height:180%;
  658. letter-spacing:1.5px;
  659. }
  660.  
  661.  
  662. /*----------------------------- SIDEBAR -----------------------------*/
  663.  
  664.  
  665. /*----------------------------------------------------------------------------------------------------------------------------*/
  666. /*----------------------------------------------------------------------------------------------------------------------------*/
  667. /*----------------------------------------------------------------------------------------------------------------------------*/
  668.  
  669.  
  670. /*------------------------------ POSTS ------------------------------*/
  671.  
  672. #posts{
  673. margin-{select:Sidebar Position}:320px;
  674. width:580px;
  675. }
  676.  
  677. /* SINGLE POST */
  678.  
  679. #post{
  680. margin-bottom:30px;
  681. overflow:hidden;
  682. background-color:{color:Post Background Color};
  683. padding:20px;
  684. width:540px;
  685. border-radius:3px;
  686. }
  687.  
  688. /* POSTCONTENT BASIC */
  689.  
  690. #postcontent{
  691. font-family:'Helvetica', sans-serif;
  692. font-weight:400;
  693. font-size:11px;
  694. width:540px;
  695. padding:20px 0px;
  696. color:{color:Main Color};
  697. text-align:justify;
  698. letter-spacing:0.5px;
  699. line-height:150%;
  700. }
  701.  
  702. /* POST MEDIA */
  703.  
  704. #postmedia{
  705. width:540px;
  706. overflow:hidden;
  707. border-radius:3px;
  708. display:block;
  709. }
  710.  
  711. #postmedia .width_fix iframe{
  712. width:540px !important;
  713. }
  714.  
  715. /* POST IMAGES */
  716.  
  717. #postcontent img{
  718. max-width:100%;
  719. height:auto;
  720. }
  721.  
  722. /* FIX IMAGE FIGURE */
  723.  
  724. #postcontent figure{
  725. margin-top:10px;
  726. max-width:100%;
  727. height:auto;
  728. }
  729.  
  730. /* POST LINKS */
  731.  
  732. #postcontent a{
  733. color:{color:Color Three};
  734. }
  735.  
  736. #postcontent a:hover{
  737. color:{color:Color Two};
  738. }
  739.  
  740. /* POST TITLE */
  741.  
  742. #postcontent .posttitle{
  743. font-family: 'Nunito', sans-serif;
  744. font-weight:400;
  745. font-size:28px;
  746. letter-spacing:0px;
  747. text-align:justify;
  748. line-height:150%;
  749. margin-top:-10px;
  750. color:{color:Main Color};
  751. }
  752.  
  753. /* BLOCKQUOTE */
  754.  
  755. #postcontent blockquote{
  756. width:calc(100% - 23px);
  757. max-width:calc(100% - 23px);
  758. margin-left:0px;
  759. padding-left:10px;
  760. border-left:2px solid {color:Color Three};
  761. }
  762.  
  763. /* PARAGRAPH */
  764.  
  765. #postcontent p{
  766. margin-top:3px;
  767. }
  768.  
  769. /* HIGHLIGHT */
  770.  
  771. #postcontent h2{
  772. font-family: 'Nunito', sans-serif;
  773. font-weight:400;
  774. font-size:20px;
  775. color:{color:Color Two};
  776. margin-bottom:15px;
  777. }
  778.  
  779. /* LIST */
  780.  
  781. #postcontent ol{
  782. margin:0px 0px 10px 15px !important;
  783. }
  784.  
  785. #postcontent ul{
  786. list-style-type:disc;
  787. margin:0px 0px 10px 15px !important;
  788. }
  789.  
  790. #postcontent .caption{
  791. margin-top:10px;
  792. margin-bottom:-10px;
  793. }
  794.  
  795. /* LINK POSTS */
  796.  
  797. #postcontent .link-button {
  798. background:#f2f2f2;
  799. word-break:break-word;
  800. overflow:hidden;
  801. display:block;
  802. position:relative;
  803. text-decoration:none;
  804. margin-bottom:10px;
  805. }
  806.  
  807. #postcontent .info-container{
  808. padding:20px 20px 0;
  809. overflow:hidden;
  810. }
  811.  
  812. #postcontent .publisher-container{
  813. margin-top:-4px;
  814. margin-bottom:17px;
  815. display:block;
  816. font-size:13px;
  817. line-height:16px;
  818. font-weight:700;
  819. word-break:break-all;
  820. position:absolute;
  821. top:20px;
  822. left:20px;
  823. right:20px;
  824. }
  825.  
  826. #postcontent .publisher-container .publisher{
  827. line-height:16px;
  828. font-size:8px;
  829. font-weight:500;
  830. color:{color:Post Background Color};
  831. text-shadow:1px 1px 0px rgba(0,0,0,0.1);
  832. text-transform:uppercase;
  833. letter-spacing:2px;
  834. display:inline-block;
  835. margin:0px;
  836. }
  837.  
  838. #postcontent .publisher-container .publisher:before{
  839. font-size:12px;
  840. float:left;
  841. line-height:12px;
  842. margin-right:5px;
  843. font-family:'icons';
  844. content:'\e905';
  845. }
  846.  
  847. #postcontent .info-container{
  848. padding:20px 20px 0;
  849. overflow:hidden;
  850. }
  851.  
  852. #postcontent .info-container .title{
  853. margin-top:-5px;
  854. margin-bottom:10px;
  855. display:block;
  856. font-family: 'Nunito', sans-serif;
  857. font-size:18px;
  858. letter-spacing:0px;
  859. line-height:130%;
  860. color:{color:Color One};
  861. }
  862.  
  863. #postcontent .info-container .title:after{
  864. padding-left:5px;
  865. white-space:nowrap;
  866. display:inline;
  867. vertical-align:middle;
  868. font-family:'icons';
  869. content: "\e906";
  870. }
  871.  
  872. #postcontent .info-container .excerpt{
  873. margin-top:-5px;
  874. margin-bottom:14px;
  875. display:block;
  876. font-size:10px;
  877. line-height:130%;
  878. color:{color:Main Color};
  879. }
  880.  
  881. /* QUOTES */
  882.  
  883. #postcontent .quotes{
  884. font-family: 'Nunito', sans-serif;
  885. font-weight:400;
  886. font-size:28px;
  887. letter-spacing:0px;
  888. line-height:130%;
  889. margin-top:-5px;
  890. color:{color:Main Color};
  891. }
  892.  
  893. #postcontent .quotes:before{
  894. font-family:'icons';
  895. content:'\e903';
  896. margin-right:8px;
  897. color:{color:Color Two};
  898. }
  899.  
  900. #postcontent .quotes:after{
  901. font-family:'icons';
  902. content:'\e904';
  903. margin-left:8px;
  904. color:{color:Color Two};
  905. }
  906.  
  907.  
  908. /* ASKS */
  909.  
  910. #postcontent .askimg img{
  911. display:block;
  912. width:80px;
  913. height:80px;
  914. border:15px solid {color:Color Three};
  915. margin:-15px 20px 10px -20px;
  916. float:left;
  917. }
  918.  
  919. #postcontent .askers{
  920. display:block;
  921. margin-left:-130px;
  922. margin-top:95px;
  923. margin-right:20px;
  924. float:left;
  925. background-color:{color:Color Two};
  926. width:110px;
  927. height:15px;
  928. line-height:13px;
  929. padding:10px 0px;
  930. color:{color:Post Background Color};
  931. font-size:8px;
  932. letter-spacing:2.5px;
  933. overflow:hidden;
  934. text-align:center;
  935. text-transform:uppercase;
  936. }
  937.  
  938. #postcontent .askers a{
  939. color:{color:Post Background Color};
  940. font-size:8px;
  941. }
  942.  
  943. #postcontent .askers:first-letter{
  944. margin-left:2.5px;
  945. font-size:12px;
  946. }
  947.  
  948. #postcontent .question{
  949. display:block;
  950. padding:15px 20px;
  951. min-height:115px;
  952. background-color:#efefef;
  953. border-radius:3px;
  954. }
  955.  
  956. /* CHATS */
  957.  
  958. #postcontent ul.chat, .chat ol, .chat li .chat li{
  959. list-style:none !important;
  960. line-height:180%;
  961. margin-left:0px !important;
  962. }
  963.  
  964. #postcontent span.label{
  965. font-weight:600;
  966. color:{color:Color One};
  967. }
  968.  
  969. /* POSTNOTES */
  970.  
  971. #postnotes{
  972. width:540px;
  973. padding:20px;
  974. color:{color:Main Color};
  975. background:{color:Post Background Color};
  976. font-size:8px;
  977. text-align:justify;
  978. line-height:150%;
  979. margin-top:20px;
  980. letter-spacing:1px;
  981. text-transform:uppercase;
  982. box-shadow:1px 2px 1px rgba(0,0,0,0.03);
  983. border-radius:3px;
  984. font-family:'Helvetica', sans-serif;
  985. border-radius:3px;
  986. }
  987.  
  988. #postnotes ol.notes{
  989. padding:0px;
  990. margin:25px 0px;
  991. list-style-type:none;
  992. border-bottom:solid 1px {color:Background Color};
  993. }
  994.  
  995. #postnotes ol.notes li.note{
  996. border-top:solid 1px {color:Background Color};
  997. padding:10px;
  998. }
  999.  
  1000. #postnotes ol.notes li.note img.avatar{
  1001. vertical-align:-4px;
  1002. margin-right:10px;
  1003. width:16px;
  1004. height:16px;
  1005. border-radius:50%;
  1006. }
  1007.  
  1008. /*------------------------------ POSTS ------------------------------*/
  1009.  
  1010.  
  1011. /*----------------------------------------------------------------------------------------------------------------------------*/
  1012. /*----------------------------------------------------------------------------------------------------------------------------*/
  1013. /*----------------------------------------------------------------------------------------------------------------------------*/
  1014.  
  1015.  
  1016. /*---------------------------- PERMALINK ----------------------------*/
  1017.  
  1018. #permalink{
  1019. width:700px;
  1020. text-align:left;
  1021. text-transform:uppercase;
  1022. font-family:'Helvetica', sans-serif;
  1023. font-size:10px;
  1024. font-weight:400;
  1025. height:30px;
  1026. width:540px;
  1027. overflow:hidden;
  1028. letter-spacing:1px;
  1029. border-bottom:1px solid {color:Background Color};
  1030. }
  1031.  
  1032. /* PERMALINK LINKS */
  1033.  
  1034. #permalink a{
  1035. display:block;
  1036. float:left;
  1037. text-align:left;
  1038. line-height:20px;
  1039. color:{color:Main Color};
  1040. }
  1041.  
  1042. #permalink a:after{
  1043. content:"";
  1044. width:0px;
  1045. height:10px;
  1046. display:block;
  1047. float:left;
  1048. border-left:1px solid {color:Main Color};
  1049. margin:5px 10px 0px 11px;
  1050. opacity:0.3;
  1051. }
  1052.  
  1053. #permalink a:first-child:after{
  1054. display:none;
  1055. }
  1056.  
  1057. #permalink a.notes:before{
  1058. font-family:'icons';
  1059. content:'\e900';
  1060. font-size:13px;
  1061. line-height:22.5px;
  1062. margin-right:5px;
  1063. float:left;
  1064. color:{color:Color Two};
  1065. }
  1066.  
  1067. /* LIKE & REBLOG BUTTONS */
  1068.  
  1069. #permalink ul{
  1070. list-style:none;
  1071. margin-top:-10px;
  1072. }
  1073.  
  1074. #permalink .like_and_reblog_buttons li{
  1075. list-style:none;
  1076. display:block;
  1077. float:right;
  1078. margin:0px;
  1079. margin-left:10px;
  1080. height:30px;
  1081. padding:0px;
  1082. }
  1083.  
  1084. /* TAGS */
  1085.  
  1086. #tags{
  1087. width:540px;
  1088. text-align:left;
  1089. line-height:100%;
  1090. border-top:1px solid {color:Background Color};
  1091. padding-top:20px;
  1092. letter-spacing:0.5px;
  1093. line-height:150%;
  1094. font-family:'Helvetica', sans-serif;
  1095. font-weight:400;
  1096. font-size:9px;
  1097. }
  1098.  
  1099. #tags a{
  1100. display:inline-block;
  1101. color:{color:Main Color};
  1102. margin-left:10px;
  1103. }
  1104.  
  1105. #tags a:hover{
  1106. color:{color:Color Three};
  1107. }
  1108.  
  1109. #tags span{
  1110. color:{color:Main Color};
  1111. text-transform:uppercase;
  1112. display:inline-block;
  1113. font-size:8px;
  1114. letter-spacing:1px;
  1115. margin-right:-5px;
  1116. }
  1117.  
  1118. #tags span:before {
  1119. font-family:'icons';
  1120. font-size:9px;
  1121. line-height:12px;
  1122. content:"\e901";
  1123. margin-right:5px;
  1124. display:block;
  1125. float:left;
  1126. }
  1127.  
  1128. /*---------------------------- PERMALINK ----------------------------*/
  1129.  
  1130.  
  1131. /*----------------------------------------------------------------------------------------------------------------------------*/
  1132. /*----------------------------------------------------------------------------------------------------------------------------*/
  1133. /*----------------------------------------------------------------------------------------------------------------------------*/
  1134.  
  1135.  
  1136. /*------------------------------ CREDIT------------------------------*/
  1137. /*--------------------- DO NOT REMOVE THE CREDIT --------------------*/
  1138.  
  1139. #credit {
  1140. font-family:Helvetica;
  1141. font-weight:300;
  1142. font-size:12px;
  1143. position:fixed;
  1144. bottom:10px;
  1145. right:10px;
  1146. z-index:99999;
  1147. }
  1148.  
  1149. #credit a{
  1150. display:block;
  1151. color:#fff;
  1152. background:{color:Color Three};
  1153. padding:5px;
  1154. line-height:97%;
  1155. height:10px;
  1156. width:10px;
  1157. overflow:hidden !important;
  1158. text-align:center;
  1159. }
  1160.  
  1161. #credit a:hover{
  1162. padding-right:90px;
  1163. text-decoration:none;
  1164. }
  1165.  
  1166. #thememaker{
  1167. margin-left:15px;
  1168. margin-top:-11px;
  1169. font-size:7px;
  1170. letter-spacing:3px;
  1171. }
  1172.  
  1173. /*--------------------- DO NOT REMOVE THE CREDIT --------------------*/
  1174. /*------------------------------ CREDIT------------------------------*/
  1175.  
  1176. /*----------------------------------------------------------------------------------------------------------------------------*/
  1177. /*----------------------------------------------------------------------------------------------------------------------------*/
  1178. /*----------------------------------------------------------------------------------------------------------------------------*/
  1179.  
  1180. {CustomCSS}
  1181.  
  1182.  
  1183. </style><!-- END OF CSS STYLE-->
  1184. </head>
  1185.  
  1186.  
  1187. <!----------------------------------------------------------------------------------------------------------------------------->
  1188. <!----------------------------------------------------------------------------------------------------------------------------->
  1189. <!----------------------------------------------------------------------------------------------------------------------------->
  1190.  
  1191.  
  1192. <body>
  1193.  
  1194.  
  1195. <!----------------------------------------------------------------------------------------------------------------------------->
  1196. <!----------------------------------------------------------------------------------------------------------------------------->
  1197. <!----------------------------------------------------------------------------------------------------------------------------->
  1198.  
  1199.  
  1200. <!--------------------- DO NOT REMOVE THE CREDIT --------------------->
  1201. <div id="credit">
  1202. <a href="http://roxiestheme.tumblr.com" target:"_blank">©<div id="thememaker">ROXIESTHEME</div></a>
  1203. </div>
  1204. <!--------------------- DO NOT REMOVE THE CREDIT --------------------->
  1205.  
  1206.  
  1207. <!----------------------------------------------------------------------------------------------------------------------------->
  1208. <!----------------------------------------------------------------------------------------------------------------------------->
  1209. <!----------------------------------------------------------------------------------------------------------------------------->
  1210.  
  1211.  
  1212. <!-------------------------- START OF HEADER ------------------------->
  1213.  
  1214. <div id="header"></div><!-- HEADER -->
  1215.  
  1216. <!--------------------------- END OF HEADER -------------------------->
  1217.  
  1218.  
  1219. <!----------------------------------------------------------------------------------------------------------------------------->
  1220. <!----------------------------------------------------------------------------------------------------------------------------->
  1221. <!----------------------------------------------------------------------------------------------------------------------------->
  1222.  
  1223.  
  1224. <div id="container"><!-- SIDEBAR + POSTS -->
  1225.  
  1226.  
  1227. <!----------------------------------------------------------------------------------------------------------------------------->
  1228. <!----------------------------------------------------------------------------------------------------------------------------->
  1229. <!----------------------------------------------------------------------------------------------------------------------------->
  1230.  
  1231.  
  1232. <!-------------------------- START OF SIDEBAR ------------------------->
  1233.  
  1234. <div class="top">
  1235. <div id="topbar">
  1236.  
  1237. <div id="desc">
  1238. <img src="https://i.imgsafe.org/069fc7b7fa.png" class="icon">
  1239. {block:IfBlogTitle}<h1>Take my hand and run with me</h1>{/block:IfBlogTitle}
  1240. {block:IfNotBlogTitle}<h1>I want to hear your voice</h1>{/block:IfNotBlogTitle}
  1241. Just let me know that you'll be here, always right by my side
  1242. </div><!-- DESC -->
  1243.  
  1244. <div class="links links-left">
  1245. {block:IfLink1Title}<a href="{text:Link 1 Url}">{text:Link 1 Title}</a>{/block:IfLink1Title}
  1246. {block:IfLink2Title}<a href="{text:Link 2 Url}">{text:Link 2 Title}</a>{/block:IfLink2Title}
  1247. {block:IfLink3Title}<a href="{text:Link 3 Url}">{text:Link 3 Title}</a>{/block:IfLink3Title}
  1248. </div>
  1249. <div class="links links-right">
  1250. {block:IfLink6Title}<a href="{text:Link 6 Url}">{text:Link 6 Title}</a>{/block:IfLink6Title}
  1251. {block:IfLink5Title}<a href="{text:Link 5 Url}">{text:Link 5 Title}</a>{/block:IfLink5Title}
  1252. {block:IfLink4Title}<a href="{text:Link 4 Url}">{text:Link 4 Title}</a>{/block:IfLink4Title}
  1253. </div><!-- LINKS -->
  1254.  
  1255. <div id="sticky">
  1256. <img src="https://i.imgsafe.org/069fc7b7fa.png">
  1257. {block:IfBlogTitle}<h1>{text:Blog Title}</h1>{/block:IfBlogTitle}
  1258. {block:IfNotBlogTitle}<h1>You're the freedom that found me</h1>{/block:IfNotBlogTitle}
  1259. {block:IfShortDescription}<h2>{text:Short Description}</h2>{/block:IfShortDescription}
  1260.  
  1261. </div><!-- STICKY -->
  1262.  
  1263. </div><!-- TOPBAR -->
  1264.  
  1265. {block:IfNotStickySidebar}
  1266.  
  1267. </div><!-- TOP -->
  1268.  
  1269. <script>
  1270. var header = document.querySelector('.top');
  1271. var origOffsetY = header.offsetTop;
  1272.  
  1273. function onScroll(e) {
  1274. window.scrollY >= origOffsetY ? header.classList.add('sticky') :
  1275. header.classList.remove('sticky');
  1276. }
  1277.  
  1278. document.addEventListener('scroll', onScroll);
  1279. </script>
  1280.  
  1281. {/block:IfNotStickySidebar}
  1282.  
  1283. <div id="sidebar">
  1284.  
  1285. <div class="category category1">
  1286. <h1>About</h1>
  1287. <b>gamon-yuuta → kyoka-izumi </b><br><br>
  1288.  
  1289. <a href="/winter2017">winter 2017 watchlist</a> <br><br>
  1290.  
  1291. Rche/Rin. Indonesia. It/its. INTP. Chaotic neutral. Ennegram type I. Choleric/melancholic. <br><br>
  1292.  
  1293. Graphic maker. Pepe enthusiast. Chuunibyou extraordinarie. Dank meme trash. Pick-up line master. Zettai ryouiki trash. Overall trashiest of trash. Currently lost deep in ChuuAku hell.<br><br>
  1294.  
  1295. Hello, this is Rche/Rin here and I'm a shut-in loser that specialize in playing high-end vidya with shitty spec computer in 10 FPS.<br><br>
  1296. </div>
  1297.  
  1298.  
  1299. <div class="category category1">
  1300. <h1>links</h1>
  1301. <a href="/cinnamon">Cinnamon Rolls </a><br>
  1302. <a href="/kapalpecah">Ship </a><br>
  1303. <a href="/blogroll">Blogroll </a><br>
  1304. <a href="/urls">Saved URLs </a><br>
  1305. <a href="/tagged/rche.txt">Personal Post </a><br>
  1306. <a href="/tagged/rcheply">Replied ask </a><br>
  1307. <a href="https://myanimelist.net/profile/Yumeutsutsu">MAL (updated infrequently) </a><br>
  1308. <a href="https://www.grouvee.com/user/Shuuen/shelves/">grouvee (updated infrequently) </a>
  1309. </div>
  1310.  
  1311. <div class="category category1">
  1312. <h1>Info</h1>
  1313.  
  1314. <b>Activity:</b> Active.<br>
  1315. <b>Queue:</b> Eternally on. <br>
  1316. <b>Fandom:</b> Bungou Stray Dogs and Occultic Nine.<br>
  1317. <b>Established:</b> April 2015. <br>
  1318. <b>Episode:</b> Hypomania. <a href="note">(x)</a><br><br>
  1319. <b>Please don't repost my graphics and/or GIFs anywhere without permission.</b> Thank you for visiting my blog, have a nice day!
  1320.  
  1321. </div>
  1322.  
  1323. {block:IfShowSearchBar}
  1324. <div class="category">
  1325. <h1>search</h1>
  1326. <form action="/search" method="get">
  1327. <input type="text" name="q" value="" placeholder="search blog" />
  1328. <input type="submit" value="&#xe902;" class="sbutton" />
  1329. </form>
  1330. </div>
  1331. {/block:IfShowSearchBar}
  1332.  
  1333.  
  1334. </div><!-- SIDEBAR -->
  1335.  
  1336. {block:IfStickySidebar}
  1337.  
  1338. </div><!-- TOP -->
  1339.  
  1340. <script>
  1341. var header = document.querySelector('.top');
  1342. var origOffsetY = header.offsetTop;
  1343.  
  1344. function onScroll(e) {
  1345. window.scrollY >= origOffsetY ? header.classList.add('sticky') :
  1346. header.classList.remove('sticky');
  1347. }
  1348.  
  1349. document.addEventListener('scroll', onScroll);
  1350. </script>
  1351.  
  1352. {/block:IfStickySidebar}
  1353.  
  1354. <!--------------------------- END OF SIDEBAR -------------------------->
  1355.  
  1356.  
  1357. <!----------------------------------------------------------------------------------------------------------------------------->
  1358. <!----------------------------------------------------------------------------------------------------------------------------->
  1359. <!----------------------------------------------------------------------------------------------------------------------------->
  1360.  
  1361.  
  1362. <div id="posts">
  1363.  
  1364. <!-------------------------- START OF A POST ------------------------->
  1365.  
  1366.  
  1367. {block:Posts}
  1368. <div id="post">
  1369.  
  1370.  
  1371. <!------------------------- START OF PERMALINK ------------------------>
  1372. {block:Date}
  1373. <div id="permalink">
  1374. <a class="notes" href="{Permalink}" title="notes">{NoteCount}</a>
  1375. <a class="date" href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}/" title="date">{ShortMonth} {DayOfMonthWithZero} {Year}</a>
  1376. {block:RebloggedFrom}<a class="src" href="{ReblogRootURL}" target="_blank" title="{ReblogRootName}">src</a><a class="via" href="{ReblogParentURL}" target="_blank" title="{ReblogParentName}">via</a>{/block:RebloggedFrom}
  1377. <ul class="like_and_reblog_buttons">
  1378. <li>{LikeButton size="13" color="gray"}</li>
  1379. <li>{ReblogButton size="13" color="gray"}</li>
  1380. </ul>
  1381. </div>
  1382. {/block:Date}
  1383. <!-------------------------- END OF PERMALINK ------------------------->
  1384.  
  1385.  
  1386. <!--------------------------------------------------------------------->
  1387. <!--------------------------------------------------------------------->
  1388. <!--------------------------------------------------------------------->
  1389.  
  1390.  
  1391. <!------------------------ START OF POSTCONTENT ----------------------->
  1392.  
  1393. <div id="postcontent">
  1394.  
  1395.  
  1396. <!--------------------------------------------------------------------->
  1397. <!----------------------------- TEXT POSTS ---------------------------->
  1398. {block:Text}
  1399. {block:Title}<div class="posttitle">{Title}</div>{/block:Title}
  1400. <div class="caption" style="margin-top:0px;">{Body}</div>
  1401. {/block:Text}
  1402. <!----------------------------- TEXT POSTS ---------------------------->
  1403. <!--------------------------------------------------------------------->
  1404.  
  1405.  
  1406. <!--------------------------------------------------------------------->
  1407. <!----------------------------- LINK POSTS ---------------------------->
  1408. {block:Link}
  1409. <div id="postmedia">
  1410. <a href="{Url}" target="_blank" class="link-button">
  1411. {block:Thumbnail}<img src="{Thumbnail}" width="540px">{/block:Thumbnail}
  1412. <div class="info-container">
  1413. {block:Host}<div class="publisher-container"><div class="publisher">{Host}</div></div>{/block:Host}
  1414. <div class="title">{Name}</div>
  1415. {block:Excerpt}<div class="excerpt">{Excerpt}</div>{/block:Excerpt}
  1416. </div></a>
  1417. </div>
  1418. {block:Description}<div class="caption">{Description}</div>{/block:Description}
  1419. {/block:Link}
  1420. <!----------------------------- LINK POSTS ---------------------------->
  1421. <!--------------------------------------------------------------------->
  1422.  
  1423.  
  1424. <!--------------------------------------------------------------------->
  1425. <!---------------------------- PHOTO POSTS ---------------------------->
  1426. {block:Photo}
  1427. {LinkOpenTag}
  1428. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" style="border-radius:3px;" width="540px">
  1429. {LinkCloseTag}
  1430. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1431. {/block:Photo}
  1432. <!---------------------------- PHOTO POSTS ---------------------------->
  1433. <!--------------------------------------------------------------------->
  1434.  
  1435.  
  1436. <!-------------------------------------------------------------------->
  1437. <!----------------------------- PHOTOSETS ---------------------------->
  1438. {block:Photoset}
  1439. <div id="postmedia">
  1440. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  1441. {block:Photos}
  1442. <div class="photo-data">
  1443. <div class="pxu-photo">
  1444. <img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}">
  1445. </div><!-- pxu-photo -->
  1446. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
  1447. </div><!-- photo-data -->
  1448. {/block:Photos}
  1449. </div><!-- photo-slideshow-->
  1450. </div><!-- postmedia -->
  1451. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1452. {/block:Photoset}
  1453. <!----------------------------- PHOTOSETS ---------------------------->
  1454. <!-------------------------------------------------------------------->
  1455.  
  1456.  
  1457. <!--------------------------------------------------------------------->
  1458. <!------------------------------- QUOTES ------------------------------>
  1459. {block:Quote}
  1460. <div class="quotes">{Quote}</div>
  1461. {block:Source}<div class="caption" style="margin-bottom:0px;">— {Source}</div>{/block:Source}
  1462. {/block:Quote}
  1463. <!------------------------------- QUOTES ------------------------------>
  1464. <!--------------------------------------------------------------------->
  1465.  
  1466.  
  1467. <!--------------------------------------------------------------------->
  1468. <!------------------------------- CHATS ------------------------------->
  1469. {block:Chat}
  1470. {block:Title}<div class="posttitle">{Title}</div>{/block:Title}
  1471. <ul class="chat">
  1472. {block:Lines}
  1473. <li class="user_{UserNumber}">
  1474. {block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}
  1475. </li>
  1476. {/block:Lines}
  1477. </ul>
  1478. {/block:Chat}
  1479. <!------------------------------- CHATS ------------------------------->
  1480. <!--------------------------------------------------------------------->
  1481.  
  1482.  
  1483. <!--------------------------------------------------------------------->
  1484. <!------------------------------- AUDIOS ------------------------------>
  1485. {block:Audio}
  1486. <div id="postmedia">
  1487. <div class="width_fix">{AudioEmbed-500}</div>
  1488. </div>
  1489. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1490. {/block:Audio}
  1491. <!------------------------------- AUDIOS ------------------------------>
  1492. <!--------------------------------------------------------------------->
  1493.  
  1494.  
  1495. <!--------------------------------------------------------------------->
  1496. <!------------------------------- VIDEOS ------------------------------>
  1497. {block:Video}
  1498. <div id="postmedia">
  1499. <div class="width_fix">{Video-500}</div>
  1500. </div>
  1501. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1502. {/block:Video}
  1503. <!------------------------------- VIDEOS ------------------------------>
  1504. <!--------------------------------------------------------------------->
  1505.  
  1506.  
  1507. <!--------------------------------------------------------------------->
  1508. <!------------------------------ ANSWERS ------------------------------>
  1509. {block:Answer}
  1510. <div id="postmedia">
  1511. <div class="question">
  1512. <div class="askimg"><img src="{AskerPortraitURL-128}"></div>
  1513. <div class="askers">{Asker}</div>
  1514. {Question}</div><!-- question -->
  1515. </div><!-- postmedia -->
  1516. <div class="caption">{Answer}</div>
  1517. {/block:Answer}
  1518. <!--------------------------------------------------------------------->
  1519. <!------------------------------ ANSWERS ------------------------------>
  1520.  
  1521.  
  1522. </div><!-- POSTCONTENT -->
  1523.  
  1524. <!------------------------- END OF POSTCONTENT ------------------------>
  1525.  
  1526.  
  1527. <!--------------------------------------------------------------------->
  1528. <!--------------------------------------------------------------------->
  1529. <!--------------------------------------------------------------------->
  1530.  
  1531.  
  1532. <!-------------------------------- TAGS ------------------------------->
  1533. {block:HasTags}
  1534. <div id="tags">
  1535. <span>Tagged as:</span> {block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}
  1536. </div>
  1537. {/block:HasTags}
  1538. <!-------------------------------- TAGS ------------------------------->
  1539.  
  1540.  
  1541. <!--------------------------------------------------------------------->
  1542. <!--------------------------------------------------------------------->
  1543. <!--------------------------------------------------------------------->
  1544.  
  1545.  
  1546. </div><!-- POST -->
  1547.  
  1548. <!--------------------------- END OF A POST -------------------------->
  1549.  
  1550.  
  1551. <!----------------------------------------------------------------------------------------------------------------------------->
  1552. <!----------------------------------------------------------------------------------------------------------------------------->
  1553. <!----------------------------------------------------------------------------------------------------------------------------->
  1554.  
  1555.  
  1556. <!------------------------ START OF POSTNOTES ------------------------>
  1557. {block:PostNotes}
  1558. <div id="postnotes">
  1559. {PostNotes}
  1560. </div>
  1561. {/block:PostNotes}
  1562. <!------------------------- END OF POSTNOTES ------------------------->
  1563.  
  1564.  
  1565. <!----------------------------------------------------------------------------------------------------------------------------->
  1566. <!----------------------------------------------------------------------------------------------------------------------------->
  1567. <!----------------------------------------------------------------------------------------------------------------------------->
  1568.  
  1569.  
  1570. {/block:Posts}<!-- END OF ALL POSTS-->
  1571.  
  1572.  
  1573. <!----------------------------------------------------------------------------------------------------------------------------->
  1574. <!----------------------------------------------------------------------------------------------------------------------------->
  1575. <!----------------------------------------------------------------------------------------------------------------------------->
  1576.  
  1577. {block:Pagination}
  1578. <div id="pagination">
  1579. {block:PreviousPage}
  1580. <a href="{PreviousPage}">◂</a>{/block:PreviousPage}
  1581. {block:JumpPagination length="10"}
  1582. {block:CurrentPage}
  1583. <span class="current">{PageNumber}</span>{/block:CurrentPage}
  1584. {block:JumpPage}<a href="{URL}">{PageNumber}</a>{/block:JumpPage}
  1585. {/block:JumpPagination}
  1586. {block:NextPage}<a href="{NextPage}">▸</a>{/block:NextPage}
  1587. </div>
  1588. {/block:Pagination}
  1589.  
  1590.  
  1591. <!-- DO NO REMOVE DO NOT REMOVE DO NOT REMOVE -->
  1592. <div id="footer">© {CopyrightYears} <a href="/">{Name}</a> all rights reserved. Theme by <a href="http://roxiestheme.tumblr.com">roxiestheme</a> • Powered by <a href="http://tumblr.com">Tumblr</a></div>
  1593. <!-- DO NO REMOVE DO NOT REMOVE DO NOT REMOVE -->
  1594.  
  1595. <!----------------------------------------------------------------------------------------------------------------------------->
  1596. <!----------------------------------------------------------------------------------------------------------------------------->
  1597. <!----------------------------------------------------------------------------------------------------------------------------->
  1598.  
  1599.  
  1600. </div><!-- POSTS -->
  1601. </div><!-- CONTAINER (END OF THE POSTS ROLL) -->
  1602.  
  1603.  
  1604. <!----------------------------------------------------------------------------------------------------------------------------->
  1605. <!----------------------------------------------------------------------------------------------------------------------------->
  1606. <!----------------------------------------------------------------------------------------------------------------------------->
  1607.  
  1608.  
  1609. <!-------------------------------------------------------------------->
  1610. <!----------------------------- TOOL TIPS ---------------------------->
  1611. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  1612. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  1613. <script>
  1614. (function($){
  1615. $(document).ready(function(){
  1616. $("[title]").style_my_tooltips({
  1617. tip_follows_cursor:true,
  1618. tip_delay_time:200,
  1619. tip_fade_speed:300
  1620. }
  1621. );
  1622. });
  1623. })(jQuery);
  1624. </script>
  1625. <!----------------------------- TOOL TIPS ---------------------------->
  1626. <!-------------------------------------------------------------------->
  1627.  
  1628.  
  1629. <!--------------------------------------------------------------------->
  1630. <!--------------------------- FIX PHOTOSET ---------------------------->
  1631. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1632. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1633.  
  1634. <script>
  1635. $(document).ready(function(){
  1636. $('.photo-slideshow').pxuPhotoset({
  1637. lightbox: true,
  1638. rounded: false,
  1639. gutter: '2px',
  1640. photoset: '.photo-slideshow',
  1641. photoWrap: '.photo-data',
  1642. photo: '.pxu-photo'
  1643. });
  1644. });
  1645. </script>
  1646. <!--------------------------- FIX PHOTOSET ---------------------------->
  1647. <!--------------------------------------------------------------------->
  1648.  
  1649. <!----------------------------------------------------------------------------------------------------------------------------->
  1650. <!----------------------------------------------------------------------------------------------------------------------------->
  1651. <!----------------------------------------------------------------------------------------------------------------------------->
  1652.  
  1653. </body>
  1654.  
  1655. </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!