API tools faq
paste
Advertisement
parispier

Theme28: Delirious Dreams

parispier
Jun 21st, 2013
758
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.27 KB | None | 0 0
raw download clone embed print report
  1. <!---- theme made by nialljhoren ---->
  2. <!---- do not use as base code, remove credit, or claim as your own --->
  3.  
  4. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6. <head><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. <script>
  12. window.onload = function () {
  13. document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' );
  14. document.addEventListener( 'click', function ( event ) {
  15. var myLike = event.target;
  16. if( myLike.className.indexOf( 'my-like' ) > -1 ) {
  17. var frame = document.getElementById( 'my-like-frame' ),
  18. liked = ( myLike.className == 'my-liked' ),
  19. command = liked ? 'unlike' : 'like',
  20. reblog = myLike.getAttribute( 'data-reblog' ),
  21. id = myLike.getAttribute( 'data-id' ),
  22. oauth = reblog.slice( -8 );
  23. frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id;
  24. liked ? myLike.className = 'my-like' : myLike.className = 'my-liked';
  25. };
  26. }, false );
  27. };
  28. </script>
  29.  
  30. <meta name="color:background" content="#ffffff"/>
  31. <meta name="color:text" content="#a3a3a3" />
  32. <meta name="color:link" content="#b3b2b1" />
  33. <meta name="color:linkhovercolor" content="#f3f3f3" />
  34. <meta name="color:bgborder" content="#e4e3e2" />
  35. <meta name="color:scrollbar" content="#615f5f" />
  36. <meta name="color:textshadow" content="#ff0000" />
  37.  
  38. <meta name="text:title1" content="delirious dreams" />
  39.  
  40. <meta name="text:Link1" content="/" />
  41. <meta name="text:Link2" content="/" />
  42. <meta name="text:Link3" content="/" />
  43. <meta name="text:Link4" content="/" />
  44. <meta name="text:Link5" content="/" />
  45.  
  46. <meta name="image:sidebackground" content=""/>
  47.  
  48. <style type="text/css">
  49.  
  50. ::-webkit-scrollbar-thumb:vertical {background-color: {color:scrollbar}; height:100px;}
  51.  
  52. ::-webkit-scrollbar-thumb:horizontal {background-color: {color:scrollbar}; height:10px !important;}
  53.  
  54. ::-webkit-scrollbar {height:9px; width:9px; background-color: {color:Background};}
  55.  
  56. body {
  57. background:{color:background};
  58. margin:0px;
  59. color:{color:text};
  60. font-size:10px;
  61. line-height:100%;
  62. font-family:times new roman;
  63. }
  64.  
  65. a {
  66. text-decoration:none;
  67. outline:none;
  68. -moz-outline-style:none;
  69. color:{color:link};
  70. }
  71.  
  72. img {
  73. border:none;
  74. }
  75.  
  76. blockquote {
  77. padding-left:5px;
  78. border-left:2px solid;
  79. }
  80.  
  81. blockquote blockquote {
  82. padding-left:5px;
  83. border-left:2px solid;
  84. }
  85.  
  86. h1 {
  87. font-size:14px;
  88. text-transform:lowercase;
  89. padding-bottom:3px;
  90. font-style:italic;
  91. font-weight:100;
  92. }
  93.  
  94. a:hover {
  95. opacity:10;
  96. color:{color:hover};
  97. -webkit-transition: all 0.7s ease;
  98. -moz-transition: all 0.7s ease;
  99. -o-transition: all 0.7s ease
  100. }
  101.  
  102. #entries {
  103. width:500px;
  104. margin-left:450px;
  105. margin-top:70px;
  106. margin-bottom:30px;
  107. }
  108.  
  109. #post {
  110. width:500px;
  111. padding-right:20px;
  112. padding-left:15px;
  113. padding-top:15px;
  114. margin-top:18px;
  115. }
  116.  
  117. #hoverarea {
  118. position:fixed;
  119. margin-left:200px;
  120. margin-top:-70px;
  121. width:200px;
  122. height:100%;
  123. z-index:999999999;
  124. -webkit-transition: all 0.5s ease-in-out;
  125. -moz-transition: all 0.5s ease-in-out;
  126. -o-transition: all 0.5s ease-in-out;
  127. }
  128.  
  129. #sidebar {
  130. position:fixed;
  131. width:200px;
  132. height:100%;
  133. position:fixed;
  134. margin-left:0px;
  135. margin-top:30px;
  136. }
  137.  
  138. #sidebarbg {
  139. position:fixed;
  140. width:200px;
  141. height:107%;
  142. margin-top:-6px;
  143. margin-left:-30px;
  144. background-image: url('{image:sidebackground}');
  145. border:1px solid {color:bgborder};
  146. -webkit-transition: all 0.5s ease-in-out;
  147. -moz-transition: all 0.5s ease-in-out;
  148. -o-transition: all 0.5s ease-in-out;
  149. }
  150.  
  151. #hoverarea:hover #sidebarbg {
  152. margin-left:30px;
  153. filter: grayscale(45%);
  154. -webkit-filter: grayscale(45%);
  155. -moz-filter: grayscale(45%);
  156. -ms-filter: grayscale(45%);
  157. -o-filter: grayscale(45%);
  158. -webkit-transition: all 0.5s ease-in-out;
  159. -moz-transition: all 0.5s ease-in-out;
  160. -o-transition: all 0.5s ease-in-out;
  161. }
  162.  
  163. #hoverarea:hover #sidebar {
  164. margin-left:30px;
  165. -webkit-transition: all 0.5s ease-in-out;
  166. -moz-transition: all 0.5s ease-in-out;
  167. -o-transition: all 0.5s ease-in-out;
  168. }
  169.  
  170. #title1 {
  171. font-family:times new;
  172. font-weight:bolder;
  173. letter-spacing:-1px;
  174. position:fixed;
  175. font-size:35px;
  176. text-align:left;
  177. text-transform:uppercase;
  178. font-style:italic;
  179. width:100%;
  180. padding:3px 3px 3px 23px;
  181. line-height:150%;
  182. margin-left:-498px;
  183. margin-top:-97px;
  184. color:#fff;
  185. border:1px solid #000;
  186. background-color:#000;
  187. transform: rotate(-90deg);
  188. -webkit-transform: rotate(-90deg);
  189. -moz-transform: rotate(-90deg);
  190. -webkit-transition: all 0.5s ease-in-out;
  191. -moz-transition: all 0.5s ease-in-out;
  192. -o-transition: all 0.5s ease-in-out;
  193. opacity:1;
  194. }
  195.  
  196. #hoverarea:hover #title1 {
  197. margin-left:-715px;
  198. text-shadow:0.08em 0.05em 0em {color:textshadow};
  199. -webkit-transition: all 0.5s ease-in-out;
  200. -moz-transition: all 0.5s ease-in-out;
  201. -o-transition: all 0.5s ease-in-out;
  202. }
  203.  
  204. #description {
  205. position:fixed;
  206. width:156px;
  207. margin-top:600px;
  208. margin-left:-15px;
  209. padding:5px 7px 5px 7px;
  210. text-align:center;
  211. background-color:#000;
  212. color:#fff;
  213. opacity:0;
  214. font-size:8px;
  215. text-align:justify;
  216. font-style:italic;
  217. letter-spacing:1px;
  218. text-transform:uppercase;
  219. -webkit-transition: all 0.5s ease-in-out;
  220. -moz-transition: all 0.5s ease-in-out;
  221. -o-transition: all 0.5s ease-in-out;
  222. }
  223.  
  224. #hoverarea:hover #description {
  225. -webkit-transition: all 0.5s ease-in-out;
  226. -moz-transition: all 0.5s ease-in-out;
  227. -o-transition: all 0.5s ease-in-out;
  228. margin-left:17px;
  229. margin-top:145px;
  230. opacity:.8;
  231. }
  232.  
  233. #hoverarea:hover #links {
  234. -webkit-transition: all 0.5s ease-in-out;
  235. -moz-transition: all 0.5s ease-in-out;
  236. -o-transition: all 0.5s ease-in-out;
  237. margin-left:17px;
  238. margin-top:120px;
  239. opacity:.8;
  240. }
  241.  
  242. #links {
  243. z-index:5;
  244. position:fixed;
  245. font-weight:bolder;
  246. margin-left:-15px;
  247. margin-top:-170px;
  248. font-size:15px;
  249. line-height:60%;
  250. width:150px;
  251. text-align:center;
  252. text-transform:uppercase;
  253. opacity:0;
  254. padding:5px 5px 6px 5px;
  255. display:block;
  256. border-top:5px solid #000;
  257. border-left:5px solid #000;
  258. border-right:5px solid #000;
  259. color:#fff;
  260. display:inline-block;
  261. -webkit-transition: all 0.5s ease-in-out;
  262. -moz-transition: all 0.5s ease-in-out;
  263. -o-transition: all 0.5s ease-in-out;
  264. }
  265.  
  266. #links a {
  267. padding:1px 3px 2px 3px;
  268. margin-left:-4px;
  269. color:#000;
  270. -webkit-transition: all 0.5s ease-in-out;
  271. -moz-transition: all 0.5s ease-in-out;
  272. -o-transition: all 0.5s ease-in-out;
  273. }
  274.  
  275. #links a:hover {
  276. background-color:#fff;
  277. margin-left:5px;
  278. margin-right:5px;
  279. text-shadow:0.08em 0.05em 0em {color:textshadow};
  280. -webkit-transition: all 0.3s ease-in-out;
  281. -moz-transition: all 0.3s ease-in-out;
  282. -o-transition: all 0.3s ease-in-out;
  283. }
  284.  
  285. #heyo {
  286. position:fixed;
  287. text-align:center;
  288. bottom:2px;
  289. right:7px;
  290. text-transform:uppercase;
  291. font-size:7.5px;
  292. display:block;
  293. background-color:#fff;
  294. letter-spacing:1px;
  295. }
  296.  
  297. #heyo a{
  298. color:#b3b2b1;
  299. border: 1px solid #e4e3e2;
  300. padding: 2px 4px 5px 4px;
  301. background-color:#fff;
  302. -moz-transition-duration:0.5s;
  303. -webkit-transition-duration:0.5s;
  304. -o-transition-duration:0.5s;
  305. }
  306.  
  307. #heyo a:hover{
  308. color:#fff;
  309. background-color:#969194;
  310. border: 1px solid #7a7979;
  311. -moz-transition-duration:0.5s;
  312. -webkit-transition-duration:0.5s;
  313. -o-transition-duration:0.5s;
  314. }
  315.  
  316. i, em{color:{color:italic}; font-style:italic;}
  317. b, strong{color:{color:bold}; font-style:bold;}
  318.  
  319. #question{
  320. font-size:9px;
  321. background-color:#ffffff;
  322. padding:7px;
  323. text-align:center;
  324. background-color:#fcfcfc;
  325. border-bottom:1px solid #cecccc;
  326. }
  327.  
  328. .chat {
  329. font-size:8px;
  330. border-bottom:1px solid #d5d5d5;
  331. padding:5px;
  332. margin-bottom:-3px;
  333. }
  334.  
  335. .quote {
  336. font-size:15px;
  337. font-style:italic;
  338. line-height:120%;
  339. }
  340.  
  341. .quotesource {
  342. font-size:10px;
  343. text-align:right;
  344. margin-bottom:5px;
  345. }
  346.  
  347. .notes {
  348. list-style:decimal-leading-zero;
  349. padding-bottom:3.5px;
  350. padding-top:3.5px;
  351. margin-left:0px;
  352. text-transform:uppercase;
  353. font-family:trebuchet ms;
  354. font-size:8px;
  355. }
  356.  
  357. .notes img {
  358. width:12px;
  359. height:12px;
  360. margin-top:4px;
  361. }
  362.  
  363. #info {
  364. text-align:left;
  365. margin-top:2px;
  366. font-family:trebuchet ms;
  367. letter-spacing:0px;
  368. font-size:7px;
  369. text-transform:uppercase;
  370. padding-right:3px;
  371. border-top:1px solid #d5d5d5;
  372. border-bottom:1px solid #d5d5d5;
  373. border-right:1px solid #d5d5d5;
  374. }
  375.  
  376. .postblocks {
  377. padding:3px 4px 2px 3px;
  378. font-family:trebuchet ms;
  379. font-size:7px;
  380. text-transform:uppercase;
  381. background-color:#222121;
  382. color:#fff;
  383. display:inline-block;
  384. }
  385.  
  386. #tags {
  387. padding-top:2px;
  388. margin-top:0px;
  389. text-transform:uppercase;
  390. font-family:trebuchet ms;
  391. font-size:7px;
  392. letter-spacing:0px;
  393. }
  394.  
  395. #question{
  396. font-size:9px;
  397. background-color:#ffffff;
  398. padding: 7px;
  399. text-align:center;
  400. background-color:#f8f8f8;
  401. border-bottom:1px solid #cecccc;
  402. }
  403.  
  404. .info {
  405. text-align:left;
  406. margin-top:2px;
  407. font-family:trebuchet ms;
  408. letter-spacing:0px;
  409. font-size:7px;
  410. text-transform:uppercase;
  411. padding-right:3px;
  412. border-top:1px solid #d5d5d5;
  413. border-bottom:1px solid #d5d5d5;
  414. border-right:1px solid #d5d5d5;
  415. }
  416.  
  417. #audioinfo {
  418. font-size:8px;
  419. letter-spacing:1px;
  420. padding-bottom:2px;
  421. }
  422.  
  423. .audioplayer {
  424. overflow:hidden;
  425. display:block;
  426. float:left;
  427. margin-top:7px;
  428. margin-left:7px;
  429. width:27px;
  430. height:27px;
  431. opacity:.5;
  432. }
  433.  
  434. .audioplayercontainer {
  435. width:70px;
  436. height:70px;
  437. position:absolute;
  438. }
  439.  
  440. {CustomCSS}</style></head><body>
  441.  
  442. <div id="hoverarea">
  443.  
  444. <div id="sidebarbg"></div>
  445.  
  446. <div id="sidebar">
  447.  
  448. <div id="title1">{text:title1} {block:Pagination}{block:NextPage}<a href="{NextPage}" style="color:#fff;">»</a>{/block:NextPage}{/block:Pagination}</div>
  449.  
  450. <div id="links">
  451. <a href="{text:Link1}">01</a>
  452. <a href="{text:Link2}">02</a>
  453. <a href="{text:Link3}">03</a>
  454. <a href="{text:Link4}">04</a>
  455. <a href="{text:Link5}">05</a>
  456. </div>
  457.  
  458. <div id="description">{Description}</div>
  459.  
  460. </div></div>
  461.  
  462. <div id="entries">{block:Posts}<div id="post">
  463.  
  464. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  465.  
  466. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  467.  
  468. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  469.  
  470. {block:Quote}<div class="quote">{Quote}</div>{block:Source} <div class="quotesource">—{Source}</div>{/block:Source}{/block:Quote}
  471.  
  472. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  473.  
  474. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}<div class="chat">{block:Label}{Label}{/block:Label} {Line}<br></div>{/block:Lines}{/block:Chat}
  475.  
  476. {block:Audio}
  477. {block:AlbumArt}<img src="{AlbumArtURL}" width="40px" height="40px" align="left" />{/block:AlbumArt}
  478. <div class="audioplayercontainer"><div class="audioplayer">{AudioPlayerWhite}</div></div>
  479.  
  480. <div id="audioinfo">
  481. &nbsp;{block:TrackName}<b>Title: </b>{TrackName}{/block:TrackName}<br>
  482. &nbsp;{block:Artist}<b>Artist: </b>{Artist}{/block:Artist}<br>
  483. &nbsp;{block:Album}<b>Album:</b> {Album}{/block:Album}<br>
  484. &nbsp;<b>Plays:</b> {PlayCount}</div>
  485. {block:Caption}{Caption}{/block:Caption}
  486. {/block:Audio}
  487.  
  488. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  489.  
  490. {block:Answer}
  491. <a href="{AskerURL}"></a> <div id="question"><i>{Asker} asked:</i><br>{Question}</div> <p>
  492. {Answer}
  493. {/block:Answer}
  494.  
  495. <div id="info">
  496. {block:Date}<div class="postblocks">{TimeAgo}{/block:Date}</div><a href="{Permalink}" style=padding-left:2px;>
  497. {NoteCountWithLabel}</a> <small>+</small> <a href="{ReblogURL}" target="_blank">reblog</a>
  498. <div style="float:right; padding-top:3px;">
  499. {block:RebloggedFrom} via <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a>{/block:RebloggedFrom} -
  500. {block:ContentSource}<a href="{SourceURL}">© {SourceLink}</a>{/block:ContentSource}
  501. </div></div>
  502.  
  503. {block:HasTags}<div id="tags">tagged as:{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags} </div>
  504.  
  505. {/block:Posts}
  506.  
  507. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  508. {/block:Posts} </div></div>
  509.  
  510. <!---do not remove--->
  511. <div id="heyo"><a href="http://nialljhoren.tumblr.com">njh</a></div>
  512.  
  513. </div></div>
  514.  
  515. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!