Advertisement
extasisthemes

Thieves (Header Theme Version)

Jul 31st, 2016
407
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.21 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <!----- Thieves (Header Theme Version) by extasisthemes ----->
  6.  
  7. <head>
  8.  
  9. <title>{Title}</title>
  10. <link rel="shortcut icon" href="{Favicon}">
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  12.  
  13. <meta name="color:Asker" content="#000000"/>
  14. <meta name="color:Audio Background" content="#ffffff"/>
  15. <meta name="color:Background" content="#f8f8f8"/>
  16. <meta name="color:Blockquote" content="#eeeeee"/>
  17. <meta name="color:Blog Title" content="#117777"/>
  18. <meta name="color:Border" content="#eeeeee"/>
  19. <meta name="color:Border Background" content="#ffffff"/>
  20. <meta name="color:Caption Background" content="#fafafa"/>
  21. <meta name="color:Caption Border" content="#eeeeee"/>
  22. <meta name="color:Credit" content="#000000"/>
  23. <meta name="color:Credit Background" content="#ffffff"/>
  24. <meta name="color:Hover" content="#cfcfcf"/>
  25. <meta name="color:Info Background" content="#ffffff"/>
  26. <meta name="color:Link" content="#000000"/>
  27. <meta name="color:Link Border" content="#117777"/>
  28. <meta name="color:List" content="#eeeeee"/>
  29. <meta name="color:Post Title" content="#000000"/>
  30. <meta name="color:Scrollbar" content="#000000"/>
  31. <meta name="color:Text" content="#000000"/>
  32. <meta name="color:Tooltip Background" content="#ffffff"/>
  33.  
  34. <meta name="text:Link 1" content="/"/>
  35. <meta name="text:Link 1 Title" content="Link One"/>
  36. <meta name="text:Link 2" content="/"/>
  37. <meta name="text:Link 2 Title" content="Link Two"/>
  38. <meta name="text:Link 3" content="/"/>
  39. <meta name="text:Link 3 Title" content="Link Three"/>
  40.  
  41. <meta name="text:Title" content="Thieves"/>
  42.  
  43. <meta name="image:Image" content="http://i.imgur.com/b3gRAWn.jpg"/>
  44.  
  45. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  46. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  47. <script>
  48. (function($){
  49. $(document).ready(function(){
  50. $("a[title]").style_my_tooltips({
  51. tip_follows_cursor:true,
  52. tip_delay_time:90,
  53. tip_fade_speed:600,
  54. attribute:"title"
  55. });
  56. });
  57. })(jQuery);
  58. </script>
  59.  
  60. <style type="text/css">
  61.  
  62. @import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
  63. @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,600italic,400italic);
  64.  
  65. ::-webkit-scrollbar-thumb:vertical {
  66. background:{color:Scrollbar};
  67. height:50px;
  68. }
  69.  
  70. ::-webkit-scrollbar {
  71. height:10px;
  72. width:3px;
  73. }
  74.  
  75. #s-m-t-tooltip {
  76. background:{color:Tooltip Background};
  77. border:1px solid {color:Border};
  78. color:{color:Text};
  79. font-family:'Open Sans', sans-serif;
  80. font-size:10px;
  81. font-style:normal;
  82. font-weight:normal;
  83. letter-spacing:0px;
  84. margin-top:20px;
  85. padding:10px;
  86. text-align:center;
  87. text-decoration:none;
  88. text-transform:uppercase;
  89. z-index:999999999999999999999999999999999999;
  90. }
  91.  
  92. body {
  93. background:{color:Background};
  94. color:{color:Text};
  95. cursor:url(http://i.imgur.com/lhPqll6.png), progress;
  96. font-family:'Open Sans', sans-serif;
  97. font-size:11px;
  98. font-style:normal;
  99. font-weight:normal;
  100. letter-spacing:0px;
  101. margin:0px;
  102. text-align:justify;
  103. text-decoration:none;
  104. text-transform:none;
  105. word-break:break-word;
  106. }
  107.  
  108. a {
  109. border-bottom:1px solid {color:Link Border};
  110. color:{color:Link};
  111. text-decoration:none;
  112. -webkit-transition: all 0.5s ease;
  113. -moz-transition: all 0.5s ease;
  114. -o-transition: all 0.5s ease;
  115. }
  116.  
  117. a:hover {
  118. color:{color:Hover};
  119. }
  120.  
  121. h1 {
  122. color:{color:Post Title};
  123. font-family:'Open Sans', sans-serif;
  124. font-size:12px;
  125. font-style:normal;
  126. font-weight:bold;
  127. letter-spacing:0px;
  128. line-height:150%;
  129. text-align:left;
  130. text-decoration:none;
  131. text-transform:none;
  132. }
  133.  
  134. blockquote {
  135. border-left:1px solid {color:Blockquote};
  136. margin:5px;
  137. padding-left:5px;
  138. }
  139.  
  140. blockquote img {
  141. height:auto;
  142. max-width:200px;
  143. }
  144.  
  145. blockquote blockquote {
  146. border-left:1px solid {color:Blockquote};
  147. padding-left:5px;
  148. }
  149.  
  150. ul {
  151. padding:10px;
  152. }
  153.  
  154. li {
  155. list-style:none;
  156. padding:2px 0px 1px 0px;
  157. }
  158.  
  159. li:before {
  160. color:{color:List};
  161. content:'–––––';
  162. letter-spacing:-3px;
  163. padding-right:10px;
  164. }
  165.  
  166. img {
  167. height:auto;
  168. max-width:100%;
  169. }
  170.  
  171. #border-container {
  172. margin-left:auto;
  173. margin-right:auto;
  174. width:600px;
  175. }
  176.  
  177. .border {
  178. background:{color:Border Background};
  179. height:100%;
  180. margin-top:-100px;
  181. position:fixed;
  182. width:600px;
  183. }
  184.  
  185. #container {
  186. margin-left:auto;
  187. margin-right:auto;
  188. width:600px;
  189. }
  190.  
  191. #border-left {
  192. background:{color:Border};
  193. height:100%;
  194. margin-top:-100px;
  195. position:fixed;
  196. width:1px;
  197. }
  198.  
  199. #border-right {
  200. background:{color:Border};
  201. height:100%;
  202. margin-left:600px;
  203. margin-top:-100px;
  204. position:fixed;
  205. width:1px;
  206. }
  207.  
  208. #sidebar {
  209. margin-left:100px;
  210. margin-top:100px;
  211. position:relative;
  212. width:200px;
  213. z-index:1;
  214. }
  215.  
  216. .image {
  217. height:50px;
  218. width:50px;
  219. }
  220.  
  221. .image img {
  222. border-radius:100px;
  223. height:50px;
  224. width:50px;
  225. }
  226.  
  227. .title {
  228. color:{color:Blog Title};
  229. font-family:'Montserrat', sans-serif;
  230. font-size:12px;
  231. font-style:normal;
  232. font-weight:900;
  233. letter-spacing:0px;
  234. margin-top:20px;
  235. text-decoration:none;
  236. text-align:left;
  237. text-transform:uppercase;
  238. }
  239.  
  240. .links {
  241. color:{color:Link};
  242. font-family:'Open Sans', sans-serif;
  243. font-size:10px;
  244. font-style:normal;
  245. font-weight:normal;
  246. letter-spacing:0px;
  247. margin-top:10px;
  248. text-decoration:none;
  249. text-align:left;
  250. text-transform:uppercase;
  251. }
  252.  
  253. .links a {
  254. border-bottom:none;
  255. display:inline-block;
  256. color:{color:Link};
  257. margin-right:5px;
  258. }
  259.  
  260. .links a:hover {
  261. color:{color:Hover};
  262. }
  263.  
  264. .border-top {
  265. background:{color:Border};
  266. height:1px;
  267. margin-top:10px;
  268. width:100px;
  269. }
  270.  
  271. .description {
  272. color:{color:Text};
  273. font-family:'Open Sans', sans-serif;
  274. font-size:11px;
  275. font-style:normal;
  276. font-weight:normal;
  277. letter-spacing:0px;
  278. margin-top:10px;
  279. text-decoration:none;
  280. text-align:left;
  281. text-transform:none;
  282. }
  283.  
  284. .border-bottom {
  285. background:{color:Border};
  286. height:1px;
  287. margin-top:10px;
  288. width:100px;
  289. }
  290.  
  291. #posts {
  292. margin-bottom:100px;
  293. margin-left:auto;
  294. margin-right:auto;
  295. margin-top:100px;
  296. position:relative;
  297. width:400px;
  298. z-index:1;
  299. }
  300.  
  301. .entries {
  302. width:400px;
  303. }
  304.  
  305. .caption {
  306. margin-top:5px;
  307. background:{color:Caption Background};
  308. border:1px solid {color:Border};
  309. padding:10px;
  310. }
  311.  
  312. #quote {
  313. color:{color:Text};
  314. font-family:'Open Sans', sans-serif;
  315. font-size:15px;
  316. font-style:normal;
  317. font-weight:normal;
  318. letter-spacing:0px;
  319. padding:10px;
  320. text-align:justify;
  321. text-decoration:none;
  322. text-transform:none;
  323. }
  324.  
  325. #chat {
  326. color:{color:Text};
  327. font-family:'Open Sans', sans-serif;
  328. font-size:10px;
  329. font-style:normal;
  330. font-weight:normal;
  331. letter-spacing:0px;
  332. text-align:justify;
  333. text-decoration:none;
  334. text-transform:uppercase;
  335. }
  336.  
  337. #website {
  338. color:{color:Text};
  339. font-family:'Open Sans', sans-serif;
  340. font-size:12px;
  341. font-style:normal;
  342. font-weight:normal;
  343. letter-spacing:0px;
  344. text-align:justify;
  345. text-decoration:none;
  346. text-transform:none;
  347. }
  348.  
  349. .question {
  350. border:1px solid {color:Border};
  351. color:{color:Text};
  352. font-family:'Open Sans', sans-serif;
  353. font-size:11px;
  354. font-style:normal;
  355. font-weight:normal;
  356. letter-spacing:0px;
  357. margin-bottom:10px;
  358. padding:20px;
  359. text-align:justify;
  360. text-decoration:none;
  361. text-transform:none;
  362. }
  363.  
  364. .asker {
  365. color:{color:Asker};
  366. font-family:'Open Sans', sans-serif;
  367. font-size:11px;
  368. font-style:normal;
  369. font-weight:bold;
  370. letter-spacing:0px;
  371. text-align:justify;
  372. text-decoration:none;
  373. text-transform:uppercase;
  374. }
  375.  
  376. .asker a {
  377. border-bottom:1px solid {color:Border};
  378. color:{color:Asker};
  379. }
  380.  
  381. .asker a:hover {
  382. color:{color:Hover};
  383. }
  384.  
  385. .playbutton {
  386. height:28px;
  387. overflow:hidden;
  388. padding:5px;
  389. position:relative;
  390. width:25px;
  391. }
  392.  
  393. .playbox {
  394. background:{color:Audio Background};
  395. margin-left:17px;
  396. margin-top:17px;
  397. opacity:0.7;
  398. position:absolute;
  399. }
  400.  
  401. .audiodesc {
  402. color:{color:Text};
  403. font-family:'Open Sans', sans-serif;
  404. font-size:10px;
  405. font-style:normal;
  406. font-weight:normal;
  407. letter-spacing:0px;
  408. margin-left:5px;
  409. margin-top:0px;
  410. padding:17px;
  411. position:relative;
  412. text-align:left;
  413. text-decoration:none;
  414. text-transform:uppercase;
  415. }
  416.  
  417. #info {
  418. border-top:1px solid {color:Border};
  419. color:{color:Text};
  420. font-family:'Open Sans', sans-serif;
  421. font-size:10px;
  422. font-style:normal;
  423. font-weight:normal;
  424. letter-spacing:0px;
  425. margin-bottom:50px;
  426. margin-top:20px;
  427. padding-top:20px;
  428. text-align:left;
  429. text-decoration:none;
  430. text-transform:uppercase;
  431. width:400px;
  432. }
  433.  
  434. #info a {
  435. color:{color:Link};
  436. }
  437.  
  438. #info a:hover {
  439. color:{color:Hover};
  440. }
  441.  
  442. #tags {
  443. color:{color:Text};
  444. font-family:'Open Sans', sans-serif;
  445. font-size:10px;
  446. font-style:normal;
  447. font-weight:normal;
  448. letter-spacing:0px;
  449. text-align:left;
  450. text-decoration:none;
  451. text-transform:uppercase;
  452. }
  453.  
  454. #tags a {
  455. color:{color:Link};
  456. }
  457.  
  458. #tags a:hover {
  459. color:{color:Hover};
  460. }
  461.  
  462. #notes {
  463. color:{color:Text};
  464. font-family:'Open Sans', sans-serif;
  465. font-size:10px;
  466. font-style:normal;
  467. font-weight:normal;
  468. letter-spacing:0px;
  469. text-align:left;
  470. text-decoration:none;
  471. text-transform:uppercase;
  472. }
  473.  
  474. #notes a {
  475. color:{color:Link};
  476. }
  477.  
  478. #notes a:hover {
  479. color:{color:Hover};
  480. }
  481.  
  482. #notes img {
  483. display:none;
  484. }
  485.  
  486. .pagination {
  487. color:{color:Text};
  488. font-family:'Open Sans', sans-serif;
  489. font-size:10px;
  490. font-style:normal;
  491. font-weight:normal;
  492. letter-spacing:0px;
  493. margin-bottom:100px;
  494. margin-left:auto;
  495. margin-right:auto;
  496. text-align:center;
  497. text-decoration:none;
  498. text-transform:uppercase;
  499. width:400px;
  500. }
  501.  
  502. .pagination a {
  503. color:{color:Link};
  504. }
  505.  
  506. .pagination a:hover {
  507. color:{color:Hover};
  508. }
  509.  
  510. #credit {
  511. background:{color:Credit Background};
  512. border:1px solid {color:Border};
  513. bottom:15px;
  514. color:{color:Credit};
  515. float:right;
  516. font-family:'Open Sans', sans-serif;
  517. font-size:10px;
  518. font-style:normal;
  519. font-weight:normal;
  520. letter-spacing:0px;
  521. padding:5px;
  522. position:fixed;
  523. right:15px;
  524. text-align:justify;
  525. text-decoration:none;
  526. text-transform:uppercase;
  527. }
  528.  
  529. #credit a {
  530. border-bottom:none;
  531. color:{color:Credit};
  532. }
  533.  
  534. #credit a:hover {
  535. color:{color:Hover};
  536. }
  537.  
  538. {CustomCSS}</style></head><body>
  539.  
  540. <div id="border-container">
  541.  
  542. <div class="border"></div>
  543.  
  544. </div>
  545.  
  546. <div id="container">
  547.  
  548. <div id="border-left"></div>
  549.  
  550. <div id="border-right"></div>
  551.  
  552. <div id="sidebar">
  553.  
  554. <div class="image"><img src="{image:Image}"/></div>
  555.  
  556. <div class="title">{text:Title}</div>
  557.  
  558. <div class="links">
  559. <a href="/">Home</a>
  560. <a href="/ask">Ask</a>
  561. {block:ifLink1}<a href="{text:Link 1}">{text:Link 1 Title}</a>{/block:ifLink1}
  562. {block:ifLink2}<a href="{text:Link 2}">{text:Link 2 Title}</a>{/block:ifLink2}
  563. {block:ifLink3}<a href="{text:Link 3}">{text:Link 3 Title}</a>{/block:ifLink3}
  564. <a href="/archive">Archive</a>
  565. </div>
  566.  
  567. <div class="border-top"></div>
  568.  
  569. <div class="description">{Description}</div>
  570.  
  571. <div class="border-bottom"></div>
  572.  
  573. </div>
  574.  
  575. <div id="posts">
  576. {block:Posts}
  577. <div class="entries">
  578.  
  579. {block:Photo}<img src="{PhotoURL-400}">
  580. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  581. {/block:Photo}
  582.  
  583. {block:Photoset}{Photoset}
  584. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  585. {/block:Photoset}
  586.  
  587. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  588.  
  589. {block:Quote}<div id="quote">❝{Quote}</i>❞{block:Source} — {Source}</div>{/block:Source}{/block:Quote}
  590.  
  591. {block:Link}<div id="website"><a href="{URL}" {Target}>{Name}</a></div>{block:Description}{Description}{/block:Description}{/block:Link}
  592.  
  593. <div id="chat">
  594. {block:Chat}
  595. {block:Title}
  596. <h1>{Title}</h1>
  597. {/block:Title}
  598. {block:Lines}
  599. {block:Label}<b>{Label}</b>{/block:Label}
  600. {Line}<br>
  601. {/block:Lines}{/block:Chat}
  602. </div>
  603.  
  604. {block:Audio}
  605. <table><tr><td><div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div></div>
  606. {block:AlbumArt}<img src="{AlbumArtURL}" height="70" width="70">{/block:AlbumArt}</td>
  607. <td><div class="audiodesc">{block:TrackName}<b>Title:</b> {TrackName}<br>{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br>{/block:Artist} {block:Album}<b>Album:</b> {Album}<br>{/block:Album}</div></td></tr></table>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  608. {/block:Audio}
  609.  
  610. {block:Video}
  611. {Video-400}
  612. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  613. {/block:Video}
  614.  
  615. {block:Answer}
  616. <div class="question">
  617. <span class="asker"><a href="{AskerURL}">{Asker}</a></span> {Question}</div>
  618. {Answer}
  619. {/block:Answer}
  620. </div>
  621.  
  622. {block:Date}<div id="info">posted on {Month} {DayOfMonth}, {Year} with <a href="{Permalink}">{NoteCount} notes</a> {/block:Date} {block:RebloggedFrom} via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} {block:ContentSource}(orig <a href="{SourceURL}">{SourceLink}</a>){/block:ContentSource}{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom}
  623.  
  624. {block:HasTags}<div id="tags">{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  625. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}</div>
  626.  
  627. {/block:Posts}
  628.  
  629. <div class="pagination">
  630. {block:PreviousPage}
  631. <a href="{PreviousPage}">Previous</a>
  632. {/block:PreviousPage}
  633. {CurrentPage} out of {TotalPages}
  634. {block:NextPage}
  635. <a href="{NextPage}">Next</a>
  636. {/block:NextPage}
  637. </div>
  638.  
  639. <div id="credit">
  640. <a href="http://extasisthemes.tumblr.com/">ET</a>
  641. </div>
  642.  
  643. </div>
  644.  
  645. </body>
  646. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement