Guest User

Untitled

a guest
Mar 5th, 2016
683
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.24 KB | None | 0 0
  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>
Advertisement
Add Comment
Please, Sign In to add comment