Advertisement
shotforthesky

Demons Tumblr Theme

Nov 8th, 2012
720
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.19 KB | None | 0 0
  1. <html>
  2.  
  3. <!--
  4. theme by Mimì @ thearmyinside.tumblr.com
  5. MADE ON GOOGLE CHROME
  6. POP UP BOXES TUTORIAL: http://simpressionstutorials.tumblr.com/post/29967487420/pop-up-ask-faq-links
  7. -->
  8.  
  9. <head>
  10.  
  11. <link href='http://fonts.googleapis.com/css?family=Happy+Monkey' rel='stylesheet' type='text/css'>
  12.  
  13. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script><a href="javascript:;" id="scrollToTop"><img src="http://media.tumblr.com/tumblr_m9h22vCHh91qepsk2.png" width="50px" height="35px" border="0"/></a>
  14.  
  15. <script type="text/javascript"
  16. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  17. <script>
  18. $(document).ready(function() {
  19. //
  20. $('a.poplight[href^=#]').click(function() {
  21. var popID = $(this).attr('rel'); //Get Popup Name
  22. var popURL = $(this).attr('href'); //Get Popup href to define size
  23. var query= popURL.split('?');
  24. var dim= query[1].split('&');
  25. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  26. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://png.findicons.com/files/icons/1714/dropline_neu/24/dialog_close.png" class="btn_close" title="Close" alt="Close" /></a>');
  27. var popMargTop = ($('#' + popID).height() + 80) / 2;
  28. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  29. //Apply Margin to Popup
  30. $('#' + popID).css({
  31. 'margin-top' : -popMargTop,
  32. 'margin-left' : -popMargLeft
  33. });
  34. $('body').append('<div id="fade"></div>');
  35. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  36. return false;
  37. });
  38. $('a.close, #fade').live('click', function() {
  39. $('#fade , .popup_block').fadeOut(function() {
  40. $('#fade, a.close').remove(); //fade them both out
  41. });
  42. return false;
  43. });
  44. });
  45. </script>
  46.  
  47. <meta name="color:Background" content="#dadada" />
  48. <meta name="color:Entries" content="#f7f7f7" />
  49. <meta name="color:Description" content="" />
  50. <meta name="color:Text" content="#111111" />
  51. <meta name="color:Title" content="#868686" />
  52. <meta name="color:Link" content="#2c1d1d" />
  53. <meta name="color:Hover" content="#c5c080" />
  54. <meta name="color:BLink" content="#ececec" />
  55. <meta name="color:BHover" content="#d8d6d6" />
  56. <meta name="color:Bold" content="" />
  57. <meta name="color:Cursive" content="" />
  58. <meta name="color:Selection" content="" />
  59. <meta name="color:BSelection" content="" />
  60. <meta name="color:Sidebar" content="#fcfcfc" />
  61. <meta name="color:Tags" content="" />
  62. <meta name="color:Scrollbar" content="#fcfcfc" />
  63.  
  64. <meta name="image:Sidebar" content="" />
  65. <meta name="image:Background" content="" />
  66.  
  67. <meta name="font:Body" content="Arial" />
  68. <meta name="font:Title" content="Georgia" />
  69. <meta name="font:Link" content="Century Gothic" />
  70.  
  71. <meta name="if:Infinite Scrolling" content="0" />
  72. <meta name="if:Right Click Disabled" content="0" />
  73. <meta name="if:Blogroll" content="0" />
  74.  
  75. <meta name="text:URL" content=""/>
  76.  
  77. <meta name="text:Link 1" content="/" />
  78. <meta name="text:Link 1 Title" content="Link 1" />
  79. <meta name="text:Link 2" content="/" />
  80. <meta name="text:Link 2 Title" content="Link 2" />
  81. <meta name="text:Link 3" content="/" />
  82. <meta name="text:Link 3 Title" content="Link 3" />
  83. <meta name="text:Link 4" content="/" />
  84. <meta name="text:Link 4 Title" content="Link 4" />
  85. <meta name="text:Link 5" content="/" />
  86. <meta name="text:Link 5 Title" content="Link 5" />
  87. <meta name="text:Link 6" content="/" />
  88. <meta name="text:Link 6 Title" content="Link 6" />
  89.  
  90. <title>{Title}</title>
  91. <link rel="shortcut icon" href="{Favicon}">
  92. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  93. {block:Description}
  94. <meta name="description" content="{MetaDescription}" />
  95. {/block:Description}
  96.  
  97. <style type="text/css">
  98.  
  99. #fade { /*--Transparent background layer--*/
  100. display: none; /*--hidden by default--*/
  101. background: #000;
  102. position: fixed; left: 0; top: 0;
  103. width: 100%; height: 100%;
  104. opacity: .80;
  105. z-index: 9999;
  106. }
  107. .popup_block{
  108. display: none; /*--hidden by default--*/
  109. background: #fff;
  110. padding: 20px;
  111. border: 20px solid #ddd;
  112. float: left;
  113. font-size: 1.2em;
  114. position: fixed;
  115. top: 50%; left: 50%;
  116. z-index: 99999;
  117. /*--CSS3 Box Shadows--*/
  118. -webkit-box-shadow: 0px 0px 20px #000;
  119. -moz-box-shadow: 0px 0px 20px #000;
  120. box-shadow: 0px 0px 20px #000;
  121. /*--CSS3 Rounded Corners--*/
  122. -webkit-border-radius: 10px;
  123. -moz-border-radius: 10px;
  124. border-radius: 10px;
  125. }
  126. img.btn_close {
  127. float: right;
  128. margin: -5px -5px 0 0;
  129. }
  130. /*--Making IE6 Understand Fixed Positioning--*/
  131. *html #fade {
  132. position: absolute;
  133. }
  134. *html .popup_block {
  135. position: absolute;
  136. }
  137.  
  138. #scrollToTop:link,#scrollToTop:visited { color: transparent; background-color: transparent; display: none; position: fixed; bottom: 10px; right: 20px;}
  139.  
  140. body {
  141. background-color:{color:Background};
  142. background-image: url({image:Background});
  143. background-attachment:fixed;
  144. background-repeat:no-repeat;
  145. }
  146.  
  147. a:link, a:active, a:visited {
  148. color:{color:Link};
  149. text-decoration:none;
  150. transition: all 0.6s ease-out;
  151. -o-transition-transition: all 0.6s ease-out;
  152. -webkit-transition: all 0.6s ease-out;
  153. -moz-transition: all 0.6s ease-out;
  154. }
  155. a:hover {
  156. color:{color:Hover};
  157. transition: all 0.6s ease-out;
  158. -o-transition-transition: all 0.6s ease-out;
  159. -webkit-transition: all 0.6s ease-out;
  160. -moz-transition: all 0.6s ease-out;
  161. }
  162.  
  163. #entries {
  164. width:515px;
  165. margin-top:10px;
  166. margin-left:300px;
  167. }
  168.  
  169. #posts {
  170. background-color:{color:Entries};
  171. color: {color:Text};
  172. padding:8px;
  173. font-size:14px;
  174. }
  175.  
  176. #sidebar {
  177. height:120%;
  178. width:100px;
  179. position:fixed;
  180. background-color:{color:Sidebar};
  181. background-image: url({image:Sidebar});
  182. background-repeat:no-repeat;
  183. background-position:center bottom;
  184. background-size: 100% 120%;
  185. padding:5px;
  186. margin-left:160px;
  187. margin-top:-50px;
  188. }
  189.  
  190. #title {
  191. color:{color:Title};
  192. font-size:16px;
  193. font-family: {font:Title};
  194. font-style:bold;
  195. letter-spacing:3px;
  196. text-transform:uppercase;
  197. padding:5px;
  198. }
  199.  
  200. #links {
  201. margin-top:80px;
  202. margin-left:-4px;
  203. }
  204.  
  205. .links a{
  206. width:100px;
  207. padding-top:5px;
  208. padding-bottom:5px;
  209. margin:5px;
  210. display:block;
  211. background-color: {color:BLink};
  212. color: {color:Link};
  213. text-transform:uppercase;
  214. text-decoration:none;
  215. letter-spacing:1px;
  216. text-align:center;
  217. font-size: 7px;
  218. font-family: 'Happy Monkey', cursive;
  219. transition: all 0.6s ease-out;
  220. -o-transition-transition: all 0.6s ease-out;
  221. -webkit-transition: all 0.6s ease-out;
  222. -moz-transition: all 0.6s ease-out;
  223. }
  224.  
  225. .links a:hover {
  226. color: {color:Hover};
  227. background-color: {color:BHover};
  228. transition: all 0.6s ease-out;
  229. -o-transition-transition: all 0.6s ease-out;
  230. -webkit-transition: all 0.6s ease-out;
  231. -moz-transition: all 0.6s ease-out;
  232. }
  233.  
  234. h1 {
  235. color:{color:Title};
  236. text-align:center;
  237. font-family:{font:Title};
  238. font-size:17px;
  239. letter-spacing:1px;
  240. font-weight:normal;
  241. margin:5px;
  242. padding:0px;
  243. text-transform:none;
  244. transition: all 0.6s ease-out;
  245. -o-transition-transition: all 0.6s ease-out;
  246. -webkit-transition: all 0.6s ease-out;
  247. -moz-transition: all 0.6s ease-out;
  248. }
  249. h1:hover {
  250. color:{color:Hover};
  251. transition: all 0.6s ease-out;
  252. -o-transition-transition: all 0.6s ease-out;
  253. -webkit-transition: all 0.6s ease-out;
  254. -moz-transition: all 0.6s ease-out;
  255. }
  256. h2 {
  257. color:{color:Description};
  258. font-family:{font:Body};
  259. font-size:13px;
  260. line-height:14px;
  261. font-weight:normal;
  262. font-style:italic;
  263. text-align:left;
  264. text-transform:none;
  265. }
  266.  
  267. #scatola {
  268. position:relative;
  269. background-color:{color:Background};
  270. width:488px;
  271. padding:6px;
  272. text-align:center;
  273. }
  274.  
  275. #tags {
  276. font-size:8px;
  277. font-family:Arial;
  278. color: {color:Tags};
  279. text-transform:uppercase;
  280. margin:2px;
  281. }
  282.  
  283. #answer {
  284. margin:15px;
  285. margin-top:10px;
  286. }
  287.  
  288. #question {
  289. font:13px arial;
  290. letter-spacing:0px;
  291. margin-left:5px;
  292. }
  293. #asker a {
  294. color: {color:Link};
  295. }
  296. #asker img {
  297. float:left;
  298. margin:10px;
  299. }
  300.  
  301. blockquote {
  302. border-left:2px {color:Background} solid;
  303. padding-left:5px;
  304. margin:0px 2px 0px 10px;
  305. }
  306. blockquote img, blockquote a img {max-width: 370px}
  307.  
  308. b, strong {
  309. color:{color:Bold};
  310. }
  311. i, em {
  312. color:{color:Cursive};
  313. }
  314. p {
  315. margin-top:3px;
  316. margin-bottom:3px;
  317. }
  318.  
  319. img a {border:none}
  320.  
  321. #audiocontainer{
  322. width:500px;
  323. background-color:transparent;
  324. height:100px;
  325. }
  326.  
  327. #audioplayercontainer{
  328. opacity:0.5;
  329. width:40px;
  330. height:40px;
  331. background-color:#ffffff;
  332. top:30px;
  333. left:30px;
  334. position:absolute;
  335. z-index:500;
  336. -webkit-border-radius: 50px;
  337. -moz-border-radius: 50px;
  338. border-radius: 50px;
  339. -webkit-transition: all 0.4s ease-in-out;
  340. -moz-transition: all 0.4s ease-in-out;
  341. -o-transition: all 0.4s ease-in-out;
  342. transition: all 0.4s ease-in-out;
  343. }
  344.  
  345. #audioplayercontainer:hover{
  346. opacity:1;
  347. -webkit-transition: all 0.4s ease-in-out;
  348. -moz-transition: all 0.4s ease-in-out;
  349. -o-transition: all 0.4s ease-in-out;
  350. transition: all 0.4s ease-in-out;
  351. padding:5px;
  352. margin-top:-5px;
  353. margin-left:-5px;
  354. }
  355.  
  356. #audioplayer{
  357. width:20px;
  358. height:25px;
  359. overflow:hidden;
  360. margin: 7px 0px 0px 7px;
  361. background-color:#ffffff;
  362. }
  363.  
  364. .audio{
  365. width:40px;
  366. height:40px;
  367. position:absolute;
  368. }
  369.  
  370. .audioimage{
  371. width:90px;
  372. height:90px;
  373. position:absolute;
  374. padding:5px;
  375. background-color:{color:Scrollbar};
  376. -webkit-transition: all 0.6s ease-in-out;
  377. -moz-transition: all 0.6s ease-in-out;
  378. -o-transition: all 0.6s ease-in-out;
  379. transition: all 0.6s ease-in-out;
  380. }
  381.  
  382. .audioimage img{
  383. width:90px;
  384. float:left;
  385. -webkit-transition: all 0.6s ease-in-out;
  386. -moz-transition: all 0.6s ease-in-out;
  387. -o-transition: all 0.6s ease-in-out;
  388. transition: all 0.6s ease-in-out;
  389. }
  390.  
  391. #audiocontainer table{
  392. float:right;
  393. margin-top:-2px;
  394. width:430px;
  395. }
  396.  
  397. .audioinfo{
  398. font-size:12px;
  399. padding:0px 7px 1px 35px;
  400. background-color:none;
  401. -webkit-transition: all 0.5s ease-in-out;
  402. -moz-transition: all 0.5s ease-in-out;
  403. -o-transition: all 0.5s ease-in-out;
  404. transition: all 0.5s ease-in-out;
  405. }
  406.  
  407. .chat .line{
  408. padding:3px 5px 3px 5px;
  409. margin-bottom:1px;
  410. }
  411. .chat .line.odd{
  412. padding:3px 5px 3px 5px;
  413. margin-bottom:1px;
  414. }
  415.  
  416. .notes img {
  417. width:10px;
  418. position:relative;
  419. top:1px;
  420. }
  421. ol.notes, .notes li {
  422. list-style:none;
  423. font-size:10px;
  424. margin:0px;
  425. padding:0px;
  426. }
  427. iframe input, iframe submit, iframe textarea, iframe div, iframe table {
  428. background-color:transparent!important;
  429. }
  430.  
  431. ::-webkit-scrollbar-thumb:vertical {background-color:{color:Scrollbar}; height:50px;}
  432. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:Scrollbar}; height:10px!important;}
  433. ::-webkit-scrollbar {background-color:#ffffff; height:10px; width:10px;}
  434. ::-moz-selection {background-color:transparent; color:{color:Selection};}
  435. ::selection {background-color:{color:BSelection}; color:{color:Selection};}
  436.  
  437. #pagination {
  438. width:100px;
  439. height:20px;
  440. padding-top:5px;
  441. padding-bottom:5px;
  442. margin-top:4px;
  443. background-color:{color:BLink};
  444. font-size:11px;
  445. text-align:center;
  446. }
  447.  
  448. </style>
  449. <style type="text/css">{CustomCSS}</style>
  450.  
  451. {block:ifInfiniteScrolling}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:ifInfiniteScrolling}
  452.  
  453. </head>
  454.  
  455. <body>
  456.  
  457. <div id="sidebar">
  458. <center>
  459. <div id="links"><div class="links">
  460. <a href="/">Refresh</a>
  461. <a href="/archive">Archive</a>
  462. <a href="#?w=500" rel="02" class="poplight">{AskLabel}</a>
  463. <a href="#?w=500" rel="03" class="poplight">About Me</a>
  464. {block:ifBlogroll}<a href="#?w=500" rel="04" class="poplight">Blogroll</a>{/block:ifBlogroll}
  465. {block:ifLink1}<a href="{text:Link 1}">{text:Link 1 Title}</a>{/block:ifLink1}
  466. {block:ifLink2}<a href="{text:Link 2}">{text:Link 2 Title}</a>{/block:ifLink2}
  467. {block:ifLink3}<a href="{text:Link 3}">{text:Link 3 Title}</a>{/block:ifLink3}
  468. {block:ifLink4}<a href="{text:Link 4}">{text:Link 4 Title}</a>{/block:ifLink4}
  469. {block:ifLink5}<a href="{text:Link 5}">{text:Link 5 Title}</a>{/block:ifLink5}
  470. {block:ifLink6}<a href="{text:Link 6}">{text:Link 6 Title}</a>{/block:ifLink6}
  471. </div></div>
  472. {block:ifNotInfiniteScrolling}<div id="pagination">{block:PreviousPage}<a href="{PreviousPage}"><b>-</b>&nbsp; &nbsp; </a> {/block:PreviousPage}{CurrentPage}/{TotalPages}{block:NextPage}<a href="{NextPage}">&nbsp; &nbsp; <b>+</b></a></a>{/block:NextPage}
  473. </div>{/block:ifNotInfiniteScrolling}
  474. </center>
  475. </div>
  476.  
  477. <div id="entries">
  478. {block:ifInfiniteScrolling}<div class="autopagerize_page_element">{/block:ifInfiniteScrolling}
  479. {block:Posts}
  480. <div id="posts">
  481. {block:Quote}<h2>"{Quote}"&nbsp; - {Source}</h2>{/block:Quote}
  482. {block:Title}<h1>{Title}&nbsp;</h1>{/block:Title}
  483. {block:Text}{Body}{/block:Text}
  484.  
  485. {block:ContentSource}
  486. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  487. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  488. {/block:SourceLogo}
  489. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  490. {/block:ContentSource}
  491.  
  492. {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  493. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  494.  
  495. <p style="margin-top:5px;">{block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  496. {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}</p>
  497.  
  498. {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  499.  
  500. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  501.  
  502. {block:Answer}
  503. <div id="question"> <img src="{AskerPortraitURL-40}" border="5" style=" float: left; margin:2px; border-color:{color:Border};" /> <b>{Asker}</b> asked: <br />{Question}</div><br>
  504. <div id="answer">{Answer}</div>{/block:Answer}
  505.  
  506. {block:Audio}<div id="audiocontainer">
  507. <div class="audio"><div id="audioplayercontainer"><div id="audioplayer">{AudioPlayerWhite}</div></div>
  508. <div class="audioimage"><img src="http://dl.dropbox.com/u/38384326/Stars/MusicPlayer.png"></div>
  509. {block:AlbumArt}<div class="audioimage"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}</div>
  510. <table cellpadding="0" cellspacing="1px">
  511. <br>
  512. <tr>
  513. <td class="audioinfo"> {block:TrackName}{TrackName}{/block:TrackName} - {block:Artist}{Artist}{/block:Artist}</td>
  514. </tr>
  515. {block:Album}
  516. <tr>
  517. <td class="audioinfo"><b>Album:</b> {Album}</td>
  518. </tr>
  519. {/block:Album}
  520. <tr>
  521. <td class="audioinfo">{PlayCountWithLabel}</td>
  522. </tr>
  523. </table>
  524. </div>
  525. <br>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  526.  
  527. {block:Date}<div id="scatola"><div id="tags"><a style="" href="{Permalink}">{ShortMonth} {DayOfMonth}</a>&nbsp -&nbsp <a style="" href="{Permalink}">{NoteCount} notes</a>{block:RebloggedFrom}&nbsp -&nbsp <a style="" href="{ReblogParentURL}" title="{ReblogParentName}" >via</a>&nbsp -&nbsp <a style="" href="{ReblogRootURL}" title="{ReblogRootName}" >original</a> {/block:RebloggedFrom} <br>{block:HasTags}{block:Tags}&nbsp # <a href="/tagged/{Tag}">{Tag}</a> {/block:Tags}{/block:HasTags}</div></div>{/block:Date}</div><br>
  528.  
  529. {/block:Posts}{block:ifInfiniteScrolling}</div>{/block:ifInfiniteScrolling}
  530. {block:PostNotes}{PostNotes}{/block:PostNotes}
  531. </div>
  532.  
  533. {block:ifRightClickDisabled}<script language=JavaScript>
  534. <!--
  535.  
  536. //Disable right mouse click Script
  537. //By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive
  538. //For full source code, visit http://www.dynamicdrive.com
  539.  
  540. var message="Function Disabled!";
  541.  
  542. ///////////////////////////////////
  543. function clickIE4(){
  544. if (event.button==2){
  545. alert(message);
  546. return false;
  547. }
  548. }
  549.  
  550. function clickNS4(e){
  551. if (document.layers||document.getElementById&&!document.all){
  552. if (e.which==2||e.which==3){
  553. alert(message);
  554. return false;
  555. }
  556. }
  557. }
  558.  
  559. if (document.layers){
  560. document.captureEvents(Event.MOUSEDOWN);
  561. document.onmousedown=clickNS4;
  562. }
  563. else if (document.all&&!document.getElementById){
  564. document.onmousedown=clickIE4;
  565. }
  566.  
  567. document.oncontextmenu=new Function("alert(message);return false")
  568.  
  569. // -->
  570. </script>{/block:ifRightClickDisabled}
  571.  
  572. <div id="03" class="popup_block">
  573. <center>
  574. <div id="title">{Title}</div>
  575. {block:Description}<div style="font-size:11px;font-family:Century Gothic;">{Description}</div>{/block:Description}
  576. </center>
  577. </div>
  578.  
  579. {block:ifBlogroll}<div id="04" class"popup_block">
  580. <center>
  581. <div style="font-size:14px;font-family:Georgia;text-transform:uppercase;color:#1C1C1C;"><strong>FOLLOWING</strong></div>
  582. <div style="margin:5px; position:fixed; border:none; width:460px; height:170px; overflow:auto; background-color:none; margin-left:20px; margin-top:10px;">
  583. <div id="following">{block:Following}{block:Followed}<a target="_blank" href="{FollowedURL}" title="{FollowedName}"><img src="{FollowedPortraitURL-40}"/></a>{/block:Followed}{/block:Following}</div>
  584. </div>
  585. </center>
  586. </div>{/block:ifBlogroll}
  587.  
  588. </body>
  589.  
  590. <div id="02" class="popup_block">
  591.  
  592. <center><font size="5" color="#1C1C1C">{AskLabel}<p></font><iframe frameborder="0" scrolling="yes" width="100%" height="150" src="http://www.tumblr.com/ask_form/{text:URL}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form">
  593. </center></div>
  594.  
  595. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement