API tools faq
paste
Advertisement
mononokay

ACNES

mononokay
Aug 3rd, 2015
245
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 13.34 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <!--
  5. hiya! thank you for downloading my theme. my name's madi and i own the blog bliss-th.tumblr.com.
  6. don't remove the source or credit from my themes, and please treat me with respect when asking any questions about my themes. thank you.
  7. i love u. have a nice day pal.
  8. if you have any questions, please read my theme post and THEN ask your question if it wasn't answered.
  9. thank u again!! <3 i try to make my themes as easy to read and follow as possible, so read all the comments and tags in the HTML/CSS if you need help, too!
  10. -->
  11.  
  12.  
  13.  
  14.  
  15. <!-- Popup askbox script -->
  16. <script type="text/javascript"
  17. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  18. <script>
  19. $(document).ready(function() {
  20. //
  21. $('a.poplight[href^=#]').click(function() {
  22. var popID = $(this).attr('rel'); //Get Popup Name
  23. var popURL = $(this).attr('href'); //Get Popup href to define size
  24. var query= popURL.split('?');
  25. var dim= query[1].split('&');
  26. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  27. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="{image:AskboxCloseButton}" class="btn_close" title="Close" alt="Close" /></a>');
  28. var popMargTop = ($('#' + popID).height() + 80) / 2;
  29. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  30. //Apply Margin to Popup
  31. $('#' + popID).css({
  32. 'margin-top' : -popMargTop,
  33. 'margin-left' : -popMargLeft
  34. });
  35. $('body').append('<div id="fade"></div>');
  36. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  37. return false;
  38. });
  39. $('a.close, #fade').live('click', function() {
  40. $('#fade , .popup_block').fadeOut(function() {
  41. $('#fade, a.close').remove(); //fade them both out
  42. });
  43. return false;
  44. });
  45. });
  46. </script>
  47. <!-- End of popup askbox script -->
  48.  
  49. <!-- Meta tags :: What shows up in the Tumblr appearance options -->
  50. <meta name="color:Background" content="#ffffff" />
  51. <meta name="color:Title" content="#000000"/>
  52. <meta name="color:Links" content="#888888" />
  53. <meta name="color:Link Hover" content="#cccccc" />
  54. <meta name="color:Text" content="#000000"/>
  55. <meta name="color:Highlight Selection" content="#000000"/>
  56. <meta name="color:Sidebar" content="#000000"/>
  57. <meta name="color:Sidebar Links" content="#fff"/>
  58. <meta name="color:Sidebar Links Hover" content="#000"/>
  59. <meta name="color:Description" content="#ffffff"/>
  60. <meta name="color:Text Selection" content="#ffffff"/>
  61. {block:IfCustomScrollbar}<meta name="color:Scrollbar Thumb" content="#ffffff"/>{/block:IfCustomScrollbar}
  62. {block:IfCustomScrollbar}<meta name="color:Scrollbar Background" content="#000000"/>{/block:IfCustomScrollbar}
  63.  
  64. <meta name="font:Body" content="Avalon" />
  65. <meta name="font:Description" content="Avalon"/>
  66. <meta name="font:Links" content="Avalon"/>
  67.  
  68. <meta name="image:Background" content="" />
  69. <meta name="image:Askbox Close Button" content="http://www.patroncapital.com/images/close-button.png"/>
  70.  
  71. <meta name="if:Custom Scrollbar" content="1"/>
  72. <meta name="if:Title Effect" content="1"/>
  73. <meta name="if:Top Sidebar" content="1"/>
  74. <meta name="if:Bottom Sidebar" content="0"/>
  75.  
  76. <meta name="text:Link 1" content=""/>
  77. <meta name="text:Link 1 URL" content=""/>
  78. <meta name="text:Link 2" content=""/>
  79. <meta name="text:Link 2 URL" content=""/>
  80. <meta name="text:Link 3" content=""/>
  81. <meta name="text:Link 3 URL" content=""/>
  82. <meta name="text:Link 4" content=""/>
  83. <meta name="text:Link 4 URL" content=""/>
  84. <!-- End meta tags -->
  85.  
  86. <!-- Tab titles, favicon, and search result descriptions -->
  87. <title>{Title}</title>
  88. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  89. <link rel="shortcut icon" href="{Favicon}" />
  90. <!-- End tab titles, favicon, and search result descriptions -->
  91.  
  92. <!--Custom fonts -->
  93. <link href='http://fonts.googleapis.com/css?family=Amatic+SC:400,700' rel='stylesheet' type='text/css'>
  94. <!-- End custom fonts -->
  95.  
  96. <!-- Beginning of CSS -->
  97.  
  98. <style type="text/css">
  99.  
  100. /* Highlight/text selection color */
  101. ::selection {
  102.     background: {color:Highlight Selection}; /* Color of background upon selection */
  103.     color: {color:Text Selection}; /* Color of text upon selection */
  104. }
  105. ::-moz-selection {
  106.     background: {color:Highlight Selection};
  107.     color: {color:Text Selection};
  108. }
  109. /* End of highlight/text selection color */
  110.  
  111. /* Custom scrollbar */
  112. ::-webkit-scrollbar {
  113.     width: 9px; /* Scrollbar width */
  114.     height: 3px; /*Scrollbar height */
  115.     background: {color:Scrollbar Background};
  116. }
  117. ::-webkit-scrollbar-thumb {
  118.     background-color:{color:Scrollbar Thumb};
  119.     border: 1px solid black; /*Scrollbar thumb border */
  120. }
  121. /* End custom scrollbar */
  122.  
  123. /* Body CSS */
  124. body {
  125.     background-color: {color:Background};
  126.     font-family: {font:Body};
  127.     background-image: url({image:Background});
  128.     background-attachment: fixed;
  129.     margin: 0;
  130.     word-wrap: break-word;
  131. }
  132. /*End body CSS */
  133.  
  134. /* Sidebar CSS */
  135.  
  136. /* Main Sidebar */
  137. #sidebar {
  138.     {block:IfTopSidebar}width: 100%;
  139.     height: 100px;
  140.     background-color: {color:Sidebar};
  141.     position: fixed;
  142.     z-index: 9999999;
  143.     top: 0px;
  144.     left: 0px;{/block:IfTopSidebar}
  145.     {block:IfBottomSidebar}width: 100%;
  146.     height: 100px;
  147.     background-color: {color:Sidebar};
  148.     position: fixed;
  149.     z-index: 10;
  150.     bottom: 0px;
  151.     left: 0px;{/block:IfBottomSidebar}
  152. }
  153. /* End main sidebar */
  154.  
  155. /* Sidebar title*/
  156. #sidebar .title {
  157.     font-family: 'Amatic SC', cursive;
  158.     text-align:right;
  159.     font-size:40px;
  160.     letter-spacing:-1px;
  161.     margin-bottom:-8px;
  162.     padding-right:5px;
  163.     margin-right:5px;
  164.     margin-top: 20px;
  165.     {block:IfTitleEffect}text-shadow:1px 0px #96cef5,-1px -0px #f79b9b;{/block:IfTitleEffect}
  166.     color:{color:Title};
  167. }
  168. /*End sidebar title */
  169.  
  170. /* Sidebar description */
  171. #sidebar .description {
  172.     width:100%;
  173.     padding:5px 5px 3px 5px;
  174.     margin-top:-0px;
  175.     text-align:center;
  176.     color:{color:Description};
  177.     font-family:{font:Description};
  178.     position: absolute;
  179. }
  180. /*End sidebar description */
  181.  
  182. /* Sidebar links*/
  183.  
  184. #sidebar .links {
  185.     position:absolute;
  186.     text-align:center;
  187.     margin-top: -60px;
  188.     width:100%;
  189.     padding-top:12px;
  190. }
  191.    
  192. #sidebar .links a {
  193.     margin-bottom:4px;
  194.     letter-spacing:2px;
  195.     text-decoration:none;
  196.     font-family:{font:Links};
  197.     color:{color:Sidebar Links};
  198. }
  199.  
  200. #sidebar .links a:hover {
  201.     color:{color:Sidebar Links Hover};
  202. }
  203. /* End sidebar links */
  204.  
  205. /* End sidebar CSS */
  206.  
  207. /* Posts CSS */
  208.  
  209. /* Posts :: general */ 
  210. #content {
  211.     width: 1275px;
  212.     background-color: rgba(255, 255, 255, 0.4);
  213.     {block:IfTopSidebar}margin: 100px 0 60px 60px;{/block:IfTopSidebar}
  214.     {block:IfBottomSidebar}margin:0px 100px 60px 60px;{/block:IfBottomSidebar}
  215.     padding: 20px 0;
  216.     color: {color:Text};
  217. }
  218. /* End posts :: general */
  219.  
  220. /* Links */
  221. #content a {
  222.     color: {color:Links};
  223.     text-decoration: none;
  224. }
  225.  
  226. #content a:hover {
  227.     color: {color:Links Hover};
  228. }
  229. /* End links */
  230.  
  231. /* Posts :: blockquotes */
  232. #content blockquote {
  233.     border-left: solid 2px black;
  234.     margin: 0;
  235.     padding-left: 10px;
  236. }
  237. /*End posts :: blockquotes */
  238.  
  239. /* Posts :: images */
  240. img {
  241.     border: 0;
  242.     max-width: 100%;
  243. }
  244. /* End posts :: images */
  245.  
  246. /* Posts :: general+ */
  247. #posts {
  248.     background-color: white;
  249.     width: 250px;
  250.     margin: 10px;
  251.     padding:10px;
  252.     float:left;
  253.    
  254. }
  255. /* End posts :: general+ */
  256.  
  257. /* Posts :: titles */
  258. #posts .title {
  259.     font-size: 22px;
  260. }
  261. /* End posts :: titles */
  262.  
  263. /* Posts :: text */
  264. #posts .text {
  265.     font-size:11px;
  266. }
  267. /* End posts :: text */
  268.  
  269. /* End post CSS */
  270.  
  271. /* Permalink CSS */
  272.  
  273. #content #posts #permalink {
  274.     font-size:9px;
  275.     margin-top:10px;
  276. }
  277.  
  278. #content #posts #tags {
  279.     font-size:9px;
  280. }
  281.  
  282. #content #posts #tags .comma:last-child {
  283.     display: none;
  284. }
  285.  
  286. /* End permalink CSS */
  287.  
  288. /* Notes CSS */
  289.  
  290. #content #notecontainer {
  291.     margin: 20px auto;
  292.     width: 600px;
  293.     font-size: 11px;
  294. }
  295.  
  296. #content #notecontainer ol.notes {
  297.     list-style-type: none;
  298.     margin: 0;
  299.     padding: 0;
  300. }
  301.  
  302. #content #notecontainer img.avatar {
  303.     margin-right: 10px;
  304.     width: 20px;
  305.     height: 20px;
  306. }
  307.  
  308. /* End notes CSS */
  309.  
  310. /* Popup askbox CSS */
  311. #fade { /*--Transparent background layer--*/
  312. display: none; /*--hidden by default--*/
  313. background: #000;
  314. position: fixed; left: 0; top: 0;
  315. width: 100%; height: 100%;
  316. opacity: .80;
  317. z-index: 9999;
  318. }
  319. .popup_block{
  320. display: none; /*--hidden by default--*/
  321. background: #fcfbf8;
  322. padding: 10px;
  323. border: 5px solid #f2e7e2;
  324. float: left;
  325. font-size: 10;
  326. position: fixed;
  327. top: 50%; left: 50%;
  328. z-index: 99999;
  329. /*--CSS3 Box Shadows--*/
  330. -webkit-box-shadow: 0px 0px 20px #000;
  331. -moz-box-shadow: 0px 0px 20px #000;
  332. box-shadow: 0px 0px 20px #000;
  333. /*--CSS3 Rounded Corners--*/
  334. -webkit-border-radius: 5px;
  335. -moz-border-radius: 5px;
  336. border-radius: 5px;
  337. }
  338. img.btn_close {
  339. float: right;
  340. margin: -20 -20px 0 0;
  341. }
  342. /*--Making IE6 Understand Fixed Positioning--*/
  343. *html #fade {
  344. position: absolute;
  345. }
  346. *html .popup_block {
  347. position: absolute;
  348. }
  349. /* End popup askbox CSS */
  350. {CustomCSS}
  351.  
  352. </style>
  353.  
  354. <!-- Infinite scroll -->
  355. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  356. <!-- End infinite scroll -->
  357.  
  358. </head>
  359. <body>
  360.  
  361. <!-- Sidebar -->
  362. <div id="sidebar">
  363. <div class="title">{Title}</div>
  364. <div class="links"><a href="/">home</a> • <a href="#?w=500" rel="02" class="poplight">ask</a> •
  365. <a href="{text:Link 1 URL}">{text:Link 1}</a> • <a href="{text:Link 2 URL}">{text:Link 2}</a> • <a href="{text:Link 3 URL}">{text:Link 3}</a> • <a href="{text:Link 4 URL}">{text:Link 4}</a> • <a href="http://bliss-th.tumblr.com">theme</a></div>
  366. <div class="description">{Description}</div></div></div>
  367. <!-- End sidebar -->
  368.  
  369. <!-- Content -->
  370.  
  371. <div id="content">
  372. {block:Posts}
  373. <div id="posts">
  374.  
  375. {block:Photo}
  376. {LinkOpenTag}<img src="{PhotoURL-250}" />{LinkCloseTag}
  377. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  378. {/block:Photo}
  379.  
  380. {block:Photoset}
  381. {Photoset-250}
  382. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  383. {/block:Photoset}
  384.  
  385. {block:Video}
  386. {Video-250}
  387. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  388. {/block:Video}
  389.  
  390. {block:Audio}
  391. {AudioPlayerBlack}
  392. <div class="text">~ {PlayCountWithLabel}</div>
  393. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  394. {/block:Audio}
  395.  
  396. {block:Quote}
  397. <div class="title">“{Quote}”</div>
  398. {block:Source}<div class="text"><br>~ {Source}</div>{/block:Source}
  399. {/block:Quote}
  400.  
  401. {block:Text}
  402. {block:Title}<div class="title">{Title}</div>{/block:Title}
  403. <div class="text">{Body}</div>
  404. {/block:Text}
  405.  
  406. {block:Answer}
  407. <div class="title">{Question}</div>
  408. <div class="text">~ {Asker}</div>
  409. <div class="text">{Answer}</div>
  410. {block:Answer}
  411.  
  412. {block:Chat}
  413. {block:Title}<div class="title">{Title}</div>{/block:Title}
  414. <div class="text">
  415. {block:Lines}
  416. {block:Label}<strong>{Label}</strong>{/block:Label} {Line}<br />
  417. {/block:Lines}
  418. </div> <!--text-->
  419. {/block:Chat}
  420.  
  421. {block:Link}
  422. <div class="title"><a href="{URL}">{Name}</a></div>
  423. {block:Description}
  424. <div class="text">{Description}</div>
  425. {/block:Description}
  426. {/block:Link}
  427.  
  428. <!--Permalink-->
  429.  
  430. <div id="permalink">
  431. <a href="{Permalink}">
  432. {block:Date}{lang:Posted TimeAgo}{/block:Date}
  433. {block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}
  434. </a>
  435. </div> <!--End permalink-->
  436.  
  437. <!--Tags-->
  438.  
  439. {block:HasTags}<div id="tags">
  440. {block:Tags}<a href="{TagURL}">#{Tag}</a><span class="comma">, </span>{/block:Tags}.
  441. </div> <!--tags-->
  442. {/block:HasTags}
  443.  
  444. </div> <!--End tags -->
  445.  
  446. <!--End posts-->
  447.  
  448. <!--Notes-->
  449.  
  450. {block:PostNotes}
  451. <div id="notecontainer">{PostNotes}</div>
  452. {/block:PostNotes}
  453. <!-- End notes -->
  454.  
  455. {/block:Posts}
  456. </div> <!-- End content-->
  457.  
  458. <!-- Masonry scripts -->
  459.  
  460. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  461. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  462. <script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  463.  
  464. <script type="text/javascript">
  465. $(window).load(function(){
  466. var $wall = $('#content');
  467. $wall.imagesLoaded(function(){
  468. $wall.masonry({
  469. itemSelector: '#posts',
  470. isAnimated : true
  471. });
  472. });
  473. $wall.infinitescroll({
  474. navSelector : "div#navigation",
  475. nextSelector : "div#navigation a#nextPage",
  476. itemSelector : '#posts',
  477. loadingImg : "",
  478. loadingText : " ",
  479. donetext : " ",
  480. extraScrollPx : 0,
  481. bufferPx : 10000,
  482. debug : false,
  483. errorCallback: function() {
  484. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  485. }},
  486. function( newElements ) {
  487. var $newElems = $( newElements );
  488. $newElems.hide();
  489. $newElems.imagesLoaded(function(){
  490. $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 250, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  491. });
  492. }); $('#content').show(500);
  493. });
  494. </script>
  495.  
  496. <script language="JavaScript">
  497. function function1(){
  498. window.scrollTo(0,5);
  499. }
  500. function function2(){
  501. window.scroll(0,2);
  502. }
  503. </script>
  504. <!---- End masonry scripts -->
  505.  
  506. <!--Popup Askbox -->
  507. <div id="02" class="popup_block">
  508. <Center><iframe frameborder="0" scrolling="yes" width="100%" height="190" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe>
  509. </center></div>
  510. <!-- End popup askbox -->
  511.  
  512. </div></div></div></div></div></div></div></div></div></div>
  513.  
  514. </body>
  515. </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!