ControlC Pastebin - The easiest way to host your text

Paste content

Up to 100 KB of text. BBCode formatting is supported.
Title - optional
Content
<!--\r\nkiss © xroub.tumblr.com\r\n\r\ncredits:\r\ndashboard style captions and reblogs by https://egg.design and https://annasthms.tumblr.com/\r\nfeather icons by cole bemis\r\ncredit icon made by https://www.flaticon.com/authors/freepik/\r\ntumblr controls by https://cyantists.tumblr.com/\r\nchange (tumblr) audio player color script by https://shudesigns.tumblr.com\r\nvideo resize and minimal spotify/bandcamp/soundcloud player by https://nouvae.tumblr.com\r\n-->\r\n\r\n<!DOCTPYE html>\r\n<html>\r\n<head>\r\n<link rel=\"shortcut icon\" href=\"{Favicon}\" />\r\n<link rel=\"alternate\" type=\"application/rss+xml\" href=\"{RSS}\" />\r\n<title>{Title}</title>\r\n{block:Description}\r\n<meta name=\"description\" content=\"{MetaDescription}\" />\r\n{/block:Description}\r\n\r\n<meta name=\"image:sidebar\" content=\"\">\r\n\r\n<meta name=\"color:background\" content=\"#fafafa\">\r\n<meta name=\"color:posts\" content=\"#ffffff\">\r\n<meta name=\"color:links\" content=\"#8c9bfa\">\r\n<meta name=\"color:links hover\" content=\"#fa8c9b\">\r\n<meta name=\"color:bold\" content=\"#fa8c9b\">\r\n<meta name=\"color:borders\" content=\"#eaeaea\">\r\n<meta name=\"color:blockquote border\" content=\"#8c9bfa\">\r\n<meta name=\"color:asks\" content=\"#ffffff\">\r\n<meta name=\"color:audio player\" content=\"#8c9bfa\">\r\n\r\n<meta name=\"text:google font\" content=\"Open Sans\">\r\n<meta name=\"text:font size\" content=\"12px\">\r\n<meta name=\"text:link one\" content=\"link one\">\r\n<meta name=\"text:link one url\" content=\"/\">\r\n<meta name=\"text:link two\" content=\"link two\">\r\n<meta name=\"text:link two url\" content=\"/\">\r\n<meta name=\"text:link three\" content=\"link three\">\r\n<meta name=\"text:link three url\" content=\"/\">\r\n<meta name=\"text:link four\" content=\"link four\">\r\n<meta name=\"text:link four url\" content=\"/\">\r\n\r\n<meta name=\"select:sidebar size\" content=\"100px\">\r\n<meta name=\"select:sidebar size\" content=\"150px\">\r\n<meta name=\"select:sidebar size\" content=\"200px\">\r\n<meta name=\"select:sidebar size\" content=\"250px\">\r\n<meta name=\"select:sidebar size\" content=\"300px\">\r\n\r\n<meta name=\"select:post size\" content=\"400px\">\r\n<meta name=\"select:post size\" content=\"450px\">\r\n<meta name=\"select:post size\" content=\"500px\">\r\n<meta name=\"select:post size\" content=\"540px\">\r\n\r\n\r\n<!-- scripts -->\r\n<link href=\"https://fonts.googleapis.com/css?family={text:Google Font}:700,400\" rel=\"stylesheet\"><script src=\"https://unpkg.com/feather-icons\"></script><script src=\"//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js\"></script><script src=\"https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js\"></script>\r\n<script src=\"https://rawgit.com/robinpx/tumblr/master/scripts/flexibleFrames/flexibleFrames.min.js\"></script>\r\n\r\n<script>\r\n$(document).ready(function() {\r\n  // audio player\r\n  var $audio = $('iframe.tumblr_audio_player');\r\n  $audio.load(function() {\r\n    $(this).contents().find('head').append('<style type=\"text/css\">' +\r\n      '.audio-player { background: {color:audio player}; color: #fff !important; }' +\r\n      '.audio-player .audio-info .track-artist { color: #fff !important; }' +\r\n    '</style>');\r\n  });\r\n});\r\n</script>\r\n\r\n<script>\r\nfunction flexFrame() {\r\n   $(\".caption\").each(function() {\r\n        $(this).find(\"iframe\").wrap(\"<div class='capframe'></div>\"); // wrap iframe \r\n        flexibleFrames($(\".capframe\"));\r\n    });\r\n    flexibleFrames($(\".video\"));\r\n}\r\n\r\n$(document).ready(flexFrame);\r\n</script>\r\n\r\n<style>\r\n/* html */\r\nbody {\r\nmargin: 0;\r\nbackground: {color:background};\r\nfont-family: {text:google font};\r\nfont-size: {text:font size};\r\n}\r\n\r\nh1, h2, h3, h4, h5, small, big {\r\nfont-size: 1em;\r\n}\r\n\r\na {\r\ntext-decoration: none;\r\ncolor: {color:links};\r\ntransition: all 0.5s ease;\r\n-webkit-transition: all 0.5s ease;\r\n-moz-transition: all 0.5s ease;\r\n-o-transition: all 0.5s ease;\r\n}\r\n\r\na:hover {\r\ncolor: {color:links hover};\r\n}\r\n\r\nb, strong {\r\ncolor: {color:bold};\r\n}\r\n\r\nblockquote {\r\nmargin: 1em 0;\r\npadding-left: 10px;\r\nborder-left: 1px solid {color:blockquote border};\r\n}\r\n\r\nblockquote img {\r\nmax-width: 100%;\r\n}\r\n\r\n/* list styling */\r\narticle.posts ol, article.posts ul {\r\npadding: 0 10px 0 15px;\r\n}\r\n\r\n/* container */\r\nmain {\r\nwidth: calc({select:sidebar size} + {select:post size} + 80px);\r\nmargin: 50px auto;\r\n}\r\n\r\n/* sidebar */\r\naside {\r\nposition: fixed;\r\nwidth: {select:sidebar size};\r\n}\r\n\r\naside img {\r\nwidth: {select:sidebar size};\r\n}\r\n\r\n.about {\r\nmargin: 10px 0;\r\n}\r\n\r\naside ul {\r\nlist-style: none;\r\npadding: 0;\r\n}\r\n\r\naside .links li {\r\npadding-bottom: 5px;\r\nborder-bottom: 1px solid {color:borders};\r\nmargin: .5em 0;\r\n}\r\n\r\naside .links a:hover {\r\nmargin-left: 7px;\r\n}\r\n\r\n.pagination {\r\ntext-align: center;\r\n}\r\n\r\naside .pagination svg {\r\nwidth: 1em;\r\nmargin: 0 .3em;\r\nvertical-align: middle;\r\n}\r\n\r\n/* general posts */\r\nsection {\r\nmargin-left: calc({select:sidebar size} + 80px);\r\n}\r\n\r\n.posts {\r\nwidth: {select:post size};\r\nmargin-bottom: 80px;\r\nbackground: {color:posts};\r\nborder: 1px solid {color:borders};\r\n}\r\n\r\n/* post info */\r\n.postinfo {\r\npadding: 10px;\r\nborder-bottom: 1px solid {color:borders};\r\ntext-transform: lowercase;\r\nfont-size: .9em;\r\noverflow: hidden;\r\n}\r\n\r\n.postinfo svg {\r\nwidth: 1em;\r\nvertical-align: middle;\r\nopacity: .7;\r\n}\r\n\r\n.postinfo a {\r\nmargin: 0 .5em;\r\n}\r\n\r\n.like-reblog {\r\nfloat: right;\r\n}\r\n\r\n.like-reblog a {\r\nposition: relative;\r\ndisplay: inline-block;\r\noverflow: hidden;\r\n}\r\n\r\n.like-reblog svg {\r\nopacity: 1;\r\n}\r\n\r\n.like-reblog .like .liked + svg {\r\nopacity: 1;\r\n}\r\n\r\n.like-reblog .like .liked + svg path {\r\nfill: #ec5a5a;\r\n}\r\n\r\n.like-reblog .like .like_button {\r\nposition: relative;\r\n}\r\n\r\n.like-reblog .like .like_button iframe {\r\nposition: absolute;\r\ntop: 0;\r\nleft: 0;\r\nbottom: 0;\r\nright: 0;\r\nz-index: 2;\r\nopacity: 0.000001;\r\n}\r\n\r\n/* text posts */\r\n.ttl {\r\nfont-size: 1.3em;\r\npadding: 0 10px;\r\nmargin-top: 10px;\r\n}\r\n\r\n/* photo posts */\r\n.photo {\r\nmax-width: 100%;\r\n}\r\n\r\n/* quote posts */\r\n.quote {\r\nfont-size: 1.3em;\r\nmargin-top: 10px;\r\n}\r\n\r\n.source {\r\nfont-style: italic;\r\nmargin: 5px 0 0 5px;\r\n}\r\n\r\n/* chat posts */\r\n.chat {\r\nmargin-top: 10px;\r\nlist-style: none;\r\npadding: 0;\r\n}\r\n\r\n.chat li {\r\npadding: 0;\r\nmargin: .5em 0 .5em -13px;\r\n}\r\n\r\n/* link posts */\r\n.link a {\r\nfont-size: 1.3em;\r\n}\r\n\r\n.link a:hover {\r\nmargin-left: 7px;\r\n}\r\n\r\n.link svg {\r\nwidth: 1em;\r\nvertical-align: middle;\r\nmargin-bottom: 2px;\r\n}\r\n\r\n/* audio posts */\r\niframe.tumblr_audio_player {\r\nwidth: 100%;\r\nheight: 85px;\r\n}\r\n\r\n.spotify_audio_player {\r\nheight:80px!important;\r\nwidth:100%!important;\r\n}\r\n\r\n.bandcamp_audio_player {\r\nheight:120px!important;\r\nwidth:100%!important;\r\n}\r\n\r\n.soundcloud_audio_player {\r\nheight:150px!important;\r\nwidth:100%!important;\r\n}\r\n\r\n/* answer posts */\r\n.asker img, .answerer img, .replier img {\r\nwidth: 18px;\r\nfloat: left;\r\nmargin-right: 6px;\r\nborder-radius: 100%;\r\n}\r\n\r\n.asker, .question {\r\nbackground: {color:asks};\r\n}\r\n\r\n.asker, .answer_container, .reply_container {\r\npadding: 10px;\r\n}\r\n\r\n.reply_container {\r\nborder-top: 1px solid {color:borders};\r\n}\r\n\r\n.question {\r\npadding: 0 10px 10px;\r\nborder-bottom: 1px solid {color:borders};\r\n}\r\n\r\n/* captions */\r\n.caption {\r\npadding: 10px;\r\n}\r\n\r\n.reblog-header a {\r\nfont-weight: bold;\r\n}\r\n\r\n.inactive:hover:after {\r\ncontent:'deactivated';\r\n}\r\n\r\n/* tags */\r\n.tags {\r\npadding: 10px;\r\nborder-top: 1px solid {color:borders};\r\n}\r\n\r\n.tags a {\r\nmargin: 0 .5em .5em 0;\r\n}\r\n\r\n.tags svg {\r\nopacity: .5;\r\nwidth: .9em;\r\nvertical-align: middle;\r\nmargin-right: 3px;\r\n}\r\n\r\n/* CUSTOM CONTROLS BY CYANTISTS */\r\niframe.tmblr-iframe {\r\nz-index:99999999999999!important;\r\ntop:0!important;\r\nright:0!important;\r\nopacity:0.4;\r\n/* delete invert(1) from here */\r\nfilter:invert(1) contrast(150%);\r\n-webkit-filter:invert(1) contrast(150%);\r\n-o-filter:invert(1) contrast(150%);\r\n-moz-filter:invert(1) contrast(150%);\r\n-ms-filter:invert(1) contrast(150%);\r\n/* to here if your blog has a dark background */\r\ntransform:scale(0.65);\r\ntransform-origin:100% 0;\r\n-webkit-transform:scale(0.65);\r\n-webkit-transform-origin:100% 0;\r\n-o-transform:scale(0.65);\r\n-o-transform-origin:100% 0;\r\n-moz-transform:scale(0.65);\r\n-moz-transform-origin:100% 0;\r\n-ms-transform:scale(0.65);\r\n-ms-transform-origin:100% 0;}\r\n\r\niframe.tmblr-iframe:hover {\r\nopacity:0.6!important;}\r\n\r\n/*credit */\r\n.crd {\r\nbottom: 10px;\r\nright: 10px;\r\nposition: fixed;\r\n}\r\n\r\n.crd svg {\r\nwidth: 1em;\r\n}\r\n</style>\r\n</head>\r\n\r\n<body>\r\n<main>\r\n<aside>\r\n<img src=\"{image:sidebar}\">\r\n\r\n<div class=\"about\">\r\n<strong>{Title}.</strong> {Description}\r\n</div>\r\n\r\n<ul class=\"links\">\r\n<li><a href=\"/\">index</a></li>\r\n<li><a href=\"/ask\">message</a></li>\r\n<li><a href=\"{text:link one url}\">{text:link one}</a></li>\r\n<li><a href=\"{text:link two url}\">{text:link two}</a></li>\r\n<li><a href=\"{text:link three url}\">{text:link three}</a></li>\r\n<li><a href=\"{text:link four url}\">{text:link four}</a></li>\r\n</ul>\r\n\r\n<div class=\"pagination\">\r\n{block:PreviousPage}<a href=\"{PreviousPage}\"><i data-feather=\"arrow-left\"></i></a>{/block:PreviousPage}\r\n{CurrentPage} of {TotalPages}\r\n{block:NextPage}<a href=\"{NextPage}\"><i data-feather=\"arrow-right\"></i></a>{/block:NextPage}\r\n</div>\r\n</aside>\r\n\r\n<section>\r\n{block:Posts}\r\n<!-- {block:NoRebloggedFrom}\r\n{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}\r\n{/block:NoRebloggedFrom} -->\r\n{block:ContentSource}<!-- {SourceURL}\r\n{block:SourceLogo}<img src=\"{BlackLogoURL}\"width=\"{LogoWidth}\" height=\"{LogoHeight}\" alt=\"{SourceTitle}\" />{/block:SourceLogo}\r\n{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->\r\n{/block:ContentSource}\r\n<article class=\"{posttype}posts posts\" id=\"{PostID}\">\r\n\r\n{block:Date}\r\n<div class=\"postinfo\">\r\n<i data-feather=\"calendar\"></i> <a href=\"{Permalink}\">{MonthNumberWithZero}.{DayOfMonthWithZero}.{Year}</a>\r\n\r\n{block:RebloggedFrom}\r\n<i data-feather=\"compass\"></i><a href=\"{ReblogParentURL}\">via</a>\r\n{block:ContentSource}\r\n/ <a href=\"{ReblogRootURL}\">src</a>\r\n{/block:ContentSource}\r\n{block:RebloggedFrom}\r\n\r\n<div class=\"like-reblog\">\r\n<a href=\"{ReblogURL}\" target=\"_blank\" class=\"reblog\"><i data-feather=\"repeat\"></i></a>\r\n<a href=\"#\" class=\"like\">{LikeButton}<i data-feather=\"heart\"></i></a>\r\n</div>\r\n</div>\r\n{/block:Date}\r\n\r\n<!-- text posts -->\r\n{block:Text}\r\n{block:Title}<div class=\"ttl\">{Title}</div>{/block:Title}\r\n\r\n{block:NotReblog}\r\n<div class=\"caption\" style=\"margin-top: -10px\">{Body}</div>\r\n{/block:NotReblog}\r\n\r\n{block:Rebloggedfrom}\r\n<div class=\"caption\">\r\n<div class=\"reblog-list\">\r\n{block:Reblogs}\r\n<div class=\"reblogs\">\r\n<div class=\"reblog-header\">\r\n{block:IsActive}\r\n<a class=\"{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}\" href=\"{Permalink}\" target=\"_blank\">\r\n<img src=\"{PortraitURL-64}\" style=\"width:18px; float:left; margin-right: 6px; border-radius: 100%\">\r\n</a>\r\n{/block:IsActive}\r\n{block:IsDeactivated}\r\n<span class=\"inactive {block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}\">\r\n<img src=\"{PortraitURL-64}\" style=\"width:18px; float:left; margin-right: 6px; border-radius: 100%\">\r\n</span>\r\n{/block:IsDeactivated}\r\n{block:isactive}\r\n<a href=\"{permalink}\">{username}</a>\r\n{/block:isactive}\r\n{block:isdeactivated}\r\n<a href=\"{permalink}\" class=\"inactive\">{username}</a>\r\n{/block:isdeactivated}\r\n</div>\r\n<div class=\"reblog-content\">\r\n{Body}\r\n</div>\r\n</div>\r\n{/block:Reblogs}\r\n</div>\r\n</div>\r\n{/block:RebloggedFrom}\r\n{/block:Text}\r\n\r\n<!-- photo posts -->\r\n{block:Photo}\r\n<img src=\"{PhotoURL-HighRes}\" alt=\"{photoalt}\" class=\"photo\">\r\n{block:Photo}\r\n\r\n<!-- photoset posts -->\r\n{block:Photoset}\r\n{Photoset}\r\n{block:Photoset}\r\n\r\n<!-- panorama posts -->\r\n{block:Panomara}\r\n<img src=\"{photourl-panorama}\" alt=\"{photoalt}\">\r\n{block:Panomara}\r\n\r\n<!-- quote posts -->\r\n{block:Quote}\r\n<div class=\"caption\" style=\"margin-top: -10px\">\r\n<div class=\"quote\">{Quote}</div>\r\n<div class=\"source\">- {Source}</div>\r\n</div>\r\n{/block:Quote}\r\n\r\n<!-- chat posts -->\r\n{block:Chat}\r\n<div class=\"caption\">\r\n<ul class=\"chat\">\r\n{block:Lines}\r\n<li><b>{block:Label}{Label}{/block:Label}</b> {Line}</li>\r\n{/block:Lines}\r\n</ul>\r\n</div>\r\n{/block:Chat}\r\n\r\n<!--Link posts-->\r\n{block:link}\r\n<div class=\"link\">\r\n<div class=\"caption\">\r\n<a href=\"{URL}\">{Name} <i data-feather=\"chevrons-right\"></i></a>\r\n</div>\r\n</div>\r\n{/block:link}\r\n\r\n<!-- video posts -->\r\n{block:Video}\r\n<div class=\"video\">{Video-500}</div>\r\n{/block:Video}\r\n\r\n<!-- audio posts-->\r\n{block:Audio}\r\n{AudioEmbed}\r\n{/block:Audio}\r\n\r\n<!-- answer posts -->\r\n{block:Answer}\r\n<div class=\"question_container\">\r\n<div class=\"asker\">\r\n<img src=\"{AskerPortraitURL-48}\"/>\r\n{Asker}\r\n</div>\r\n<div class=\"question\">{Question}</div>\r\n</div>\r\n\r\n{block:Answerer}\r\n<div class=\"answer_container\">\r\n<div class=\"answerer\">\r\n<img src=\"{AnswererPortraitURL-48}\"/>\r\n{Answerer}\r\n</div>\r\n<div class=\"answer_text\">{Answer}</div>\r\n</div>\r\n{block:Reblogs}\r\n<div class=\"reply_container\">\r\n<div class=\"replier\">\r\n<img src=\"{PortraitURL-64}\" />\r\n{block:HasPermalink}<a href=\"{Permalink}\">{/block:HasPermalink}{Username}{block:HasPermalink}</a> {/block:HasPermalink}\r\n</div>\r\n<div class=\"reply\">{Body}</div>\r\n</div>\r\n{/block:Reblogs}\r\n{/block:Answerer}\r\n\r\n{block:NotReblog}\r\n<div class=\"answer_container\">\r\n<div class=\"answer_text\">{Answer}</div>\r\n</div>\r\n{/block:NotReblog}\r\n{/block:Answer}\r\n\r\n<!-- captions -->\r\n{block:Caption}\r\n<div class=\"caption\">\r\n{block:notreblog}\r\n{Caption}\r\n{/block:notreblog}\r\n{block:Rebloggedfrom}\r\n<div class=\"reblog-list\">\r\n{block:Reblogs}\r\n<div class=\"reblogs\">\r\n<div class=\"reblog-header\">\r\n{block:IsActive}\r\n<a class=\"{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}\" href=\"{Permalink}\" target=\"_blank\">\r\n<img src=\"{PortraitURL-64}\" style=\"width:18px; float:left; margin-right: 6px; border-radius: 100%\">\r\n</a>\r\n{/block:IsActive}\r\n{block:IsDeactivated}\r\n<span class=“inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}”>\r\n<img src=\"{PortraitURL-64}\" style=\"width:18px; float:left; margin-right: 6px; border-radius: 100%\">\r\n</span>\r\n{/block:IsDeactivated}\r\n{block:isactive}\r\n<a href=\"{permalink}\">{username}</a>\r\n{/block:isactive}\r\n{block:isdeactivated}\r\n<a href=\"{permalink}\" class=\"inactive\">{username}</a>\r\n{/block:isdeactivated}\r\n</div>\r\n<div class=\"reblog-content\">\r\n{Body}\r\n</div>\r\n</div>\r\n{/block:Reblogs}\r\n</div>\r\n{/block:RebloggedFrom}\r\n</div>\r\n{/block:Caption}\r\n\r\n<!-- tags -->\r\n{block:HasTags}\r\n<div class=\"tags\">\r\n{block:Tags}\r\n<i data-feather=\"tag\"></i><a href=\"{TagURL}\">{Tag}</a>\r\n{block:Tags}\r\n</div>\r\n{/block:HasTags}\r\n\r\n</article>\r\n{/block:Posts}\r\n</section>\r\n\r\n</main>\r\n<!-- credit -->\r\n<!-- if you ever want to move my credit, please send me an ask or message to let me know -->\r\n<div class=\"crd\"><a href=\"https://enbythemes.tumblr.com\" title=\"code by roub\"><svg version=\"1.1\" id=\"Capa_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 299.429 299.429\" style=\"enable-background:new 0 0 299.429 299.429;\" xml:space=\"preserve\"><g><path style=\"fill:#010002;\" d=\"M245.185,44.209H54.245L0,116.533l149.715,138.688l149.715-138.682L245.185,44.209z M206.746,121.778l-57.007,112.1l-56.53-112.1H206.746z M98.483,109.844l51.232-51.232l51.232,51.232H98.483z M164.119,56.142 h69.323L213.876,105.9L164.119,56.142z M86.311,105.142l-16.331-49h65.331L86.311,105.142z M79.849,121.778l49.632,98.429 L23.223,121.778H79.849z M220.136,121.778h56.071l-106.013,98.203L220.136,121.778z M225.148,109.844l18.694-47.538l35.652,47.538 H225.148z M58.266,58.738l17.035,51.112H19.929L58.266,58.738z\"/></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg></a></div>\r\n\r\n<script>\r\nfeather.replace()\r\n</script>\r\n</body>\r\n</html>
Password
Anyone with the link will still need this password to view.
Expires