Advertisement
extasisthemes

Dreamless

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