API tools faq
paste
Petra1999

EMMA THEME | cloudythms.tumblr.com

Petra1999
Jul 11th, 2018
2,094
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 33.18 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html><head><link rel="alternate" type="application/rss+xml" href="{RSS}">{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  2.  
  3. <!-----------------------------------------------------------------------
  4.  
  5.  
  6.         {   cloudythms
  7.                      "emma" theme    }
  8.            
  9.          
  10.   https://cloudythms.tumblr.com/
  11.        contact me if you have questions!
  12.  
  13.  
  14.  
  15. .....................  RULES  .....................
  16.    
  17. - You may move, but not remove the credit
  18. - Leave this comment
  19. - Edit the rest as much as you want
  20. - Do not redistribute without permission / use as base
  21. - Do not claim as your own
  22.  
  23.  
  24.  
  25.  
  26. .....................  GUIDE  .....................
  27.  
  28.  
  29. SIDEBAR IMAGE SIZE:
  30.    width: 350 px;
  31.    height: 400 px;
  32.  
  33.  
  34.  
  35. ..................... CREDITS .....................
  36.    
  37. - theme:                https://cloudythms.tumblr.com/
  38. - base code:            https://cloudythms.tumblr.com/
  39.  
  40. - svg icons:            https://www.flaticon.com/
  41. - icon font:            https://fontawesome.io/
  42. - fonts:                https://fonts.google.com/
  43.  
  44. - source/via fix:       https://neothm.com/post/137707520574/
  45. - unnest captions:      https://neothm.com/post/149023525244/
  46. - audio post style:     https://lmthemeslp-tut.tumblr.com/audio
  47. - pxu photosets:        https://shythemes.tumblr.com/post/113728114758/
  48. - video resizer:        https://shythemes.tumblr.com/post/134536748863/
  49. - text like/reblog:     https://shythemes.tumblr.com/post/154249052918/
  50. - soundcloud player:    https://shythemes.tumblr.com/post/114792480648/
  51. - tumblr controls:      https://cyantists.tumblr.com/post/163728517915/
  52. - smoothscroll:         https://zacharyfury.tumblr.com/post/138066236021/
  53. - tooltips:             https://tutorial-baby.tumblr.com/post/74581118284/
  54. - no redirects:     https://magnusthemes.tumblr.com/post/162657076440/
  55.  
  56. - other resources:      https://cloudythms.tumblr.com/res
  57.  
  58. ---------------------------------------------------------------------->
  59.  
  60.  
  61. <!-- Text that appears on the tab / browser window
  62.     Change it to any text if you want to. -->
  63. <title>{Title}
  64. {block:PostSummary} - {PostSummary}{/block:PostSummary}</title>
  65.  
  66. <!-- Favicon (little image that's shown in the browser)
  67.     Change {Favicon} to your image URL. Leave the "". -->
  68. <link rel="shortcut icon" href="{Favicon}"/>
  69.  
  70.  
  71.  
  72. <!-- --------------------------- SCRIPTS --------------------------- -->
  73. <link href="https://static.tumblr.com/tpbx7ye/OYupblc9f/cloudythms.css" rel="stylesheet">
  74.  
  75. <!-- jQuery -->
  76. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  77.  
  78. <!-- Fonts -->
  79. <link href="https://fonts.googleapis.com/css?family=Fira+Mono|Lora|Open+Sans|Roboto|Roboto+Mono|Roboto+Slab|Karla&amp;subset=latin-ext" rel="stylesheet">
  80. <link href="https://fonts.googleapis.com/css?family=Bad+Script|Calligraffitti|Caveat|Cedarville+Cursive|Courgette|Dancing+Script|Dawning+of+a+New+Day|Euphoria+Script|Homemade+Apple|Just+Me+Again+Down+Here|Kaushan+Script|La+Belle+Aurore|Meddon|Nanum+Pen+Script|Nothing+You+Could+Do|Pacifico|Reenie+Beanie|Sacramento|Satisfy|Zeyada&amp;subset=latin-ext" rel="stylesheet">
  81.  
  82. <!-- Icon Fonts -->
  83. <!-- FontAwesome --> <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet"> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous">
  84. <!-- Ionicons --> <link href="https://unpkg.com/[email protected]/dist/css/ionicons.min.css" rel="stylesheet">
  85. <!-- Linearicons --> <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  86.  
  87. <!-- Smooth Scroll -->
  88. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  89.  
  90. <!-- Video Resizer -->
  91. <script src="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  92.  
  93.  
  94.  
  95. <!-- Tooltips -->
  96. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  97. <script>
  98. (function($){
  99. $(document).ready(function(){
  100. $("a[title]").style_my_tooltips({
  101. tip_follows_cursor:true,
  102. tip_delay_time:30, /* put a higher number for more delay */
  103. tip_fade_speed:300, /* put a higher number for a slower fade */
  104. attribute:"title" /* recommended: delay:10-100 fade:200-600 */
  105. });
  106. });
  107. })(jQuery);
  108. </script>
  109. <style>
  110. .tooltip{
  111. display: inline;
  112. position: relative;
  113. }
  114. #s-m-t-tooltip {
  115.     max-width:300px;
  116.     border-radius: 1px;
  117.     padding:3px 4px 4px 4px;
  118.     margin:20px 7px -2px 20px;
  119.     background-color:{color:content background};
  120.     font-size:11px;
  121.     letter-spacing:0.5px;
  122.     color:{color:text};
  123.     z-index:9999999999999999;
  124. }
  125. </style>
  126.  
  127.  
  128. <!-- un-nest tumblr captions -->
  129. <script src="https://static.tumblr.com/wgg6svp/OoTofxa0c/unnest.min.js"></script>
  130. <script> $(function(){
  131. $('.post').removeClass("noscript");
  132. $('.post').unnest({
  133.     yourCaption: ".caption",
  134.     wrapName: ".tumblr_parent",
  135.     newCaptionUsername: false,
  136.     originalPostCaptionUsername: false,
  137.     tumblrAvatars: false,
  138.     tumblrAvatarClass: ".tumblr_avatar",
  139.     usernameColon: false
  140.     // .tumblr_blog
  141.   });
  142. }); </script>
  143.  
  144.  
  145. <!-- pixel union photosets -->
  146. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  147. <script src="https://static.tumblr.com/yxfeliq/hHwojmt8m/bctphotoset.min.js"></script>
  148. <script>
  149. $(document).ready(function(){
  150.    $('.photo-slideshow').pxuPhotoset({
  151.        lightbox: true,
  152.        rounded: false,
  153.        gutter: '2px',
  154.        borderRadius: '0px',
  155.        photoset: '.photo-slideshow',
  156.        photoWrap: '.photo-data',
  157.        photo: '.pxu-photo'
  158.    });
  159. });
  160. </script>
  161.  
  162.  
  163. <!-- soundcloud player -->
  164. <script>
  165. // minimal soundcloud player © shythemes.tumblr
  166. $(document).ready(function(){
  167.    var color = '#efefef'; // color of play button (hex)
  168.    $('.soundcloud_audio_player').each(function(){
  169.        $(this).attr({ src: $(this).attr('src').split('&')[0] + '&amp;liking=false&amp;sharing=false&amp;auto_play=false&amp;show_comments=false&amp;continuous_play=false&amp;buying=false&amp;show_playcount=false&amp;show_artwork=true&amp;origin=tumblr&amp;color=' + color.split('#')[1], height: 20, width: '100%' });
  170.    });
  171. });
  172. </script>
  173.  
  174.  
  175.  
  176. <!-- no tumblr redirect links -->
  177. <script>
  178. $(document).ready(function(){
  179. //remove tumblr redirects script by magnusthemes@tumblr
  180.   $('a[href*="t.umblr.com/redirect"]').each(function(){
  181.       var originalURL = $(this).attr("href").split("?z=")[1].split("&t=")[0];
  182.       var replaceURL = decodeURIComponent(originalURL);
  183.       $(this).attr("href", replaceURL);
  184.   });
  185. });
  186. </script>
  187.  
  188.  
  189.  
  190. <!-- fade in -->
  191. <style> .wrapper { opacity:0; } </style>
  192. <script>
  193. $(document).ready(function() {
  194.     $(".wrapper").delay(1000).animate({"opacity":"1"}, 500);
  195. });
  196. </script>
  197.  
  198.  
  199.  
  200. <!-- tumblr controls -->
  201. <style>
  202. iframe.tmblr-iframe {
  203.     z-index:99999999999999!important;
  204.     right:0!important;
  205.     opacity:0;
  206.     padding-right:38px;
  207.         filter:invert(1) contrast(150%);
  208.         -webkit-filter:invert(1) contrast(150%);
  209.      transition: all 0.5s linear 0s;
  210.      transform:scale(0.65);
  211.      transform-origin:100% 0;
  212.     -webkit-transform:scale(0.65);
  213.     -webkit-transform-origin:100% 0;
  214.     -ms-transform:scale(0.65);
  215.     -ms-transform-origin:100% 0;
  216. }
  217.  
  218. iframe.tmblr-iframe:hover {
  219.     opacity:0.6!important;
  220. }
  221.  
  222. {block:IfNotShowTumblrControls}
  223. iframe.tmblr-iframe, iframe.tmblr-iframe:hover, .hcontrols {
  224.     display:none;
  225. }
  226. {/block:IfNotShowTumblrControls}
  227.    
  228. .hcontrols {
  229.     position:fixed;
  230.     top:0;
  231.     right:0;
  232.     z-index:999999999;
  233. }
  234.  
  235. .hcontrols svg {
  236.     width:25px;
  237.     height:20px;
  238.     padding:12px;
  239.     padding-right:0px;
  240. }
  241.  
  242. .hcontrols svg path {
  243.     fill:rgba(0,0,0,0.5);
  244. }
  245. </style>
  246.  
  247. <!-- --------------------------- OPTIONS --------------------------- -->
  248.  
  249.  
  250. <!-- Images -->
  251. <meta name="image:Background" content="0"/>
  252. <meta name="image:Sidebar" content="0"/>
  253.  
  254. <!-- Colors -->
  255. <meta name="color:Background" content="#f7f7f7" />
  256. <meta name="color:Content Background" content="#ffffff" />
  257. <meta name="color:Text" content="#484848" />
  258. <meta name="color:Accent" content="#315f7a" />
  259.  
  260. <!-- Dropdowns -->
  261. <meta name="select:Post Width" content="500px" title="500px">
  262. <meta name="select:Post Width" content="400px" title="400px">
  263. <meta name="select:Post Width" content="250px" title="250px">
  264.  
  265. <meta name="select:Font Size" content="14px" title="medium">
  266. <meta name="select:Font Size" content="12px" title="tiny">
  267. <meta name="select:Font Size" content="13px" title="small">
  268. <meta name="select:Font Size" content="15px" title="big">
  269. <meta name="select:Font Size" content="16px" title="huge">
  270.  
  271. <meta name="select:Font" content="Karla" title="Karla">
  272. <meta name="select:Font" content="Roboto" title="Roboto">
  273. <meta name="select:Font" content="Roboto Slab" title="Roboto Slab">
  274. <meta name="select:Font" content="Fira Mono" title="Fira Mono">
  275. <meta name="select:Font" content="Roboto Mono" title="Roboto Mono">
  276.  
  277. <meta name="select:Custom Link Icon" content="fa-th" title="archive">
  278. <meta name="select:Custom Link Icon" content="fa-user" title="person">
  279. <meta name="select:Custom Link Icon" content="fa-link" title="link">
  280. <meta name="select:Custom Link Icon" content="fa-heart" title="heart">
  281. <meta name="select:Custom Link Icon" content="fa-star" title="star">
  282.  
  283. <!-- Options -->
  284. <meta name="if:Use Dark Colors" content="0"/>
  285. <meta name="if:Show Tumblr Controls" content="1"/>
  286. <meta name="if:Repeat Background Image" content="0"/>
  287. <meta name="if:Show Tags" content="1"/>
  288. <meta name="if:Show Captions" content="1"/>
  289.  
  290. <!-- Text -->
  291. <meta name="text:Custom Title" content=""/>
  292. <meta name="text:Ask Link" content="/ask"/>
  293. <meta name="text:Custom Link" content="/archive"/>
  294. <meta name="text:Link1 Title" content=""/>
  295. <meta name="text:Link1 URL" content="/link1"/>
  296. <meta name="text:Link2 Title" content=""/>
  297. <meta name="text:Link2 URL" content="/link2"/>
  298. <meta name="text:Link3 Title" content=""/>
  299. <meta name="text:Link3 URL" content="/link3"/>
  300. <meta name="text:Link4 Title" content=""/>
  301. <meta name="text:Link4 URL" content="/link4"/>
  302. <meta name="text:Link5 Title" content=""/>
  303. <meta name="text:Link5 URL" content="/link5"/>
  304. <meta name="text:Link6 Title" content=""/>
  305. <meta name="text:Link6 URL" content="/link6"/>
  306.  
  307. <!-- ---------------------------------------------------------------- -->
  308. <!-- ----------------------- C S S - S T A R T ---------------------- -->
  309. <!-- ---------------------------------------------------------------- -->
  310. <style>
  311.  
  312.  
  313.  
  314. /****************************** basics ******************************/
  315.  
  316.  
  317. body {
  318.     background-color:{color:background};
  319.     color:{color:text};  
  320.     font-family: "{select:Font}", Arial, sans-serif;
  321.     font-size: {select:Font Size};
  322.     text-align:left;
  323.     margin:0;
  324.    
  325.     /* background image */
  326.     {block:IfBackgroundImage}
  327.         background-image:url({image:Background});
  328.         background-attachment: fixed;
  329.         {block:IfRepeatBackgroundImage}
  330.             background-repeat: repeat;
  331.         {/block:IfRepeatBackgroundImage}
  332.         {block:IfNotRepeatBackgroundImage}
  333.             background-repeat: no-repeat;
  334.             -webkit-background-size: cover;
  335.             -moz-background-size: cover;
  336.             -o-background-size: cover;
  337.             background-size: cover;
  338.         {/block:IfNotRepeatBackgroundImage}
  339.     {/block:IfBackgroundImage}
  340.    
  341. }
  342.  
  343. pre {
  344.     white-space: pre-wrap;
  345.     white-space: -moz-pre-wrap;
  346.     white-space: -pre-wrap;
  347.     white-space: -o-pre-wrap;
  348.     word-wrap: break-word;
  349. }
  350.  
  351. blockquote{
  352.    border-left:1px solid #d3d3d3;
  353.    padding-left:10px;
  354.    margin-left:5px;
  355. }
  356.  
  357. hr {
  358.     border: 0;
  359.     height: 0;
  360.     border-top: 1px solid rgba(0, 0, 0, 0.1);
  361.     border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  362. }
  363.  
  364. b, strong {
  365.    
  366. }
  367.  
  368. i, em {
  369.    
  370. }
  371.  
  372. a, a:visited, a:link, a:active {
  373.     color:{color:accent};
  374.     text-decoration:none;
  375. }
  376.  
  377. a:hover {
  378.    
  379. }
  380.  
  381. a, a:focus {  
  382.     outline: 0;
  383. }
  384.  
  385. .block a{
  386.     display: block;
  387. }
  388.  
  389. .inline a{
  390.     display: inline-block;
  391.     margin-right:5px;
  392. }
  393.  
  394. strike {
  395.     text-decoration: line-through solid black;
  396. }
  397.    
  398. img{
  399.     opacity:1;
  400.     border:none;
  401.     text-decoration:none;
  402. }
  403.  
  404. h1, h2, h3, h4, h5, h6{
  405.     font-weight:normal;
  406.     margin:0;
  407. }
  408.  
  409. small {
  410.     font-size: calc({select:Font Size} - 2px);
  411. }
  412.  
  413. big, h2 {
  414.     font-size: calc({select:Font Size} + 2px);
  415. }
  416.  
  417. ul li:before {
  418.   content: '\f105';
  419.   font-family: FontAwesome;
  420.   margin:0 5px;
  421. }
  422.  
  423. ol{
  424.    padding-left: 27px;
  425. }
  426.  
  427. ul{
  428.    list-style: none;
  429.    padding-left:10px;
  430. }
  431.  
  432. ::selection {
  433.   background: rgba(0,0,0,0.3);
  434.   color: #ffffff;
  435. }
  436. ::-moz-selection {
  437.   background: rgba(0,0,0,0.3);
  438.   color: #ffffff;
  439. }
  440.  
  441.  
  442. /* scrollbar */
  443. ::-webkit-scrollbar-thumb:vertical {
  444. background-color:rgba(0,0,0,0.2); /* slider color*/
  445. height:100px;
  446. border-radius:15px;
  447. }
  448. ::-webkit-scrollbar-thumb:horizontal {
  449. background-color:rgba(0,0,0,0.2); /* slider color*/
  450. height:100px !important;
  451. }
  452. ::-webkit-scrollbar {
  453. height:10px;
  454. width:10px; /*width of slider*/
  455. background-color:transparent; /* main color*/
  456. }
  457.  
  458.  
  459.  
  460. /****************************** layout ******************************/
  461. /* (do not edit this unless you know what you're doing) */
  462. /* additonal width = padding+margin+border+etc */
  463.  
  464.  
  465.  
  466. .wrapper {
  467.   width: calc({select:Post Width});
  468.   /* width of post(s) + additional width of post+posts (both sides) */
  469.   margin-bottom:50px;
  470.   position:absolute;
  471.   top: 15%;
  472.   left:calc(5% + 400px + 5%);
  473. }
  474. .sidebar {
  475.   position: fixed;
  476.   box-sizing: border-box;
  477.   width: 400px;
  478.   top: 15%;
  479.   padding: 20px;
  480.   left:5%;
  481. }
  482. .posts {
  483.   box-sizing: border-box;
  484. }
  485. .post {
  486.   box-sizing: content-box;
  487.   width: {select:Post Width};
  488.   padding:0;
  489.   padding-bottom:5px;
  490.   margin: 0 auto;
  491.   {block:PermalinkPage}margin-bottom:0px;{/block:PermalinkPage}
  492. }
  493. .post:last-child {  margin-bottom:0; }
  494. .post img, .post li, .post blockquote { max-width: 100%; }
  495. .topbar {
  496.   position: fixed;
  497.   width: 100%;
  498.   left: 0;
  499.   z-index:99;
  500. }
  501. .topbar { top: 0; }
  502.  
  503.  
  504.  
  505.  
  506. /****************************** sidebar ******************************/
  507.  
  508.  
  509. /* image + overlay */
  510.  
  511. .sidebar {
  512.    
  513. }
  514.  
  515. .sideimage {
  516.     width:350px;
  517.     height:400px;
  518.     background:{color:accent};
  519.     border:5px solid {color:accent};
  520.     {block:IfSidebarImage}
  521.     background-image:url({image:Sidebar});
  522.     background-size:350px 400px;
  523.     {/block:IfSidebarImage}
  524. }
  525.  
  526. .overlay {
  527.     background:rgba(255,255,255,0.8);
  528.     {block:IfUseDarkColors}
  529.         background:rgba(0,0,0,0.8);
  530.     {/block:IfUseDarkColors}
  531.     position:absolute;
  532.     height:304px;
  533.     margin-top:calc( (400px - 304px) / 2);
  534.     width:249px;
  535.     margin-left:calc( (350px - 249px) / 2);
  536.     opacity:0;
  537.     transition:0.7s;
  538.     transition-delay:0.1s;
  539. }
  540.  
  541. .sideimage:hover .overlay{
  542.     opacity:1;
  543.     transition-delay:0;
  544. }
  545.  
  546. #description, .buttons, .navigation {
  547.     height:109px;
  548.     box-sizing:border-box;
  549.     overflow:hidden;
  550. }
  551. #description, .buttons {
  552.     border-bottom:2px solid {color:accent};
  553. }
  554. .buttons {
  555.     height:83px;
  556. }
  557.  
  558.  
  559.  
  560. /* overlay content */
  561.  
  562. #description {
  563.     text-align:justify;
  564.     padding:23px;
  565.     font-size: calc({select:Font Size} - 1px);
  566.     color:{color:text};
  567. }
  568.  
  569. .buttons a {
  570.     box-sizing:border-box;
  571.     width:83px;
  572.     height:83px;
  573.     border-right:2px solid {color:accent};
  574.     display:inline-block;
  575.     padding:20px;
  576.     transition:0.7s ease;
  577.     font-size:30px;
  578.     padding-top:23px;
  579.     cursor:help;
  580. }
  581.  
  582. .fa-stream { padding-left:6px; }
  583. .fa-envelope { padding-left:6px; }
  584. .fa-th { padding-left:6px; }
  585. .fa-user { padding-left:8px; }
  586. .fa-link { padding-left:6px; }
  587. .fa-heart { padding-left:6px; }
  588. .fa-star { padding-left:4px; }
  589.  
  590. .buttons a:last-child {
  591.     border-right:0;
  592. }
  593.  
  594. .buttons a:hover{
  595.     color:white;
  596.     {block:IfUseDarkColors}color:black;{/block:IfUseDarkColors}
  597.     background-color:{color:accent};
  598. }
  599.  
  600. .navigation {
  601.     padding:20px;
  602. }
  603.  
  604. .navigation a {
  605.     display:inline-block;
  606.     color:{color:text};
  607.     width:100px;
  608.     margin-right:5px;
  609.     margin-bottom:5px;
  610.     padding-bottom:3px;
  611.     position:relative;
  612.     text-align:center;
  613.     white-space:nowrap;
  614.     overflow:hidden;
  615. }
  616.  
  617. .navigation a:nth-child(even){
  618.     margin-right:0;
  619. }
  620.  
  621. .navigation a:before {
  622.     content:'';
  623.     position:absolute;
  624.     width:100%;
  625.     height:2px;
  626.     bottom:0;
  627.     left:0;
  628.     background-color:{color:accent};
  629.     transition:0.3s ease;
  630.     -webkit-transform: scaleX(0);
  631.     -ms-transform: scaleX(0);
  632.     transform: scaleX(0);
  633. }
  634.  
  635. .navigation a:hover:before {
  636.     -webkit-transform: scaleX(1);
  637.     -ms-transform: scaleX(1);
  638.     transform: scaleX(1);
  639. }
  640.  
  641.  
  642.  
  643.  
  644.  
  645. /* other stuff */
  646.  
  647. .side {
  648.     background:{color:content background};
  649.     height:50px;
  650.     display:block;
  651.     width:360px;
  652.     box-sizing:border-box;
  653.     padding:10px 15px;
  654.     margin-top:10px;
  655. }
  656.  
  657. a#blogtitle {
  658.     font-size: calc({select:Font Size} + 5px);
  659.     font-weight:bold;
  660.     color:{color:Text};
  661.     display:block;
  662.     margin-top:2px;
  663. }
  664.  
  665. .pagination {
  666.     color:{color:accent};
  667.     margin-top:6px;
  668. }
  669.  
  670. .side a {
  671.     position:relative;
  672.     padding-bottom:6px;
  673. }
  674.  
  675. .side a:before {
  676.     content:'';
  677.     position:absolute;
  678.     width:100%;
  679.     height:2px;
  680.     bottom:0;
  681.     left:0;
  682.     background-color:{color:accent};
  683.     transition:0.3s ease;
  684.     -webkit-transform: scaleX(0);
  685.     -ms-transform: scaleX(0);
  686.     transform: scaleX(0);
  687. }
  688.  
  689. .side a:hover:before {
  690.     -webkit-transform: scaleX(1);
  691.     -ms-transform: scaleX(1);
  692.     transform: scaleX(1);
  693. }
  694.  
  695. .pagination a {
  696.     {block:IfUseDarkColors}
  697.     color:{color:text};
  698.     {/block:IfUseDarkColors}
  699. }
  700.  
  701.  
  702.  
  703.  
  704. .topbar {
  705.   background-color:{color:accent};
  706.   height:35px;
  707. }
  708.  
  709.  
  710.  
  711. /**************************** post content ****************************/
  712.  
  713.  
  714. .post {
  715.    
  716. }
  717.  
  718. .read_more_container {
  719.     text-align:center;
  720. }
  721. a.read_more{
  722.     background-color:{color:accent};
  723.     padding:3px 9px 3px 8px;
  724.     border:2px solid {color:content background} !important;
  725.     outline:5px solid {color:accent};
  726.     margin-top:10px;
  727.     display:inline-block;
  728.     transition:0.3s ease;
  729.     color:{color:content background};
  730. }
  731. a.read_more:hover{
  732.     background-color:{color:content background};
  733.     color: {color:accent};
  734. }
  735.  
  736.  
  737. /* caption */
  738.  
  739. .caption {
  740.     margin-top:10px;
  741.     padding: 13px 0 10px 10px;
  742.     {block:PermalinkPage}padding-right:10px;{/block:PermalinkPage}
  743.     background-color:{color:content background};
  744.     text-align:justify;
  745. }
  746. .caption a {
  747.     border-bottom:2px solid transparent;
  748. }
  749. .caption a:hover{
  750.     border-bottom:2px solid {color:accent};
  751. }
  752. .caption h2 {
  753.     font-size:calc({select:Font Size} + 2px);
  754.     margin-top:10px;
  755.     display:inline-block;
  756.     color:{color:accent};
  757. }
  758.  
  759.  
  760. .tumblr_parent {
  761.  
  762. }
  763. .tumblr_parent p {
  764.     margin:5px 0px 10px 0px;
  765.     line-height:140%;
  766. }
  767. .tumblr_avatar {
  768.  
  769. }
  770. a.tumblr_blog {
  771.   opacity:0.7;
  772.   border:0;
  773. }
  774. a.tumblr_blog:hover {
  775.   opacity:1;
  776.   border:0;
  777. }
  778.  
  779.  
  780.  
  781. /* post types */
  782.  
  783. /*text*/
  784. .title {
  785.     font-size: calc({select:Font Size} + 7px);
  786.     margin:5px 15px;
  787.     text-align:left;
  788.     word-wrap: break-word;
  789. }
  790. .title a, .title a:hover {
  791.     color:{color:text};
  792.     border-bottom:2px solid transparent;
  793. }
  794. .title a:hover {
  795.     border-bottom:2px solid {color:text};
  796. }
  797.  
  798. /*link*/
  799. .linktitle a {
  800.     color:{color:text};
  801.     font-size: calc({select:Font Size} + 6px);
  802.     border-bottom:2px solid transparent;
  803. }
  804. .linktitle a:hover {
  805.     border-bottom:2px solid {color:text};
  806. }
  807. .linktitle a:before {
  808.     content:'\f0c1';
  809.     font-family: FontAwesome;
  810.     margin-right:10px;
  811.     color:{color:accent};
  812. }
  813.  
  814. /*quote*/
  815. .quote{
  816.     text-align:center;
  817.     font-size: calc({select:Font Size} + 6px);
  818.     font-weight:bold;
  819.     font-style:italic;
  820.     color:{color:text};
  821. }
  822. .quote::first-letter {
  823.     font-size: calc({select:Font Size} + 10px);
  824. }
  825.  
  826. .source {
  827.     margin-top:5px;
  828.     margin-right:5px;
  829.     text-align:center;
  830. }
  831.  
  832. /*audio*/
  833. .audio {
  834.     padding:5px;
  835. }
  836. .cover {
  837.     display:inline-block;
  838.     vertical-align:middle;
  839.     position: relative;
  840.     z-index: 1;
  841.     width:64px;
  842.     height:64px;
  843.     border-radius:5%;
  844. }
  845. .playbutton {
  846.     width: 30px;
  847.     height: 30px;
  848.     overflow: hidden;
  849.     position: relative;
  850.     z-index: 1000;
  851.     margin-top:6px;
  852.     margin-left:5px;
  853. }
  854. .playbox {
  855.     display:inline-block;
  856.     vertical-align:middle;
  857.     background-color: #f2f2f2;
  858.     position: absolute;
  859.     z-index: 1000;
  860.     margin-top: 12px;
  861.     margin-left: 12px;
  862.     width:40px;
  863.     height:40px;
  864.     opacity:0.8;
  865.     border-radius:50%;
  866. }
  867. .audioinfo {
  868.     border-left:2px solid rgba(0,0,0,0.5);
  869.     display: inline-block;
  870.     margin-left: 20px;
  871.     padding: 5px 10px;
  872.     vertical-align: middle;
  873.     white-space:nowrap;
  874.     overflow:hidden;
  875.     max-width:50%;
  876. }
  877. .tn {
  878.     font-weight:bold;
  879. }
  880. .al {
  881.     font-style:italic;
  882. }
  883. .ar {
  884.    
  885. }
  886.  
  887.  
  888. /*asks*/
  889. .ask {
  890.    
  891. }
  892. .question {
  893.     margin-bottom:10px;
  894.     background-color: rgba(0, 0, 0, 0.05);
  895.     padding:10px;
  896. }
  897. .asker, .asker a, .asker a:hover {
  898.     color:{color:accent};
  899.     font-weight:bold;
  900.     margin-right:5px;
  901.     text-align:right;
  902.     padding-bottom:5px;
  903. }
  904. .answer {
  905.     margin-top:10px;
  906. }
  907.  
  908. /*chat*/
  909. .chat ol {
  910.     padding:0;
  911.     list-style:none;
  912. }
  913. .line {
  914.     padding:5px 0;
  915.     border-left:2px solid rgba(0, 0, 0, 0.25);
  916.     padding-left:10px;
  917.     margin-bottom:5px;
  918. }
  919. .line:last-child {
  920.     border-bottom:0;
  921. }
  922. .label {
  923.     font-weight:bold;
  924.     display:block;
  925. }
  926.  
  927.  
  928. /*video*/
  929. .tumblr_video_container {
  930.      max-height:540px!important;
  931.      /*overflow:hidden!important;*/
  932. }
  933.  
  934. /***************************** post info *****************************/
  935.  
  936.  
  937. /* next to posts */
  938.  
  939. .nexttopost {
  940.   position:absolute;
  941.   width:195px;
  942.   height:200px;
  943.   margin-left:calc({select:Post Width} + 20px);
  944.   transition-delay:0.3s;
  945.   padding:10px;
  946.   margin-top:-10px;
  947.   opacity:0;
  948.   {block:PermalinkPage}opacity:1;{/block:PermalinkPage}
  949.   transition-duration:0.4s;
  950.   max-height:150px;
  951.   overflow:hidden;
  952. }
  953.  
  954. .post:hover .nexttopost{
  955.   opacity:1;
  956.   transition-delay:0s;
  957. }
  958.  
  959. .nexttopost a {
  960.     display:inline-block;
  961.     text-transform:lowercase;
  962.     color:{color:accent};
  963.     font-weight:bold;
  964.     margin-bottom:10px;
  965.     border-bottom:2px solid transparent;
  966. }
  967.  
  968. {block:PermalinkPage}.nexttopost a, {/block:PermalinkPage}
  969. .nexttopost a:hover{
  970.     border-bottom:2px solid {color:accent};
  971. }
  972.  
  973. .nexttopost .tags a {
  974.     display:block;
  975.     font-weight:normal;
  976.     padding-bottom:4px;
  977.     color:{color:text};
  978.     opacity:0.6;
  979.     margin:0;
  980.     border:0;
  981. }
  982.  
  983. .nexttopost .tags a:hover{
  984.     opacity:1;
  985. }
  986.  
  987. .tags {
  988.     word-wrap: break-word;
  989.     font-size: calc({select:Font Size} - 1px);
  990.     text-transform:initial;
  991. }
  992.  
  993.  
  994.  
  995.  
  996. /* below posts */
  997.  
  998. .postinfo {
  999.     margin-top:15px;
  1000.     font-size: calc({select:Font Size} - 2px);
  1001.     text-transform:lowercase;
  1002.     text-align:center;
  1003.     width:100%;
  1004.     margin-bottom: 75px;
  1005. }
  1006.  
  1007. .postinfo a {
  1008.     display:inline-block;
  1009.     margin-right:10px;
  1010.     color:{color:Text};
  1011.     opacity:0.7;
  1012.     position:relative;
  1013.     border:0;
  1014. }
  1015.  
  1016. .postinfo a:hover{
  1017.     color:{color:Text};
  1018.     opacity:1;
  1019. }
  1020.  
  1021. .postinfo a:before {
  1022.   content: "";
  1023.   position: absolute;
  1024.   width: 100%;
  1025.   height: 2px;
  1026.   bottom: 0;
  1027.   left:0;
  1028.   background-color: {color:accent};
  1029.   transition: 0.3s ease;
  1030.   -webkit-transform: scaleX(0);
  1031.       -ms-transform: scaleX(0);
  1032.           transform: scaleX(0);
  1033.  
  1034. }
  1035.  
  1036. .postinfo a:hover:before{
  1037.   -webkit-transform: scaleX(1);
  1038.       -ms-transform: scaleX(1);
  1039.           transform: scaleX(1);
  1040. }
  1041.  
  1042.  
  1043.  
  1044.  
  1045. /* list of notes */
  1046.  
  1047. .pagenotes {
  1048.     {block:IndexPage}display: none!important;{/block:IndexPage}
  1049.     width:{select:Post Width};
  1050.     text-align:left;
  1051.     font-size: calc({select:Font Size} - 3px);
  1052.     margin-top:-50px;
  1053.     margin-bottom:50px;
  1054. }
  1055.  
  1056. .pagenotes a {
  1057.     cursor:help;
  1058. }
  1059.  
  1060. .pagenotes, .pagenotes a, .pagenotes a:hover{
  1061.     color:{color:text};
  1062. }
  1063.  
  1064. .pagenotes img {
  1065.     border-radius:50%;
  1066.     vertical-align:middle;
  1067.     margin-right:5px;
  1068. }
  1069.  
  1070. .pagenotes ol {
  1071.     list-style:none;
  1072. }
  1073.  
  1074. .pagenotes li {
  1075.     padding:1px 0px;
  1076.     text-align:left;
  1077.     margin:0 0 0 -20px;
  1078. }
  1079.  
  1080. .pagenotes li.like:before, .pagenotes li.reblog:before {
  1081.     padding-right:10px;
  1082.     font-family: FontAwesome;
  1083.     color:black;
  1084.     opacity:0.8;
  1085. }
  1086. .pagenotes li.like:before {
  1087.     content: "\f004";
  1088.     font-size:8px;
  1089.     padding-left:2px;
  1090.     padding-right:12px;
  1091. }
  1092. .pagenotes li.reblog:before {
  1093.     content: "\f079";
  1094.     font-size:11px;
  1095. }
  1096.  
  1097. .more_notes_link_container {
  1098.     text-align:left!important;
  1099.     text-transform:lowercase;
  1100. }
  1101.  
  1102. .retags, div.retags a { /* xkit */
  1103.     color:gray!important;
  1104.     font-size:9px!important; }
  1105.     div.retags {
  1106.     margin-bottom:5px;
  1107.     margin-left:40px;
  1108. }
  1109.  
  1110.  
  1111.  
  1112.  
  1113.  
  1114. /* like link */
  1115.  
  1116. .like-b {
  1117.   position:relative;
  1118. }
  1119. .like-b .like_button iframe {
  1120.     position:absolute;
  1121.     z-index:2;
  1122.     opacity:0.000001;
  1123.     display:block;
  1124. }
  1125. .like-b .liked + .b {
  1126.   color:{color:accent}; /* liked color */
  1127. }
  1128. .like-b .liked + .b:after {
  1129.    content:'d';
  1130. }
  1131.  
  1132.  
  1133. /* script fallback */
  1134. .noscript .caption {
  1135.     padding-right: 20px;
  1136.     padding-left: 20px;
  1137. }
  1138.  
  1139. /***************************** your css *****************************/
  1140.  
  1141.  
  1142.  
  1143. {CustomCSS}</style></head><body><div id="all">
  1144. <!-- ---------------------------------------------------------------- -->
  1145. <!-- ----------------------- H T M L - S T A R T -------------------- -->
  1146. <!-- ---------------------------------------------------------------- -->
  1147. <div id="container">
  1148.  
  1149.  
  1150.  
  1151. <!-- ---------------------------- topbar  -------------------------- -->
  1152. <div class="topbar">
  1153.    
  1154. </div>
  1155.  
  1156.  
  1157.  
  1158. <!-- ---------------------------- sidebar -------------------------- -->
  1159. <div class="sidebar">
  1160.  
  1161.  
  1162. <div class="sideimage">
  1163. <div class="overlay">
  1164.  
  1165.     <div id="description">{Description}</div>
  1166.    
  1167.    
  1168.     <div class="buttons">
  1169.         <a href="/"><i class="fas fa-stream"></i></a><a href="{text:Ask Link}"><i class="fas fa-envelope"></i></a><a href="{text:Custom Link}"><i class="fas {select:Custom Link Icon}"></i></a>
  1170.     </div>
  1171.    
  1172.    
  1173.     <!-- ---------- navigation ---------- -->
  1174.    
  1175.     <div class="navigation">
  1176.  
  1177.         {block:IfLink1Title}
  1178.         <a href="{text:Link1 URL}">
  1179.         {text:Link1 Title}</a>
  1180.         {/block:IfLink1Title}
  1181.        
  1182.         {block:IfLink2Title}
  1183.         <a href="{text:Link2 URL}">
  1184.         {text:Link2 Title}</a>
  1185.         {/block:IfLink2Title}
  1186.        
  1187.         {block:IfLink3Title}
  1188.         <a href="{text:Link3 URL}">
  1189.         {text:Link3 Title}</a>
  1190.         {/block:IfLink3Title}
  1191.        
  1192.         {block:IfLink4Title}
  1193.         <a href="{text:Link4 URL}">
  1194.         {text:Link4 Title}</a>
  1195.         {/block:IfLink4Title}
  1196.        
  1197.         {block:IfLink5Title}
  1198.         <a href="{text:Link5 URL}">
  1199.         {text:Link5 Title}</a>
  1200.         {/block:IfLink5Title}
  1201.        
  1202.         {block:IfLink6Title}
  1203.         <a href="{text:Link6 URL}">
  1204.         {text:Link6 Title}</a>
  1205.         {/block:IfLink6Title}
  1206.  
  1207.    
  1208.     </div> <!-- /navigation -->
  1209.    
  1210.    
  1211. </div>
  1212. </div>
  1213.     <!-- ---------- title + pagination ---------- -->
  1214.    
  1215.     <div class="side">
  1216.     <span style="float:left;">
  1217.     <a href="/" id="blogtitle">
  1218.     {block:IfCustomTitle}{text:Custom Title}{/block:IfCustomTitle}
  1219.     {block:IfNotCustomTitle}{Title}{/block:IfNotCustomTitle}</a>
  1220.     </span>
  1221.    
  1222.     <div class="pagination" style="float:right;">
  1223.     {block:Pagination}
  1224.     {block:PreviousPage}
  1225.     <a href="{PreviousPage}">back</a> &
  1226.    {/block:PreviousPage}
  1227.    
  1228.    {block:NextPage}
  1229.    <a href="{NextPage}">forth</a>
  1230.    {/block:NextPage}
  1231.    {/block:Pagination}
  1232.    </div>
  1233.    </div>
  1234.  
  1235.  
  1236.  
  1237.  
  1238.  
  1239.  
  1240. </div> <!-- /sidebar -->
  1241. <!-- ---------------------------- posts -------------------------- -->
  1242. <div class="wrapper">
  1243. <div class="posts">
  1244. {block:Posts}
  1245. <div class="post noscript" id="{PostID}">
  1246.  
  1247. <!-- source/via fix -->
  1248. {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}<!-- {block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  1249.  
  1250.  
  1251.  
  1252. <!-- ---------- next to post ---------- -->
  1253.  
  1254. {block:Date}
  1255. {block:HasTags}
  1256. {block:IfShowTags}
  1257. <div class="nexttopost"
  1258. {block:Title}style="margin-top:30px;"{/block:Title}>
  1259.  
  1260. <!-- date -->
  1261. <a href="{Permalink}">{DayOfWeek}</a>
  1262.  
  1263. <!-- tags -->
  1264. <div class="tags">
  1265.     {block:Tags}<a href="{TagUrl}">#{Tag}</a>{/block:Tags}
  1266. </div>
  1267.  
  1268. </div>
  1269. {/block:IfShowTags}
  1270. {/block:HasTags}
  1271. {/block:Date}
  1272.  
  1273.  
  1274.  
  1275. <!-- ---------- post types ---------- -->
  1276.  
  1277. {block:Quote}
  1278.     <div class="quote">{Quote}</div>
  1279.     {block:Source}
  1280.     <div class="source">&mdash; {Source} &mdash;</div>
  1281.     {/block:Source}
  1282. {/block:Quote}
  1283.  
  1284. {block:Text}
  1285.     {block:Title}<div class="title"><a href="{Permalink}">{Title}</a></div>{/block:Title}
  1286.     <div class="caption">{Body}</div>
  1287. {/block:Text}
  1288.  
  1289. {block:Link}
  1290.     <div class="linktitle"><a href="{URL}">{Name}</a></div>
  1291.     {block:Description}
  1292.     <div class="caption">{Description}</div>{/block:Description}
  1293. {/block:Link}
  1294.  
  1295. {block:Chat}
  1296.     {block:Title}<h1>{Title}</h1>{/block:Title}
  1297.     <div class="chat">
  1298.     <ol>{block:Lines}
  1299.     <li class="line {Alt}">
  1300.         {block:Label}<span class="label">{Label}</span>{/block:Label}
  1301.         {Line}
  1302.     </li>
  1303.     {/block:Lines}</ol>
  1304.     </div>
  1305. {/block:Chat}
  1306.  
  1307. {block:Photo}
  1308.     <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  1309. {/block:Photo}
  1310.  
  1311. {block:Photoset}
  1312.     <!-- pxu code -->
  1313.     <div class="photo-slideshow" id="photoset_{PostID}"
  1314.    data-layout="{PhotosetLayout}">{block:Photos}
  1315.     <div class="photo-data">
  1316.     <div class="pxu-photo">
  1317.     <img src="{PhotoURL-500}"
  1318.    width="{PhotoWidth-500}" height="{PhotoHeight-500}"
  1319.    data-highres="{PhotoURL-HighRes}"
  1320.    data-width="{PhotoWidth-HighRes}"
  1321.    data-height="{PhotoHeight-HighRes}">
  1322.     </div><a class="tumblr-box" rel="post-{PostID}"
  1323.    href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
  1324. {/block:Photoset}
  1325.  
  1326. {block:Video}
  1327.     <div class="video">{Video-500}</div>
  1328. {/block:Video}
  1329.  
  1330. {block:Audio}
  1331.     <div class="audio">
  1332.     <div class="playbox"><div class="playbutton">
  1333.     {block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}
  1334.     </div></div>
  1335.     {block:AlbumArt}
  1336.     <img src="{AlbumArtURL}" class="cover">
  1337.     {/block:AlbumArt}
  1338.     <div class="audioinfo">
  1339.     <div class="tn">{block:TrackName}{TrackName}{/block:TrackName}</div>
  1340.     <div class="al">{block:Album}{Album}{/block:Album}</div>
  1341.     <div class="ar">{block:Artist}{Artist}{/block:Artist}</div>
  1342.     </div></div>
  1343. {/block:Audio}
  1344.  
  1345. {block:Answer}
  1346.     <div class="ask">
  1347.         <div class="asker">{Asker}</div>
  1348.         <div class="question">{Question}</div>
  1349.     </div>
  1350.     <div class="answer">{Answer}</div>
  1351. {/block:Answer}
  1352.  
  1353.  
  1354.  
  1355.  
  1356. <!-- ---------- caption ---------- -->
  1357.  
  1358. {block:IfShowCaptions}
  1359. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1360. {/block:IfShowCaptions}
  1361.  
  1362.  
  1363.  
  1364.  
  1365.  
  1366. <!-- ---------- post information ---------- -->
  1367.  
  1368.  
  1369.  
  1370.  
  1371. </div> <!-- /post -->
  1372.  
  1373. {block:Date}
  1374. <div class="postinfo">
  1375.  
  1376. <!-- like -->
  1377. <a class="like-b" href="#">{LikeButton}<span class="b">like</span></a>
  1378.  
  1379. <!-- note count -->
  1380. <a href="{Permalink}">
  1381. {block:PermalinkPage}
  1382. {DayOfMonthWithZero}.{MonthNumberWithZero}.{Year}{/block:PermalinkPage}
  1383. {block:IndexPage}{NoteCount} Notes{/block:IndexPage}
  1384. </a>
  1385.  
  1386. <!-- reblog  -->
  1387. <a href="{ReblogURL}" target="_blank">reblog</a>
  1388.  
  1389.  
  1390.  
  1391. <!-- src/via
  1392. {block:RebloggedFrom}
  1393. <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>
  1394. {block:ContentSource}<a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:ContentSource}
  1395. {/block:RebloggedFrom} -->
  1396.  
  1397.  
  1398. </div>
  1399. {/block:Date}
  1400.  
  1401.  
  1402.  
  1403.  
  1404. <!-- ---------- notes ---------- -->
  1405.  
  1406. {block:PermalinkPage}
  1407. {block:PostNotes}
  1408. <div class="pagenotes">{PostNotes}</div>
  1409. {/block:PostNotes}
  1410. {/block:PermalinkPage}
  1411.  
  1412.  
  1413.  
  1414. {/block:Posts}
  1415. </div> <!-- /posts -->
  1416.  
  1417.  
  1418.  
  1419.  
  1420.  
  1421. <!-- ---------------------------- etc -------------------------- -->
  1422.  
  1423.  
  1424.  
  1425.  
  1426.  
  1427. </div> <!-- /wrapper -->
  1428. </div> <!-- /container -->
  1429.  
  1430. <!-- ---------- credit ---------- -->
  1431.  
  1432. <!-- credit link. you may move but not remove. -->
  1433. <div id="credit"><a href="https://cloudythms.tumblr.com/">☁</a></div>
  1434. <!-- theme by cloudythms.tumblr.com -->
  1435.  
  1436.  
  1437.  
  1438. <!-- ---------- tumblr controls  ---------- -->
  1439.  
  1440.  <div class="hcontrols"><svg version="1.1" id="Layer_1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve">
  1441.  
  1442. <path d="M89.834,1.75H3c-1.654,0-3,1.346-3,3v13.334c0,1.654,1.346,3,3,3h86.833c1.653,0,3-1.346,3-3V4.75
  1443.             C92.834,3.096,91.488,1.75,89.834,1.75z"/>
  1444.         <path d="M89.834,36.75H3c-1.654,0-3,1.346-3,3v13.334c0,1.654,1.346,3,3,3h86.833c1.653,0,3-1.346,3-3V39.75
  1445.             C92.834,38.096,91.488,36.75,89.834,36.75z"/>
  1446.         <path d="M89.834,71.75H3c-1.654,0-3,1.346-3,3v13.334c0,1.654,1.346,3,3,3h86.833c1.653,0,3-1.346,3-3V74.75
  1447.             C92.834,73.095,91.488,71.75,89.834,71.75z"/>
  1448.          
  1449. </svg></div>
  1450.  
  1451. </div></body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!