API tools faq
paste
Advertisement
4lison

Hipster Theme

4lison
Feb 21st, 2013
2,380
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.75 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4. <title>{Title}</title>
  5. <!--
  6. Hipster by 4lisonwonderland,
  7. All themes here made by me
  8. Do not remove credit,
  9. Find more themes at 4lison.com
  10. You are not to redistribute this theme, use it as a base code, claim as your own theme, remove credit, or sell.
  11. To do so would vilate the Creative Commons license.
  12. This work is licensed under the Creative Commons Attribution-NonCommercial-NoDerivs 3.0 Unported License. To view a copy of this license, visit http://creativecommons.org/licenses/by-nc-nd/3.0/ or send a letter to Creative Commons, 444 Castro Street, Suite 900, Mountain View, California, 94041, USA.
  13. -->
  14.  
  15. <link href='http://static.tumblr.com/blpgwiz/EfNmijxib/tada.css' rel='stylesheet' type='text/css'>
  16.  
  17. <link href='http://static.tumblr.com/blpgwiz/u8Qmijy1c/fade_in_up.css' rel='stylesheet' type='text/css'>
  18.  
  19. <meta name="font:Body" content="Arial, Helvetica, sans-serif"/>
  20. <meta name="font:Title" content="Georgia, Times New Roman, serif"/>
  21. <meta name="color:Text" content="#222222">
  22. <meta name="color:Links" content="#ec6d71">
  23. <meta name="color:Hover" content="#f2c9ac">
  24. <meta name="color:Background" content="#FFFFFF">
  25. <meta name="color:PostsBackground" content="#FFFFFF">
  26. <meta name="color:Posts" content="#fff">
  27. <meta name="color:PopupBackground" content="#0ff"/>
  28. <meta name="color:Borders" content="#fcf"/>
  29. <meta name="if:stretchedbackground" content="1"/>
  30. <meta name="color:PostsBackground" content="#fff"/>
  31. <meta name="color:Tabs" content="#fcf"/>
  32. <meta name="color:Scrollbar" content="#0ff"/>
  33. <meta name="image:LinkHover" content="http://static.tumblr.com/blpgwiz/1O7mik78h/tumblr_m6p1e4kujl1ra2zxuo1_250_large.jpg"/>
  34. <meta name="image:Borders" content="http://static.tumblr.com/blpgwiz/ajJmik8li/46.jpg"/>
  35. <meta name="image:Banner" content="http://static.tumblr.com/blpgwiz/S6Cmik6xy/glitter.gif"/>
  36. <meta name="if:DashedBorders" content="1">
  37. <meta name="if:RoundedPosts" content="1">
  38. <meta name="if:BordersOnHover" content="0">
  39. <meta name="if:RoundedHover" content="0">
  40. <meta name="if:ImageBorders" content="0"/>
  41. <meta name="text:Update" content="your updates"/>
  42. <meta name="image:Background" content=""/>
  43.  
  44.  
  45.  
  46. <link rel="shortcut icon" href="{Favicon}">
  47. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  48. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  49.  
  50. <script src="http://code.jquery.com/jquery-1.6.1.min.js"></script>
  51. {block:IndexPage}
  52. <script src='http://dl.dropbox.com/u/10308294/js/jquery.masonry2-0.min.js' type='text/javascript'></script>
  53. <script type="text/javascript" src="http://dl.dropbox.com/u/10308294/un/jquery.infinitescroll.min.js"></script>
  54. {/block:IndexPage}
  55.  
  56. <script>
  57. $(document).ready(function() {
  58. //
  59. $('a.poplight[href^=#]').click(function() {
  60. var popID = $(this).attr('rel'); //Get Popup Name
  61. var popURL = $(this).attr('href'); //Get Popup href to define size
  62. var query= popURL.split('?');
  63. var dim= query[1].split('&');
  64. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  65. $('#' + 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>');
  66. var popMargTop = ($('#' + popID).height() + 80) / 2;
  67. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  68. //Apply Margin to Popup
  69. $('#' + popID).css({
  70. 'margin-top' : -popMargTop,
  71. 'margin-left' : -popMargLeft
  72. });
  73. $('body').append('<div id="fade"></div>');
  74. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  75. return false;
  76. });
  77. $('a.close, #fade').live('click', function() {
  78. $('#fade , .popup_block').fadeOut(function() {
  79. $('#fade, a.close').remove(); //fade them both out
  80. });
  81. return false;
  82. });
  83. });
  84. </script>
  85.  
  86.  
  87.  
  88. <link href='http://static.tumblr.com/blpgwiz/kVZm8o4rz/tilting.css' rel='stylesheet' type='text/css'>
  89. <style>
  90. #fade { /*--Transparent background layer--*/
  91. display: none; /*--hidden by default--*/
  92. background: {color:borders}; /*--Other Stuff Background Color--*/
  93. position: fixed; left: 0; top: 0;
  94. width: 100%; height: 100%;
  95. opacity: .80;
  96. z-index: 999999999;
  97. }
  98. .popup_block{
  99.  
  100. -webkit-animation: fly 3s linear normal ;
  101. -webkit-animation-duration: 3s;
  102. -moz-animation: fly 3s linear normal ;
  103. -moz-animation-duration: 3s;
  104. animation: fly 3s linear normal ;
  105. animation-duration: 3s;
  106. font-family: 'Always';
  107. font-size: 20px;
  108. display: none; /*--hidden by default--*/
  109. background: {color:PopupBackground}; /*Pop Up background Color*/
  110. padding: 20px;
  111. border: 20px solid {color:borders}; /*--Border color and width--*/
  112. float: left;
  113. font-size: 1.2em;
  114. position: fixed;
  115. top: 50%; left: 50%;
  116. z-index: 9999999999999999999999;
  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. </style>
  138.  
  139.  
  140. <div id="02" class="popup_block">
  141. <center>Press ctrl+f and search Rachetness, and insert FAQ Here</center>
  142. <iframe frameborder="0" scrolling="yes" width="100%" height="150" src="http://www.tumblr.com/ask_form/{name}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe>
  143.  
  144. </div>
  145.  
  146. <div id="03" class="popup_block">
  147. <center><big><big>Links<big><big></center>
  148. <center>Press ctrl+f and search Chelsea Smile and insert links here</center>
  149.  
  150. </div>
  151.  
  152. </div></div></div></div></div></div></div></div></div></div>
  153.  
  154. <script type="text/javascript" src="http://static.tumblr.com/1s4z8hu/1kflriygl/jscriptf-min.js"></script>
  155.  
  156. <script type="text/javascript">
  157. // Smooth Scroll to Top
  158. $(document).ready(function() {
  159. $('a[href*=#]').click(function() {
  160. if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'')
  161. && location.hostname == this.hostname) {
  162. var $target = $(this.hash);
  163. $target = $target.length && $target || $('[name=' + this.hash.slice(1) +']');
  164. if ($target.length) {
  165. var targetOffset = $target.offset().top;
  166. $('html,body').animate({scrollTop: targetOffset}, 700);
  167. return false;
  168. }
  169. }
  170. });
  171. });
  172. </script>
  173. <style type="text/css">
  174. body{
  175. overflow-x:hidden;
  176. background:{color:Background} url('{image:background}') fixed;
  177. {block:IfStretchedBackground}
  178. background-size: 100% 100%;
  179. {/block:IfStretchedBackground}
  180. font-family:{font:Body};
  181. font-size:10px;
  182. letter-spacing:0px;
  183. color:{color:text};
  184. }
  185.  
  186. a:link, a:visited{
  187. color:{color:links};
  188. text-decoration:none;
  189. }
  190.  
  191. a:hover{
  192. color:{color:hover};
  193. text-decoration:none;
  194. }
  195.  
  196. img a{
  197. border:0px !important;
  198. }
  199.  
  200. #container{
  201. {block:IndexPage}
  202. width: 100%;
  203. {/block:IndexPage}
  204. {block:PermalinkPage} width:500px;{/block:PermalinkPage}
  205. margin-left: 100px;
  206. margin-top: 400px;
  207. background:{color:PostsBackground};
  208. }
  209.  
  210.  
  211. .kelso{
  212. -webkit-animation: fadeInUp 2s;
  213. -moz-animation: fadeInUp 2s;
  214. -ms-animation: fadeInUp 2s;
  215. font-family: 'Always';
  216. margin-left: 0px;
  217. top: -365px;
  218. width: 210px;
  219. height: 400px;
  220. overflow: hidden;
  221. position: fixed;
  222. -webkit-transition: 0.8s;
  223. -moz-transition: 0.8s;
  224. -o-transition: 0.8s;
  225. -ms-transition: 0.8s;
  226. transition: 0.8s;
  227. z-index: 99999;
  228.  
  229.  
  230. }
  231.  
  232. .kelso:hover{
  233. top: 0px;
  234. -webkit-transition: 0.8s;
  235. -moz-transition: 0.8s;
  236. -o-transition: 0.8s;
  237. -ms-transition: 0.8s;
  238. transition: 0.8s;
  239. z-index: 99999;
  240. }
  241.  
  242.  
  243. .hyde{
  244. width: 200px;
  245. background-color: {color:Tabs};
  246. height: 25px;
  247. text-align: center;
  248. border-bottom-left-radius: 20px;
  249. border-bottom-right-radius: 20px;
  250. padding-top: 10px;
  251. position: absolute;
  252. bottom: 0px;
  253. overflow: auto;
  254. border: 3px solid {color:Borders};
  255. font-size: 20px;
  256. z-index: 99999;
  257. }
  258.  
  259.  
  260.  
  261. .eric::-webkit-scrollbar {
  262. width: 10px;
  263. background-color: {color:background};
  264. }
  265.  
  266. .eric::-webkit-scrollbar-track {
  267. -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  268. border-radius: 10px;
  269. background-color: {color:background};
  270. }
  271.  
  272. .eric::-webkit-scrollbar-thumb {
  273. border-radius: 10px;
  274. -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
  275. background-color: {color:Scrollbar};
  276. }
  277.  
  278. .eric::-webkit-scrollbar-corner {
  279.  
  280. background: #transparent;
  281.  
  282. }
  283.  
  284. .eric{
  285. height: 325px;
  286. bottom: 35px;
  287. width: 165px;
  288. padding: 20px;
  289. background-color: {color:tabs};
  290. font-size: 16px;
  291. text-align: center;
  292. z-index: 99999;
  293. }
  294.  
  295. .jackie img{
  296. width: 50px;
  297. }
  298.  
  299.  
  300. #infscr-loading {
  301.  
  302.  
  303. {block:IfNotUseLoadingBox}display:none !important;{/block:IfNotUseLoadingBox}
  304. }
  305.  
  306. .donna{
  307. -webkit-animation: fadeInUp 2s;
  308. -moz-animation: fadeInUp 2s;
  309. -ms-animation: fadeInUp 2s;
  310. font-family: 'Always';
  311. position: absolute;
  312. top: 0px;
  313. margin-left: 5%;
  314. width: 85%;
  315. text-align: center;
  316.  
  317.  
  318.  
  319.  
  320. }
  321.  
  322. ::-webkit-scrollbar {
  323. width: 10px;
  324. background-color: {color:background};
  325. }
  326.  
  327. ::-webkit-scrollbar-track {
  328. -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  329. border-radius: 10px;
  330. background-color: {color:background};
  331. }
  332. ::-webkit-scrollbar-thumb {
  333. border-radius: 10px;
  334. -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
  335. background-color: {color:background};
  336. }
  337.  
  338. ::-webkit-scrollbar-corner {
  339.  
  340. background: #transparent;
  341.  
  342. }
  343.  
  344.  
  345. .red{
  346. height: 120px;
  347. overflow: auto;
  348. font-size: 16px;
  349. }
  350. .donna img{
  351. max-width: 800px;
  352. }
  353.  
  354. .donna a{ display: inline !imporant;}
  355.  
  356. .fez a{
  357. font-size: 30px;
  358. margin-left: 10px;
  359. -webkit-transition: 0.8s;
  360. -moz-transition: 0.8s;
  361. -o-transition: 0.8s;
  362. -ms-transition: 0.8s;
  363. transition: 0.8s;
  364.  
  365.  
  366. }
  367.  
  368. .fez a:hover{
  369. border: 5px dotted {color:Borders};
  370. padding: 10px;
  371. border-radius: 20px;
  372. background: url('{image:LinkHover}');
  373. font-size: 40px;
  374. -webkit-transition: 0.8s;
  375. -moz-transition: 0.8s;
  376. -o-transition: 0.8s;
  377. -ms-transition: 0.8s;
  378. transition: 0.8s;
  379.  
  380. }
  381.  
  382.  
  383.  
  384.  
  385.  
  386. #footer{
  387. clear:both;
  388. }
  389.  
  390. #posts{
  391. padding: 20px;
  392. z-index: 99;
  393. margin-top:50px;
  394. margin-left: -50px;
  395. {block:IndexPage}
  396. width: 100%;
  397. {/block:IndexPage}
  398. {block:PermalinkPage} width:500px;{/block:PermalinkPage}
  399. background:{color:PostsBackground};
  400. }
  401.  
  402. .post{
  403. -webkit-animation: tada 2s;
  404. -moz-animation: tada 2s;
  405. -ms-animation: tada 2s;
  406. background: {color:Posts};
  407. {block:IndexPage}
  408. {block:IfDashedBorders}
  409. border: 3px dashed {color:borders};
  410. {/block:IfDashedBorders}
  411. {block:IfNotDashedBorders}
  412. border: 3px solid {color:borders};
  413. {/block:IfNotDashedBorders}
  414. {block:IfBordersOnHover}
  415. border: 0px;
  416. {/block:IfBordersOnHover}
  417. {block:IfRoundedPosts}
  418. Border-radius: 30px;
  419. {/block:IfRoundedPosts}
  420. width: 250px;
  421. float:left;
  422. {/block:IndexPage}
  423. {block:PermalinkPage}
  424. width: 500px;
  425. {/block:PermalinkPage}
  426. margin-right:0px;
  427. margin-top:10px;
  428. {block:IfRoundedPosts}
  429. Border-radius: 30px;
  430. {/block:IfRoundedPosts}
  431. -webkit-transition: 0.8s;
  432. -moz-transition: 0.8s;
  433. -o-transition: 0.8s;
  434. -ms-transition: 0.8s;
  435. transition: 0.8s;
  436. {block:IfImageBorders}
  437. border: 10px solid {color:borders};
  438. -moz-border-image:url({image:Borders}) 30 30 stretch; /* Firefox */
  439. -webkit-border-image:url({image:Borders}) 30 30 stretch; /* Safari */
  440. -o-border-image:url({image:Borders}) 30 30 stretch; /* Opera */
  441. border-image:url({image:Borders}) 30 30 stretch;
  442. margin-left: 20px;
  443. {/block:IfImageBorders}
  444.  
  445.  
  446. }
  447.  
  448. @font-face {
  449. font-family: 'Always';
  450. src: url('http://static.tumblr.com/blpgwiz/XWUmee4hp/dandelion_in_the_spring.ttf') format('truetype');
  451. font-weight: normal;
  452. font-style: normal;
  453.  
  454. }
  455.  
  456.  
  457.  
  458.  
  459. .post:hover{
  460. {block:IfBordersOnHover}
  461. border: 10px solid {color:borders};
  462. -moz-border-image:url({image:Borders}) 30 30 stretch; /* Firefox */
  463. -webkit-border-image:url({image:Borders}) 30 30 stretch; /* Safari */
  464. -o-border-image:url({image:Borders}) 30 30 stretch; /* Opera */
  465. border-image:url({image:Borders}) 30 30 stretch;
  466. {/block:IfBordersOnHover}
  467. {block:IfRoundHover}
  468. border-radius: 30px;
  469. {/block:IfRoundHover}
  470. -webkit-transform: rotate(5deg) scale(1.5);
  471. -webkit-transform: rotate(5deg) scale(1.5);
  472. -moz-transform: rotate(5deg) scale(1.5);
  473. -o-transform: rotate(5deg) scale(1.5);
  474. -ms-transform: rotate(5deg) scale(1.5);
  475. transform: rotate(5deg) scale(1.5);
  476. -webkit-transition: 0.8s;
  477. -moz-transition: 0.8s;
  478. -o-transition: 0.8s;
  479. -ms-transition: 0.8s;
  480. transition: 0.8s;
  481. z-index: 9999;
  482.  
  483.  
  484.  
  485. }
  486.  
  487.  
  488.  
  489.  
  490.  
  491.  
  492. .post h3{
  493. font-weight:bold;
  494. font-size:11px;
  495. text-transform:uppercase;
  496. text-align:center;
  497. {block:IndexPage}
  498. width: 230px;
  499. margin-left: 10px;
  500. {/block:IndexPage}
  501. {block:PermalinkPage}
  502. {block:IfTwoColumns}width:460px;{/block:IfTwoColumns}
  503. {block:IfNotTwoColumns}width:460px;{/block:IfNotTwoColumns}
  504. {/block:PermalinkPage}
  505. }
  506.  
  507. .caption, .notestags{
  508. padding:10px;
  509. {block:PermalinkPage}
  510. width: 250px;
  511. {/block:PermalinkPage}
  512. }
  513.  
  514. .text{
  515. padding:10px;
  516. {block:IndexPage}
  517. width: 250px;
  518. {/block:IndexPage}
  519. {block:PermalinkPage}width:500px;{block:PermalinkPage}
  520. text-align:justify;
  521. }
  522.  
  523. .text img a{
  524. border:0px !important;
  525. }
  526.  
  527. .text img{
  528. {block:IndexPage}
  529. width: 250px;
  530. {/block:IndexPage}
  531. {block:PermalinkPage}max-width:500px;{block:PermalinkPage}
  532. height:auto;
  533. border:0px !important;
  534. }
  535.  
  536. .catchme{
  537. background:{color:PostsBackground};
  538. padding:10px;
  539. position:absolute;
  540. top:0;
  541. z-index:3;
  542. opacity:0;
  543. overflow:hidden;
  544. transition-duration: 0.8s;
  545. -webkit-transition-duration: 0.8s;
  546. -o-transition-duration: 0.8s;
  547. -moz-transition-duration: 0.8s;
  548. text-align:center;
  549. text-transform:uppercase;
  550. {block:IndexPage}
  551. width: 250px;
  552. font-family: 'Always';
  553. font-size: 25px;
  554. {/block:IndexPage}
  555. {block:PermalinkPage}display:none;{block:PermalinkPage}
  556. }
  557.  
  558. .d_con{
  559.  
  560. }
  561.  
  562. .photo:hover .catchme{
  563.  
  564. opacity:0.85;
  565. overflow:hidden;
  566. transition-duration: 0.8s;
  567. -webkit-transition-duration: 0.8s;
  568. -o-transition-duration: 0.8s;
  569. -moz-transition-duration: 0.8s;
  570. }
  571.  
  572.  
  573. .photo{
  574. padding-bottom:-3px;
  575. width:auto;
  576. }
  577.  
  578.  
  579.  
  580. .photo img{
  581. {block:IndexPage}
  582. width: 270px;
  583. {/block:IndexPage}
  584. {block:IfRoundedPosts}
  585. border-radius: 30px;
  586. {/block:IfRoundedPosts}
  587. {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  588. height:auto;
  589. overflow: hidden;
  590. transition-duration: 0.8s;
  591. -webkit-transition-duration: 0.8s;
  592. -o-transition-duration: 0.8s;
  593. -moz-transition-duration: 0.8s;
  594. z-index:1;
  595. }
  596.  
  597. .photoset_w{
  598. left: 20px !important;
  599. padding-top: 10px;
  600. width: 250px;
  601. {block:PermalinkPage}width:500px;{block:PermalinkPage}
  602. }
  603.  
  604. .photoset_w .html_photoset iframe{
  605. margin-left:auto;
  606. margin-right:auto;
  607. display:block;
  608. }
  609.  
  610. .link{
  611. padding:10px;
  612. {block:IndexPage}
  613. width: 250px;
  614. {/block:IndexPage}
  615. text-align:justify;
  616. }
  617.  
  618. .chat{
  619. padding:10px;
  620. {block:IndexPage}
  621. width: 250px;
  622. {/block:IndexPage}
  623. text-align:justify;
  624. }
  625.  
  626. .chat ul, .chat ul li{
  627. list-style:none;
  628. margin:0px;
  629. padding:0px;
  630. }
  631.  
  632. .chat .label{
  633. font-weight:bold;
  634. font-style:italic;
  635. text-transform:lowercase;
  636. }
  637.  
  638. .quote{
  639. font-size:15px;
  640. padding:10px;
  641. {block:IndexPage}
  642. width: 250px;
  643. {/block:IndexPage}
  644. text-align:left;
  645. }
  646.  
  647. .qsource{
  648. text-align:right;
  649. }
  650.  
  651. .video embed, .video object, .video iframe{
  652. {block:IndexPage}
  653. width: 250px;
  654. {/block:IndexPage}
  655. height:auto !important;
  656. }
  657.  
  658. .player{
  659. padding:10px;
  660. {block:IndexPage}
  661. width: 250px;
  662. {/block:IndexPage}
  663. text-align:justify;
  664. }
  665.  
  666. .audio_player{
  667. background:#fff;
  668. }
  669.  
  670. .audio {
  671. height:30px;
  672. overflow-y: hidden;
  673. }
  674. .audio span {
  675. color:#ffffff;
  676. font-size:1px;
  677. }
  678. .audio span a{
  679. color:#ffffff;
  680. font-size:1px;
  681. }
  682.  
  683. .artist{
  684. text-transform:lowercase;
  685. padding:10px;
  686. text-align:center;
  687.  
  688. {block:IndexPage}
  689. width: 250px;
  690. {/block:IndexPage}
  691.  
  692. }
  693.  
  694. .ask{
  695. padding:10px;
  696. {block:IndexPage}
  697. width: 250px;
  698. {/block:IndexPage}
  699. text-align:justify;
  700. text-transform:lowercase;
  701. }
  702.  
  703. .ask p{
  704. margin-top:0px;
  705. }
  706.  
  707. #footer{
  708. }
  709.  
  710. .source{
  711. display:none;
  712. height:0px !important;
  713. }
  714.  
  715. .p_separator{
  716. border-top:1px solid {color:text};
  717. padding-top:10px;
  718. margin:0 120px;
  719. }
  720.  
  721. .p_meta{
  722. text-align:center;
  723. text-transform:uppercase;
  724. font-size:10px !important;
  725. }
  726.  
  727. .perma_pagi{
  728. padding:10px 0;
  729. }
  730.  
  731. #speech-bubble {
  732. width: 120px;
  733. height: 80px;
  734. background: {color:Sidebar};
  735. position: fixed;
  736. bottom: 20px;
  737. right: 20px;
  738. -moz-border-radius: 10px;
  739. -webkit-border-radius: 10px;
  740. border-radius: 10px;
  741. }
  742. #speech-bubble:before {
  743. content:"";
  744. position: absolute;
  745. width: 0;
  746. height: 0;
  747. border-top: 13px solid transparent;
  748. border-right: 26px solid {color:Sidebar};
  749. border-bottom: 13px solid transparent;
  750. margin: 13px 0 0 -25px;
  751. }
  752.  
  753. .mmm{
  754. right: 170px;
  755. bottom: 30px;
  756. position: fixed;
  757. width: 70px;
  758. height:70px;
  759. }
  760.  
  761. .mmm img{
  762. width: 70px;
  763. height: 70px;
  764. border-radius: 20px;
  765. }
  766.  
  767. .backtop{
  768. position:fixed;
  769. bottom:0px;
  770. right:10px;
  771. width: 80px;
  772. height: 80px;
  773. font-size:25px;
  774. border-top-left-radius: 100px;
  775. border-top-right-radius: 100px;
  776. -moz-transition-duration:0.5s;
  777. -o-transition-duration:0.5s;
  778. -webkit-transition-duration:0.5s;
  779. transition-duration:0.5s;
  780. }
  781.  
  782. .backtop a{
  783. color:{color:PostsBackground}
  784. }
  785.  
  786. .backtop p{
  787. text-align: center;
  788. margin-top: 7px;
  789. }
  790.  
  791. {CustomCSS}
  792.  
  793. </style>
  794.  
  795.  
  796.  
  797. </head>
  798.  
  799.  
  800. <body>
  801.  
  802. <div class="donna"><img src="{image:Banner}">
  803.  
  804. <div class="fez"><center><a href="/">Home</a>
  805. <a href="#?w=500" rel="02" class="poplight">Ask</a>
  806. <a href="/"><a href="#?w=500" rel="03" class="poplight">Links</a></a>
  807. <div class="red">{description}</div>
  808.  
  809. </div>
  810.  
  811.  
  812. </div>
  813.  
  814.  
  815. <div class="kelso" style="width: 110px;">
  816. <div class="hyde" style="width: 100px;">Networks</div>
  817. <div class="eric" style="width: 65px;"><div class="jackie">
  818. Press ctrl+f and search Foxwolf and put networks and imgs here
  819.  
  820. </div></div>
  821.  
  822. </div>
  823.  
  824. <div class="kelso" style="margin-left:110px">
  825. <div class="hyde">Updates</div>
  826. <div class="eric">{text:Update}</div>
  827.  
  828. </div>
  829.  
  830. <div class="kelso" style="margin-left:320px">
  831. <div class="hyde">Stats</div>
  832. <div class="eric">
  833. <center>Press ctrl+f and search Call Me Maybe and paste your stat codes here. Find stat codes at <a href="http://everythingtumblr.4lison.com/">Everything Tmblr</a>
  834. </div>
  835.  
  836. </div>
  837.  
  838. <div class="kelso" style="margin-left:530px">
  839. <div class="hyde">Favorites</div>
  840. <div class="eric">
  841. Press crl+f and search Alice Practice and insert links to your favorites here!
  842.  
  843. </div>
  844.  
  845. </div>
  846.  
  847.  
  848. <div class="kelso" style="margin-left:740px">
  849. <div class="hyde">Credit</div>
  850. <div class="eric">
  851. Theme, and all codes made by 4lison.
  852. Click <A href="http://everythingtumblr.4lison.com/">Here</a> for codes, themes, dash themes, graphics, banners, backgrounds, photoshop tutorials, and more</center>
  853.  
  854. </div>
  855.  
  856. </div>
  857.  
  858. <div class="kelso" style="margin-left:950px">
  859. <div class="hyde">Chat</div>
  860. <div class="eric">
  861. Press ctrl+f and search Runaway and paste cbox code here.
  862. Please make sure to make the cbox 150px in width, and 300px in height.
  863. Make a chat box <a href="http://www.cbox.ws/">Here</a>
  864.  
  865. </div>
  866.  
  867. </div>
  868.  
  869.  
  870.  
  871.  
  872.  
  873.  
  874. <div id="container">
  875.  
  876.  
  877. <div id="posts">
  878.  
  879. {block:Posts}
  880. {block:Text}
  881. <div class="post text">
  882. {block:Title}<h3><a href="{Permalink}">{Title}</a></h3>
  883. <div class="p_separator"></div>
  884. {/block:Title}
  885.  
  886. {Body}
  887. <div class="p_separator"></div>
  888. <div class="p_meta"><a href="{Permalink}">Permalink</a> {block:NoteCount} &middot; <a href="{Permalink}">{NoteCount}</a> {/block:NoteCount}&middot; {Timeago}</div>
  889. </div>
  890. {/block:Text}
  891.  
  892. {block:Photo}
  893. <div class="post photo">
  894. {block:IndexPage}<a href="{Permalink}"><img src="{PhotoURL-500}" {PhotoAlt} border="0"/></a>
  895. <div class="catchme"><div class="d_con"><a href="{Reblogurl}">Reblog</a> {block:NoteCount} &middot; <a href="{Permalink}">{NoteCount}</a> {/block:NoteCount}&middot; {Timeago}</div></div>{/block:IndexPage}
  896.  
  897. {block:PermalinkPage}
  898. {LinkOpenTag}<img src="{PhotoURL-500}" {PhotoAlt} border="0"/>{LinkCloseTag}
  899. {block:Caption}
  900. <div class="caption">{Caption}</div>
  901. {/block:Caption}
  902. {/block:PermalinkPage}
  903.  
  904. </div>
  905. {/block:Photo}
  906.  
  907. {block:Photoset}
  908. <div class="post photoset_w">{Photoset-500}
  909. <center>
  910. <a href="{permalink}">Permalink</a></center>
  911. {block:PermalinkPage}
  912. {block:Caption}
  913. <div class="caption">{Caption}</div>
  914. {/block:Caption}
  915. {/block:PermalinkPage}
  916. </div>
  917. {/block:Photoset}
  918.  
  919. {block:Quote}
  920. <div class="post quote">
  921. "{Quote}"
  922. {block:Source}
  923. <div class="qsource"><h3>{Source}</h3></div>
  924. {/block:Source}
  925. <div class="p_separator"></div>
  926. <div class="p_meta"><a href="{Permalink}">Permalink</a> {block:NoteCount} &middot; <a href="{Permalink}">{NoteCount}</a> {/block:NoteCount}&middot; {Timeago}</div>
  927. </div>
  928. {/block:Quote}
  929.  
  930. {block:Link}
  931. <div class="post link">
  932. <h3><a href="{URL}" {Target}>{Name}</a></h3>
  933. <div class="p_separator"></div>
  934. {block:Description}
  935. {Description}
  936. {/block:Description}
  937. <div class="p_separator"></div>
  938. <div class="p_meta"><a href="{Permalink}">Permalink</a> {block:NoteCount} &middot; <a href="{Permalink}">{NoteCount}</a> {/block:NoteCount}&middot; {Timeago}</div>
  939. </div>
  940. {/block:Link}
  941.  
  942. {block:Chat}
  943. <div class="post chat">
  944. {block:Title}<h3><a href="{Permalink}">{Title}</a></h3>
  945. <div class="p_separator"></div>
  946. {/block:Title}
  947.  
  948. <ul class="chat">
  949. {block:Lines}
  950. <li class="{Alt} user_{UserNumber}">
  951. {block:Label}
  952. <span class="label">{Label}</span>
  953. {/block:Label}
  954.  
  955. {Line}
  956. </li>
  957. {/block:Lines}
  958. </ul>
  959. <div class="p_separator"></div>
  960. <div class="p_meta"><a href="{Permalink}">Permalink</a> {block:NoteCount} &middot; <a href="{Permalink}">{NoteCount}</a> {/block:NoteCount}&middot; {Timeago}</div>
  961. </div>
  962. {/block:Chat}
  963.  
  964. {block:Video}
  965. <div class="post video">
  966. {Video-500}
  967. <div class="p_separator"></div>
  968. <div class="p_meta"><a href="{Permalink}">Permalink</a> {block:NoteCount} &middot; <a href="{Permalink}">{NoteCount}</a> {/block:NoteCount}&middot; {Timeago}</div>
  969.  
  970. {block:PermalinkPage}
  971. {block:Caption}
  972. <div class="caption">{Caption}</div>
  973. {/block:Caption}
  974. {/block:PermalinkPage}
  975. </div>
  976. {/block:Video}
  977.  
  978. {block:Audio}
  979. <div class="post player">
  980. <div class="audio" id="{postID}">{AudioPlayerWhite}</div>
  981. <div class="artist">{block:Artist}<b>{Artist}</b>{/block:Artist} {block:TrackName}<em>{TrackName}</em>{/block:TrackName}</div>
  982. <div class="p_separator"></div>
  983. <div class="p_meta"><a href="{Permalink}">Permalink</a> {block:NoteCount} &middot; <a href="{Permalink}">{NoteCount}</a> {/block:NoteCount}&middot; {Timeago}</div>
  984. {block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  985. {/block:PermalinkPage}
  986. </div>
  987. {/block:Audio}
  988.  
  989. {block:Answer}
  990. <div class="post ask">
  991.  
  992. <div class="answer"><strong>{Asker} asked:</strong><p><em>{Question}</em></p></div>
  993. <div><strong>{title} answered:</strong>{Answer}</div>
  994. <div class="p_separator"></div>
  995. <div class="p_meta"><a href="{Permalink}">Permalink</a> {block:NoteCount} &middot; <a href="{Permalink}">{NoteCount}</a> {/block:NoteCount}&middot; {Timeago}</div>
  996. <div style="clear:both;"></div>
  997. </div>
  998. {/block:answer}
  999.  
  1000. {block:PermalinkPage}
  1001. <div class="perma_pagi">
  1002. <center>{block:PermalinkPagination} {block:PreviousPost} &laquo; <a href="{PreviousPost}">Previous Post</a> {/block:PreviousPost} | {block:NextPost} <a href="{NextPost}">Next Post</a> &raquo; {/block:NextPost} {/block:PermalinkPagination}</center>
  1003. </div>
  1004.  
  1005. <div class="notestags">{block:NoteCount}{NoteCount} notes{/block:NoteCount} {block:HasTags}
  1006. | {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags} {/block:HasTags}</div>
  1007. <div class="source">
  1008. {block:ContentSource}
  1009. <a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  1010. <img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1011. {/block:SourceLogo}{block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}
  1012. </a>
  1013. {/block:ContentSource}
  1014. {block:RebloggedFrom} <a href="{ReblogParentURL}">{ReblogParentName}</a> {/block:RebloggedFrom}
  1015.  
  1016. </div>
  1017. {/block:PermalinkPage}
  1018.  
  1019.  
  1020. {/block:Posts}
  1021.  
  1022. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1023. </div><!--END posts-->
  1024.  
  1025. <div id="footer">
  1026. {block:NextPage}
  1027. <a href="{NextPage}">forth</a>
  1028. {/block:NextPage}
  1029.  
  1030. {block:PreviousPage}
  1031. <a href="{PreviousPage}">back</a>
  1032. {/block:PreviousPage}
  1033. </div>
  1034. </div><!--END container-->
  1035. <p><a href="#top">
  1036. <div id="speech-bubble"></div>
  1037. <div class="backtop">Up</div></a></p>
  1038. <div class="mmm"><img src="{PortraitURL-64}"></div>
  1039. </body>
  1040. </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!