Advertisement
vrisky

auxiliatrix

Jul 24th, 2012
45,252
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.43 KB | None | 0 0
  1. <!-- Auxiliatrix Theme by Modernise (modernise.tumblr.com), please leave at least ONE credit link <3! -->
  2.  
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml">
  5. <head>
  6. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  7.  
  8. <meta name="font:Text" content="georgia"/>
  9. <meta name="text:Font Size" content="9px"/>
  10. <meta name="color:Text" content="#888"/>
  11. <meta name="color:Background" content="#fff"/>
  12. <meta name="color:Post" content="#fff"/>
  13. <meta name="color:Blockquote" content="#f5f5f5"/>
  14. <meta name="color:Links" content="#967FBE"/>
  15. <meta name="color:Hover" content="#fff"/>
  16. <meta name="color:Permalink" content="#fff"/>
  17. <meta name="color:Permalink Background" content="#000"/>
  18. <meta name="image:Background" content=""/>
  19.  
  20.  
  21. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  22.  
  23. <script type="text/javascript" src="scrolltopcontrol.js">
  24. </script>
  25.  
  26. <script type="text/javascript">
  27.  
  28.  
  29. var scrolltotop={
  30. //startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
  31. //scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top).
  32. setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
  33. controlHTML: '<img src="http://static.tumblr.com/iddq6cw/4WZlxfo8o/top-1.png" style="filter:alpha(opacity=70); -moz-opacity:0.7; width:50px; height:25px" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
  34. controlattrs: {offsetx:20, offsety:20}, //offset of control relative to right/ bottom of window corner
  35. anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
  36.  
  37. state: {isvisible:false, shouldvisible:false},
  38.  
  39. scrollup:function(){
  40. if (!this.cssfixedsupport) //if control is positioned using JavaScript
  41. this.$control.css({opacity:0}) //hide control immediately after clicking it
  42. var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
  43. if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
  44. dest=jQuery('#'+dest).offset().top
  45. else
  46. dest=0
  47. this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
  48. },
  49.  
  50. keepfixed:function(){
  51. var $window=jQuery(window)
  52. var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
  53. var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
  54. this.$control.css({left:controlx+'px', top:controly+'px'})
  55. },
  56.  
  57. togglecontrol:function(){
  58. var scrolltop=jQuery(window).scrollTop()
  59. if (!this.cssfixedsupport)
  60. this.keepfixed()
  61. this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
  62. if (this.state.shouldvisible && !this.state.isvisible){
  63. this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
  64. this.state.isvisible=true
  65. }
  66. else if (this.state.shouldvisible==false && this.state.isvisible){
  67. this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
  68. this.state.isvisible=false
  69. }
  70. },
  71.  
  72. init:function(){
  73. jQuery(document).ready(function($){
  74. var mainobj=scrolltotop
  75. var iebrws=document.all
  76. mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
  77. mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
  78. mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
  79. .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
  80. .attr({title:'Scroll to Top'})
  81. .click(function(){mainobj.scrollup(); return false})
  82. .appendTo('body')
  83. if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
  84. mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
  85. mainobj.togglecontrol()
  86. $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
  87. mainobj.scrollup()
  88. return false
  89. })
  90. $(window).bind('scroll resize', function(e){
  91. mainobj.togglecontrol()
  92. })
  93. })
  94. }
  95. }
  96.  
  97. scrolltotop.init()
  98.  
  99. </script>
  100.  
  101. <link rel="shortcut icon" href="{Favicon}">
  102. {block:Description}
  103.  
  104. <meta name="description" content="{MetaDescription}" />
  105. {/block:Description}
  106.  
  107. <title>{Title}</title>
  108.  
  109. </head>
  110.  
  111.  
  112. <style type="text/css">
  113. iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.5;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  114.  
  115. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  116.  
  117.  
  118. body, a:hover {cursor: url(http://static.tumblr.com/iddq6cw/JHTlqzwhv/hand.cur), progress !important;} a:hover {cursor: url(http://static.tumblr.com/iddq6cw/JHTlqzwhv/hand.cur), progress !important;}
  119.  
  120. @font-face {
  121.  
  122. font-family: cars;
  123.  
  124. src: url('http://static.tumblr.com/iddq6cw/olxlqzvjt/cars.ttf');
  125.  
  126. }
  127.  
  128.  
  129.  
  130. body {
  131. font-family:{font:Text};
  132. background-color:{color:background};
  133. background-image:url({image:Background});
  134. background-repeat: repeat;
  135. background-position: top center;
  136. background-attachment: fixed;
  137. text-align:justify;
  138. {block:PermalinkPage}line-height:9px;font-size:9px;
  139. letter-spacing:1px;{/block:PermalinkPage}
  140.  
  141. }
  142.  
  143. .token {
  144. {block:IndexPage}line-height:9px;
  145. font-size:9px;
  146. letter-spacing:1px;{/block:IndexPage}
  147. }
  148.  
  149. .ass {
  150. padding:1px;
  151. }
  152.  
  153.  
  154. .sidebar {
  155. max-width:500px;
  156. background-color:{color:background};
  157. z-index:1;
  158. margin:auto;
  159. position:relative;
  160. text-align:center;
  161. margin-bottom:20px;
  162. margin-top:20px;
  163. }
  164.  
  165. #content {
  166. width:100%; margin-left:auto; margin-right:auto;
  167. position: relative;
  168. }
  169.  
  170.  
  171. #content .posts {
  172. width:510px; {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  173. margin-left:auto; margin-right:auto;
  174. position:relative;
  175. }
  176.  
  177. #content .posts img {
  178. {block:IndexPage}max-width: 250; {/block:IndexPage}
  179. {block:PermalinkPage}max-width: 500px; {/block:PermalinkPage}
  180. }
  181.  
  182.  
  183. #content .entry {
  184. {block:IndexPage}width: 250px;
  185. margin-right:5px;
  186. margin-bottom:5px;
  187. padding:0px;
  188. float:left;
  189. position: relative;
  190. {/block:IndexPage}
  191.  
  192. {block:PermalinkPage}width:500px; margin-left:auto; margin-right:auto; {/block:PermalinkPage}
  193. background-color:{color:post background};
  194. }
  195.  
  196. #navigation {
  197. width:0px;
  198. margin:auto;
  199. position:absolute;
  200. }
  201.  
  202.  
  203. a {
  204. color:{color:Links};
  205. text-decoration: none;
  206. }
  207.  
  208. a:hover {
  209. color:{color:Hover};
  210. -webkit-transition-duration: 1s;
  211. text-decoration: none;
  212.  
  213. }
  214.  
  215. .heading {
  216. font-family:{font:Text};
  217. font-size:15px;
  218. text-decoration: none;
  219. letter-spacing:1px;
  220. font-weight:none;
  221. margin-bottom:0px;
  222. }
  223.  
  224.  
  225. ::-webkit-scrollbar-thumb:vertical {
  226. background-color:{color:Links};
  227. height:auto;
  228. }
  229.  
  230. ::-webkit-scrollbar-thumb:horizontal {
  231. background-color:{color:Links};
  232. height:4px !important;
  233. }
  234.  
  235. ::-webkit-scrollbar {
  236. height:4px;
  237. width:4px;
  238. background-color:#FFF;
  239. border-top-radius:20px;
  240. border-bottom-radius:20px;
  241. }
  242.  
  243.  
  244.  
  245. .chat ul {
  246. padding:0px 0px 2px 2px;
  247. margin:0px 0px 2px 1px;
  248. }
  249.  
  250.  
  251. .chat li {
  252. list-style-type: none;
  253. padding-left:0px;
  254. margin-right:40px;
  255. }
  256.  
  257. .chat li.odd {
  258. color: {color:Text};
  259. }
  260.  
  261. .chat li.even {
  262. color: {color:Links};
  263. }
  264.  
  265. .label {
  266. font-weight: bold;
  267. font-size:9px;
  268. }
  269.  
  270.  
  271. blockquote {
  272. padding-left:1px;
  273. margin:0px 0px 0px 0px;
  274. border-left: 2px solid {color:Links};background-color:{color:blockquote};
  275. }
  276.  
  277.  
  278. .stan {
  279. background-color:{color:Blockquote};
  280. }
  281.  
  282. .kyle {
  283. font-style:italic;
  284. line-height:9px;margin-bottom:0px;
  285. }
  286.  
  287.  
  288. .img {
  289. opacity:0.8;
  290. filter:alpha(opacity=80);
  291. -webkit-transition-duration:1s;
  292. }
  293.  
  294. .img:hover {
  295. opacity:1;
  296. filter:alpha(opacity=100);
  297. }
  298.  
  299.  
  300. .audioplayer {
  301. background-color: #fff;
  302.  
  303. -moz-box-shadow: 3px 3px 4px #ccc;
  304. -webkit-box-shadow: 3px 3px 4px #ccc;
  305. box-shadow: 3px 3px 4px #ccc;
  306. }
  307.  
  308.  
  309. .entry:hover .craig {
  310. {block:indexpage}opacity:0.75;
  311. {/block:indexpage}z-index:1000;padding-left:20px;}
  312.  
  313. .entry .permalink {
  314. padding-left:0px;
  315. }
  316.  
  317.  
  318.  
  319. .craig {
  320. font-size: 13px;
  321. font-family: helvetica;
  322. font-weight: condensed;
  323. opacity: 0;
  324. padding-right:6px;
  325. -webkit-transition-duration: 1s;
  326. width:auto;
  327. background-color: {color:Permalink Background};
  328. position: absolute; margin-top: -18px;
  329. border-bottom-right-radius:20px;
  330. border-top-right-radius:20px;
  331. display:block;}
  332.  
  333. .permalink {
  334. {block:IndexPage}
  335. float:right;
  336. position: absolute;
  337. margin-right:0px;
  338. margin-bottom:0px;
  339. opacity: 0;
  340. z-index: 1000;
  341. background-color:{color:Permalink Background};
  342. text-align:right;
  343. {/block:IndexPage}
  344. }
  345.  
  346.  
  347. .stoley {
  348. {block:IndexPage}max-width:250px;{/block:IndexPage}
  349. }
  350.  
  351. .stoley img {
  352. {block:IndexPage}max-width:250px;{/block:IndexPage}
  353. }
  354.  
  355.  
  356. .butters a {
  357. font-family:cars;font-size:25px;font-color:{color:Links};-webkit-transition-duration:1s;line-height:25px;
  358. }
  359.  
  360. .butters a:hover {
  361. font-color:{color:Hover};
  362. }
  363.  
  364. .kenny {
  365. width:500px;
  366. opacity: 1;
  367. z-index: 10000;
  368. margin-top:0px;
  369. margin-left:0px;
  370. margin-right:auto;
  371. text-align:right;
  372. }
  373.  
  374. u {
  375. color: #8DBA5C;
  376. border-bottom: 1px dashed #888;
  377. }
  378.  
  379. b.STRONG {
  380. letter-spacing:2px;
  381. font-size:9px;
  382. font-weight:bold;
  383. }
  384.  
  385. .tweek a {
  386. font-size:15px;
  387. line-height:100%;
  388. padding:2px;
  389. color:{color:Hover};
  390. -webkit-transition-duration:1s;
  391. }
  392.  
  393. .tweek a: hover {
  394. color:{color:Link};
  395.  
  396. .cartman {
  397. margin-top:0;
  398. margin-left:20px;
  399. margin-right:auto;
  400. margin-bottom:0px;
  401. width:500px;
  402. text-align:left
  403. max-height:300px;
  404. overflow-x:auto;
  405. }
  406.  
  407.  
  408.  
  409. .wendy {
  410. font-size:9px;
  411. line-height:9px;
  412. letter-spacing:1px;
  413. }
  414.  
  415. .wendy a{
  416. padding:0px;
  417. }
  418.  
  419. .wendy a:hover {
  420. padding-left:5px;
  421. }
  422.  
  423.  
  424. .stoley {
  425. {block:IndexPage}max-height:150px;
  426. overflow:auto;{/block:IndexPage}
  427. }
  428.  
  429. .video embed, .video object, .video iframe{
  430. {block:IndexPage}
  431. width:250px /**/ !important;{/block:IndexPage}
  432. {block:PermalinkPage}width:500px !important;
  433. {/block:PermalinkPage}
  434. height:auto !important;
  435. }
  436.  
  437.  
  438. .album-art {
  439. float: left;
  440. width: 196px;
  441. height: 196px;
  442. overflow: hidden;
  443. }
  444.  
  445. </style>
  446.  
  447. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  448. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/rSGl20lfv/masonry.js">
  449. </script>
  450.  
  451. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  452.  
  453. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  454.  
  455. <script type="text/javascript">
  456.  
  457. $(window).load(function () {
  458. $('.posts').masonry(),
  459. $('.masonryWrap').infinitescroll({
  460. navSelector : "div#navigation",
  461. // selector for the paged navigation (it will be hidden)
  462. nextSelector : "div#navigation a#nextPage",
  463. // selector for the NEXT link (to page 2)
  464. itemSelector : ".entry",
  465. // selector for all items you'll retrieve
  466. bufferPx : 10000,
  467. extraScrollPx: 11000,
  468. loadingImg : "http://b.imagehost.org/0548/Untitled-2.png",
  469. loadingText : "<em></em>",
  470. },
  471. // call masonry as a callback.
  472. function() { $('.posts').masonry({ appendedContent: $(this) }); }
  473. );
  474. });
  475. </script>
  476.  
  477.  
  478.  
  479. </head>
  480.  
  481. <body>
  482. <div class="token">
  483. <div id="content">
  484.  
  485.  
  486. <div class="sidebar">
  487. <div class="butters"><a href="/"><center>{Title}</center></a></div><Br><div class="wendy">{description}<br><br>
  488. <form action="http://www.myspacegens.com/handler.php?gen=redirect" method="post"><select onchange='location=this.options[this.selectedIndex].value;' style="width: 100px; height: 17px; font-size: 9px;"><option>links</option><option value="/ask">message</option><option value="/archive">history</option><option value="http://modernise.tumblr.com">theme</option>
  489. </select></form></div>
  490. {block:IndexPage}
  491. <div class="column navigation" id="navigation">
  492. {block:Pagination}
  493. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  494. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  495. </div>
  496. {/block:IndexPage}
  497.  
  498.  
  499.  
  500. </div>
  501. <div class="posts">
  502. {block:Posts}
  503. <div class="entry">
  504.  
  505.  
  506. {block:Text}
  507. {block:Title} <a href="{permalink}"><div class="heading">{title}</div></a> {/block:Title}
  508. <div class="stoley">{Body}</div>
  509.  
  510.  
  511. {block:IndexPage}<div style="border-bottom:1px #000 solid;font-size:8px;text-align:Right;"><a href="{Permalink}">
  512. {NoteCount}</div>
  513. {/block:IndexPage}
  514.  
  515.  
  516. {/block:Text}
  517.  
  518. {block:Photo}
  519.  
  520. <div class="img">
  521. <a href="{Permalink}">
  522. <img src="{PhotoURL-500}" alt="{PhotoAlt}" {block:IndexPage}width="250"{/block:IndexPage}{block:PermalinkPage}width="500"{/block:PermalinkPage}/>
  523. </a>
  524. </div>
  525.  
  526. {block:IndexPage}<div class="tweek"><a href="{Permalink}"><div class="craig">{NoteCount}</div></a></div>{/block:IndexPage}
  527.  
  528.  
  529. {block:PermalinkPage}
  530. {block:Caption}<br>{Caption}{/block:Caption}<br>
  531. {/block:PermalinkPage}
  532. {/block:Photo}
  533.  
  534.  
  535. {block:Photoset}
  536.  
  537.  
  538.  
  539. {block:IndexPage}{Photoset-250}<br><div class="tweek"><a href="{Permalink}"><div class="craig">{NoteCount}</div></a></div>{/block:IndexPage}
  540.  
  541. {block:PermalinkPage}
  542. {Photoset-500}<br>{block:Caption}{Caption}<br><br>{/block:Caption}
  543. {/block:PermalinkPage}
  544. {/block:Photoset}
  545.  
  546.  
  547. {block:Quote}
  548. <a href="{permalink}"><div class="heading">{Quote}</div></a>
  549. {block:Source} <div align="right">― {Source}</div>{/block:Source}
  550.  
  551. {block:IndexPage}<div style="border-bottom:1px #000 solid;font-size:8px;text-align:Right;"><a href="{Permalink}">
  552. {NoteCount}</div>
  553. {/block:IndexPage}{/block:Quote}
  554.  
  555.  
  556. {block:Link}
  557. <div class="heading"><a href="{URL}"{Target}>&rarr; {Name}</a></div>
  558. {block:Description} <div class="stoley">{Description}</div> {/block:Description}
  559.  
  560. {block:IndexPage}<div style="border-bottom:1px #000 solid;font-size:8px;text-align:Right;"><a href="{Permalink}">
  561. {NoteCount}</div>
  562. {/block:IndexPage}
  563. {/block:Link}
  564.  
  565. {block:Video}
  566. <div class="video">{Video-500}
  567. </div>
  568. {block:IndexPage}<div style="border-bottom:1px #000 solid;font-size:8px;text-align:Right;"><a href="{Permalink}">
  569. {NoteCount}</div>
  570. {/block:IndexPage}
  571. {/block:Video}
  572.  
  573.  
  574. {block:Chat}
  575. {block:Title}
  576. <div class="heading"><a href="{Permalink}">{Title}</a></div>
  577. {/block:Title}
  578. <div class="stoley"><div class="chat ul">
  579. {block:Lines}
  580. <li class="{Alt} user_{UserNumber}">
  581. {block:Label}<span class="label">{Label}</span>{/block:Label}{Line}</li>
  582. {/block:Lines}</div></li></div>
  583.  
  584. {block:IndexPage}<div style="border-bottom:1px #000 solid;font-size:8px;text-align:Right;"><a href="{Permalink}">
  585. {NoteCount}</div>
  586. {/block:IndexPage}
  587. {/block:Chat}
  588.  
  589.  
  590.  
  591. {block:Audio}{block:PermalinkPage}
  592. {block:AlbumArt}<div class="album-art"><img src="{AlbumArtURL}" height="196px"></div>{/block:AlbumArt}{/block:PermalinkPage}
  593. <div class="audioplayer">{AudioPlayerWhite}</div>{block:Caption}{Caption}{/block:Caption}
  594. {block:PermalinkPage}
  595. {block:TrackName}<br><br>
  596. <b>{TrackName}</b>
  597. {/block:TrackName} by {block:Artist}
  598. {Artist}
  599. {/block:Artist}<br>{PlayCountWithLabel}{/block:PermalinkPage}
  600.  
  601. {block:IndexPage}<div style="border-bottom:1px #000 solid;font-size:8px;text-align:Right;"><a href="{Permalink}">
  602. {NoteCount}</div>
  603. {/block:IndexPage}
  604. {/block:Audio}
  605.  
  606.  
  607. {block:Answer}
  608. <div class="stoley"><div class="stan">{Asker}: {Question}</div><div class="kyle">{Answer}</div></div>
  609.  
  610. {block:IndexPage}<div style="border-bottom:1px #000 solid;font-size:8px;text-align:Right;"><a href="{Permalink}">
  611. {NoteCount}</div>
  612. {/block:IndexPage}
  613. {/block:Answer}
  614.  
  615.  
  616. </div>
  617. {block:PermalinkPage}
  618. <div class="kenny">
  619.  
  620. {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} /
  621. {block:Date}{TimeAgo}{/block:Date}
  622. {block:RebloggedFrom}<br>via: <a href="{ReblogParentURL}">{ReblogParentName}</a> , {/block:RebloggedFrom}
  623. {block:RebloggedFrom}source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}
  624. {block:HasTags}<br><Br> tagged as: {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}{/block:HasTags}</div>
  625. <div class="cartman">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  626. {/block:PermalinkPage}
  627.  
  628. {/block:Posts}
  629.  
  630. </div>
  631.  
  632.  
  633.  
  634.  
  635.  
  636. </div>
  637. </div>
  638.  
  639.  
  640.  
  641. <div style="display:block;left:5px;bottom:5px;position:fixed;font-size:9px;color:black;">theme by
  642. <a href="http://modernise.tumblr.com">modernise</a></div>
  643. </div>
  644.  
  645. </div>
  646.  
  647.  
  648.  
  649. </body>
  650.  
  651. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement