Advertisement
Guest User

Kol 2019

a guest
May 19th, 2019
91
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.20 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4.  
  5.  
  6. <title>{Title}</title>
  7. <link rel="shortcut icon" href="{Favicon}">
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  10.  
  11. <!---- this is theme 50 by Hollywhood
  12. please don't remove the credit
  13. thank you
  14. --->
  15.  
  16. <meta name="color:Background" content="#19191b"/>
  17. <meta name="color:Text" content="#ccc"/>
  18. <meta name="color:Link" content="#fff"/>
  19. <meta name="color:Link Hover" content="#000"/>
  20. <meta name="color:border" content="#081f2a"/>
  21. <meta name="color:scrollbar" content="#999999">
  22.  
  23. <meta name="text:link1" content="" />
  24. <meta name="text:link1 url" content="/">
  25. <meta name="text:link2" content="" />
  26. <meta name="text:link2 url" content="/">
  27. <meta name="text:link3" content="" />
  28. <meta name="text:link3 url" content="/">
  29. <meta name="text:link4" content="" />
  30. <meta name="text:link4 url" content="/">
  31.  
  32. <script language="JavaScript" src="https://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  33.  
  34. <link href='https://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
  35. <link href='https://fonts.googleapis.com/css?family=La+Belle+Aurore' rel='stylesheet' type='text/css'>
  36. <link href="https://fonts.googleapis.com/css?family=Crimson+Text" rel="stylesheet">
  37. <link href="https://fonts.googleapis.com/css?family=Josefin+Sans" rel="stylesheet">
  38. <link href="https://fonts.googleapis.com/css?family=Allerta" rel="stylesheet">
  39. <link href="https://fonts.googleapis.com/css?family=Satisfy" rel="stylesheet">
  40. <link href="https://fonts.googleapis.com/css?family=Markazi+Text" rel="stylesheet">
  41.  
  42.  
  43. <style type="text/css">
  44.  
  45. ::-webkit-scrollbar-thumb{
  46. background-color:transparent;
  47. border: none;
  48. height:20px;
  49. }
  50.  
  51. ::-webkit-scrollbar {
  52. background-color: transparent;
  53. border: 3px transparent;
  54. height:auto;
  55. width: 3px;
  56. }
  57.  
  58. ::selection {
  59. background:#a1745b;
  60. color:#000;
  61. }
  62.  
  63. ::-moz-selection {
  64. background:#a1745b;
  65. color:#000;
  66. }
  67.  
  68. ::-webkit-selection {
  69. background:#a1745b;
  70. color:#000;
  71. }
  72.  
  73. iframe#tumblr_controls {
  74. white-space:nowrap;
  75. -webkit-filter: invert(100%);
  76. -moz-filter: invert(100%);
  77. -o-filter: invert(100%);
  78. -ms-filter: invert(100%);
  79. filter: invert(100%);
  80. opacity:.2;transition: .8s ease-in-out;
  81. -webkit-transition: .8s ease-in-out;
  82. -moz-transition: .8s ease-in-out;
  83. -o-transition: .8s ease-in-out;
  84. }
  85.  
  86. /*TEXT & FONT DETAILS: START*/
  87.  
  88. h1 {
  89. background-color: transparent;
  90. font-family: 'Josefin Sans', sans-serif;
  91. font-size: 16px;
  92. line-height: 20px;
  93. letter-spacing: 1px;
  94. text-align: center;
  95. text-transform:uppercase;
  96. color: #a06c4b;
  97. }
  98.  
  99.  
  100. h2 {
  101. background-color: transparent;
  102. font-family: 'Josefin Sans', sans-serif;
  103. font-size: 15px;
  104. line-height: 16px;
  105. letter-spacing: 2px;
  106. text-align: left;
  107. text-transform:uppercase;
  108. color: #a06c4b;
  109. }
  110.  
  111. b, bold, strong {
  112. font-size:14px;
  113. font-weight:bold;
  114. text-transform:uppercase;
  115. letter-spacing:0px;
  116. font-family: 'Allerta', sans-serif;
  117. color: #bf1a18;
  118. }
  119.  
  120. i, italic, em {
  121. font-size:16px;
  122. color: #a06c4b;
  123. font-family: 'Satisfy', cursive;
  124. letter-spacing:0px;
  125. text-transform:lowercase;
  126. text-shadow: #000 0 0 6px;
  127. }
  128.  
  129. small {
  130. font-size:12px}
  131.  
  132. sup,sub {
  133. font-size:11px}
  134.  
  135. big {
  136. font-size:16px;
  137. text-transform:uppercase;
  138. letter-spacing:0px;
  139. font-family: 'Allerta', sans-serif;
  140. font-weight:bold;
  141. color: #cc3333;
  142. }
  143.  
  144.  
  145. pre {
  146. font-family:calibri;
  147. font-size:10px;
  148. color: #fff;
  149. background-color:transparent;
  150. background-attachment:static;
  151. background-image:url(https://i.imgur.com/WxvjQ3F.png);
  152. border-left: double 3px #000;
  153. border-top: double 3px #000;
  154. border-right: double 3px #000;
  155. border-bottom: double 3px #000;
  156. letter-spacing:1px;
  157. padding-bottom:2px;
  158. padding-top:2px;
  159. max-width:250px;
  160. text-align:center;
  161. text-transform: uppercase;
  162. overflow-y: auto;
  163.  
  164.  
  165. letter-spacing:1px;
  166. padding-bottom:2px;
  167. padding-top:2px;
  168. max-width:250px;
  169. text-align:center;
  170. text-transform: uppercase;
  171. overflow-y: auto;
  172. }
  173.  
  174. blockquote {
  175. padding:0 0 0 10px;
  176. border-left:4px solid #e14532;
  177. padding-left:15px;
  178. padding:5px;
  179. margin:5px;
  180. width:240px;
  181. }
  182. blockquoteblockquote {
  183. padding:0 0 0 10px;
  184. border-left:4px solid #e14532;
  185. padding-left:15px;
  186. padding:4px;
  187. margin:5px;
  188. width:200px;
  189. -moz-border-radius:8px;
  190. -webkit-border-radius:8px;
  191. }
  192. blockquoteblockquoteblockquote {
  193. padding:0 0 0 10px;
  194. border-left:4px solid #e14532;
  195. padding-left:15px;
  196. padding:4px;
  197. margin:5px;
  198. width:150px;
  199. -moz-border-radius:8px;
  200. -webkit-border-radius:8px;
  201. }
  202.  
  203. /*TEXT & FONT DETAILS: FINISH*/
  204.  
  205. body {
  206.  
  207. background:#19191b;
  208. margin:0px;
  209. color:{color:text};
  210. font-family: times;
  211. font-size:12px;
  212. line-height:110%;
  213. background-image:url(https://i.imgur.com/Rznl9mp.jpg);
  214. background-attachment: fixed;
  215. background-repeat: no-repeat;
  216. background-position:left top;
  217. }
  218.  
  219. a {
  220. text-decoration:none;
  221. outline:none;
  222. -moz-outline-style:none;
  223. color:{color:link};
  224. text-shadow:0px 0px 13px #fff;
  225. -moz-transition-duration:0.5s;
  226. -webkit-transition-duration:0.5s;
  227. -o-transition-duration:0.5s;
  228. }
  229.  
  230. a:hover {
  231. outline:none;
  232. -moz-outline-style:none;
  233. color:{color:link hover};
  234. text-shadow:0px 0px 13px #fff;
  235. }
  236.  
  237. img {
  238. max-width:100%;
  239. height:auto;
  240. opacity: 1;
  241. -webkit-transition: all 0.6s ease-in-out;
  242. }
  243. img:hover {
  244. opacity: 1;
  245. -webkit-filter:grayscale(0%);
  246. -webkit-transition: all 0.2s ease-in-out;
  247. }
  248.  
  249. #theme {
  250. width:260px;
  251. margin:0 auto -12px auto;
  252. }
  253.  
  254. #post {
  255. width:250px;
  256. padding:10px;
  257. border:0px solid #fff;
  258. font-family:times;
  259. font-size:12px;
  260. }
  261.  
  262. #entries {
  263. position: absolute;
  264. height:700px;
  265. overflow-x: hidden;
  266. overflow-y: auto;
  267. padding:10px;
  268. width:270px;
  269. top:0px;
  270. left:680px;
  271. opacity: 1;
  272. padding:15px;
  273. }
  274.  
  275. #sidebar1 {
  276. width:170;
  277. height:410px;
  278. position:fixed;
  279. z-index:10;
  280. top:240px;
  281. left:1020px;
  282.  
  283. }
  284.  
  285. #alinks {
  286. position:absolute;
  287. letter-spacing:2px;
  288. position:fixed;
  289. width:170px;
  290. top:280px;
  291. left:1020px;
  292. font-size:15px;
  293. text-align:center;
  294. line-height:200%;
  295. font-family:times;
  296. text-shadow:0px 0px 13px #fff;
  297. opacity: 1;
  298. }
  299.  
  300. #links a{
  301. padding:1px;
  302. color: #fff;
  303. letter-spacing:1px;
  304. text-decoration:none;
  305. text-shadow: #fff 0 0 6px;
  306. text-decoration:none;
  307. -moz-transition-duration:.7s;
  308. -webkit-transition-duration:.7s;
  309. -o-transition-duration:.7s;
  310. }
  311.  
  312. #links a:hover {
  313. opacity:2;
  314. color: transparent;
  315. text-shadow: #fff 0 0 5px;
  316. text-decoration:none;
  317. width:78px;
  318. -moz-transition-duration:.4s;
  319. -webkit-transition-duration:.4s;
  320. -o-transition-duration:.4s;
  321. }
  322.  
  323.  
  324. #title {
  325. position:absolute;
  326. font-size:20px;
  327. font-family: 'Allerta', sans-serif;
  328. font-weight:bold;
  329. color:#bb1919;
  330. line-height:120%;
  331. width:170px;
  332. text-align:center;
  333. margin-top:12px;
  334. margin-left:5px;
  335.  
  336. }
  337.  
  338. #description {
  339. position:fixed;
  340. width:155px;
  341. height:230px;
  342. overflow-y: scroll;
  343. padding:5px;
  344. font-family:times;
  345. top:305px;
  346. left:1020px;
  347. text-align:center;
  348. font-size:11px;
  349. color:{color:text};
  350. letter-spacing:0px;
  351. line-height:120%;
  352. background-color: transparent;
  353. }
  354.  
  355. #description a {
  356. color:{color:link};
  357. }
  358.  
  359. #description a:hover {
  360. color:{color:link hover};
  361. }
  362.  
  363. #pagination {
  364. font-family:times;
  365. width:250px;
  366. font-size:16px;
  367. margin-top:25px;
  368. margin-left:-8px;
  369. padding-left:5px;
  370. letter-spacing:1px;
  371. word-spacing:15px;
  372. text-align:center;
  373. text-transform:uppercase;
  374. }
  375.  
  376. #pagination a {
  377. color:{color:link};
  378. }
  379. #pagination a:hover {
  380. opacity:2;
  381. color: transparent;
  382. text-shadow: #ffffff 0 0 2px;
  383. text-decoration:none;
  384. width:78px;
  385. -moz-transition-duration:.6s;
  386. -webkit-transition-duration:.6s;
  387. -o-transition-duration:.6s;
  388. }
  389.  
  390. #info {
  391. background-color:transparent;
  392. background-attachment:static;
  393. background-image:url(https://i.imgur.com/WxvjQ3F.png);
  394. border-left: double 3px #000;
  395. border-top: double 3px #000;
  396. border-right: double 3px #000;
  397. border-bottom: double 3px #000;
  398. padding:2px;
  399. width:250px;
  400. text-align:center;
  401. letter-spacing:1px;
  402. margin-top:8px;
  403. margin-bottom:8px;
  404. text-transform:uppercase;
  405. font-size:10px;
  406. }
  407.  
  408. #info a {
  409. color:#fff;}
  410.  
  411. #info a:hover {
  412. color:#000;}
  413.  
  414. .tags {
  415. width:250px;
  416. padding:10px;
  417. font-size:8px;
  418. text-align:center;
  419. font-family:times;
  420. text-transform:uppercase;
  421. background:transparent;
  422. border-bottom:1px solid #272728;
  423. }
  424.  
  425.  
  426. .tags a {
  427. color:#3c3c3c;
  428. margin-bottom:20px;
  429. letter-spacing:1px;
  430. text-shadow:0px 0px 3px #000; }
  431.  
  432.  
  433. .tags a:hover {
  434. color:#131313;
  435. text-shadow:0px 0px 1px #000;
  436. -webkit-filter:none;
  437. -webkit-transition: all 0.6s ease-in-out;
  438. opacity:1;
  439. -webkit-transition: all 0.6s ease-in-out;
  440. -moz-transition: all 0.6s ease-in-out;
  441. -o-transition: all 0.6s ease-in-out;
  442. -ms-transition: all 0.6s ease-in-out;
  443. transition: all 0.6s ease-in-out;
  444. }
  445.  
  446. #post:hover .tags{
  447. opacity:1;
  448. -moz-transition-duration:0.5s;
  449. -webkit-transition-duration:0.5s;
  450. -o-transition-duration:0.5s;
  451. }
  452.  
  453. /* Audio & Chat */
  454.  
  455. .lines,.chat h2 {margin:10px 0;padding:0;}
  456. .lines b {display:block;}
  457. .play {padding:10px;background:#e4e4e4;height:27px;width:27px;}
  458. .audio {font-size:0;}
  459. .audio b.line {margin-top:23px;}
  460. .play,.au {display:inline-block;vertical-align:middle;}
  461. .soundcloud_audio_player{padding:15px 0;}
  462. .au span.tn {font-size:10px;font-weight:600;}
  463. .au span {display:block;font-size:9px;line-height:100%;}
  464. .au span:first-of-type {margin-bottom:15px;}
  465. .au {width:calc(100% - 62px);margin-left:15px;}
  466. .tumblr_audio_player {width:27px;height:27px;overflow:hidden;}
  467.  
  468.  
  469. /** ASK BOX **/
  470.  
  471. .question {
  472. color:#fff;
  473. background-color:transparent;
  474. background-attachment:static;
  475. background-image:url(https://i.imgur.com/WxvjQ3F.png);
  476. border-left: double 3px #000;
  477. border-top: double 3px #000;
  478. border-right: double 3px #000;
  479. border-bottom: double 3px #000;
  480. padding:10px;
  481. max-width:245px;
  482. text-transform:none;
  483. font-size:12px;
  484. letter-spacing:0px;
  485. text-align:left;
  486. }
  487.  
  488. .ask {
  489. max-width:250px;
  490. padding-left:10px;
  491. border-radius:6px;
  492. padding:5px;
  493. color:#000;
  494. }
  495.  
  496. .asker {
  497. text-transform:uppercase;
  498. font-size:14px;
  499. color: #fff;
  500. text-shadow:0px 0px 13px #fff;
  501. letter-spacing:1px;
  502. text-align:left;
  503. margin-top:0px;
  504. }
  505.  
  506. .asker a{
  507. font-weight:bold;
  508. }
  509.  
  510. .answer {
  511. padding:5px;
  512. margin-left:0px;
  513. font-size:12px;
  514. border-radius:7px;
  515. text-transform:none;
  516. letter-spacing:0px;
  517. width:250px;
  518. }
  519.  
  520.  
  521. /**END ASK BOX**/
  522.  
  523. /* TOOLTIP DETAILS */
  524.  
  525. #s-m-t-tooltip{
  526. max-width:250px;
  527. margin:15px;
  528. padding:2px 8px;
  529. background-color:#010000;
  530. background-repeat:none;
  531. background-attachment:fixed;
  532. color:#ccc;
  533. text-shadow:1px 1px 0px #000,
  534. 1px -1px 0px #000,
  535. -1px -1px 0px #000,
  536. -1px 1px 0px #000,
  537. 0px 1px 0px #000,
  538. 0px -1px 0px #000,
  539. 1px 0px 0px #000,
  540. -1px 0px 0px #000;
  541. z-index:99999999999999999999;
  542. font-size:9px;
  543. letter-spacing:2px;
  544. font-style:bold;
  545. letter-spacing:2px;
  546. font-family: times;
  547. text-transform:uppercase;
  548. box-shadow:1px 1px 3px rgba(0,0,0,.1);
  549. }
  550.  
  551. #credit {
  552. font-size:9px;
  553. font-family:times;
  554. font-style:bold;
  555. letter-spacing:1px;
  556. -moz-transition-duration:0.5s;
  557. -webkit-transition-duration:0.5s;
  558. -o-transition-duration:0.5s;
  559. }
  560.  
  561. #credit a {
  562. background-color:transparent;
  563. padding:5px;
  564. position:fixed;
  565. right:15px;
  566. bottom:20px
  567. }
  568.  
  569. #credit a:hover {
  570. color:#fff;
  571. background-color:#191919;
  572. }
  573.  
  574. {CustomCSS}
  575. </style></head><body>
  576.  
  577.  
  578. <div id="theme">
  579. <div id="sidebar1">
  580. <div id="alinks">
  581. <a href="{text:link1 url}" title="{text:link1}">I.</a>
  582. <a href="{text:link2 url}" title="{text:link2}">II.</a>
  583. <a href="{text:link3 url}" title="{text:link3}">III.</a>
  584. <a href="{text:link4 url}" title="{text:link4}">IV.</a></div>
  585.  
  586.  
  587.  
  588. <div id="title">{Title}</div>
  589. <div id="description">{description}
  590. </div>
  591. </div>
  592.  
  593. <div id="entries">{block:Posts}<div id="post">
  594.  
  595. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  596.  
  597. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-250}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  598.  
  599. {block:Photoset}{Photoset-250}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  600.  
  601. {block:Quote}<big><big>❝{Quote}❞</big></big>{block:Source}<br><br> <div style="text-align: right;">— {Source}</div>{/block:Source}{/block:Quote}
  602.  
  603. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}{hw}
  604.  
  605. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}{hw}
  606.  
  607. {block:Audio}
  608. <div class="audio">
  609. <b class="line"></b>
  610. {block:AudioPlayer}<div class="play">{AudioPlayerGrey}</div>{/block:AudioPlayer}
  611. <div class="au">
  612. {block:TrackName}<span class="tn">{TrackName}</span>{/block:TrackName}
  613. {block:Artist}<span>by {Artist}</span>{/block:Artist}
  614. </div>
  615. </div>
  616. {/block:Audio}
  617.  
  618. {block:Video}{Video-250}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  619.  
  620. {block:Answer}<div class="question"><big>{ASKER}:</big>&nbsp;{Question}</div><div class="answer">{Answer}</div>{/block:answer}
  621.  
  622. {block:Date}<div id="info"> <a title="{TimeAgo}" href="{Permalink}">{Month} &nbsp;{DayOfMonth}</a>
  623. {/block:Date} {block:NoteCount}&nbsp; ( <font color=#800000>♥</font> <a href="{Permalink}">{NoteCount}</a> ) {/block:NoteCount}
  624.  
  625. {block:RebloggedFrom}&nbsp; <a title="{ReblogParentName}" href="{ReblogParentURL}">via</a> {/block:RebloggedFrom}{block:ContentSource} &nbsp; / &nbsp; <a title="{SourceTitle}" href="{SourceURL}">source</a>{/block:ContentSource} {/block:RebloggedFrom} &nbsp; <a href="{ReblogURL}"target="_blank" title="reblog this post"><big>+</big> </a>
  626. </div>
  627.  
  628.  
  629. {block:HasTags}
  630. <div class="tags">
  631. † {block:Tags} <a href="{TagURL}"> ;{Tag} </a> {/block:Tags}</div>
  632. {/block:HasTags}
  633. <div class="postnote">
  634. {block:PostNotes}{PostNotes}{/block:PostNotes}
  635. </div>
  636. </div>
  637. {/block:Posts}
  638.  
  639. <div id="pagination">
  640. <center>{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">←future</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">past→</a><br />{/block:NextPage}{/block:Pagination}</div></center></div>
  641.  
  642.  
  643. </div>
  644. <div id="credit"><a href="https://hollywhood.tumblr.com">HW</div></div>
  645.  
  646. </body>
  647.  
  648. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement