Advertisement
Tokyo-themes

orange

Mar 28th, 2017
7,353
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!---
  2.  
  3. THEME: ORANGE
  4. © tokyo-themes
  5.  
  6. © pixeden & fontawesome // icons
  7. © roxiestheme // audio player
  8. © shythemes // video resizing & searchbar
  9.  
  10. --->
  11.  
  12.  
  13. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  14. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  15.  
  16.  
  17. <head>
  18.  
  19.  
  20. <title>{Title}</title>
  21. <link rel="shortcut icon" href="{FavIcon}" />
  22. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  23. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  24. <link href='https://fonts.googleapis.com/css?family=Raleway|Open+Sans' rel='stylesheet' type='text/css'>
  25. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  26. <link rel="stylesheet" href="http://static.tumblr.com/i5s2zks/6kOohwlux/pe-icon-7-stroke.css">
  27. <script src="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  28.  
  29.  
  30. <meta name="image:Icon" content=""/>
  31.  
  32. <meta name="color:Background" content="#ffffff" />
  33. <meta name="color:Accent" content="#f4cdc7"/>
  34. <meta name="color:Body Text" content="#888888"/>
  35. <meta name="color:Links" content="#a2a2a2"/>
  36. <meta name="color:Links Hover" content="#cd9d9d"/>
  37. <meta name="color:Title1" content="#cd9d9d"/>
  38. <meta name="color:Title2" content="#ffffff"/>
  39. <meta name="color:Icons" content="#ffffff"/>
  40. <meta name="color:Description" content="#aaaaaa"/>
  41. <meta name="color:Posts" content="#f3f3f3"/>
  42. <meta name="color:More Header" content="#cd9d9d"/>
  43. <meta name="color:Bold" content="#555555" />
  44. <meta name="color:Italics" content="#bbbbbb" />
  45. <meta name="color:Strikethrough" content="#cd9d9d"/>
  46. <meta name="color:Underline" content="#f4cdc7"/>
  47.  
  48. <meta name="select:Font" content="Consolas" title="Consolas" />
  49. <meta name="select:Font" content="Arial" title="Arial" />
  50. <meta name="select:Font" content="Calibri" title="Calibri" />
  51. <meta name="select:Font" content="Raleway" title="Raleway" />
  52. <meta name="select:Font" content="Open Sans" title="Open Sans" />
  53. <meta name="select:Icon shape" content="http://static.tumblr.com/t2vfgl4/H03ong7sv/maskcircle.png" title="Circle" />
  54. <meta name="select:Icon shape" content="http://static.tumblr.com/t2vfgl4/mVhong7th/masksquare.png" title="Square" />
  55. <meta name="select:Icon shape" content="http://static.tumblr.com/t2vfgl4/kZJong7u1/maskpolygon.png" title="Hexagon" />
  56. <meta name="select:Post size" content="400px" title="400" />
  57. <meta name="select:Post size" content="500px" title="500"/>
  58. <meta name="select:Post size" content="540px" title="540" />
  59. <meta name="select:Post size" content="700px" title="700" />
  60.  
  61. <meta name="if:Light Controls" content="0" />
  62. <meta name="if:More" content="0" />
  63. <meta name="if:Search Bar" content="0" />
  64. <meta name="if:Social Links" content="0" />
  65. <meta name="if:Captions" content="0" />
  66.  
  67. <meta name="text:Title1" content=""/>
  68. <meta name="text:Title2" content=""/>
  69. <meta name="text:More header" content="header"/>
  70. <meta name="text:Search Bar" content="search tags"/>
  71. <meta name="text:Link1 title" content="link one"/>
  72. <meta name="text:Link1 url" content="http://"/>
  73. <meta name="text:Link2 title" content="link two"/>
  74. <meta name="text:Link2 url" content="http://"/>
  75. <meta name="text:Link3 title" content="link three"/>
  76. <meta name="text:Link3 url" content="http://"/>
  77. <meta name="text:Link4 title" content="link four"/>
  78. <meta name="text:Link4 url" content="http://"/>
  79. <meta name="text:Link5 title" content="link five"/>
  80. <meta name="text:Link5 url" content="http://"/>
  81. <meta name="text:Instagram" content=""/>
  82. <meta name="text:Twitter" content=""/>
  83. <meta name="text:Facebook" content=""/>
  84. <meta name="text:Youtube" content=""/>
  85.  
  86.  
  87. <style type="text/css">
  88. #tumblr_controls,
  89. .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls {
  90. top: 85px!important;
  91. right: 10px!important;
  92. overflow: hidden!important;
  93. position: fixed!important;
  94. {block:iflightcontrols}
  95. -webkit-filter: invert(100%);
  96. opacity: 0.4!important;
  97. {/block:iflightcontrols}
  98. {block:ifnotlightcontrols}
  99. -webkit-filter: invert(100%);
  100. opacity: 0.8!important;
  101. {/block:ifnotlightcontrols}
  102. z-index:9999 !important;}
  103.  
  104.  
  105. /* Scrollbar & Selected text */
  106.  
  107. ::-webkit-scrollbar {
  108. height: 10px;
  109. width: 10px;
  110. background: {color:background};
  111. } ::-webkit-scrollbar-thumb {
  112. border-radius: 100px;
  113. border: 4px solid {color:background};
  114. background: {color:accent};}
  115.  
  116. ::selection {
  117. color: {color:accent};
  118. background: {color:background};
  119. } ::-moz-selection {
  120. color: {color:accent};
  121. background: {color:background};
  122. } ::-webkit-selection {
  123. color: {color:accent};
  124. background: {color:background};}
  125.  
  126. /* End of Scrollbar & Selected text */
  127.  
  128.  
  129. body, html {
  130. height: 100%;
  131. min-height: 100%;
  132. color: {color:body text};
  133. line-height: 16px;
  134. font-size: 11px;
  135. font-family: '{select:font}';
  136. background: {color:background};}
  137.  
  138. a{cursor:help; color: {color:links}; text-decoration: none;}
  139. a:hover{color: {color:links hover};}
  140. b {color: {color:bold}; font-weight: bold;}
  141. i {color: {color:italics}; font-style: italic;}
  142. s {color: {color:strikethrough}; text-decoration: line-through;}
  143. u {color: {color:underline}; text-decoration: underline;}
  144.  
  145. #s-m-t-tooltip {
  146. margin-top: -20px;
  147. margin-left: 20px;
  148. max-width: 300px;
  149. padding: 3px 8px;
  150. color: {color:body text};
  151. background: {color:posts};
  152. z-index: 99999999;}
  153.  
  154.  
  155. /* Sidebar */
  156.  
  157. #side {
  158. top: 5px;
  159. left: 10px;
  160. position: fixed;
  161. width: 250px;
  162. z-index:9999;}
  163.  
  164. .icon {
  165. height:150px;
  166. width:150px;
  167. overflow:hidden;
  168. }.icon img {
  169. width:150px;
  170. height:150px;
  171. -webkit-mask-image: url('{select:icon shape}');}
  172.  
  173. .title1 {
  174. top:30px;
  175. left: 145px;
  176. color:{color:title1};
  177. font-style:italic;
  178. font-family: 'Raleway', sans-serif;
  179. font-weight:bold;
  180. font-size:10px;
  181. text-transform:uppercase;
  182. background:{color:accent};
  183. display:block;
  184. position: fixed;
  185. z-index:9999;
  186. } .title2 {
  187. top:50px;
  188. left: 155px;
  189. color:{color:title2};
  190. font-family: 'Raleway', sans-serif;
  191. font-weight:bold;
  192. font-size:20px;
  193. display:block;
  194. letter-spacing:2px;
  195. text-transform:uppercase;
  196. background:{color:accent};
  197. position: fixed;
  198. z-index:9999;}
  199.  
  200. .bar {
  201. top:0;
  202. left:0;
  203. height:80px;
  204. width:100%;
  205. background:{color:accent};
  206. position:fixed;
  207. z-index:999;
  208. } .nav {
  209. top:0;
  210. left:250px;
  211. height:40px;
  212. width: calc({select:post size} - 40px);
  213. background:{color:accent};
  214. padding:20px;
  215. line-height:20px;
  216. text-align:center;
  217. z-index:999;
  218. position: fixed;
  219. } .nav i {
  220. font-size:18px;
  221. height:18px;
  222. width:18px;
  223. padding:14px;
  224. color:{color:icons};
  225. border:2px solid transparent;
  226. border-radius: 100%;
  227. margin:0px 2px;
  228. display:inline-block;
  229. } .nav i:hover {border:2px solid {color:links hover};}
  230.  
  231. .navb {
  232. top:80px;
  233. left:250px;
  234. height:40px;
  235. min-width: {select:post size};
  236. text-align:center;
  237. line-height:40px;
  238. font-size:11px;
  239. background:{color:background};
  240. position: fixed;
  241. z-index:100;
  242. }.navb a {
  243. font-style:italic;
  244. margin:0px 20px;
  245. color:{color:links};
  246. } .navb a:hover{color:{color:links hover};}
  247.  
  248.  
  249. {block:Ifmore}
  250. .descr {
  251. margin-top:60px;
  252. font-size:12px;
  253. color:{color:description};
  254. text-align:center;
  255. padding:40px;
  256. }
  257.  
  258. .social {
  259. top:0;
  260. right:0;
  261. height:20px;
  262. line-height:20px;
  263. width:calc(50% - 40px);
  264. padding:20px;
  265. text-align:right;
  266. position:absolute;
  267. display:inline-block;
  268. }.social i {
  269. font-size:16px;
  270. margin-left:20px;
  271. color:{color:accent};}
  272.  
  273. .search .query {
  274. left:0;
  275. margin:50px;
  276. border: 0;
  277. outline: 0;
  278. font-family: inherit;
  279. font-size: 11px;
  280. font-style: italic;
  281. color:{color:links};
  282. line-height:11px;
  283. text-align:left;
  284. display:inline-block;
  285. padding:5px;
  286. position:absolute;}
  287. {/block:Ifmore}
  288.  
  289.  
  290. {block:Ifnotmore}
  291. .descr {
  292. top:5px;
  293. left: -10px;
  294. width:180px;
  295. padding:10px;
  296. text-align:left;
  297. border-left:5px solid {color:accent};
  298. color:{color:description};
  299. background:{color:background};
  300. position: relative;
  301. z-index:9999;}
  302.  
  303. .social {
  304. top:15px;
  305. left: -10px;
  306. width:180px;
  307. padding:10px;
  308. border-left:5px solid {color:accent};
  309. color:{color:description};
  310. background:{color:background};
  311. text-align:center;
  312. position: relative;
  313. }.social i {
  314. font-size:14px;
  315. color:{color:accent};
  316. margin:0px 10px;
  317. display:inline-block;}
  318.  
  319. .search .query {
  320. top:25px;
  321. left: -10px;
  322. width:180px;
  323. padding:10px;
  324. border-left:5px solid {color:accent};
  325. border-top:0px;
  326. border-right:0px;
  327. border-bottom:0px;
  328. color:{color:description};
  329. background:{color:background};
  330. outline: 0;
  331. font-family: inherit;
  332. font-size: 11px;
  333. font-style: italic;
  334. color:{color:links};
  335. line-height:11px;
  336. text-align:left;
  337. display:inline-block;
  338. position:relative;}
  339. {/block:Ifnotmore}
  340.  
  341.  
  342. .fa-instagram:hover{color: #BA3682;}
  343. .fa-twitter:hover{color:#55ACEE;}
  344. .fa-youtube-play:hover{color:#C12025;}
  345. .fa-skype:hover{color:#00AFF0;}
  346. .fa-facebook:hover{color:#3B5998;}
  347.  
  348. ::-webkit-input-placeholder {color: inherit;}
  349. :-moz-placeholder {color: inherit; opacity:1;}
  350. ::-moz-placeholder {color: inherit; opacity:1;}
  351. :-ms-input-placeholder {color: inherit;}
  352. input:focus::-webkit-input-placeholder {color: transparent;}
  353. input:focus:-moz-placeholder {color: transparent;}
  354. input:focus::-moz-placeholder {color: transparent;}
  355. input:focus:-ms-input-placeholder { color: transparent;}
  356.  
  357.  
  358. /* More Tab */
  359.  
  360. .noshow{height:0px;}
  361. .show {
  362. height:calc(100% - 120px);
  363. padding-left:10px;
  364. padding-right:30px;
  365. z-index:99999;}
  366.  
  367. #more {
  368. width:{select:post size};
  369. z-index:10;
  370. left: 250px;
  371. bottom:0;
  372. position:fixed;
  373. background:{color:background};
  374. color:#aaa;}
  375.  
  376. .header {
  377. top:0;
  378. left:0;
  379. font-family: 'Raleway', sans-serif;
  380. font-weight:bold;
  381. height:20px;
  382. font-size:20px;
  383. width:calc(50% - 40px);
  384. padding:20px;
  385. color:{color:accent};
  386. text-align:left;
  387. line-height:20px;
  388. text-transform:uppercase;
  389. position:absolute;
  390. display:inline-block;}
  391.  
  392. /* End Sidebar */
  393.  
  394.  
  395. /* Posts */
  396.  
  397. {block:iflightcontrols}
  398. .vignette, #vignette {opacity:0;}
  399. .lightbox-image, #tumblr_lightbox img {
  400. box-shadow:none !important;
  401. border-radius:0 !important;
  402. max-width:none;
  403. -moz-box-sizing:border-box;
  404. box-sizing:border-box;
  405. }
  406. .tmblr-lightbox, #tumblr_lightbox {
  407. background-color:rgba(255,255,255,.9) !important;
  408. }
  409. .lightbox-caption, #tumblr_lightbox_caption {visibility:hidden;}
  410. {/block:iflightcontrols}
  411.  
  412.  
  413. #entry {
  414. top: 150px;
  415. left:242px;
  416. width:{select:post size};
  417. position: relative;
  418. }.posts {
  419. margin:0px 0px 200px 0px;
  420. {block:IndexPage}
  421. width: {select:post size};
  422. {/block:IndexPage}
  423. {block:PermalinkPage}
  424. width: 500px;
  425. {/block:PermalinkPage}
  426. margin-left: auto;
  427. margin-right:auto;
  428. position: relative;
  429. } .posts img{ max-width: 100%;}
  430.  
  431.  
  432. .tbody {
  433. width: calc(100% - 40px);
  434. padding: 20px;
  435. background: {color:posts};
  436. }.ptitle {
  437. height: 40px;
  438. width: calc(100% - 20px);
  439. margin-bottom: 1px;
  440. padding: 10px;
  441. color: {color:bold};
  442. font-size: 15px;
  443. line-height: 40px;
  444. text-align: left;
  445. font-family: 'Raleway', sans-serif;
  446. font-weight: bold;
  447. letter-spacing: 2px;
  448. text-transform: uppercase;
  449. background: {color:posts};
  450. overflow: hidden;}
  451.  
  452. .ltitle {
  453. height: 40px;
  454. width: calc(100% - 20px);
  455. margin-bottom: 1px;
  456. padding: 10px;
  457. font-size: 15px;
  458. line-height: 40px;
  459. font-family: 'Raleway', sans-serif;
  460. font-weight: bold;
  461. letter-spacing: 2px;
  462. text-transform: uppercase;
  463. text-align: left;
  464. background: {color:posts};
  465. overflow: hidden;
  466. } .ltitle a{
  467. color:{color:bold};
  468. }.line {
  469. top: 60px;
  470. left: 0px;
  471. height: 1px;
  472. width: 0px;
  473. background: {color:accent};
  474. position: absolute;
  475. } .ltitle:hover .line{ height: 1px; width: 100%;}
  476.  
  477. .player {
  478. width:80px;
  479. overflow:hidden;
  480. }.audio {
  481. top: 0;
  482. right:0px;
  483. width: calc(100% - 121px);
  484. height: calc(85px - 40px);
  485. padding: 20px;
  486. font-size: 11px;
  487. text-align: left;
  488. background: {color:posts};
  489. position: absolute;}
  490.  
  491. .quotes {
  492. margin-bottom: 1px;
  493. width: calc(100% - 40px);
  494. padding: 20px;
  495. color: {color:bold};
  496. font-size: 15px;
  497. font-weight: bold;
  498. font-style: italic;
  499. text-transform: uppercase;
  500. font-family: 'Raleway', sans-serif;
  501. text-align: center;
  502. background: {color:posts};
  503. }.quotes i {
  504. margin: 5px;
  505. color: {color:italics};
  506. font-size: 20px;
  507. font-family: arial;
  508. }.qsources:before {
  509. content: '-';
  510. margin-right: 2px;
  511. color: {color:italics};
  512. font-style: none;
  513. }.qsources {
  514. height: 20px;
  515. width: calc(100% - 20px);
  516. padding: 10px;
  517. font-size: 11px;
  518. font-style: italic;
  519. text-transform: uppercase;
  520. text-align: right;
  521. background: {color:posts};}
  522.  
  523. .asker img {
  524. margin-right: 0px;
  525. height: 40px;
  526. width: 40px;
  527. padding: 10px;
  528. background: {color:posts};
  529. float: left;
  530. }.ask {
  531. width: calc(100% - 40px);
  532. padding: 20px;
  533. font-size: 10px;
  534. text-align: left;
  535. background: {color:posts};
  536. }.askname {
  537. margin-bottom: 1px;
  538. margin-left: 61px;
  539. height: 40px;
  540. width: calc(100% - 81px);
  541. padding: 10px;
  542. font-size: 15px;
  543. line-height: 40px;
  544. font-family: 'Raleway', sans-serif;
  545. font-weight: bold;
  546. letter-spacing: 2px;
  547. text-transform: uppercase;
  548. text-align: left;
  549. background: {color:posts};
  550. overflow: hidden;
  551. }.answer {
  552. margin-top: 1px;
  553. width: calc(100% - 40px);
  554. padding: 20px;
  555. font-size: 10px;
  556. text-align: right;
  557. background: {color:posts};}
  558.  
  559. .odd .chat {
  560. margin-bottom: 1px;
  561. width: calc(100% - 20px);
  562. padding: 10px;
  563. color: {color:italics};
  564. font-size: 10px;
  565. font-style: italic;
  566. background: {color:posts};
  567. }.even .chat {
  568. margin-bottom: 1px;
  569. width: calc(100% - 20px);
  570. padding: 10px;
  571. color: {color:bold};
  572. font-size: 10px;
  573. font-style: italic;
  574. background: {color:posts};}
  575.  
  576.  
  577. /* Permalinks */
  578. .prma{
  579. top: 0px;
  580. right:-50px;
  581. width:20px;
  582. padding:10px;
  583. text-align:center;
  584. line-height:20px;
  585. font-family: {select:font};
  586. font-weight: bold;
  587. font-size:16px;
  588. position: absolute;
  589. }.prma a{
  590. color:{color:links hover};}
  591.  
  592. .pma{
  593. bottom: -30px;
  594. right:0px;
  595. height:30px;
  596. position: absolute;
  597. }.pma i {
  598. height: 16px;
  599. width: 16px;
  600. padding: 8px;
  601. color: {color:links};
  602. font-size: 16px;
  603. line-height: 16px;
  604. text-align: center;
  605. border-top:4px solid {color:accent};
  606. display:inline-block;}
  607.  
  608. .like-b {
  609. position:relative;
  610. display:inline-block;
  611. height:34px;
  612. line-height:34px;
  613. overflow:hidden;
  614. margin-bottom:-6px;
  615. }.like-b .like_button iframe {
  616. position:absolute;
  617. top:0;
  618. left:0;
  619. bottom:0;
  620. right:0;
  621. z-index:2;
  622. opacity:0;
  623. }.like-b .liked + i {color:red;}
  624.  
  625.  
  626. .captions {
  627. margin-top: 1px;
  628. width: calc(100% - 40px);
  629. padding: 20px;
  630. text-align: left;
  631. background: {color:posts};
  632. }
  633.  
  634. .tags {
  635. margin-top: 5px;
  636. height: auto;
  637. overflow:hidden;
  638. width: calc({select:post size} - 80px);
  639. text-align: left;
  640. opacity: 0;
  641. position: absolute;
  642. } .posts:hover .tags{opacity: 1;}
  643. .tags a {
  644. margin:5px;
  645. padding:4px 10px;
  646. font-style: italic;
  647. font-size: 11px;
  648. display:inline-block;
  649. color: {color:body text};
  650. background: {color:posts};;
  651. }
  652.  
  653. .noting {
  654. margin: 1px 0px;
  655. height: auto;
  656. width: calc(100% - 20px);
  657. padding: 10px;
  658. background: {color:posts};
  659. }
  660. ol.notes {
  661. margin: 1px 0px;
  662. padding: 0px;
  663. list-style-type: none;
  664. }
  665. ol.notes li.note {
  666. padding: 10px;
  667. background: {color:posts};
  668. margin-bottom: 1px;
  669. } ol.notes li.note img.avatar{display: none;}
  670. blockquote {
  671. margin-left: 6px;
  672. padding-left: 10px;
  673. width:100%;
  674. overflow:hidden;
  675. border-left: 1px solid {color:italics};
  676. }
  677.  
  678. /* End of Permalinks & Posts */
  679.  
  680.  
  681. /* Footer */
  682.  
  683. .footer {
  684. margin-left: auto;
  685. margin-right: auto;
  686. height: 40px;
  687. {block:IndexPage}
  688. width: calc({select:post size} - 20px);
  689. {/block:IndexPage}
  690. {block:PermalinkPage}
  691. width: calc(540px - 20px);
  692. {/block:PermalinkPage}
  693. padding: 10px;
  694. position: relative;
  695. display: block;
  696. }
  697.  
  698. .cred a {
  699. top: 10px;
  700. right: 20px;
  701. color: {color:bold};
  702. line-height: 40px;
  703. font-size: 10px;
  704. text-align: right;
  705. position: absolute;
  706. display: inline-block;
  707. }
  708.  
  709. .pagination {
  710. top: 10px;
  711. left: 20px;
  712. width: auto;
  713. color: {color:italics};
  714. line-height: 40px;
  715. font-size: 12px;
  716. font-family: 'Raleway', sans-serif;
  717. font-weight: bold;
  718. letter-spacing: 1px;
  719. text-transform: uppercase;
  720. display: inline-block;
  721. text-align: left;
  722. position: absolute;
  723. }
  724.  
  725. /* End of Footer */
  726.  
  727.  
  728. /* Transitions */
  729.  
  730. a, i, .music, .show, .noshow, .ltitle, .line, .tags, .pma {
  731. -webkit-transition: opacity 0.6s linear;
  732. -webkit-transition: all 0.6s ease-in-out;
  733. -moz-transition: all 0.6s ease-in-out;
  734. -o-transition: all 0.6s ease-in-out;
  735. }
  736.  
  737. /* End of Transitions */
  738.  
  739. {CustomCSS}
  740. </style>
  741.  
  742. <link href="/menu_assets/styles.css" rel="stylesheet" type="text/css">
  743. <link href="style-my-tooltips.css" rel="stylesheet" type="text/css" />
  744. <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>
  745.  
  746. <script>
  747. $(document).ready(function() {
  748. $('iframe.tumblr_audio_player').load( function() {
  749. $('iframe.tumblr_audio_player').contents().find("head")
  750. .append($("<style type='text/css'> .audio-player{background:{color:accent} !important; color:{color:icons} !important;} </style>"));
  751. });
  752. });
  753. </script>
  754.  
  755. <script>
  756. $(document).ready(function(){
  757. $('.search').submit(function(event){
  758. var value = $('input:first').val();
  759. location.replace('http://{Name}.tumblr.com/tagged/' + value);
  760. });
  761. });
  762. </script>
  763.  
  764. <script type="text/javascript">
  765. $(document).ready(function(){
  766. $(".more").click(function(){
  767. $(".noshow").toggleClass("show");
  768. });
  769. });
  770. </script>
  771. </head>
  772.  
  773. <body>
  774. <div class="bar"></div>
  775. <div id="side">
  776. <div class="icon"><img src="{image:icon}"></div>
  777. <div class="title1">{text:title1}</div>
  778. <div class="title2">{text:title2}</div>
  779. {block:Ifnotmore}
  780. {block:ShowDescription}
  781. <div class="descr">
  782. {description}
  783. </div>
  784. {/block:ShowDescription}
  785. {block:Ifsociallinks}
  786. <div class="social">
  787. {block:Ifinstagram}
  788. <a href="{text:instagram}" target="_blank"><i class="fa fa-instagram"></i></a>
  789. {/block:Ifinstagram}
  790. {block:Iftwitter}
  791. <a href="{text:twitter}" target="_blank"><i class="fa fa-twitter"></i></a>
  792. {/block:Iftwitter}
  793. {block:Iffacebook}
  794. <a class="{text:facebook}" target="_blank"><i class="fa fa-facebook"></i></a>
  795. {/block:Iffacebook}
  796. {block:Ifyoutube}
  797. <a href="{text:youtube}" target="_blank"><i class="fa fa-youtube-play"></i></a>
  798. {/block:Ifyoutube}
  799. </div>
  800. {/block:Ifsociallinks}
  801. {block:Ifsearchbar}
  802. <form action="javascript:return false" method="get" class="search">
  803. <input type="text" name="q" value="{SearchQuery}" class="query" placeholder="{text:search bar}">
  804. </form>
  805. {/block:Ifsearchbar}
  806. {/block:Ifnotmore}
  807. </div>
  808.  
  809. <div class="nav">
  810. <a href="/" title="refresh"><i class="pe-7s-refresh"></i></a>
  811. <a href="/ask" title="message"><i class="pe-7s-comment"></i></a>
  812. <a href="/archive" title="archive"><i class="pe-7s-notebook"></i></a>
  813. {block:Ifmore}
  814. <a class="more" title="more"><i class="pe-7s-add-user"></i></a>
  815. {/block:Ifmore}
  816. </div>
  817. <div class="navb">
  818. {block:Iflink1title}
  819. <a href="{text:link1 url}">{text:link1 title}</a>
  820. {/block:Iflink1title}
  821. {block:Iflink2title}
  822. <a href="{text:link2 url}">{text:link2 title}</a>
  823. {/block:Iflink2title}
  824. {block:Iflink3title}
  825. <a href="{text:link3 url}">{text:link3 title}</a>
  826. {/block:Iflink3title}
  827. {block:Iflink4title}
  828. <a href="{text:link4 url}">{text:link4 title}</a>
  829. {/block:Iflink4title}
  830. {block:Iflink5title}
  831. <a href="{text:link5 url}">{text:link5 title}</a>
  832. {/block:Iflink5title}
  833. </div>
  834.  
  835.  
  836. {block:Ifmore}
  837. <div class="noshow" id="more">
  838. <div class="header">{text:more header}</div>
  839. <div class="social">
  840. {block:Ifsociallinks}
  841. {block:Ifinstagram}
  842. <a href="{text:instagram}" target="_blank"><i class="fa fa-instagram"></i></a>
  843. {/block:Ifinstagram}
  844. {block:Iftwitter}
  845. <a href="{text:twitter}" target="_blank"><i class="fa fa-twitter"></i></a>
  846. {/block:Iftwitter}
  847. {block:Iffacebook}
  848. <a class="{text:facebook}" target="_blank"><i class="fa fa-facebook"></i></a>
  849. {/block:Iffacebook}
  850. {block:Ifyoutube}
  851. <a href="{text:youtube}" target="_blank"><i class="fa fa-youtube-play"></i></a>
  852. {/block:Ifyoutube}
  853. {/block:Ifsociallinks}
  854. </div>
  855. <div class="descr">
  856. {block:ShowDescription}
  857. {Description}
  858. {/block:ShowDescription}
  859. {block:Ifsearchbar}
  860. <form action="javascript:return false" method="get" class="search">
  861. <input type="text" name="q" value="{SearchQuery}" class="query" placeholder="{text:search bar}">
  862. </form>
  863. {/block:Ifsearchbar}
  864. </div>
  865. </div>
  866. {/block:Ifmore}
  867.  
  868.  
  869. <div id="entry">
  870. {block:Posts}
  871. <div class="posts" id="{PostID}">
  872.  
  873.  
  874.  
  875. {block:IndexPage}
  876. <div class="prma">
  877. <a href="{Permalink}" title="With {NoteCountWithLabel}">{MonthNumberWithZero} {DayOfMonthWithZero}</a>
  878. </div>
  879. {/block:IndexPage}
  880.  
  881.  
  882.  
  883. {block:Photo}
  884. {LinkOpenTag}
  885. <img src="{PhotoURL-HighRes}" width="100%">
  886. {LinkCloseTag}
  887. {block:IndexPage}
  888. {block:ifcaptions}
  889. {block:Caption}
  890. <div class="captions">
  891. {Caption}
  892. </div>
  893. {/block:Caption}
  894. {/block:ifcaptions}
  895. {/block:IndexPage}
  896. {block:PermalinkPage}
  897. {block:Caption}
  898. <div class="captions">{Caption}</div>
  899. {/block:Caption}
  900. {/block:PermalinkPage}
  901. {/block:Photo}
  902.  
  903.  
  904.  
  905.  
  906. {block:Photoset}
  907. {Photoset}
  908. {block:IndexPage}
  909. {block:ifcaptions}
  910. {block:Caption}
  911. <div class="captions">
  912. {Caption}
  913. </div>
  914. {/block:Caption}
  915. {/block:ifcaptions}
  916. {/block:IndexPage}
  917. {block:PermalinkPage}
  918. {block:Caption}
  919. <div class="captions">{Caption}</div>
  920. {/block:Caption}
  921. {/block:PermalinkPage}
  922. {/block:Photoset}
  923.  
  924.  
  925.  
  926.  
  927. {block:Text}
  928. {block:Title}
  929. <div class="ptitle">
  930. {Title}
  931. </div>
  932. {/block:Title}
  933. <div class="tbody">
  934. {Body}
  935. </div>
  936. {/block:Text}
  937.  
  938.  
  939.  
  940.  
  941. {block:Link}
  942. <div class="ltitle">
  943. <div class="line"></div>
  944. <a href="{URL}">{Name}</a>
  945. </div>
  946. {block:Description}
  947. <div class="tbody">
  948. {Description}
  949. </div>
  950. {/block:Description}
  951. {/block:Link}
  952.  
  953.  
  954.  
  955.  
  956. {block:Quote}
  957. <div class="quotes"><i>"</i>{Quote}<i>"</i></div>
  958. <div class="qsources">
  959. {block:Source}{Source}{/block:Source}
  960. </div>
  961. {/block:Quote}
  962.  
  963.  
  964.  
  965.  
  966. {block:Chat}
  967. {block:Title}
  968. <div class="ptitle">
  969. {Title}
  970. </div>
  971. {/block:Title}
  972. {block:Lines}
  973. <div class="{Alt}">
  974. <div class="chat">
  975. {block:Label}
  976. <b>{Label}</b>
  977. {/block:Label}
  978. {Line}<br>
  979. </div></div>
  980. {/block:Lines}
  981. {/block:Chat}
  982.  
  983.  
  984.  
  985.  
  986. {block:Audio}
  987. <div class="player" style="height: 85px">{AudioEmbed-500}</div>
  988. <div class="audio">
  989. {block:TrackName}
  990. <b>Song:</b> {TrackName}<br>
  991. {/block:TrackName}
  992. {block:Artist}
  993. <b>Artist:</b> {Artist}<br>
  994. {/block:Artist}
  995. {block:Album}
  996. <b>Album:</b> {Album}
  997. {/block:Album}
  998. </div>
  999. {block:IndexPage}
  1000. {block:ifcaptions}
  1001. {block:Caption}
  1002. <div class="captions">
  1003. {Caption}
  1004. </div>
  1005. {/block:Caption}
  1006. {/block:ifcaptions}
  1007. {/block:IndexPage}
  1008. {block:PermalinkPage}
  1009. {block:Caption}
  1010. <div class="captions">{Caption}</div>
  1011. {/block:Caption}
  1012. {/block:PermalinkPage}
  1013. {/block:Audio}
  1014.  
  1015.  
  1016.  
  1017.  
  1018. {block:Video}
  1019. <div class="video">{Video-500}</div>
  1020. {block:IndexPage}
  1021. {block:ifcaptions}
  1022. {block:Caption}
  1023. <div class="captions">
  1024. {Caption}
  1025. </div>
  1026. {/block:Caption}
  1027. {/block:ifcaptions}
  1028. {/block:IndexPage}
  1029. {block:PermalinkPage}
  1030. {block:Caption}
  1031. <div class="captions">{Caption}</div>
  1032. {/block:Caption}
  1033. {/block:PermalinkPage}
  1034. {block:Video}
  1035.  
  1036.  
  1037.  
  1038.  
  1039. {block:Answer}
  1040. <div class="asker">
  1041. <img src="{AskerPortraitURL-96}">
  1042. </div>
  1043. <div class="askname">
  1044. <i><b>{Asker}</i> asked</b>
  1045. </div>
  1046. <div class="ask">
  1047. {Question}
  1048. </div>
  1049. <div class="answer">
  1050. {Answer}
  1051. </div>
  1052. {/block:Answer}
  1053.  
  1054.  
  1055.  
  1056. {block:IndexPage}
  1057. <div class="prma">
  1058. <a href="{Permalink}" title="With {NoteCountWithLabel}">{MonthNumberWithZero} {DayOfMonthWithZero}</a>
  1059. </div>
  1060.  
  1061. <div class="pma">
  1062. <a class="like-b" href="#">{LikeButton}<i class="pe-7s-like"></i></a>
  1063. <a href="{ReblogURL}" target="_blank" title="reblog"><i class="pe-7s-repeat"></i></a>
  1064. </div>
  1065.  
  1066. {block:HasTags}
  1067. <div class="tags">
  1068. {block:Tags}
  1069. <a href="{TagURL}">#{Tag}</a>
  1070. {/block:Tags}
  1071. </div>
  1072. {/block:HasTags}
  1073. {/block:IndexPage}
  1074.  
  1075.  
  1076. <!--- Permalink Notes --->
  1077.  
  1078. {block:PermalinkPage}
  1079. <div class="noting">
  1080. {block:NoteCount}
  1081. <b>Notes:</b>
  1082. {NoteCount}
  1083. {/block:NoteCount}
  1084. {block:Date}
  1085. <br><b>Posted:</b>
  1086. {timeago}
  1087. {/block:Date}
  1088. {block:RebloggedFrom}
  1089. <br><b>Via:</b>
  1090. <a href="{ReblogParentURL}">{ReblogParentName}</a>
  1091. // <b>Orig:</b>
  1092. <a href="{ReblogRootURL}">{ReblogRootName}</a>
  1093. {/block:RebloggedFrom}
  1094. {block:HasTags}
  1095. <br><b>Tagged:</b>
  1096. {block:Tags}
  1097. <a href="{TagURL}">#{Tag}</a>
  1098. {/block:Tags}
  1099. {/block:HasTags}
  1100. </div>
  1101. {block:PostNotes}
  1102. {PostNotes}
  1103. {/block:PostNotes}
  1104. {/block:PermalinkPage}
  1105.  
  1106. <!--- End of Permalink Notes --->
  1107.  
  1108.  
  1109. </div>
  1110. {/block:Posts}
  1111.  
  1112. {block:IndexPage}
  1113. <div class="footer">
  1114. {block:Pagination}
  1115. <div class="pagination">
  1116. {block:PreviousPage}
  1117. <a href="{PreviousPage}">prev</a> /
  1118. {/block:PreviousPage}
  1119. {block:NextPage}
  1120. <a href="{NextPage}">next</a>
  1121. {/block:NextPage}
  1122. </div>
  1123. {/block:Pagination}
  1124. <div class="cred">
  1125. <a href="http://tokyo-themes.tumblr.com/" target="_blank">© tokyo-themes</a>
  1126. </div>
  1127. </div>
  1128. {/block:IndexPage}
  1129.  
  1130. </div>
  1131.  
  1132.  
  1133. </body>
  1134.  
  1135. </html>
Advertisement
RAW Paste Data Copied
Advertisement