Advertisement
gryffindor

3 reavemped

May 24th, 2014
1,027
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.65 KB | None | 0 0
  1.  
  2.  
  3. <!--Theme #3 by gryffindour/aeternothemes
  4. respenct the rules and enjoy
  5. any problems just message me x-->
  6.  
  7. <!DOCTYPE html>
  8. <head>
  9.  
  10. <script type="text/javascript"
  11. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  12. <script>
  13. $(document).ready(function() {
  14. //
  15. $('a.poplight[href^=#]').click(function() {
  16. var popID = $(this).attr('rel'); //Get Popup Name
  17. var popURL = $(this).attr('href'); //Get Popup href to define size
  18. var query= popURL.split('?');
  19. var dim= query[1].split('&');
  20. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  21. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://i47.tinypic.com/mawh08.png" class="btn_close" title="Close" alt="Close" /></a>');
  22. var popMargTop = ($('#' + popID).height() + 80) / 2;
  23. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  24. //Apply Margin to Popup
  25. $('#' + popID).css({
  26. 'margin-top' : -popMargTop,
  27. 'margin-left' : -popMargLeft
  28. });
  29. $('body').append('<div id="fade"></div>');
  30. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  31. return false;
  32. });
  33. $('a.close, #fade').live('click', function() {
  34. $('#fade , .popup_block').fadeOut(function() {
  35. $('#fade, a.close').remove(); //fade them both out
  36. });
  37. return false;
  38. });
  39. });
  40. </script>
  41.  
  42. <title>{Title}</title>
  43.  
  44. <link rel="shortcut icon" href="{Favicon}">
  45. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  46. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  47.  
  48. <!--Default Variables-->
  49.  
  50.  
  51. <meta name="color:background" content="#ffffff"/>
  52. <meta name="color:text" content="#000000"/>
  53. <meta name="color:link" content="#888888"/>
  54. <meta name="color:hover" content="#ffffff"/>
  55. <meta name="color:title" content="##555555"/>
  56. <meta name="color:accent" content="#ffffff"/>
  57. <meta name="color:sidebar" content="#ffffff"/>
  58. <meta name="color:Description background" content="#f3f3f3"/>
  59. <meta name="color:descrip hover" content="#3b3b3b">
  60. <meta name="color:Description font" content="#9d9d9d"/>
  61. <meta name="color:shadow hover" content="#d6d5d5">
  62. <meta name="color:tags" content="#010101"/>
  63.  
  64. <meta name="text:Ask" content="" />
  65. <meta name="text:URL" content="" />
  66. <meta name="text:Link 1 URL" content="" />
  67. <meta name="text:Link 1" content="" />
  68. <meta name="text:link 1 title" content="" />
  69. <meta name="text:Link 2 URL" content="" />
  70. <meta name="text:Link 2" content="" />
  71. <meta name="text:link 2 title" content="" />
  72. <meta name="text:Link 3 URL" content="" />
  73. <meta name="text:Link 3" content="" />
  74. <meta name="text:link 3 title" content="" />
  75. <meta name="text:Link 4 URL" content="" />
  76. <meta name="text:Link 4" content="" />
  77. <meta name="text:link 4 title" content="" />
  78. <meta name="text:Link 5 URL" content="" />
  79. <meta name="text:Link 5" content="" />
  80. <meta name="text:link 5 title" content="" />
  81.  
  82.  
  83. <meta name="if:Tags Hover" content="1">
  84. <meta name="if:Shadow hover" content="0">
  85. <meta name="if:Border Botton Hover" content="1">
  86. <meta name="if:Pop Up Ask" content="1" />
  87.  
  88. <meta name="font:body" content="helvetica"/>
  89. <!-- jquery for tooltips-->
  90.  
  91.  
  92.  
  93. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  94.  
  95. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  96.  
  97. <script>
  98.  
  99. (function($){
  100.  
  101. $(document).ready(function(){
  102.  
  103. $("a[title]").style_my_tooltips({
  104.  
  105. tip_follows_cursor:true,
  106.  
  107. tip_delay_time:30,
  108.  
  109. tip_fade_speed:300,
  110.  
  111. attribute:"title"
  112.  
  113. });
  114.  
  115. });
  116.  
  117. })(jQuery);
  118.  
  119. </script>
  120.  
  121.  
  122.  
  123.  
  124.  
  125.  
  126. <!--CSS customization here. -->
  127.  
  128. <style type="text/css">
  129.  
  130. #s-m-t-tooltip{
  131. padding: 4px; /*change room around text here*/
  132. display: none;
  133. margin:20px 0px 0px 20px;
  134. text-align: center;
  135. position: absolute; /*important*/
  136. font-size:8px; /*change text size here*/
  137. line-height:9px; /*change height of box here*/
  138. font-family:arial; /*change font here*/
  139. z-index: 100000000000000000000000000000000000000000;
  140. /*keep z-index really high, if your hover text starts to go behind other stuff increase the z-index more*/
  141. background-color:{color:background};
  142. color: {color:text};
  143. text-transform:uppercase;
  144. letter-spacing: 1px;
  145. {block:ifBorderBottonHover}
  146. border-bottom:2px solid #000;
  147. {/block:ifBorderBottonHover}
  148. {block:ifShadowHover}
  149. box-shadow:3px 3px 3px {color:shadow hover};
  150. border:1px solid #eee;
  151. {/block:ifShadowHover}
  152. -webkit-transition:all 0.3s;
  153. -moz-transition:all 0.3s;
  154. -ms-transition:all 0.3s;
  155. -o-transition:all 0.3s;
  156. -transition:all 0.3s;
  157.  
  158. }
  159.  
  160.  
  161.  
  162. /*basics*/
  163. blockquote {padding:5px 0 5px 30px;
  164. border-left:1px solid {color:text};
  165. margin-left:30px;
  166. }
  167.  
  168. body {
  169. background:{color:background};
  170. color:{color:text};
  171. font-family:arial;
  172. font-size:11px;
  173. text-align:justify;
  174. margin:0;
  175. line-height:16px;}
  176.  
  177. h1 {
  178. font-size:12px;
  179. letter-spacing:2px;
  180. text-align:center;
  181. color:{color:title};
  182.  
  183. }
  184. blockquote {padding:5px 0 5px 30px;
  185. border-left:1px solid {color:text};
  186. margin-left:30px;
  187. }
  188. #title {
  189. font-size:11px;
  190. line-height:15px;
  191. font-weight:bold;
  192. margin-bottom:10px;
  193. text-transform:uppercase;
  194. text-align:center;
  195. }
  196.  
  197. a {
  198. color:{color:link};
  199. text-decoration:none;
  200. }
  201.  
  202. a:hover {
  203. text-decoration:underline;
  204. cursor: url(http://media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif), auto;
  205. }
  206.  
  207. img{opacity:1;
  208. border:none;
  209. text-decoration:none}
  210.  
  211.  
  212. small {
  213. font-size:9px;}
  214.  
  215. big {
  216. font-size:12px;}
  217.  
  218.  
  219.  
  220. /*---SIDEBAR---*/
  221.  
  222. #sidebar {
  223. width:400px;
  224. text-align:center;
  225. margin-top:50px;
  226. margin-left:100px;
  227. margin-bottom:100px;
  228. border-bottom:1px solid #e3e3e3 width:100px;
  229. padding-bottom:15px;
  230. }
  231.  
  232.  
  233. #fresh {
  234. cursor: url(http://media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif), auto;
  235. font-size:14px;
  236. font-family: fut italic times;
  237. margin-top:20px;
  238. margin-left:-280px;
  239. font-style:none;
  240. margin-bottom:2px;
  241. text-transform:uppercase;
  242. font-style:none;
  243. color:{color:title};
  244. letter-spacing:1px;
  245. }
  246.  
  247.  
  248. #fresh a:hover {
  249. color:{color:title};
  250. font-family: fut italic times;
  251. font-style:italic;
  252. padding-left:3px;
  253. padding-right:3px;
  254. text-decoration:none;
  255. }
  256.  
  257.  
  258. #desc{
  259. margin:5px;
  260. width:390px;
  261. font-size:10px;
  262. color:{color:description font} ;
  263. text-align:justify;
  264. font-family:helvetica;
  265. font-weight:normal;
  266. margin-left:0px;
  267. margin-top:15px;
  268. line-height:150%;
  269. background-color:{color:description background};
  270. padding-top:10px;
  271. padding-bottom:10px;
  272. padding-left:10px;
  273. padding-right:10px;
  274. }
  275.  
  276. #desc a {
  277. letter-spacing:1px;
  278. }
  279.  
  280. #desc a:hover {
  281. color:{color:descrip hover};
  282. letter-spacing:1px;
  283. text-decoration:underline;
  284. }
  285.  
  286. #links {
  287. width:245px;
  288. margin-left:200px;
  289. margin-top:-20px;
  290. font-size:11px;
  291. word-spacing:-10px;
  292. }
  293.  
  294. #links a {
  295. color:{color:link header};
  296. padding:5px 5px 5px 5px;
  297. border-bottom:1px solid #fff;
  298. text-decoration:none;
  299. margin-right:5px;
  300. display:inline-block;
  301. margin-bottom:5px;
  302. -moz-transition-duration: 0.5s;
  303. -o-transition-duration: 0.5s;
  304. -webkit-transition-duration: 0.5s;
  305. }
  306.  
  307. #links a:hover {
  308. color:{color:link header};
  309. background-color:{color:background};
  310. border-bottom:1px solid #000;
  311. -moz-transition-duration: 0.8s;
  312. -webkit-transition-duration: 0.8s;
  313. -o-transition-duration: 0.8s;
  314. }
  315.  
  316.  
  317. #line {
  318. width: 230px;
  319. border-top: 1px solid #CFCFCF;
  320. margin-top: -10px;
  321. margin-left: 0px;
  322. }
  323.  
  324.  
  325. /*pagination*/
  326. #pagination {
  327. margin:50px 0;
  328. text-transform:lowercase;
  329. font-weight:bold;
  330. }
  331. #pagination a {
  332. padding:0 15px;
  333. }
  334.  
  335. /*container*/
  336. #con {
  337. left:50%;
  338. margin-left:-250px;
  339. position:absolute;
  340. }
  341.  
  342.  
  343.  
  344. /*posts*/
  345.  
  346. #entries {
  347. margin-top:-70px;
  348. margin-left:100px;
  349. width:400px;
  350. }
  351.  
  352.  
  353.  
  354. #posts {
  355. width:400px;
  356. {block:IndexPage}
  357. margin-bottom:75px;
  358. {/block:IndexPage}
  359. {block:PermalinkPage}
  360. margin-bottom:50px;
  361. {/block:PermalinkPage}
  362.  
  363. }
  364. #posts img {
  365. max-width:400px;
  366. }
  367.  
  368. #posts img, #posts li, #posts blockquote {max-width: 100%;}
  369. .caption {width:100%;
  370. margin-top:10px;
  371.  
  372. }
  373.  
  374. /*quote*/
  375.  
  376. #titlequote{text-align:left;
  377. font-size:14px;
  378. line-height:18px;
  379. font-weight:bold;
  380. }
  381. #source {
  382. margin-top:15px;
  383. margin-left:15px;}
  384.  
  385. /*audio*/
  386.  
  387. .player {
  388. width:25px;
  389. height:25px;
  390. overflow:hidden;
  391. position:absolute;
  392. background:white;}
  393.  
  394. .audioinfo {
  395. margin-left:50px;
  396. }
  397.  
  398.  
  399. /*asks*/
  400. .q {margin-bottom:10px;
  401. text-align:center;
  402. }
  403. .as {
  404. text-align:center;
  405. font-weight:bold;}
  406.  
  407. .a {
  408. margin-top:5px;
  409. width:400px;
  410. }
  411.  
  412.  
  413. /*chat*/
  414.  
  415. .chat ol {
  416. padding:0;
  417. list-style:none;
  418. }
  419. .line {padding:5px 0;}
  420.  
  421. .label {font-weight:bold;
  422. }
  423.  
  424.  
  425.  
  426.  
  427.  
  428. /*permalink and notes*/
  429.  
  430. #permalink {
  431. margin-top:15px;
  432. font-size:9px;
  433. text-transform:uppercase;
  434. }
  435. #permalink a {margin-right:10px;
  436. }
  437.  
  438. .tags {
  439. word-break:break-all;
  440. font-size:9px;
  441. color:{color:tags};
  442. background-color:{color:background};
  443. text-align:center;
  444. font-family:helvetica;
  445. text-transform:none;
  446. padding:5px 5px 5px 5px;
  447. {block:ifTagsHover}
  448. opacity:0;
  449. -webkit-transition:all 0.5s;
  450. -moz-transition:all 0.5s;
  451. -ms-transition:all 0.5s;
  452. -o-transition:all 0.5s;
  453. transition:all 0.5s;
  454. {/block:ifTagsHover}
  455. }
  456.  
  457. #posts:hover .tags {
  458. background-color:{color:background};
  459. {block:ifTagsHover}
  460. opacity:1;
  461. -webkit-transition:all 0.5s;
  462. -moz-transition:all 0.5s;
  463. -ms-transition:all 0.5s;
  464. -o-transition:all 0.5s;
  465. transition:all 0.5s;
  466. {/block:ifTagsHover}
  467. text-transform:uppercase;
  468. }
  469.  
  470. .pagenotes {
  471. {block:IndexPage}
  472. display: none!important;
  473. {/block:IndexPage}
  474. width:400px;
  475. text-align:left;
  476.  
  477. }
  478. .pagenotes img {
  479. display:none!important;}
  480. .pagenotes li {
  481. list-style-type:none;
  482. padding:5px 0px;
  483. text-align:left;
  484. margin:0 0 0 -40px;
  485. }
  486.  
  487.  
  488. #credit {
  489. bottom:8px;
  490. right:3px;
  491. font-size:11px;
  492. position:fixed;
  493. font-family:arial;
  494. text-transform: lowercase;
  495. letter-spacing: 1px;
  496. -moz-transition-duration:0.7s;
  497. -webkit-transition-duration:0.7s;
  498. -o-transition-duration:0.7s;
  499. }
  500. #credit a {
  501. color: {color:text};
  502. text-shadow: 0 0 4px rgba( 0, 0, 0, 0.5);
  503. -moz-transition-duration:0.7s;
  504. -webkit-transition-duration:0.7s;
  505. -o-transition-duration:0.7s;
  506. }
  507.  
  508. #fade { /*--Transparent background layer--*/
  509. display: none; /*--hidden by default--*/
  510. background: #fff;
  511. position: fixed; left: 0; top: 0;
  512. width: 100%; height: 100%;
  513. opacity: .9;
  514. z-index: 9999;
  515.  
  516.  
  517. }
  518. .popup_block{
  519. display: none; /*--hidden by default--*/
  520. background: #fff;
  521. padding: 20px;
  522. border: 0px solid #fff;
  523. float: left;
  524. position: fixed;
  525. top: 50%; left: 50%;
  526. z-index: 99999;
  527. font-size:13px;
  528. line-height:16px;
  529. }
  530. img.btn_close {
  531. float: right;margin: -20px -20px 0 0;
  532. }
  533. /*--Making IE6 Understand Fixed Positioning--*/
  534. *html #fade {
  535. position: absolute;
  536. }
  537. *html .popup_block {
  538. position: absolute;
  539. }
  540.  
  541. {CustomCSS}
  542.  
  543. </style>
  544.  
  545.  
  546.  
  547. </head>
  548.  
  549. <body>
  550.  
  551. <div id="con">
  552.  
  553. <div id="sidebar">
  554. <div id="fresh"><a href="/">{Title}</a></div>
  555. <div id="links">
  556. {block:iflink1}<a href="{text:link 1 url}" title="{text:link 1 title}">{text:link 1} </a>{/block:iflink1}
  557.  
  558.  
  559.  
  560. {block:ifNotPopUpAsk}
  561. {block:iflink2}<a href="{text:link 2 url}" title="{text:link 2 title}">{text:link 2} </a>{/block:iflink2}
  562. {/block:ifNotPopUpAsk}
  563. {block:ifPopUpAsk}
  564. <a href="#?w=500" rel="02" class="poplight" title="{text:link 2 title}">ask</a>&nbsp;
  565. {/block:ifPopUpAsk}
  566.  
  567. {block:iflink3}<a href="{text:link 3 url}" title="{text:link 3 title}">{text:link 3}</a>{/block:iflink3}
  568.  
  569. {block:iflink4}<a href="{text:link 4 url}" title="{text:link 4 title}">{text:link 4}</a>{/block:iflink4}
  570.  
  571. {block:iflink5}<a href="{text:link 5 url}" title="{text:link 5 title}">{text:link 5}</a>{/block:iflink5}
  572. </div>
  573.  
  574. <div id="line"></div>
  575. <div id="desc">{Description}</div>
  576.  
  577.  
  578. </div>
  579.  
  580.  
  581.  
  582.  
  583. <div id="entries">
  584.  
  585. {block:Posts}
  586. <div id="posts">
  587.  
  588.  
  589. {block:Quote}
  590.  
  591.  
  592. <div id="titlequote">“{Quote}”</div>
  593. {block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
  594. {/block:Quote}
  595.  
  596.  
  597.  
  598. {block:Text}
  599.  
  600. {block:Title}
  601. <div id="title">{Title}</div>{/block:Title}
  602. {Body}
  603. {/block:Text}
  604.  
  605. {block:Link}
  606. <div id="title"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
  607. {/block:Link}
  608.  
  609. {block:Chat}
  610. {block:Title}
  611. <h1>{Title}</h1>
  612. {/block:Title}
  613. <div class="chat">
  614. <ol>{block:Lines}
  615. <li class="line {Alt}">
  616. {block:Label}
  617. <span class="label">
  618. {Label}</span>
  619. {/block:Label}{Line}</li>
  620. {/block:Lines}
  621. </ol></div>
  622. {/block:Chat}
  623.  
  624. {block:Photo}
  625. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
  626. {/block:Photo}
  627.  
  628. {block:Photoset}
  629. {Photoset-400}
  630. {/block:Photoset}
  631.  
  632. {block:Video}
  633. {Video-400}
  634. {/block:Video}
  635.  
  636. {block:Audio}
  637. <div class="player">{AudioPlayerWhite}</div>
  638. <div class="audioinfo">
  639. {block:TrackName}{TrackName}{/block:TrackName}{block:Artist}<br>{Artist}{/block:Artist}
  640. </div>
  641. {/block:Audio}
  642.  
  643. {block:Answer}
  644. <div class="q">
  645. <div class="as">{Asker} said: </div>
  646. {Question}</div>
  647. <div class="a">{Answer}</div>
  648. {/block:Answer}
  649.  
  650. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  651.  
  652. {block:Date}
  653. <div id="permalink">
  654. <a href="{Permalink}" >{12Hour}:{Minutes} {AmPm}</a>{block:NoteCount}<a href="{Permalink}">+ {NoteCount}</a>{/block:NoteCount}{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{block:ContentSource}<a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:ContentSource}{/block:RebloggedFrom}
  655. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  656. </div>
  657. {/block:Date}
  658.  
  659.  
  660.  
  661. </div>
  662.  
  663.  
  664. {block:PostNotes}
  665. <div class="pagenotes">
  666. {PostNotes}
  667. </div>
  668. {/block:PostNotes}
  669.  
  670.  
  671. {/block:Posts}
  672.  
  673. <div id="pagination">
  674. {block:Pagination}
  675. {block:PreviousPage}
  676. <a href="{PreviousPage}">&larr; previous </a>
  677. {/block:PreviousPage}
  678.  
  679.  
  680. {block:NextPage}
  681. <a href="{NextPage}">next &rarr;</a>
  682. {/block:NextPage}
  683. {/block:Pagination}
  684. </div>
  685.  
  686.  
  687.  
  688. </div>
  689.  
  690. </div>
  691.  
  692.  
  693. {block:ContentSource}
  694. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  695. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  696. {/block:SourceLogo}
  697. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  698. {/block:ContentSource}
  699.  
  700. </body></html>
  701.  
  702.  
  703.  
  704. <div id="credit"><a href="http://aeternothemes.tumblr.com/" title="gryffindour">aeterno themes</a></center></div>
  705.  
  706.  
  707.  
  708.  
  709. <div id="02" class="popup_block">
  710.  
  711. <Center><b>{text:Ask}</b><br><br><iframe frameborder="0" scrolling="yes" width="100%" height="190" src="http://www.tumblr.com/ask_form/{text:URL}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form">
  712. </center></div>
  713.  
  714. </div></div></div></div></div></div></div></div></div></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement