API tools faq
paste
Advertisement
chelseaxsunshine

Untitled

chelseaxsunshine
Mar 6th, 2016
49
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.17 KB | None | 0 0
raw download clone embed print report diff
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4.  
  5.  
  6. <!-- T H E M E # 1 M E R A K I B Y I R O H I N O --->
  7.  
  8.  
  9.  
  10. <title>{title}</title>
  11. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  12. <link rel="shortcut icon" href="{favicon}" />
  13. <link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
  14. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  15.  
  16.  
  17. <meta name="if:ShowCaption" content="1">
  18. <meta name="color:bg color" content="#fefefe" />
  19. <meta name="color:scrollbar color" content="#edf8fe" />
  20. <meta name="color:title bg color" content="#edf8fe" />
  21. <meta name="color:border color" content="#f0f0f0" />
  22. <meta name="color:sidebar bg color" content="#ffffff" />
  23. <meta name="color:description left border color" content="#edf8fe" />
  24. <meta name="color:post bg color" content="#ffffff" />
  25. <meta name="color:post border color" content="#edf8fe" />
  26. <meta name="color:selection color" content="#edf8fe" />
  27. <meta name="text:link one name" content="index" />
  28. <meta name="text:link one url" content="/" />
  29. <meta name="text:link two name" content="ask" />
  30. <meta name="text:link two url" content="/ask" />
  31. <meta name="text:link three name" content="past" />
  32. <meta name="text:link three url" content="/archive" />
  33. <meta name="text:link four name" content="nav" />
  34. <meta name="text: link four url" content="/" />
  35.  
  36.  
  37. <meta name="text:title font size" content="13" />
  38. <meta name="text:post font size" content="9" />
  39. <meta name="image:bg image" content="/" />
  40. <meta name="select:font" content="open sans" title="open sans" />
  41. <meta name="select:font" content="consolas" title="consolas" />
  42. <meta name="select:font" content="karla" title="karla" />
  43. <meta name="select:font" content="amble" title="amble" />
  44. <meta name="select:font" content="arial" title="arial" />
  45.  
  46. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  47.  
  48. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  49.  
  50. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  51. <script>
  52. (function($){
  53. $(document).ready(function(){
  54. $("a[title]").style_my_tooltips({
  55. tip_follows_cursor:true,
  56. tip_delay_time:90,
  57. tip_fade_speed:600,
  58. attribute:"title"
  59. });
  60. });
  61. })(jQuery);
  62. </script>
  63.  
  64.  
  65.  
  66.  
  67. <style type="text/css">
  68. @font-face {font-family: "consolas"; src: url('https://dl.dropboxusercontent.com/s/p36eqkb69yb4r9i/Consolas.ttf'); }
  69. @font-face {font-family: "amble"; src: url('https://dl.dropboxusercontent.com/s/3il8i2ohwbtcqna/Amble-Regular.ttf'); }
  70. @font-face {font-family: "karla"; src: url('https://dl.dropboxusercontent.com/s/r8h2qs0ab3fmdaa/Karla-Regular.ttf'); }
  71.  
  72.  
  73.  
  74.  
  75. ::-webkit-scrollbar {
  76. width: 6px;
  77. height: 6px;
  78. }
  79.  
  80. ::-webkit-scrollbar-button {
  81. width: 0px;
  82. height: 0px;
  83. }
  84.  
  85. ::-webkit-scrollbar-thumb {
  86. background: {color:scrollbar color};
  87. border-radius: 3px;
  88. }
  89.  
  90. ::-webkit-scrollbar-thumb:hover {
  91. background: {color:scrollbar color};
  92. }
  93.  
  94. ::-webkit-scrollbar-thumb:active {
  95. background: {color:scrollbar color};
  96. }
  97.  
  98. ::-webkit-scrollbar-track {
  99. background: #ffffff;
  100. border-radius: 3px;
  101. }
  102.  
  103. ::-webkit-scrollbar-track:hover {
  104. background: #ffffff;
  105. }
  106.  
  107. ::-webkit-scrollbar-track:active {
  108. background: #ffffff;
  109. }
  110.  
  111. ::-webkit-scrollbar-corner {
  112. background: transparent;
  113. }
  114.  
  115. body {
  116. margin: 0px;
  117. padding: 0px;
  118. background: {color:bg color} url('{image:bg image}') fixed;
  119. font-family: {select:font};
  120. }
  121.  
  122.  
  123. a {
  124. color: #888888;
  125. text-decoration: none;
  126. }
  127.  
  128.  
  129. #titlebar {
  130. position: fixed;
  131. width: 140px;
  132. height: 25px;
  133. background-color: {color:title bg color};
  134. border: 1px solid {color:border color};
  135. left: 190px;
  136. top: 310px;
  137. border-radius: 12px 12px 0px 0px;
  138. z-index: 99999;
  139.  
  140. }
  141.  
  142.  
  143. #btitle {
  144. font-family: {select:font};
  145. font-size: {text:title font size}px;
  146. color: #a3a3a3;
  147. padding: 5px 3px 3px 11px;
  148.  
  149. }
  150.  
  151.  
  152. #sidebar {
  153. position: fixed;
  154. height: 103px;
  155. width: 140px;
  156. background-color: {color:sidebar bg color};
  157. border: 1px solid {color:border color};
  158. left: 190px;
  159. top: 340px;
  160. z-index: 9999;
  161. }
  162.  
  163.  
  164. #sidebar-desc {
  165. position: fixed;
  166. height: 50px;
  167. width: 120px;
  168. background-color: {color:sidebar bg color};
  169. border: 1px solid {color:border color};
  170. z-index: 9999999;
  171. left: 90px;
  172. top: 420px;
  173. border-left: 7px solid {color:description left border color};
  174. z-index: 9999;
  175. }
  176.  
  177.  
  178. #sidebard {
  179. font-family: {select:font};
  180. font-size: 10px;
  181. padding: 4px 0px 4px 4px;
  182. height: 40px;
  183. width: 115px;
  184. background-color: {color:sidebar bg color};
  185. overflow: auto;
  186. color: #888888;
  187. }
  188.  
  189. .sidebimg {
  190. max-height: 80px;
  191. max-width: 120px;
  192. display: block;
  193. margin: 0 auto;
  194. margin-top: 8px;
  195. }
  196.  
  197. #position-menu-bar {
  198. position:fixed;
  199. left: 320px;
  200. top: 305px;
  201. z-index:99999999;
  202. -webkit-transition: all 0.8s ease;
  203. -moz-transition: all 0.8s ease;
  204. -o-transition: all 0.8s ease;
  205. }
  206.  
  207. .menu-bar {
  208. display:block;
  209. width:35px;
  210. height:30px;
  211. -webkit-transition: all 0.5s ease;
  212. -moz-transition: all 0.5s ease;
  213. -o-transition: all 0.5s ease;
  214. }
  215.  
  216. .menu-bar img {
  217. width:20px;
  218. height:20px;
  219. margin-top: 9px;
  220. margin-left: 23px;
  221. }
  222.  
  223.  
  224. .mb {
  225. font-size: 9px;
  226. text-align: left;
  227. line-height: 18px;
  228. -webkit-transition: all 0.7s ease;
  229. -moz-transition: all 0.7s ease;
  230. -o-transition: all 0.7s ease;
  231. border-bottom: 1px solid #dedede;
  232. padding-bottom: 1px;
  233.  
  234. }
  235.  
  236. .mb:hover {
  237. color: #b5b5b5;
  238. }
  239.  
  240. #more-bar {
  241. display:block;
  242. opacity:0;
  243. position:absolute;
  244. padding:12px;
  245. margin-top:5px;
  246. margin-left:-251px;
  247. width:70px;
  248. text-align:center;
  249. background-color:{color:sidebar bg color};
  250. color:#f0f0f0;
  251. border: 1px solid {color:border color};
  252. -webkit-transition: all 0.7s ease;
  253. -moz-transition: all 0.7s ease;
  254. -o-transition: all 0.7s ease;
  255. }
  256.  
  257.  
  258. #position-menu-bar:hover #more-bar {
  259. margin-left: 21px;
  260. opacity:1;
  261. }
  262.  
  263.  
  264. #triangle {
  265. width:0;
  266. height:0;
  267. border-top:10px solid #edf8fe;
  268. border-right:10px solid transparent;
  269. position:absolute;
  270. margin-top:-17px;
  271. margin-left:-6px;
  272. opacity:1;
  273. -webkit-transform:rotate(45deg);
  274. -moz-transform:rotate(45deg);
  275. -o-transform: rotate(45deg);
  276. }
  277.  
  278.  
  279. #post {
  280. width: 250px!important;
  281. padding: 15px;
  282. margin-left: 540px;
  283. left: 540px;
  284. margin-top: 35px;
  285. margin-bottom: 35px;
  286. background-color: {color:post bg color};
  287. border: 1px solid {color:border color};
  288. font-family: {select:font};
  289. color: #888888;
  290. font-size: {text:post font size}px!important;
  291. border-bottom: 4px solid {color:post border color};
  292. opacity: .7;
  293. -webkit-transition: all 0.5s ease;
  294. -moz-transition: all 0.5s ease;
  295. -o-transition: all 0.5s ease;
  296. }
  297.  
  298. #post:hover {
  299. opacity: 1;
  300. }
  301.  
  302. #post a {
  303. border-bottom: 1px solid #dedede;
  304. padding-bottom: 1px;
  305. color: #888888;
  306. font-size: 8px;
  307. }
  308.  
  309. h1 {
  310. font-size: 10px;
  311. color: #888888;
  312. text-transform: uppercase;
  313. }
  314.  
  315. h1 a {
  316. font-size: 15px;
  317. text-decoration: none;
  318. color: #888888;
  319. }
  320.  
  321. #quote {
  322. font: 13px consolas;
  323. text-align: left;
  324. display: block;
  325. font-variant: small-caps;
  326. }
  327.  
  328. #audio {
  329. background: #ffffff;
  330. width: 250px;
  331. display: block;
  332. padding-bottom: 20px;
  333. }
  334.  
  335. .caption {
  336. font-size: 8px;
  337. text-align: right;
  338. font-family: {select:font};
  339. display:block;
  340. border-right:4px solid {color:post border color};
  341. padding-right:7px;
  342. text-transform: uppercase;
  343. letter-spacing: 1px;
  344. }
  345.  
  346. .caption img {
  347. max-width:250px;
  348. }
  349.  
  350.  
  351. #date, #rebloglink, #rebloglink a, #date a, #notecount a {
  352. color: {color:post border color};
  353. text-decoration:none;
  354. border: none;
  355. }
  356.  
  357.  
  358. #rebloglink a, #date a, #notecount a {
  359. font-size: 13px;
  360. font-family: consolas;
  361. }
  362.  
  363. #info {
  364. width:250px;
  365. padding:0px 5px;
  366. margin-left:540px!important;
  367. margin-top: -25px;
  368. text-transform: uppercase;
  369. letter-spacing:1px;
  370. font: 8px/8px Consolas, arial, helvetica, sans-serif;
  371. color: #888888;
  372. }
  373.  
  374. #info a, #note a {
  375. color: #a3a3a3;
  376. text-decoration:none;
  377. }
  378.  
  379. #note {
  380. width: 277px;
  381. max-height: 200px;
  382. overflow: auto;
  383. border: 1px solid {color:border color};
  384. margin-left:543px!important;
  385. margin-top: 40px !important;
  386. color: #888888;
  387. font-family: {select:font};
  388. margin-bottom: 30px;
  389. }
  390.  
  391.  
  392. #btitle a {
  393. text-decoration: none;
  394. color: #b0b0b0;
  395. }
  396.  
  397. #s-m-t-tooltip {
  398. max-width:300px;
  399. background-color:#ffffff;
  400. border: 1px solid #f0f0f0;
  401. font-family: consolas;
  402. font-size: 8px;
  403. color: #888888;
  404. letter-spacing: 1px;
  405. padding:3px 4px 3px 4px;
  406. margin:20px 0px 0px 20px;
  407. z-index:999999999999999999999999999999999999;
  408. border-radius: 2px;
  409. }
  410.  
  411.  
  412. #ab {
  413. text-transform: uppercase;
  414. letter-spacing: 1px;
  415. font-size: 10px;
  416. padding-bottom: 4px;
  417.  
  418. }
  419.  
  420. #ba {
  421. padding-top: 8px;
  422.  
  423. }
  424.  
  425.  
  426. #note li {
  427. list-style-type: none;
  428. padding: 4px 0px 4px 0px;
  429. text-align:left;
  430. margin-left: -30px;
  431. border-bottom:1px solid {color:post border color};
  432. line-height:120%;
  433. -moz-transition-duration:0.5s;
  434. -webkit-transition-duration:0.5s;
  435. -o-transition-duration:0.5s;
  436. font-size: 8px;
  437. word-spacing: 2px;
  438. }
  439.  
  440. #note img {
  441. display:none!important;
  442. }
  443.  
  444. #information {
  445. width: 120px;
  446. height: 120px;
  447. position: absolute;
  448. margin-left: 280px!important;
  449. margin-top: 0px;
  450. text-align: left;
  451. font-variant: none!important;
  452. color: #edf8fe;
  453. }
  454.  
  455.  
  456. #date {
  457. width: 12px;
  458. height: 12px;
  459. background-color: {color:post border color};
  460. color: #edf8fe;
  461. margin-bottom: 8px;
  462. opacity: 0;
  463. -webkit-transition: all .2s ease-in-out;
  464. transition: all .2s ease-in-out;
  465. }
  466.  
  467.  
  468. #notecount {
  469. width: 12px;
  470. height: 12px;
  471. margin-bottom: 8px;
  472. background-color: {color:post border color};
  473. color: #edf8fe;
  474. opacity: 0;
  475. -webkit-transition: all .8s ease-in-out;
  476. transition: all .8s ease-in-out;
  477. }
  478.  
  479. #rebloglink {
  480. width: 12px;
  481. height: 12px;
  482. background-color: {color:post border color};
  483. color: #edf8fe;
  484. opacity: 0;
  485. -webkit-transition: all 1.2s ease-in-out;
  486. transition: all 1.2s ease-in-out;
  487. }
  488.  
  489.  
  490. #post:hover #date {
  491. opacity: 1;
  492. }
  493.  
  494. #post:hover #notecount {
  495. opacity: 1;
  496. }
  497.  
  498. #post:hover #rebloglink {
  499. opacity: 1;
  500. }
  501.  
  502.  
  503. #pagination {
  504. text-align: center;
  505. font: 12px consolas;
  506. width: 250px;
  507. background-color: #ffffff;
  508. border: 1px solid {color:border color};
  509. border-top: 2px solid {color:post border color};
  510. margin-left: 540px!important;
  511. margin-top: 50px;
  512. margin-bottom: 25px;
  513. padding: 15px;
  514. word-spacing: 5px;
  515. }
  516.  
  517. #pagination a {
  518. color: #8a8a8a;
  519. -webkit-transition: all 0.8s ease;
  520. -moz-transition: all 0.8s ease;
  521. -o-transition: all 0.8s ease;
  522. }
  523.  
  524. #pagination a:hover {
  525. color: #ababab;
  526. }
  527.  
  528. .current_page {
  529. color: #888888;
  530. }
  531.  
  532.  
  533. ::selection {
  534. background: {color:selection color};
  535. color: #888888;
  536. }
  537.  
  538. ::-moz-selection {
  539. background: {color:selection color};
  540. color: #888888;
  541. }
  542.  
  543. ::-webkit-selection {
  544. background: {color:selection color};
  545. color: #888888;
  546. }
  547.  
  548. body, #post{
  549. cursor:url(https://33.media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png), auto;
  550. }
  551.  
  552. a, a:hover, a:active {
  553. cursor:url(http://static.tumblr.com/vmteopo/DH3njhg50/help_cursor.png), crosshair;
  554. }
  555.  
  556. #tagstyle {
  557. width: 250px;
  558. display: inline;
  559. margin-top: 5px;
  560. font-size: 8px;
  561. color: #888888;
  562. text-transform: uppercase;
  563. letter-spacing: 1px;
  564. }
  565.  
  566. #credit {
  567. height: 20px;
  568. width: 25px;
  569. font-family: consolas;
  570. font-size: 10px;
  571. color: #888888;
  572. position: fixed;
  573. right: 25px;
  574. bottom: 10px;
  575. -webkit-transition: all 0.8s ease;
  576. -moz-transition: all 0.8s ease;
  577. -o-transition: all 0.8s ease;
  578. }
  579.  
  580. #credit:hover {
  581. letter-spacing: 3px;
  582. }
  583.  
  584. </style>
  585. </head>
  586.  
  587. <body>
  588. <div id="credit"><a href="http://irohino.tumblr.com" title="theme by irohino">thm.</a></div>
  589.  
  590.  
  591.  
  592.  
  593. <div id="titlebar">
  594. <div id="btitle">
  595. <a href="/">{title}</a>
  596. </div>
  597. </div>
  598.  
  599. <div id="sidebar">
  600. <div id="sideb">
  601. <img src="http://36.media.tumblr.com/f651f37d4746350ca4c7ccc54fa422a1/tumblr_o2k15731k61tmlqbco1_500.png" class="sidebimg">
  602.  
  603. </div>
  604. </div>
  605.  
  606.  
  607.  
  608. <div id="sidebar-desc">
  609. <div id="sidebard">
  610. {block:description}{description}{/block:description}
  611. </div>
  612.  
  613. </div>
  614.  
  615.  
  616.  
  617.  
  618. <div id="position-menu-bar">
  619. <div class="menu-bar">
  620. <img src="http://static.tumblr.com/92nt7bb/xhPo2o59z/nootnoot3.png"/>
  621. </div>
  622. <div id="more-bar">
  623. <div id="triangle"></div>
  624. <a href="{text:link one url}" class="mb"><b>01.</b> {text:link one name}</a>
  625. <a href="{text:link two url}" class="mb"><b>02.</b> {text:link two name}</a>
  626. <a href="{text:link three url}" class="mb"><b>03.</b> {text:link three name}</a>
  627. <a href="{text:link four url}" class="mb"><b>04.</b> {text:link four name}</a>
  628. </div>
  629. </div>
  630.  
  631.  
  632.  
  633.  
  634. {block:Posts}
  635. <div id="post">
  636.  
  637. {block:IndexPage}
  638. <div id="information">
  639. <div id="date">{block:Date}<a href="{Permalink}" title="{DayOfWeek}">..</a>{/block:Date}</div>
  640. <div id="notecount">{block:NoteCount}<a href="{Permalink}" title="{NoteCount}N">..</a>{/block:NoteCount}</div>
  641. <div id="rebloglink"><a href="{ReblogURL}" title="Reblog" target="_blank">..</a>
  642. </div>
  643. </div>
  644. {/Block:IndexPage}
  645.  
  646.  
  647. {block:Text}
  648. {block:Title}<h1>{Title}</h1>{/block:Title}
  649. {Body}
  650. {/block:Text}
  651.  
  652. {block:Photo}
  653. <img src="{PhotoURL-250}" />
  654. {block:IfShowCaption}{block:caption}<span class="caption">{caption}</span>{/block:caption}{/block:IfShowCaption}
  655. {block:IfNotShowCaption}{block:IfNotShowCaption}
  656. {/block:Photo}
  657.  
  658. {block:Photoset}
  659. {Photoset-250}
  660. {block:IfShowCaption}{block:caption}<span class="caption">{caption}</span>{/block:caption}{/block:IfShowCaption}
  661. {block:IfNotShowCaption}{block:IfNotShowCaption}
  662. {/block:Photoset}
  663.  
  664. {block:Quote}
  665. <div id="quote">{Quote}</div>
  666. {block:Source}<div align="center">- {Source}</div>{/block:Source}
  667. {/block:Quote}
  668.  
  669. {block:Link}
  670. <h1><a href="{URL}" target="{Target}">{Name}</a></h1>
  671. {block:Description}{Description}{/block:Description}
  672. {/block:Link}
  673.  
  674. {block:Chat}
  675. <h1>{block:Title}{Title}{/block:Title}</h1>
  676. {block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}
  677. {/block:Chat}
  678.  
  679. {block:Audio}
  680. <div id="audio">{AudioPlayerWhite}</div>
  681. {block:IfShowCaption}{block:caption}<span class="caption">{caption}</span>{/block:caption}{/block:IfShowCaption}
  682. {block:IfNotShowCaption}{block:IfNotShowCaption}
  683. {/block:Audio}
  684.  
  685. {block:Video}
  686. {Video-250}
  687. {block:IfShowCaption}{block:caption}<span class="caption">{caption}</span>{/block:caption}{/block:IfShowCaption}
  688. {block:IfNotShowCaption}{block:IfNotShowCaption}
  689. {/block:Video}
  690.  
  691. {block:Answer}
  692. <div id="ab">{Asker} asked:</div>{Question}
  693. <div id="ba"><p>{Answer}</p></div>
  694. {/block:Answer}
  695. </div>
  696.  
  697.  
  698. {block:PermalinkPage}
  699. <div id="info">
  700. {ShortMonth} {DayOfMonthWithZero} +{block:NoteCount}{NoteCount}{/block:NoteCount} via: {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a>
  701. {/block:RebloggedFrom} <br>
  702. <div id="tagstyle">{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}</div>
  703. </div>
  704. {block:PermalinkPage}
  705.  
  706.  
  707.  
  708. {block:PermalinkPage}
  709. {block:PostNotes}
  710. <div id="note">{PostNotes}</div>
  711. {/block:PostNotes}
  712.  
  713. {/block:permalinkpage}
  714.  
  715. {/block:Posts}
  716.  
  717.  
  718.  
  719. {block:Pagination}
  720. <div id="pagination">
  721. {block:JumpPagination length="5"}
  722. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  723. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  724. {block:NextPage}<a href="{NextPage}" class="jump_page">next</a>{/block:NextPage}
  725. {/block:Pagination}
  726. </div>
  727.  
  728. </body>
  729. </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!