SHARE
TWEET

Untitled

a guest Mar 5th, 2016 465 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!----------- Sleepless Night; Theme 01 by NaverKRPH
  5. 1. Do not remove our credit
  6. 2. Do not use this as a base code
  7. 3. Do not change it so much that it doesn’t look like our theme
  8. 4. Do not claim as your own or redistribute the code
  9. ------------>
  10.  
  11. <title>{Title}</title>
  12. <link rel="shortcut icon" href="{Favicon}">
  13. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  14. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  15.  
  16.  
  17. <!--------DEFAULT VARIABLES-------->
  18.  
  19. <meta name="color:background" content="#ffffff"/>
  20. <meta name="color:text" content="#000000"/>
  21. <meta name="color:links" content="#626262"/>
  22. <meta name="color:links hover" content="#a5a5a5"/>
  23. <meta name="color:question" content="#f8f8f8"/>
  24. <meta name="color:scrollbar" content="#000000"/>
  25. <meta name="color:scrollbar background" content="#ffffff"/>
  26.  
  27. <meta name="image:background" content=""/>
  28. <meta name="image:sidebar" content=""/>
  29. <meta name="image:sidebar2" content=""/>
  30.  
  31. <meta name="if:250px" content="1"/>
  32. <meta name="if:400px" content="0"/>
  33. <meta name="if:500px" content="0"/>
  34.  
  35. <meta name="text:link 1 title" content=""/>
  36. <meta name="text:link 1 url" content="/"/>
  37. <meta name="text:link 2 title" content=""/>
  38. <meta name="text:link 2 url" content="/"/>
  39. <meta name="text:link 3 title" content=""/>
  40. <meta name="text:link 3 url" content="/"/>
  41.  
  42. <meta name="text:hover 1 title" content=""/>
  43. <meta name="text:hover 2 title" content=""/>
  44. <meta name="text:hover 3 title" content=""/>
  45. <meta name="text:hover 4 title" content=""/>
  46. <meta name="text:hover 5 title" content=""/>
  47. <meta name="text:hover 6 title" content=""/>
  48.  
  49. <!----------------SCRIPTS---------------->
  50.  
  51. <link href="http://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  52. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  53. <script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  54. <script>
  55. (function($){
  56. $(document).ready(function(){
  57. $("[title]").style_my_tooltips({
  58. tip_follows_cursor:true,
  59. tip_delay_time:200,
  60. tip_fade_speed:300
  61. });
  62. });
  63. })(jQuery);
  64. </script>
  65.  
  66. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  67.  
  68.     <style type="text/css">
  69. @font-face {font-family:'NAME'; src: url() format("truetype"); }    
  70.    
  71. /*----------SCROLLBAR---------*/
  72.  
  73. ::-webkit-scrollbar {
  74. background-color: {color:scrollbar bg};
  75. height:8px;
  76. width:5px;
  77. }
  78.  
  79. ::-webkit-scrollbar-thumb:vertical {
  80. background-color:{color:scrollbar};
  81. height:50px;
  82. }
  83.  
  84. ::-webkit-scrollbar-thumb:horizontal {
  85. background-color:{color:scrollbar bg};
  86. height:8px;
  87. }
  88.    
  89. /*----------TOOLTIPS---------*/
  90.  
  91. #s-m-t-tooltip {
  92. max-width:300px;
  93. margin:15px;
  94. padding:5px;
  95. border:1px solid #eeeeee;
  96. border-radius:0px;
  97. background:#ffffff;
  98. color:{color:text};
  99. z-index:999999;
  100. font-size:7px;
  101. font-style:none;
  102. letter-spacing:2px;
  103. font-family:arial;
  104. text-transform:uppercase;
  105. box-shadow:1px 1px 3px rgba(0,0,0,.0);
  106. }
  107.  
  108. /*----------BASICS---------*/
  109.  
  110. body {
  111.     background: url('{image:background}') no-repeat center center fixed;
  112.     -webkit-background-size: cover;
  113.     -moz-background-size: cover;
  114.     -o-background-size: cover;
  115.     background-size: cover;
  116.     color:{color:text};
  117.     font-family:arial;
  118.     font-size:11px;
  119.     line-height:150%;
  120.     margin:0;
  121.     text-align:left;
  122. }
  123.  
  124.  
  125. a {
  126.     color:{color:links};
  127.     text-decoration:none;
  128. }
  129.  
  130. a:hover {
  131.     color:{color:links hover};
  132.     transition:1s;
  133.     -webkit-transition:1s;
  134.     -moz-transition:1s;
  135.     -o-transition:1s;
  136. }
  137.  
  138. img {
  139.     opacity:1;
  140.     text-decoration:none;
  141. }
  142.  
  143. h1 {
  144.     font-size:14px;
  145.     font-weight:bold;
  146.     font-family:arial;
  147.     line-height:150%;
  148.     text-transform:uppercase;
  149. }
  150.  
  151. blockquote {
  152.     padding-left:10px;
  153.     margin:10px;
  154.     border-left:1px solid #eee;
  155. }
  156.  
  157. /*----------SIDEBAR---------*/
  158.  
  159. #sidebar {
  160.     position:fixed;
  161.     top:150px;
  162.     width:180px;
  163.     height:180px;
  164.     left:50px;
  165.     border:3px solid #171717;
  166. }
  167.  
  168. .sidebar img {
  169.     width:180px;
  170.     height:180px;
  171. }
  172.  
  173. #sidebar2 {
  174.     position:fixed;
  175.     top:340px;
  176.     width:330px;
  177.     height:80px;
  178.     left:50px;
  179.     border:3px solid #171717;
  180. }
  181.  
  182. .sidebar2 img {
  183.     width: 330px;
  184.     height:80px;
  185. }
  186.  
  187. #title {
  188.     position:fixed;
  189.     font-size:25px;
  190.     font-family:'saint-andrews';
  191.     text-transform:none;
  192.     font-weight:bold;
  193.     top:130px;
  194.     left:50px;
  195.     width:250px;
  196. }
  197.  
  198. #description {
  199.     position:fixed;
  200.     width:120px;
  201.     height:108px;
  202.     text-align:justify;
  203.     top:150px;
  204.     left:240px;
  205.     padding:10px;
  206.     background-color:#111111;
  207.     border:3px solid #171717;
  208. }
  209.  
  210. #linksbox {
  211.     position:fixed;
  212.     width:120px;
  213.     height:1px;
  214.     top:288px;
  215.     left:240px;
  216.     padding:10px;
  217.     background-color:#111111;
  218.     border:3px solid #171717;
  219. }
  220.  
  221. #links {
  222.     position:fixed;
  223.     width:120px;
  224.     height:1px;
  225.     word-spacing:8px;
  226.     padding:10px;
  227.     top:283px;
  228.     left:240px;
  229. }
  230.  
  231. .links a {
  232.     display:block;
  233.     letter-spacing:1px;
  234. }
  235.  
  236. #hoversbox {
  237.     position:fixed;
  238.     width:128px;
  239.     height:1px;
  240.     top:318px;
  241.     left:240px;
  242.     padding:7px;
  243.     background-color:#111111;
  244.     border:2px solid #171717;
  245. }
  246.  
  247. #hovers {
  248.     position:fixed;
  249.     width:120px;
  250.     height:1px;
  251.     word-spacing:7px;
  252.     padding:10px;
  253.     top:310px;
  254.     left:245px;
  255. }
  256.  
  257. .hovers a {
  258.     display:block;
  259.     padding:8px;
  260.     letter-spacing:1px;
  261.     border-bottom:1px solid #eee;
  262. }
  263.  
  264. /*----------PAGINATION---------*/
  265.  
  266. .pagination {
  267.     padding:10px;
  268.     margin-top:10px;
  269.     text-align:center;
  270.     letter-spacing:1px;
  271. }
  272.  
  273. /*----------POSTS---------*/
  274.  
  275. .entries {
  276.     margin-left:500px;
  277.     margin-top:50px;
  278.     {block:if250px}
  279.     width: 250px;
  280.     {/block:if250px}
  281.     {block:if400px}
  282.     max-width: 400px;
  283.     {/block:if400px}
  284.     {block:if500px}
  285.     max-width: 500px;
  286.     {/block:if500px}
  287. }
  288.  
  289. .posts {
  290.     {block:if250px}
  291.     width: 250px;
  292.     {/block:if250px}
  293.     {block:if400px}
  294.     max-width: 400px;
  295.     {/block:if400px}
  296.     {block:if500px}
  297.     max-width: 500px;
  298.     {/block:if500px}
  299.     margin-bottom:70px;
  300.     background-color:#111111;
  301.     padding:20px;
  302.     border:3px solid #171717;
  303. }
  304.  
  305.  
  306. /*----------QUOTE---------*/
  307.  
  308. .quote {
  309.     padding:10px;
  310.     font-size:15px;
  311. }
  312.  
  313. .quotesource {
  314.     padding:10px;
  315.     text-align:center;
  316. }
  317.  
  318. /*----------CHAT---------*/
  319.  
  320. .chat {
  321.     line-height:150%;
  322.     list-style:none;
  323. }
  324.  
  325. .line.odd {
  326.     padding:10px;
  327.     background:#f8f8f8;
  328. }
  329.  
  330. .line.even {
  331.     padding:10px;
  332. }
  333.  
  334. .label {
  335.     text-transform:uppercase;
  336.     font-size:10px;
  337.     letter-spacing:1px;
  338.     font-weight:bold;
  339. }
  340.  
  341. /*----------AUDIO---------*/
  342.  
  343. .cover {
  344.     position:relative;
  345.     z-index:1;
  346.     max-width:100px;
  347.     padding:10px;
  348.     float:left;
  349. }
  350.  
  351. .playbutton {
  352.     width:20px;
  353.     height:30px;
  354.     overflow:hidden;
  355.     position:relative;
  356.     z-index:2;
  357.  
  358. }
  359.  
  360.  
  361. .playbox {
  362.     background-color:#000;
  363.     position:absolute;
  364.     z-index:2;
  365.     padding:15px 24px 13px 16px;
  366.     margin-top:30px;
  367.     margin-left:30px;
  368.     opacity:0.5;
  369. }
  370.  
  371. .trackdetails {
  372.     padding:10px;
  373.     width:auto;
  374.     height:100px;
  375.     margin-top:10px;
  376.     margin-left:100px;
  377. }
  378.  
  379. /*----------ASK---------*/
  380.  
  381. .question {
  382.     padding:10px;
  383.     background-color:#111111;
  384. }
  385.  
  386.  
  387. .asker {
  388.     text-transform:uppercase;
  389. }
  390.  
  391. .answer {
  392.     margin:10px;
  393. }
  394.  
  395. /*----------INFO---------*/
  396.  
  397. .info {
  398.     padding:10px;
  399.     text-transform:uppercase;
  400.     border-top:1px solid #eee;
  401.     margin-top:25px;
  402. }
  403.  
  404.  
  405. .tags {
  406.     margin-left:10px;
  407.     margin-top:-5px;
  408. }
  409.  
  410. .tags a {
  411.     margin-right:10px;
  412.     letter-spacing:1px;
  413. }
  414.  
  415. /*----------POST NOTES---------*/
  416.  
  417. ol.notes {
  418. padding:0px;
  419. margin:25px 0px 0px -10px;
  420. list-style-type:none;
  421. }
  422.  
  423. ol.notes li.note {
  424. padding:10px;
  425. }
  426.  
  427. ol.notes li.note img.avatar {
  428. vertical-align:-4px;
  429. margin-right:10px;
  430. width:16px;
  431. height:16px;
  432. }
  433.  
  434. ol.notes li.note span.action {
  435. font-weight:none;
  436. }
  437.  
  438. ol.notes li.note .answer_content {
  439. font-weight:normal;
  440. }
  441.  
  442. ol.notes li.note blockquote {
  443. padding:4px 10px;
  444. margin:10px 0px 0px 25px;
  445. }
  446.  
  447. ol.notes li.note blockquote a {
  448. text-decoration:none;
  449. }
  450.  
  451. /*----------CREDIT---------*/
  452.  
  453. .credit {
  454. font-size:8px;
  455. position:fixed;
  456. font-weight:bold;
  457. bottom:5px;
  458. right:15px;
  459. z-index:10;
  460. text-align:right;
  461. letter-spacing:1px;
  462. padding:2px;
  463. }
  464.  
  465. .credit a {
  466. color:{color:links};
  467. text-decoration:none;
  468. }
  469.  
  470. .credit a:hover {
  471. color:{color:links hover};
  472. text-decoration:none;
  473. }
  474.  
  475. </style>
  476. </head>
  477.  
  478. <body>
  479.  
  480. <div class="credit">
  481. <a title="theme" href="http://naverkrph.tumblr.com/" target="_blank">NKT</a></div>
  482.  
  483. <div id="sidebar">
  484.     <img src="{image:sidebar}"/></div>
  485.    
  486. <div id="sidebar2">
  487.     <img src="{image:sidebar2}"/></div>    
  488.    
  489. <div id="title"><a href="/">{Title}</a></div>
  490.  
  491. <div id="description" div style="overflow-y: scroll; overflow-x: hidden;">{Description}</div>
  492.    
  493. <div id="linksbox"><div id="links">
  494. <a href="/" title="restart"><i class="fa fa-home"></i></a>
  495. <a href="/inbox" title="inbox"><i class="fa fa-envelope-o"></i></a>
  496. <a href="/submit" title="submit"><i class="fa fa-cloud-upload"></i></a>
  497. <a href="{text:link 1 url}" title="{text:link 1 title}"><i class="fa fa-folder-o"></i></a>
  498. <a href="{text:link 2 url}" title="{text:link 2 title}"><i class="fa fa-folder-o"></i></a>
  499. <a href="{text:link 3 url}" title="{text:link 3 title}"><i class="fa fa-folder-o"></i></a>
  500.        
  501.     </div></div>
  502.    
  503. <div id="hoversbox"><div id="hovers">
  504. <a  title="{text:hover 1 title}">❤</a>
  505. <a  title="{text:hover 2 title}">❤</a>
  506. <a  title="{text:hover 3 title}">❤</a>
  507. <a  title="{text:hover 4 title}">❤</a>
  508. <a  title="{text:hover 5 title}">❤</a>
  509. <a  title="{text:hover 6 title}">❤</a>
  510.     </div></div>  
  511.    
  512.     <div class="pagination">
  513. {block:Pagination}
  514. {block:PreviousPage}
  515. <a href="{PreviousPage}">back</a>{/block:PreviousPage}&nbsp; &nbsp;&nbsp;
  516.  
  517. {block:NextPage}
  518. <a href="{NextPage}">next</a>
  519. {/block:NextPage}
  520. {/block:Pagination}
  521. </div>
  522. </div>
  523.    
  524. <div class="entries">
  525.  
  526. {block:Posts}
  527.  
  528. <div class="posts">
  529.  
  530. {block:Text}
  531. <h1>{block:Title}{Title}{/block:Title}</h1>
  532. {Body}{/block:Text}
  533.  
  534.  
  535. {block:Photo}
  536. {LinkOpenTag}{block:if250px}<img src="{PhotoURL-250}">{/block:if250px}{block:if400px}<img src="{PhotoURL-400}">{/block:if400px}{block:if500px}<img src="{PhotoURL-500}">{/block:if500px}{LinkCloseTag}
  537. {block:Caption}{Caption}{/block:Caption}
  538. {/block:Photo}
  539.  
  540.  
  541. {block:Photoset}
  542. {block:if250px}{Photoset-250}{/block:if250px}{block:if400px}{Photoset-400}{/block:if400px}{block:if500px}{Photoset-500}{/block:if500px}
  543. {block:Caption}{Caption}{/block:Caption}
  544. {/block:Photoset}
  545.  
  546.  
  547. {block:Quote}
  548. <div class="quote">"{Quote}"</div>
  549. {block:Source}<div class="quotesource"> — {Source}</div>
  550. {/block:Source}{/block:Quote}
  551.  
  552.  
  553. {block:Link}
  554. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  555. {block:Description}{Description}{/block:Description}
  556. {/block:Link}
  557.  
  558.  
  559. {block:Chat}
  560. {block:Title}<h1>{Title}</h1>{/block:Title} <div class="chat"> {block:Lines} <li class="line {Alt}"> {block:Label} <span class="label"> {Label}</span> {/block:Label}{Line}</li> {/block:Lines}</div>
  561. {/block:Chat}
  562.  
  563.  
  564. {block:Audio}
  565.  
  566. <div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}</div></div>
  567.  
  568. {block:AlbumArt}
  569. <img src="{AlbumArtURL}" class="cover">
  570. {/block:AlbumArt}
  571.  
  572.  
  573. <div class="trackdetails"><br>
  574. {block:TrackName}<b>TRACK:</b> {TrackName}{/block:TrackName}<br>
  575.  
  576. {block:Artist}<b>ARTIST:</b> {Artist}{/block:Artist}<br>
  577.  
  578. <b>PLAYS:</b> {FormattedPlayCount}</div>
  579.  
  580.  
  581. {block:Caption}
  582. <div class="caption">{Caption}</div>
  583. {/block:Caption}
  584. {/block:Audio}
  585.  
  586.  
  587. {block:Video}
  588. {block:if250px}{Video-250}{/block:if250px}{block:if400px}{Video-400}{/block:if400px}{block:if500px}{Video-500}{/block:if500px}
  589. {block:Caption}{Caption}{/block:Caption}
  590. {/block:Video}
  591.  
  592.  
  593. {block:Answer}
  594. <div class="question">
  595. <div class="asker"><b>{Asker} said:</b></div>
  596. {Question}</div>
  597. <div class="answer">
  598. {Answer}</div>
  599. {/block:Answer}
  600.  
  601.  
  602. <div class="info">
  603. {block:Date}
  604. <b><a href="{Permalink}" title="{TimeAgo}">{Month} {DayOfMonth}{DayOfMonthSuffix}</b></a>
  605. {/block:Date}
  606.  
  607. &nbsp;&nbsp;
  608. <a href="{Permalink}">{NoteCount}</a>
  609. &nbsp;&nbsp;
  610.  
  611. <a href="{ReblogURL}" target="_blank" class="details"><i class="fa fa-repeat"></i></a>
  612.  
  613. <font style="float:right">
  614. {block:RebloggedFrom}
  615. <a href="{ReblogParentURL}" title="{ReblogParentName}">via </a>
  616. {block:ContentSource}
  617. <a href="{ReblogRootURL}" "{ReblogRootName}" title="{ReblogRootName}">/ src</a>
  618. {/block:ContentSource}
  619. {/block:RebloggedFrom}
  620. </font style>
  621.  
  622.  
  623. </div>
  624.  
  625.  
  626. {block:HasTags}
  627. <div class="tags">
  628. {block:Tags}
  629. <a href="{TagURL}">{Tag}</a>
  630. {/block:Tags}
  631. </div>
  632. {/block:HasTags}
  633.  
  634. </div>
  635.  
  636.  
  637. {block:PostNotes}
  638. {PostNotes}
  639. {/block:PostNotes}
  640.  
  641. {/block:Posts}
  642.  
  643. {block:ContentSource}
  644. <!---{SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  645. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  646. {/block:SourceLogo}
  647. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} --->
  648.  {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  649.    
  650. </body>
RAW Paste Data
Top