API tools faq
paste
Advertisement
nhungbuii

Blacker

nhungbuii
Jul 28th, 2016
91
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 30.87 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!--
  4.  
  5. Theme V3.002
  6. pistachi-o (nutty-themes @ tumblr)
  7.  
  8. Theme Documentation:
  9. http://nutty-themes.tumblr.com/themedoc
  10.  
  11. Please Do Not:
  12. http://nutty-themes.tumblr.com/terms
  13.  
  14. {b lock:IfGridLayout}<div class="pagination">
  15. {b lock:Pagination}
  16. {b lock:NextPage}<p id="page_nav"><a style="float:right" href="{NextPage'}" id="next">Older ?</a>{/ block:NextPage}
  17. {b lock:PreviousPage}<a style="float:left" href="{PreviousPage'}">? Newer</a></p>{/b lock:PreviousPage}
  18. {/b lock:Pagination}
  19. </div> {block:IfGridLayout'}
  20.  
  21. -->
  22.  
  23. <html><html lang="en">
  24. <head>
  25. <!----Emoji---->
  26. <script src="//twemoji.maxcdn.com/twemoji.min.js"></script>
  27. <script src="http://static.tumblr.com/lxn1yld/MHfnxce9x/emoji.js"></script>
  28.  
  29. <!-- DEFAULT VARIABLES -->
  30. <meta name="text:Body Font" content="'Arimo', Calibri, Arial, sans-serif" />
  31. <meta name="text:Header Font" content="'Old Standard TT', Arial, sans-serif" />
  32. <meta name="text:Font Size" content="11px" />
  33. <meta name="text:Music Code" content="" />
  34.  
  35. <meta name="color:Background" content="#f9f6f6" />
  36. <meta name="color:Light" content="#009abb" />
  37. <meta name="color:Colour1" content="#edd456" />
  38. <meta name="color:Beam" content="#dddddd" />
  39. <meta name="color:Colour3" content="#edebeb" />
  40. <meta name="color:Infobar" content="#edd456" />
  41. <meta name="color:Link" content="#f38335" />
  42. <meta name="color:Link Hover" content="#edd456" />
  43. <meta name="color:Text" content="#0f0f0e" />
  44. <meta name="color:Posts" content="#f9f6f6" />
  45. <meta name="color:header" content="#f9f6f6" />
  46. <meta name="image:Header" content=""/>
  47. <meta name="image:Background" content=""/>
  48. <meta name="color:Title Color" content=""/>
  49.  
  50. <meta name="text:Alt Title" content=""/>
  51. <meta name="text:Link1" content="" />
  52. <meta name="text:Link1 Title" content="" />
  53. <meta name="text:Link2" content="" />
  54. <meta name="text:Link2 Title" content="" />
  55. <meta name="text:Link3" content="" />
  56. <meta name="text:Link3 Title" content="" />
  57. <meta name="text:Link4" content="" />
  58. <meta name="text:Link4 Title" content="" />
  59.  
  60. <meta name="if:Adjustable Header" content="0"/>
  61. <meta name="text:Header Height" content="250px" />
  62.  
  63. <meta name="text:Infobar Height" content="120px" />
  64.  
  65. <meta name="text:Title One" content="Title One" />
  66. <meta name="text:Title Two" content="Title Two" />
  67. <meta name="text:Title Three" content="Title Three" />
  68. <meta name="text:Title Two Content" content="Title Two Content" />
  69. <meta name="text:Title Three Content" content="Title Three Content" />
  70.  
  71. <meta name="if:Grid Layout" content="0"/>
  72. <meta name="if:Sidebar Layout" content="0"/>
  73. <meta name="if:Basic Layout" content="1"/>
  74. <meta name="if:InfiniteScroll" content="0"/>
  75.  
  76.  
  77. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  78. <title>{Title}{block:SearchPage}, Search results for: {SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  79. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  80. <link rel="shortcut icon" href="{Favicon}" />
  81. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  82.  
  83. <link href='http://static.tumblr.com/whx9ghv/AdUnbw2jm/sosa.css' rel='stylesheet' type='text/css'>
  84. <link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'/>
  85. <link href='https://fonts.googleapis.com/css?family=Playfair+Display:700italic' rel='stylesheet' type='text/css'>
  86. <link href='https://fonts.googleapis.com/css?family=Maitree&subset=latin,vietnamese' rel='stylesheet' type='text/css'>
  87. <link href='https://fonts.googleapis.com/css?family=Noto+Sans&subset=latin,vietnamese' rel='stylesheet' type='text/css'>
  88. <link href='https://fonts.googleapis.com/css?family=EB+Garamond&subset=latin,vietnamese' rel='stylesheet' type='text/css'>
  89.  
  90.  
  91.  
  92. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  93.  
  94. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  95.  
  96.  
  97. <style type="text/css">
  98.  
  99.  
  100.  
  101. /* Reset
  102. -------------------------------------------------------------*/
  103.  
  104. body,div,dl,dt,dd,pre,form,fieldset,input,textarea,p,th,td {margin:0;padding:0;}
  105.  
  106. /* Webkit-Scrollbar
  107. -------------------------------------------------------------
  108. ::-webkit-scrollbar {width: 10px; height: 10px; height:auto; background:{c olor:Background};}
  109. ::-webkit-scrollbar-thumb:vertical {background:{c olor:Colour1};}
  110. ::-webkit-scrollbar-thumb:horizontal {background:{c olor:Colour1}}
  111. ::-webkit-scrollbar-thumb {background:{co lor:Colour1};}-*/
  112.  
  113. ::-webkit-scrollbar-thumb:vertical {
  114. background: {color:header};
  115. border: 2px solid {color:Background};
  116. }
  117.  
  118. ::-webkit-scrollbar-thumb:horizontal {
  119. background: {color:header};
  120. height:0;
  121. }
  122.  
  123. ::-webkit-scrollbar {
  124. background: rgba(0,0,0,0.2);
  125. height:0;
  126. width: 10px;
  127. border-left: 4px solid {color:Background};
  128. border-right: 4px solid {color:Background};
  129. }
  130.  
  131.  
  132. /* General
  133. -------------------------------------------------------------*/
  134.  
  135. body {
  136. background-color: {color:Background};
  137. background-image: url('{image:Background}');
  138. background-repeat: repeat;
  139. font-family: {text:Body Font};
  140. font-size: {text:Font size};
  141. text-align: justify;
  142. color: {color:Text};
  143. line-height: 140%;
  144. }
  145.  
  146. a:link, a:active, a:visited {
  147. color: {color:Link};
  148. text-decoration: none;
  149. -webkit-transition: 0.8s;
  150. transition: 0.8s;
  151. }
  152.  
  153. a:hover {
  154. color: {color:Link Hover};
  155. text-decoration: none;
  156. }
  157.  
  158. b, strong{
  159. color: {color:Light};
  160. font-weight: 700;
  161. }
  162.  
  163. p {
  164. margin: 8px 0px;
  165. }
  166.  
  167. .answer_form_container {
  168. margin: 10px 0px;
  169. }
  170.  
  171. h1 {
  172. font-family: 'Playfair Display', serif;
  173. font-size: 18px;
  174. color: {color:link};
  175. line-height: 100%;
  176. text-align: center;
  177. margin: 0px;
  178. padding: 20px 0px;
  179. background: {color:Colour1};
  180. }
  181.  
  182. h2 {
  183. font-family: 'Playfair Display', serif;
  184. color: {color:Headings};
  185. font-size: 14px;
  186. line-height: 100%;
  187. font-weight: normal;
  188. text-align: left;
  189. line-height:1.3;
  190. }
  191.  
  192. h3 {
  193. font-family: 'EB Garamond', serif;
  194. color: black;
  195. font-size: 20px;
  196. line-height: 100%;
  197. font-weight: normal;
  198. text-align: left;
  199. }
  200.  
  201. blockquote {
  202. border-left: 3px solid {color:Colour1};
  203. padding: 3px 10px;
  204. text-align: justify;
  205. }
  206.  
  207. blockquote i {
  208. color: {color:Text};
  209. }
  210.  
  211. blockquote img {
  212. max-width: 100%;
  213. display: block;
  214. margin-bottom: 5px;
  215. }
  216.  
  217. blockquote blockquote {
  218. margin: 10px;
  219. padding: 10px;
  220. }
  221.  
  222. #s-m-t-tooltip {
  223. max-width:300px;
  224. padding: 2px 8px;
  225. margin:10px;
  226. background-color: white;
  227. font-size:9px;
  228. font-family: {text:header Font};
  229. letter-spacing:2px;
  230. text-transform:uppercase;
  231. color:black;
  232. border-radius:2px;
  233. border:2px solid #eee;
  234. z-index:500;
  235. transition:0.5s ease-in-out;
  236. -webkit-transition:0.5s ease-in-out;
  237. -moz-transition:0.5s ease-in-out;
  238. -ms-transition:0.5s ease-in-out;
  239. -o-transition:0.5s ease-in-out;
  240. }
  241.  
  242.  
  243.  
  244.  
  245.  
  246. /* color of text selection */
  247. ::selection {background-color:{color:light};color:#fff;text-shadow:none;}
  248. ::-o-selection {background-color:{color:light};color:#fff;text-shadow:none;}
  249. ::-moz-selection {background-color:{color:light};color:#fff;text-shadow:none;}
  250.  
  251. /* Header
  252. -------------------------------------------------------------*/
  253.  
  254. #header {
  255. width: 100%;
  256. height: 200px;
  257. {block:IfAdjustableHeader}height: {text:Header Height};{/block:IfAdjustableHeader}
  258. {block:IfNotAdjustableHeader}height: 270px;{/block:IfNotAdjustableHeader}
  259. margin: 0;
  260. padding: 0;
  261. top: 0;
  262. left: 0;
  263. background: {color:Header};
  264. background-image: url('{image:Header}');
  265. -webkit-background-size: cover;
  266. -moz-background-size: cover;
  267. -o-background-size: cover;
  268. background-size: cover;
  269. position: relative;
  270. }
  271.  
  272. .navlinks {
  273. top:170px;
  274. left:200px;
  275. position: absolute;
  276. color: #fff;
  277.  
  278. /*-webkit-transform: translateX(-50%);
  279. -moz-transform: translateX(-50%);
  280. -ms-transform: translateX(-50%);
  281. transform: translateX(-50%);*/
  282. z-index:200;
  283. }
  284.  
  285. .navlinks ul {
  286. margin:10px;
  287. list-style: none;
  288. font-family: 'Montserrat', sans-serif;
  289. text-transform: uppercase;
  290. font-weight: 700;
  291. font-size: 12px;
  292. letter-spacing:2.5px;
  293. }
  294.  
  295. .navlinks li {
  296. display: inline-block;
  297. margin: 0px 10px;
  298. }
  299.  
  300. .navlinks a {
  301. -webkit-transition: 1s;
  302. transition: 1s;
  303. color: #fff;
  304. }
  305.  
  306. .navlinks a:hover {
  307. /* border-bottom: 2px solid;*/
  308. text-shadow: 0px 0px 5px #fff;
  309. letter-spacing:9px;
  310. -webkit-transition: 1s;
  311. transition: 1s;
  312. }
  313.  
  314.  
  315. .title {
  316. font-family: 'Playfair Display', serif;
  317. font-size:36px;
  318. font-weight:bold;
  319. letter-spacing:0;
  320. top:144px;
  321. left:250px;
  322. position: absolute;
  323. line-height:0.9;
  324. width:75%;
  325. text-shadow: 2px 1px #009abb;
  326. -webkit-transition-delay: 3s; /* Safari */
  327. transition-delay: 3s;
  328. }
  329.  
  330. .title a {
  331. color: {color:Title Color};
  332. background-color: transparent;
  333. -webkit-transition-delay: 0.1s; /* Safari */
  334. transition-delay: 0.1s;
  335. }
  336.  
  337. .title a:hover {
  338. color:#fff;
  339. text-shadow: 0px 0px 15px #fff
  340. ;
  341. }
  342.  
  343. /*.description {
  344. background-color:#fff;
  345. padding:15px 0px;
  346. position: relative;
  347. font-family: 'Montserrat', sans-serif;
  348. text-transform:uppercase;
  349. font-size: 15px;
  350. font-weight: normal;
  351. font-style: italic;
  352. text-align: center;
  353. letter-spacing: 2px;
  354. width: 100%;
  355. top:347px;
  356. }-*/
  357.  
  358. /* Topbar
  359. -------------------------------------------------------------*/
  360.  
  361. #topbar {
  362. width: 100%;
  363. z-index:300;
  364. height:80px;
  365. margin: 0;
  366. top:347px;
  367. background: #fff;
  368. position: fixed;
  369. -webkit-transition: 0.5s;
  370. transition: 0.5s;
  371. }
  372.  
  373. .description {
  374. padding:15px 0px;
  375. font-family: 'Montserrat', sans-serif;
  376. text-transform:uppercase;
  377. font-size: 15px;
  378. font-weight: normal;
  379. font-style: italic;
  380. text-align: center;
  381. letter-spacing: 2px;
  382. width: 100%;
  383. position:absolute;
  384. }
  385.  
  386. .description a {
  387. background-color: transparent;
  388. }
  389.  
  390. .description a:hover {
  391. letter-spacing:6px;
  392. -webkit-transition: 0.5s;
  393. transition: 0.5s;
  394. }
  395.  
  396. img.emoji {
  397. // Override any img styles to ensure Emojis are displayed inline
  398. margin: 0px !important;
  399. display: inline !important;
  400. vertical-align: middle;
  401. }
  402.  
  403. /*.side-item {
  404. width: 750px;
  405. height: {te xt:Infobar Height};
  406. margin: 0 auto;
  407. padding: 0;
  408. text-align: center;
  409. position: relative;
  410. }
  411.  
  412.  
  413. .linkbox {
  414. float: left;
  415. width: 230px;
  416. margin: 0px 10px;
  417. height: {te xt:Infobar Height};
  418. }-*/
  419.  
  420. /*.desc {
  421. text-align: justify;
  422. font-size: smaller;
  423. margin: 10px 0px;
  424. }-*/
  425.  
  426. /*h4 {
  427. font-family: {te xt:Header Font};
  428. font-size: 12px;
  429. font-weight: 700;
  430. text-transform: uppercase;
  431. line-height: 100%;
  432. text-align: center;
  433. margin: 0;
  434. padding: 0;
  435. }
  436.  
  437. .linkbox ul {
  438. padding: 0px;
  439. margin: 0px;
  440. list-style: none;
  441. font-family: {te xt:Header Font};
  442. text-transform: uppercase;
  443. font-weight: 700;
  444. font-size: 12px;
  445. letter-spacing: 1px;
  446. text-align: right;
  447. }-*/
  448.  
  449. /* Sidebar
  450. -------------------------------------------------------------*/
  451.  
  452. #container {
  453. {block:IfGridLayout}width: 1040px; {/block:IfGridLayout}
  454. {block:IfSidebarLayout}width: 840px;{/block:IfSidebarLayout}
  455. {block:IfBasicLayout}width: 620px; padding: 35px 50px; background: {color:Beam}; {/block:IfBasicLayout}
  456. margin: 30px auto;
  457. }
  458.  
  459.  
  460. /*#sidebar {
  461. float: right;
  462. width: 180px;
  463. padding: 20px;
  464. min-height: 100%;
  465. position: relative;
  466. background: {col or:Infobar};
  467. }
  468.  
  469. h3 {
  470. font-family: {t ext:Header Font};
  471. color: {co lor:Link};
  472. font-size: 12px;
  473. font-weight: 700;
  474. text-transform: uppercase;
  475. line-height: 100%;
  476. text-align: left;
  477. margin: 0px 0px 10px;
  478. }
  479.  
  480. #sidebar ul {
  481. padding: 0px;
  482. margin: 0px;
  483. list-style: none;
  484. font-family: {te xt:Header Font};
  485. text-transform: uppercase;
  486. font-weight: 700;
  487. font-size: 12px;
  488. letter-spacing: 1px;
  489. }
  490.  
  491. .cut {
  492. margin: 20px 0px;
  493. border-bottom: 1px solid {co lor:Colour2};
  494. }-----*/
  495.  
  496. /* Entries
  497. -------------------------------------------------------------*/
  498.  
  499. #entries {
  500. {block:IfGridLayout}width: 1040px; {/block:IfGridLayout}
  501. {block:IfSidebarLayout}width: 620px;{/block:IfSidebarLayout}
  502. {block:IfBasicLayout}width: 620px;{/block:IfBasicLayout}
  503. }
  504.  
  505. .postwrap {
  506. {block:IfGridLayout}float: left; margin: 24px;
  507. {block:IndexPage}width: 440px; {/block:IndexPage}
  508. {block:PermalinkPage}width: 920px; {/block:PermalinkPage}{/block:IfGridLayout}
  509. {block:IfSidebarLayout}width: 540px;{/block:IfSidebarLayout}
  510. {block:IfBasicLayout}width: 540px; margin: 10px 10px 50px;{/block:IfBasicLayout}
  511. padding: 14px;
  512. background: {color:Colour3};
  513. text-align: left;
  514. position: relative;
  515. word-wrap: break-word;
  516. }
  517.  
  518. .postwrap:hover {
  519. -webkit-transition: all 0.7s ease-in-out;
  520. -moz-transition: all 0.7s ease-in-out;
  521. -o-transition: all 0.7s ease-in-out;
  522. -ms-transition: all 0.7s ease-in-out;
  523. transition: all 0.7s ease-in-out;
  524. box-shadow: 5px 5px {color:beam};
  525. }
  526.  
  527. .posts {
  528. {block:IfGridLayout}width: 400px; {/block:IfGridLayout}
  529. {block:IfSidebarLayout}width: 500px;{/block:IfSidebarLayout}
  530. {block:IfBasicLayout}width: 500px;{/block:IfBasicLayout}
  531. padding: 20px 20px 20px;
  532. background: white;
  533. }
  534.  
  535. .tmblr-lightbox, #tumblr_lightbox { background:rgba({RGBcolor:Background}, 1)!important; }
  536.  
  537. .vignette, #vignette { opacity:0!important; }
  538.  
  539. .lightbox-caption, #tumblr_lightbox_caption {
  540. color:inherit!important;
  541. font-family:inherit!important;
  542. font-size:inherit!important;;
  543. font-weight:normal!important;
  544. text-shadow:none!important;
  545. }
  546.  
  547. .lightbox-image, #tumblr_lightbox img {
  548. padding:10px!important;
  549. background-color:{color:Posts}!important;
  550. border-radius:0px!important;
  551. -webkit-border-radius:0px!important;
  552. -moz-border-radius:0px!important;
  553. box-shadow:none!important;
  554. -webkit-box-shadow:none!important;
  555. -moz-box-shadow:none!important;
  556. }
  557. /* Post Info
  558. -------------------------------------------------------------*/
  559.  
  560. .info {
  561. font-family: {text:Header Font};
  562. text-transform: uppercase;
  563. font-size: 14px;
  564. text-align: center;
  565. padding: 10px;
  566. }
  567.  
  568. .info a {
  569. color:{color:light};
  570. }
  571.  
  572. .info a:hover {
  573. color:{color:beam};
  574. }
  575.  
  576. .tagged a {
  577. font-size: 80%;
  578. color:{color:link};
  579. }
  580.  
  581. .tagged a:hover {
  582. color:black;
  583. }
  584.  
  585. /* Ask Posts
  586. -------------------------------------------------------------*/
  587.  
  588. .asker {
  589. position: relative;
  590. font-size: 8px;
  591. text-transform: lowercase;
  592. text-align: left;
  593. padding: 0px;
  594. margin: -18px 4px 0px 60px;
  595. }
  596.  
  597. .question {
  598. position: relative;
  599. background: {color:Colour1};
  600. margin: -20px -20px 20px -20px;
  601. padding: 20px 15px;
  602. }
  603.  
  604. .question:after, .arrow_box:before {
  605. top: 100%;
  606. border: solid transparent;
  607. content: " ";
  608. height: 0;
  609. width: 0;
  610. position: absolute;
  611. pointer-events: none;
  612. }
  613.  
  614. .question:after {
  615. border-color: rgba(136, 183, 213, 0);
  616. border-top-color: {color:Colour1};
  617. border-width: 10px;
  618. left: 50px;
  619. margin-left: -10px;
  620. }
  621.  
  622. .askme {
  623. width: 100px;
  624. text-align: center;
  625. float: left;
  626. margin: 0px 10px 30px 0px;
  627. text-transform: lowercase;
  628. font-style: italic;
  629. }
  630.  
  631. .askme img {
  632. width: 50px;
  633. border: 10px solid {color:Colour1};
  634. margin: 5px 15px;
  635. }
  636.  
  637. /* Quote Posts
  638. -------------------------------------------------------------*/
  639.  
  640. .quotewrap {
  641. width: 350px;
  642. margin: 20px auto;
  643. padding: 20px 25px;
  644. position: relative;
  645. }
  646.  
  647. .quote {
  648. margin-top: 15px;
  649. padding-top: 20px;
  650. }
  651.  
  652. .out:after {
  653. font-family: 'sosa';
  654. content: 'C';
  655. background: transparent;
  656. width: 50px;
  657. height: 50px;
  658. position: absolute;
  659. color: {color:light};
  660. text-shadow: 0 1px 1px rgba(255,255,255,0.1);
  661. font-size: 35px;
  662. line-height: 50px;
  663. text-align:center ;
  664. left: 50%;
  665. margin-left: -25px;
  666. top: -15px;
  667. cursor: pointer;
  668. z-index: 100;
  669. }
  670.  
  671. .soucite {
  672. font-size: 9px;
  673. letter-spacing: 1px;
  674. margin: 10px;
  675. padding-left: 10px;
  676. text-transform: uppercase;
  677. }
  678.  
  679. /* Audio Posts
  680. -------------------------------------------------------------*/
  681.  
  682. .audioplayer {
  683. position: absolute;
  684. z-index: 3;
  685. opacity: 0.7;
  686. margin: 33px;
  687. }
  688.  
  689. .audio {
  690. width: 10px;
  691. padding: 5px 20px 5px 5px;
  692. background-color: #fefefe;
  693. overflow: hidden;
  694. }
  695.  
  696. #audiocap {
  697. min-height: 100px;
  698. }
  699.  
  700. #audioinfo {
  701. height: auto;
  702. padding: 4px 5px;
  703. display: block;
  704. overflow: hidden;
  705. font-size: 10px;
  706. text-align: left;
  707. margin-bottom: 3px;
  708. text-transform: uppercase;
  709. }
  710.  
  711. #audioinfo b {
  712. color: {color:Link};
  713. }
  714.  
  715. #audioimg img {
  716. width: 100px;
  717. margin-right: 2px;
  718. }
  719.  
  720. /* Chat Posts
  721. -------------------------------------------------------------*/
  722.  
  723. .user_1 .label {color:{color:light}; font-weight:bold}
  724. .user_2 .label {color:{color:light}; font-weight:bold}
  725. .user_3 .label {color:{color:light}; font-weight:bold}
  726. .user_4 .label {color:{color:light}; font-weight:bold}
  727. .user_5 .label {color:{color:light}; font-weight:bold}
  728. .user_6 .label {color:{color:light}; font-weight:bold}
  729. .user_7 .label {color:{color:light}; font-weight:bold}
  730. .user_8 .label {color:{color:light}; font-weight:bold}
  731. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px;}
  732.  
  733. iframe input, iframe submit, iframe textarea, iframe div, iframe table {background-color:transparent!important;}
  734.  
  735. /* Post Notes (Permalink Page)
  736. -------------------------------------------------------------*/
  737.  
  738.  
  739. ol.notes, .notes li {
  740. list-style:none;
  741. margin: 0px;
  742. padding: 0px;
  743. width:250px;
  744. position: relative;
  745. word-wrap: break-word;
  746. }
  747.  
  748. .ending {
  749. padding: 10px 60px 30px;
  750. text-align: right;
  751. text-decoration: none;
  752. line-height: 150%;
  753. position: absolute;
  754. background: transparent;
  755. z-index:100;
  756. width:250px;
  757. right:10px;
  758. -webkit-transition: 1s;
  759. transition: 1s;
  760. }
  761.  
  762. .ending:hover {
  763. background: {color:light};
  764. }
  765.  
  766. .ending a {
  767. text-transform: uppercase;
  768. font-size: 10px;
  769. }
  770.  
  771. .ending img {
  772. width: 15px;
  773. height: 15px;
  774. border: 2px solid #fff;
  775. margin: -2px 2px;
  776. }
  777.  
  778. /* Pagination
  779. -------------------------------------------------------------*/
  780.  
  781. .pagination {
  782. text-align: center;
  783. padding: 0px;
  784. height: 50px;
  785. {block:IfSidebarLayout}margin: 10px 20px 10px 0px;{/block:IfSidebarLayout}
  786. {block:IfGridLayout}margin:10px 20px 10px 0px;{/block:IfGridLayout}
  787. {block:IfBasicLayout}margin: 10px;{/block:IfBasicLayout}
  788. border-top: 1px solid {color:header};
  789. font-family:'Montserrat', sans-serif;
  790. }
  791.  
  792. .pagination a {
  793. padding: 20px;
  794. margin:0;
  795. color:{color:header};
  796. text-transform: uppercase;
  797. text-decoration: none;
  798. }
  799.  
  800. .pagination a:hover {
  801. letter-spacing:2px;
  802. background-color:{color:header};
  803. color:#fff;
  804. }
  805.  
  806. /* CREDITS */
  807. #credit {
  808. background-color: {color:beam};
  809. color: {color:beam};
  810. font-family: {text:header font};
  811. font-size: 11px;
  812. letter-spacing: 2px;
  813. position: fixed;
  814. text-align: center;
  815. padding: 2px 4px 6px;
  816. display: block;
  817. width: 8px;
  818. height: 8px;
  819. overflow: hidden;
  820. right: 15px;
  821. bottom: 15px;
  822. -webkit-transition: all 0.7s ease-in-out;
  823. -moz-transition: all 0.7s ease-in-out;
  824. -o-transition: all 0.7s ease-in-out;
  825. -ms-transition: all 0.7s ease-in-out;
  826. transition: all 0.7s ease-in-out;
  827. }
  828.  
  829. #credit:hover {
  830. background-color: {color:light};
  831. color:white;
  832. width: 60px;
  833. }
  834.  
  835. </style>
  836.  
  837. <style type="text/css">{CustomCSS}</style>
  838.  
  839. <script>
  840.  
  841. (function($){
  842. $(document).ready(function(){
  843. $("[title]").style_my_tooltips({
  844. tip_follows_cursor:true,
  845. tip_delay_time:1,
  846. tip_fade_speed:100,
  847. attribute:"title"
  848. });
  849. });
  850. })(jQuery);
  851.  
  852. $(window).scroll(function(){
  853. if ($(window).scrollTop() >= 340)
  854. {
  855. $("#topbar").css({position:'fixed',left:'0',top:'0',background:'{color:Title Color}',color:'#fff',});
  856. }
  857. else
  858. {
  859. $("#topbar").css({position:'absolute',left:'0',top:'347px',background:'#fff',color:'#000',});
  860. }
  861. });
  862. </script>
  863. {block:IfGridLayout}
  864. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  865. <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  866.  
  867.  
  868. <script>
  869.  
  870. $(function(){
  871. var $container = $('#content');
  872. $container.imagesLoaded(function(){
  873. $container.masonry({
  874. itemSelector: '.postwrap',
  875. });
  876. });
  877. $container.infinitescroll({
  878. itemSelector : ".postwrap",
  879. navSelector : "div.pagination",
  880. nextSelector : ".pagination a#next",
  881. loadingImg : "",
  882. loadingText : "<em></em>",
  883. bufferPx : 10000,
  884. extraScrollPx: 12000,
  885. },
  886. // trigger Masonry as a callback
  887. function( newElements ) {
  888. var $newElems = $( newElements ).css({ opacity: 0 });
  889. // ensure that images load before adding to masonry layout
  890. $newElems.imagesLoaded(function(){
  891. $newElems.animate({ opacity: 1 });
  892. $container.masonry( 'appended', $newElems, true );
  893. });
  894. }
  895. );
  896. });
  897. </script>
  898. {/block:IfGridLayout}
  899.  
  900. {block:IfInfiniteScroll}
  901. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  902. <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  903. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script>
  904.  
  905. <script>
  906. $(function(){
  907. var $container = $('#content');
  908. $container.imagesLoaded(function(){
  909. $container.masonry({
  910. itemSelector: '.postwrap',
  911. });
  912. });
  913. $container.infinitescroll({
  914. itemSelector : ".postwrap",
  915. navSelector : "div.pagination",
  916. nextSelector : ".pagination a#next",
  917. loadingImg : "",
  918. loadingText : "<em></em>",
  919. bufferPx : 10000,
  920. extraScrollPx: 12000,
  921. },
  922. // trigger Masonry as a callback
  923. function( newElements ) {
  924. var $newElems = $( newElements ).css({ opacity: 0 });
  925. // ensure that images load before adding to masonry layout
  926. $newElems.imagesLoaded(function(){
  927. $newElems.animate({ opacity: 1 });
  928. $container.masonry( 'appended', $newElems, true );
  929. });
  930. }
  931. );
  932. });
  933. </script>
  934. {/block:IfInfiniteScroll}
  935.  
  936.  
  937. </head>
  938.  
  939. <body>
  940.  
  941. <!-- SCM Music Player http://scmplayer.net -->
  942. <script type="text/javascript" src="http://scmplayer.net/script.js"
  943. data-config="{'skin':'http://static.tumblr.com/6m9nktj/iQkm6b5k8/skincarla.css','volume':50,'autoplay':true,'shuffle':true,'repeat':1,'placement':'bottom','showplaylist':false,'playlist':[{'title':'The Weeknd - The Hills (Echos Cover)','url':'https://www.youtube.com/watch?v=a_K9dPYm8Sc'},{'title':'Hugh - Learn To Fall (Anevo Remix)','url':'https://www.youtube.com/watch?v=oKkrCaabsd4'},{'title':'Kiri Tse - Twenty Something (Lucian Remix)','url':'https://www.youtube.com/watch?v=zvr-hoP3Tk0'},{'title':'Andrew Luce - When To Love You (feat. Chelsea Cutler)','url':'https://www.youtube.com/watch?v=_kwri-i6qWI'},{'title':'Abstract - Neverland (ft. Ruth B) (Prod. Blulake)','url':'https://www.youtube.com/watch?v=28GpKacWLWI'},{'title':'Tarro - Wave Board','url':'https://www.youtube.com/watch?v=JVRgq_Bu8Wk'},{'title':'Major Lazer - Be Together (feat. Wild Belle) (Vanic Remix)','url':'https://www.youtube.com/watch?v=71rSc6LXlSo'},{'title':'Aruna - The End (WRLD Remix)','url':'https://www.youtube.com/watch?v=NMmWWLpLFAA'},{'title':'Lucian X Remmi - Bobby K','url':'https://www.youtube.com/watch?v=JBNdpVK9dQQ'},{'title':'Dooqu - Cup Of Tea','url':'https://www.youtube.com/watch?v=y-yWwdB6xm8'},{'title':'Vanic X K.Flay - Cops','url':'https://www.youtube.com/watch?v=jxJnIKSlZq4'},{'title':'Vanic X K.Flay - Make Me Fade','url':'https://www.youtube.com/watch?v=dz24DgBUQbc'},{'title':'Vanic x K.Flay - Can%27t Sleep','url':'https://www.youtube.com/watch?v=ZAcDOuPxMyQ'},{'title':'Twenty One Pilots - Stressed Out (Tomsize Remix)','url':'https://www.youtube.com/watch?v=0t2tjNqGyJI'},{'title':'Mike Posner - I Took A Pill In Ibiza (SeeB Remix)','url':'https://www.youtube.com/watch?v=u3VFzuUiTGw'},{'title':'AURORA - Running With The Wolves','url':'https://www.youtube.com/watch?v=06ht9MyJLT4'}]}" ></script>
  944. <!-- SCM Music Player script end -->
  945.  
  946.  
  947.  
  948. <div id="header">
  949. {block:IfNotSidebarLayout}
  950. <div id="header">
  951. <div class="title"><a href="/">{text:Alt Title}</a></div>
  952.  
  953. <div class="navlinks"><ul>
  954. <li><a href="/" title="Sweet Home">Home</a></li>
  955. <li><a href="/ask" title="Text Us Maybe">Message</a></li>
  956. {block:ifLink1}<li><a href="{text:Link1}" title="Kỉ Yếu">{text:Link1 Title}</a></li>{/block:ifLink1}
  957. {block:ifLink2}<li><a href="{text:Link2}" title="#Tag">{text:Link2 Title}</a></li>{/block:ifLink2}
  958. {block:ifLink3}<li><a href="{text:Link3}" title="Post Our Memories">{text:Link3 Title}</a></li>{/block:ifLink3}
  959. {block:ifLink4}<li><a href="{text:Link4}">{text:Link4 Title}</a></li>{/block:ifLink4}
  960. <li><a href="http://1013story.tumblr.com/archive" title="All Posts">Past</a></li>
  961. </ul></div>
  962. {/block:IfNotSidebarLayout}
  963. </div>
  964.  
  965. {block:IfNotSidebarLayout}
  966.  
  967. <div id="topbar">
  968. <div class="description">
  969. WE KEEP THIS
  970. <a href="/ask" title="Message"><span style="color:{color:light}">LOVE</span></a>
  971. IN A
  972. <a href="/tag" title="Tag list"> <span style="color:#009abb">PHOTOGRAPH </span> </a> <br>
  973. WE MADE THESE
  974. <a href="/submit" title="Share our story"><span style="color:#009abb">MEMORIES</span></a>
  975. FOR
  976. <a href="/members" title="Kỉ Yếu"><span style="color:{color:light}"> OURSELVES <br>
  977. <a href="/" title="Home"><span style="color:#777;font-style:normal;font-size:10px">1013</span></a>
  978. </div>
  979. </div>
  980.  
  981. <div class="side-item">
  982.  
  983. <div class="linkbox"><h4>{text:Title One}</h4>
  984. <div class="desc">{block:Description}{Description}{/block:Description}</div>
  985. </div>
  986. <div class="linkbox"><h4>{text:Title Two}</h4>
  987. <div class="desc">{text:Title Two Content}</div>
  988. </div>
  989. <div class="linkbox"><h4>{text:Title Three}</h4>
  990. <div class="desc">{text:Title Three Content}</div>
  991. </div>
  992.  
  993. </div>
  994. </div>
  995.  
  996. {/block:IfNotSidebarLayout}
  997.  
  998. <div id="container">
  999.  
  1000. {block:IfSidebarLayout}
  1001. <div id="sidebar">
  1002. <ul>
  1003. <li><a href="/">Refresh</a></li>
  1004. <li><a href="/ask">Message</a></li>
  1005. {block:ifLink1}<li><a href="{text:Link1}">{text:Link1 Title}</a></li>{/block:ifLink1}
  1006. {block:ifLink2}<li><a href="{text:Link2}">{text:Link2 Title}</a></li>{/block:ifLink2}
  1007. {block:ifLink3}<li><a href="{text:Link3}">{text:Link3 Title}</a></li>{/block:ifLink3}
  1008. {block:ifLink4}<li><a href="{text:Link4}">{text:Link4 Title}</a></li>{/block:ifLink4}
  1009.  
  1010. </ul>
  1011. <div class="cut"></div>
  1012. <div class="desc"><h3>{text:Title One}</h3>
  1013. {block:Description}{Description}{/block:Description}</div>
  1014. <div class="cut"></div>
  1015. <div class="desc"><h3>{text:Title Two}</h3>
  1016. {text:Title Two Content}</div>
  1017. <div class="cut"></div>
  1018. <div class="desc"><h3>{text:Title Three}</h3>
  1019. {text:Title Three Content}</div>
  1020. <div class="cut"></div>
  1021.  
  1022. {/block:IfSidebarLayout}
  1023.  
  1024. <div id="entries">
  1025. <div id="content">
  1026. {block:Posts}
  1027. <div class="postwrap">
  1028. <div class="posts">
  1029.  
  1030. {block:Quote}
  1031. <div class="quotewrap quote"><a class="out" href="{SourceURL}" title="Source"></a>
  1032. <h3>{Quote}</h3>
  1033. <div class="soucite">&nbsp;- {Source}</div>
  1034. </div>
  1035. {/block:Quote}
  1036.  
  1037. {block:Text}
  1038. <div class="text">
  1039. {block:Title}<h1>{Title}</h1>{/block:Title}
  1040. {Body}
  1041. {block:More}<div class="moretext"><a href="{Permalink}">{lang:Read More}</a></div>{/block:More}
  1042. </div>
  1043. {/block:Text}
  1044.  
  1045. {block:Link}
  1046. <div class="text">
  1047. <a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  1048. {block:Description}{Description}{/block:Description}</div>
  1049. {/block:Link}
  1050.  
  1051. {block:Photo}
  1052. {block:IfGridLayout}<center>{LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:IfGridLayout}
  1053. {block:IfSidebarLayout}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:IfSidebarLayout}
  1054. {block:IfBasicLayout}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:IfBasicLayout}
  1055. {/block:Photo}
  1056.  
  1057. {block:Photoset}
  1058. {block:IfGridLayout}<center>{Photoset-400}</center>{block:Caption}{Caption}{/block:Caption}{/block:IfGridLayout}
  1059. {block:IfSidebarLayout}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:IfSidebarLayout}
  1060. {block:IfBasicLayout}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:IfBasicLayout}
  1061. {/block:Photoset}
  1062.  
  1063. {block:Video}
  1064. {block:IfGridLayout}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:IfGridLayout}
  1065. {block:IfSidebarLayout}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:IfSidebarLayout}
  1066. {block:IfBasicLayout}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:IfBasicLayout}
  1067. {/block:Video}
  1068.  
  1069. {block:Chat}
  1070. <ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>
  1071. {/block:Chat}
  1072.  
  1073. {block:Audio}
  1074. {block:AlbumArt}<div id="audioimg"><img src="{AlbumArtURL}" align="left"></div>{/block:AlbumArt}
  1075. <div class="audioplayer"><div class="audio">{AudioPlayerWhite}</div></div>
  1076. <div id="audiocap">
  1077. <div id="audioinfo"><b>ARTIST:</b> {block:Artist}{Artist}{/block:Artist}</div>
  1078. <div id="audioinfo"><b>TRACK:</b> {block:TrackName}{TrackName}{/block:TrackName}</div>
  1079. <div id="audioinfo"><b>ALBUM:</b> {block:Album}{Album}{/block:Album}</div>
  1080. <div id="audioinfo">{block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}</div></div>
  1081. {/block:Audio}
  1082.  
  1083. {block:Answer}
  1084. <div class="question">{Question}</div>
  1085. <div class="asker">{Asker} Asked</div>
  1086. <div class="answer"><p>{Answer}</p></div>
  1087. {/block:Answer}
  1088.  
  1089. </div>
  1090.  
  1091. <div class="info">
  1092. {block:Date}<a href="{Permalink}" title="love">{Month} {DayOfMonthWithZero} {Year}, {12HourWithZero}:{Minutes} {CapitalAmPm}</a> {block:NoteCount} &nbsp;&nbsp;&#8226;&nbsp;&nbsp; {NoteCountWithLabel}{/block:NoteCount} {block:RebloggedFrom} &nbsp;&nbsp;&#8226;&nbsp;&nbsp; <a href="{ReblogParentURL}">Via</a> &nbsp;&nbsp;&#8226;&nbsp;&nbsp; <a href="{ReblogRootURL}" >Source</a>{/block:RebloggedFrom}{/block:Date}
  1093. {block:HasTags}<div class="tagged">{block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;&nbsp;&nbsp;{/block:Tags}</div>{/block:HasTags}
  1094. </div>
  1095.  
  1096.  
  1097. </div>
  1098. {/block:Posts}
  1099.  
  1100. {block:PostNotes}<div class="ending">{PostNotes}</div>{/block:PostNotes}
  1101.  
  1102. </div>
  1103.  
  1104. {block:IfNotInfiniteScroll}<div class="pagination">
  1105.  
  1106. {block:Pagination}
  1107. {block:NextPage}<a style="float:right;border-left: 1px solid;text-transform: uppercase;font-family:font-family:'Montserrat', sans-serif;" href="{NextPage}">Next Page</a>{/block:NextPage}
  1108.  
  1109. {block:JumpPagination length="10"}{block:CurrentPage}
  1110. <span class="current_page">{PageNumber}</span>
  1111. {/block:CurrentPage}{block:JumpPage}
  1112. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1113. {/block:JumpPage}{/block:JumpPagination}
  1114.  
  1115.  
  1116. {block:PreviousPage}<a style="float:left;border-right: 1px solid;text-transform: uppercase;font-family:'Montserrat', sans-serif;" href="{PreviousPage}">Previous</a></p>{/block:PreviousPage}
  1117. {/block:Pagination}
  1118.  
  1119. </div> {/block:IfNotInfiniteScroll}
  1120.  
  1121.  
  1122.  
  1123.  
  1124. </div>
  1125.  
  1126.  
  1127. <div id="musicplayer">
  1128. <img src="http://static.tumblr.com/n9vj50j/cxEn20wqg/12.gif">
  1129. <div id="line" class="line"></div>
  1130. <div class="play">
  1131. {text:Music code}
  1132. </div>
  1133. </div>
  1134.  
  1135. <a href="/credit" target="_blank" title="Run by">
  1136. <div id="credit">05 & 33</div></a>
  1137.  
  1138.  
  1139.  
  1140. </body>
  1141. </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!