ControlC Pastebin - The easiest way to host your text

Paste content

Up to 100 KB of text. BBCode formatting is supported.
Title - optional
Content
<!DOCTYPE html>\r\n<html>\r\n<head>\r\n  \r\n  	<!--\r\n  	\r\n  	>> THEMES OF ROXIE\r\n  	\r\n	   Fansite 002 by roxiestheme\r\n 	   roxiestheme.tumblr.com\r\n  	   2017 ⓒ All Rights Reserved.\r\n  	   \r\n  	---\r\n  	   \r\n  	>> TERMS OF USE\r\n  	\r\n       Do NOT remove the credit\r\n       Do NOT use as a base code\r\n 	   Do NOT republish\r\n 	   Do NOT claim as your own   	   \r\n  	         \r\n  	---\r\n  	\r\n  	>> SPECIAL THANKS\r\n 	   \r\n  	   Fonts by Google Fonts\r\n 	   Icons by Linearicons\r\n	   Extended photoset by PixelUnion\r\n	   Video width fix by shythemes\r\n	   Custom like button by cubthemes\r\n  	\r\n  	-->\r\n   \r\n    <meta charset=\"utf-8\" />\r\n    <meta name=\"viewport\" content=\"width=device-width; initial-scale=1\" />\r\n    {block:Description}<meta name=\"description\" content=\"{MetaDescription}\" />{/block:Description}\r\n    \r\n    <!-- THEME OPTIONS -->\r\n    <meta name=\"color:Background Color\" content=\"#f6f6f6\" />\r\n    <meta name=\"color:Post Background Color\" content=\"#ffffff\" />\r\n    <meta name=\"color:Navigation Color\" content=\"#fafafa\" />\r\n    <meta name=\"color:Border Color\" content=\"#eeeeee\" />\r\n    <meta name=\"color:Text Color\" content=\"#888888\" />\r\n    <meta name=\"color:Link Color\" content=\"#666666\" />\r\n    <meta name=\"color:Accent\" content=\"#9cdfed\" />\r\n\r\n    <meta name=\"select:Font Family\" content=\"'Karla', sans-serif\" title=\"Karla\" />\r\n    <meta name=\"select:Font Family\" content=\"'Open Sans', sans-serif\" title=\"Open Sans\" />\r\n    <meta name=\"select:Font Family\" content=\"'Roboto', sans-serif\" title=\"Roboto\" />\r\n    <meta name=\"select:Font Family\" content=\"'Lato', sans-serif\" title=\"Lato\" />\r\n \r\n    <meta name=\"select:Font Size\" content=\"11px\" title=\"11px\" />\r\n    <meta name=\"select:Font Size\" content=\"10px\" title=\"10px\" />\r\n    <meta name=\"select:Font Size\" content=\"12px\" title=\"12px\" />\r\n \r\n    <meta name=\"select:Banner Side Position\" content=\"left\" title=\"Left\" />\r\n    <meta name=\"select:Banner Side Position\" content=\"right\" title=\"Right\" />\r\n    \r\n    <meta name=\"select:Sidebar Width\" content=\"250px\" title=\"250px\" />\r\n    <meta name=\"select:Sidebar Width\" content=\"200px\" title=\"200px\" />\r\n    <meta name=\"select:Sidebar Width\" content=\"280px\" title=\"280px\" />\r\n \r\n    <meta name=\"select:Post Width\" content=\"540px\" title=\"540px\" />\r\n    <meta name=\"select:Post Width\" content=\"400px\" title=\"400px\" />\r\n    <meta name=\"select:Post Width\" content=\"500px\" title=\"500px\" />\r\n    \r\n    <meta name=\"image:Banner\" content=\"\" />\r\n    <meta name=\"image:Banner Side\" content=\"\" />\r\n    <meta name=\"image:Description Banner\" content=\"\" />\r\n \r\n    <meta name=\"text:Blog Title\" content=\"\" />\r\n    <meta name=\"text:Blog Subtitle\" content=\"\" />\r\n    \r\n    <meta name=\"text:Topbar Title Icon\" content=\"star\" />\r\n\r\n    <meta name=\"text:Link 1 Title\" content=\"message\" />\r\n    <meta name=\"text:Link 1 Icon\" content=\"envelope\" />\r\n    <meta name=\"text:Link 1 Url\" content=\"/ask\" />\r\n    <meta name=\"text:Link 2 Title\" content=\"\" />\r\n    <meta name=\"text:Link 2 Icon\" content=\"earth\" />\r\n    <meta name=\"text:Link 2 Url\" content=\"\" />\r\n    <meta name=\"text:Link 3 Title\" content=\"\" />\r\n    <meta name=\"text:Link 3 Icon\" content=\"picture\" />\r\n    <meta name=\"text:Link 3 Url\" content=\"\" />\r\n    <meta name=\"text:Link 4 Title\" content=\"\" />\r\n    <meta name=\"text:Link 4 Icon\" content=\"bookmark\" />\r\n    <meta name=\"text:Link 4 Url\" content=\"\" />\r\n    <meta name=\"text:Link 5 Title\" content=\"\" />\r\n    <meta name=\"text:Link 5 Icon\" content=\"pencil\" />\r\n    <meta name=\"text:Link 5 Url\" content=\"\" />\r\n    <meta name=\"text:Link 6 Title\" content=\"\" />\r\n    <meta name=\"text:Link 6 Icon\" content=\"inbox\" />\r\n    <meta name=\"text:Link 6 Url\" content=\"\" />\r\n    \r\n    <meta name=\"text:Category 1 Title\" content=\"about\" />\r\n    <meta name=\"text:Category 1 Icon\" content=\"flag\" />\r\n    <meta name=\"text:Category 2 Title\" content=\"projects\" />\r\n    <meta name=\"text:Category 2 Icon\" content=\"list\" />\r\n    <meta name=\"text:Category 3 Title\" content=\"links\" />\r\n    <meta name=\"text:Category 3 Icon\" content=\"link\" />\r\n    <meta name=\"text:Category 4 Title\" content=\"status\" />\r\n    <meta name=\"text:Category 4 Icon\" content=\"alarm\" />\r\n    <meta name=\"text:Category 5 Title\" content=\"updates\" />\r\n    <meta name=\"text:Category 5 Icon\" content=\"history\" />\r\n    <meta name=\"text:Category 6 Title\" content=\"affiliates\" />\r\n    <meta name=\"text:Category 6 Icon\" content=\"heart\" />\r\n    <meta name=\"text:Category 7 Title\" content=\"members\" />\r\n    <meta name=\"text:Category 7 Icon\" content=\"users\" />\r\n    <meta name=\"text:Category 8 Title\" content=\"site info\" />\r\n    <meta name=\"text:Category 8 Icon\" content=\"chart-bars\" />\r\n    \r\n    <meta name=\"if:Use Avatar\" content=\"0\" />\r\n    <meta name=\"if:Light Tumblr Control Buttons\" content=\"1\" />\r\n\r\n    <title>{Title}</title>\r\n    <link rel=\"shortcut icon\" href=\"{Favicon}\" />\r\n    <link rel=\"alternate\" type=\"application/rss+xml\" href=\"{RSS}\" />\r\n    \r\n    <!-- STYLESHEETS -->\r\n    <link rel=\"stylesheet\" type=\"text/css\" href=\"http://static.tumblr.com/a0dmjhi/Ka7omax1p/layout.css\" /> <!-- LAYOUT -->\r\n    <link rel=\"stylesheet\" type=\"text/css\" href=\"https://fonts.googleapis.com/css?family=Karla:400,700|Lato:400,700|Open+Sans:400,700|Roboto:400,700\" /> <!-- GOOGLE FONT -->\r\n    <link rel=\"stylesheet\" type=\"text/css\" href=\"https://cdn.linearicons.com/free/1.0.0/icon-font.min.css\" /> <!-- LINEARICONS -->\r\n\r\n    <!-- SCRIPTS -->\r\n    <script src=\"//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js\"></script> <!-- JQUERY -->\r\n	<script src=\"http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js\"></script> <!-- TOOLTIP -->\r\n	<script src=\"http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js\"></script> <!-- EXTENDED PHOTOSET BY PIXELUNION -->\r\n    <script src =\"http://static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js\"></script> <!-- FIX VIDEO WIDTH BY SHYTHEMES -->\r\n    <script src=\"https://cdn.linearicons.com/free/1.0.0/svgembedder.min.js\"></script><!-- LINEARICONS -->\r\n\r\n<style type=\"text/css\">\r\n\r\n/*----- BASIC ----*/\r\n \r\nhtml, body {\r\n	font-family: {select:Font Family};\r\n	background: {color:Background Color};\r\n	margin: 0px;\r\n	padding :0px;\r\n	-webkit-font-smoothing: antialiased;\r\n	-moz-osx-font-smoothing: grayscale;\r\n}\r\n\r\n/* LINKS BASIC */\r\na{\r\n	color: {color:Link Color};\r\n}\r\na:hover{\r\n	color: {color:Accent};\r\n}\r\na, a:hover, a:active{\r\n	text-decoration: none;\r\n	-webkit-transition: all 0.3s ease-in-out;\r\n	-moz-transition: all 0.3s ease-in-out;\r\n	-o-transition: all 0.3s ease-in-out;\r\n	-ms-transition: all 0.3s ease-in-out;\r\n	transition: all 0.3s ease-in-out;\r\n}\r\n\r\n/* LIST BASIC */\r\nul, menu, dir{\r\n	margin: 0px !important;\r\n	padding: 0px !important;\r\n	-webkit-margin-before: 0px !important;\r\n	-webkit-margin-after: 0px !important;\r\n	-webkit-margin-start: 0px !important;\r\n	-webkit-margin-end: 0px!important;\r\n	-webkit-padding-start: 0px !important;\r\n}\r\n\r\n/* TOOLTIPS */\r\n#s-m-t-tooltip{\r\n	position: absolute;\r\n	z-index: 9999999;\r\n	margin-top: 5px;\r\n	margin-left: 10px;\r\n	display: block;\r\n	padding: 5px 8px;\r\n	background-color: {color:Text Color};\r\n	font-family: {select:Font Family};\r\n	font-size: calc({select:Font Size} - 2px);\r\n	color: {color:Post Background Color};\r\n	letter-spacing: 1px;\r\n	text-transform: uppercase;\r\n}\r\n\r\n/* SCROLL BAR */\r\n::-webkit-scrollbar-thumb {\r\n	width: 5px;\r\n	border: 1px solid {color:Border Color};\r\n	border-right: none;\r\n	background-color: {color:Navigation Color};\r\n}\r\n::-webkit-scrollbar {\r\n	width: 5px;\r\n	border-left: 1px solid {color:Border Color};\r\n	border-right: 4px solid {color:Post Background Color};\r\n	background-color: {color:Post Background Color};\r\n}\r\n\r\n/* SELECTION */\r\n::-moz-selection{\r\n	color: {color:Post Background Color};\r\n	background-color: {color:Text Color};\r\n}\r\n::selection{\r\n	color: {color:Post Background Color};\r\n	background-color: {color:Text Color};\r\n}\r\n\r\n/* TUMBLR CONTROLS */\r\n.tmblr-iframe-compact .tmblr-iframe--unified-controls {\r\n	z-index: 999999;\r\n	position: fixed;\r\n	top: 4px;\r\n	right: calc(50% - {select:Post Width}/2 - 6px - {select:Sidebar Width});\r\n	white-space: nowrap !important; \r\n	{block:IfLightTumblrControlButtons}\r\n    opacity:0.3;\r\n    -webkit-filter: invert(100%);\r\n    -moz-filter: invert(100%);\r\n    -o-filter: invert(100%);\r\n    -ms-filter: invert(100%);\r\n    filter: invert(100%);\r\n    {/block:IfLightTumblrControlButtons}\r\n	-webkit-transform: scale(0.6);\r\n    -webkit-transform-origin: top right;\r\n    -moz-transform: scale(0.6);\r\n    -moz-transform-origin: top right;\r\n    -o-transform: scale(0.6);\r\n    -o-transform-origin: top right;\r\n    -ms-transform: scale(0.6);\r\n    -ms-transform-origin: top right;\r\n    transform: scale(0.6);\r\n    transform-origin: top right;\r\n}\r\n\r\n/* SCROLL TO TOP */\r\n.scrollToTop{\r\n	font-size: 8px;\r\n	font-weight: 400;\r\n	text-align: center; \r\n	width: 72px;\r\n	color: {color:Text Color};\r\n	text-transform: uppercase;\r\n	text-decoration: none;\r\n	position: fixed;\r\n	bottom: 40px;\r\n	right: 20px;\r\n	letter-spacing: 1px;\r\n	display: none;\r\n	z-index: 9999;\r\n}\r\n.scrollToTop:hover{\r\n	color: {color:Link Color};\r\n	text-decoration: none;\r\n}\r\n\r\n/*---------------------------------------*/\r\n/*---------------------------------------*/\r\n/*---------------------------------------*/\r\n\r\n/*----- HEADER -----*/\r\n\r\n/* HEADER BASIC */\r\nheader#blog-header{\r\n	position: fixed;\r\n	top: 0px;\r\n	left: calc(50% - {select:Post Width}/2 - 16px - {select:Sidebar Width});\r\n	width: calc({select:Post Width} + 30px + {select:Sidebar Width}*2);\r\n	height: 40px;\r\n	overflow: hidden;\r\n	background-color: {color:Navigation Color};\r\n	border: 1px solid {color:Border Color};\r\n	border-top: none;\r\n	z-index: 9999;\r\n	border-bottom-left-radius: 3px;\r\n	border-bottom-right-radius: 3px;\r\n}\r\n\r\n/* ICON */\r\nheader#blog-header .icon{\r\n	float: left;\r\n	margin: 9px 7px 0px 12px;\r\n	display: block;\r\n	border-radius: 3px;\r\n	width: 20px;\r\n	height: 20px;\r\n	text-align: center;\r\n	background-color: {color:Accent};\r\n	{block:ifUseAvatar}background-image: url('{PortraitURL-24}');{/block:ifUseAvatar}\r\n}\r\nheader#blog-header .icon:before{\r\n    {block:ifUseAvatar}display:none;{/block:ifUseAvatar}\r\n	font-size: 15px;\r\n	line-height: 20px;\r\n	color: {color:Post Background Color};\r\n}\r\n\r\n/* TITLE */\r\nheader#blog-header h1{\r\n	font-size: calc({select:Font Size} + 4px);\r\n	font-weight: 700;\r\n	display: block;\r\n	float:left;\r\n	padding-right:10px;\r\n	line-height: 40px;\r\n	text-transform: uppercase;\r\n	margin: 0px;\r\n}\r\nheader#blog-header h1 a{\r\n    color: {color:Text Color};\r\n}\r\nheader#blog-header h1 a:hover{\r\n	color: {color:Link Color};\r\n	cursor: help;\r\n}\r\n\r\n/* SEARCH BAR */\r\nheader#blog-header .search{\r\n    margin: 8.5px 10px 0px 0px;\r\n    float: left;\r\n	display: block;\r\n	width: 150px;\r\n	height: 20px;\r\n	overflow: hidden;\r\n	border-radius: 3px;\r\n	border: 1px solid {color:Border Color};\r\n	z-index: 999999;\r\n	background-color: {color:Post Background Color};\r\n}\r\nheader#blog-header .search input{\r\n	display: block;\r\n	width: 130px;\r\n	height: 20px;\r\n	padding: 0px 5px;\r\n	background-color: transparent;\r\n	border: none;\r\n	outline: none;\r\n	font-family: {select:Font Family};\r\n	font-size: 10px !important;\r\n	font-weight: 400 !important;\r\n	color: {color:Text Color} !important;\r\n} \r\nheader#blog-header .search input.sbutton{\r\n	position: absolute;\r\n	margin-top: -20px;\r\n	margin-left: 130px;\r\n	cursor: pointer;\r\n	padding: 0px;\r\n	display:block;\r\n	width: 20px;\r\n	height: 20px;\r\n	outline: none;\r\n	border: none;\r\n	border-left: 1px solid {color:Border Color};\r\n	font-family: 'Linearicons-Free';\r\n	text-align: center;\r\n	line-height: 21px;\r\n	font-size: 10px !important;\r\n	font-weight: normal;\r\n	background: {color:Navigation Color};\r\n	z-index: 9;\r\n}\r\n::-webkit-input-placeholder{ color: {color:Text Color}; opacity: 0.5; letter-spacing: 1px; }\r\n::-moz-input-placeholder{ color: {color:Text Color}; opacity: 0.5; letter-spacing: 1px; }\r\n::-o-input-placeholder{ color: {color:Text Color}; opacity: 0.5; letter-spacing: 1px; }\r\n::-ms-input-placeholder{ color: {color:Text Color}; opacity: 0.5; letter-spacing: 1px; }\r\n\r\n/*---------------------------------------*/\r\n/*---------------------------------------*/\r\n/*---------------------------------------*/\r\n		\r\n/*----- TOPLINKS -----*/\r\n\r\n.trigger{ /* for sticky nav */\r\n	position: relative;\r\n	float: left;\r\n	height: 1px;\r\n	top: 364px;\r\n}\r\nnav.toplinks{\r\n    position:relative;\r\n	margin-top: -22px;\r\n	width: 250px;\r\n	height: 20px;\r\n	line-height: 20px;\r\n	z-index: 99999;\r\n}\r\nnav.toplinks a{\r\n	display: block;\r\n	float: left;\r\n	width: 20px;\r\n	height: 20px;\r\n	cursor: help;\r\n	border-radius: 3px;\r\n	font-weight: 400;\r\n	font-size: 14px;\r\n	text-align: center;\r\n	border: 1px solid {color:Border Color};\r\n	background-color: {color:Post Background Color};\r\n	line-height: 20px;\r\n	margin-right: 10px;\r\n	color: {color:Text Color};\r\n}\r\nnav.toplinks a:hover{\r\n	background-color: {color:Accent};\r\n	border: 1px solid {color:Accent};;\r\n	color: {color:Post Background Color};\r\n}\r\nnav.toplinks a:first-child{\r\n	line-height: 18px;\r\n}\r\n.sticky{\r\n	position: relative;\r\n	z-index: 99999;\r\n	top: 0px;\r\n}\r\n.sticky nav.toplinks{\r\n	margin-top: 7.5px;\r\n	z-index: 9999999;\r\n}\r\nnav.toplinks,\r\n.sticky nav.toplinks{\r\n	-webkit-transition: all 0.3s ease-in-out;\r\n	-moz-transition: all 0.3s ease-in-out;\r\n	-o-transition: all 0.3s ease-in-out;\r\n	-ms-transition: all 0.3s ease-in-out;\r\n	transition: all 0.3s ease-in-out;\r\n}\r\n\r\n/*---------------------------------------*/\r\n/*---------------------------------------*/\r\n/*---------------------------------------*/\r\n\r\n/*----- BANNER -----*/\r\n\r\n/* BANNER BASIC */\r\n#banner{\r\n	position: relative;\r\n	margin: 55px auto 0px auto;\r\n	width:calc({select:Post Width} + 32px + {select:Sidebar Width}*2);\r\n	height: 350px;\r\n	overflow: hidden;\r\n	background-color: {color:Accent};\r\n	background-image: url('{image:Banner}');\r\n	background-repeat: no-repeat;\r\n	border-radius: 3px;\r\n}\r\n#banner.left{\r\n    background-position: center right;\r\n}\r\n#banner.right{\r\n    background-position: center left;\r\n}\r\n\r\n/* BANNER SIDE */\r\n#banner aside.banner-side{\r\n	display: block;\r\n	float: {select:Banner Side Position};\r\n	width: 208px;\r\n	height: 350px;\r\n	border: 1px solid {color:Border Color};\r\n	background-color: {color:Navigation Color};\r\n}\r\n\r\n/* BANNER INFO */\r\n#banner section.banner-info{\r\n	display: block;\r\n	width: 168px;\r\n	height: 167.5px;\r\n	padding: 20px;\r\n	font-size: {select:Font Size};\r\n	text-align: center;\r\n	color: {color:Text Color};\r\n	border-bottom: 1px solid {color:Border Color};\r\n}\r\n#banner section.banner-info .banner-side-img-border{\r\n    margin: auto;\r\n    display: block;\r\n    width: 138px;\r\n    height: 138px;\r\n    padding: 1px;\r\n    background-color:{color:Border Color};\r\n    -webkit-clip-path: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%);\r\n    clip-path: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%);\r\n}\r\n#banner section.banner-info .banner-side-img-wrapper{\r\n    margin: auto;\r\n    display: block;\r\n    width: 130px;\r\n    height: 130px;\r\n    padding: 4px;\r\n    background-color:{color:Navigation Color};\r\n    -webkit-clip-path: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%);\r\n    clip-path: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%);\r\n}\r\n#banner section.banner-info .banner-side-img-wrapper img{\r\n    display: block;\r\n    width: 130px;\r\n    height: 130px;\r\n    -webkit-clip-path: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%);\r\n    clip-path: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%);\r\n}\r\n#banner section.banner-info h1{\r\n	margin: 6px 0px 1.5px 0px;\r\n	font-size: calc({select:Font Size} + 7px);\r\n	line-height: calc({select:Font Size} + 7px);\r\n	font-weight: 700;\r\n	letter-spacing: -1px;\r\n}\r\n#banner section.banner-info h2{\r\n    margin: 0px;\r\n	font-size: calc({select:Font Size} - 3px);\r\n	line-height: calc({select:Font Size} - 3px);\r\n	font-weight: 400;\r\n	text-transform: uppercase;\r\n	letter-spacing: 1px;\r\n}\r\n\r\n/* BANNER LINKS */\r\n#banner nav.banner-links{\r\n	display: block;\r\n	width: 207.5px;\r\n	margin-left: 1px;\r\n}\r\n#banner nav.banner-links a{\r\n	cursor: help;\r\n	display: block;\r\n	float: left;\r\n	width: 69.5px;\r\n	height: 69.5px;\r\n	font-family: {select:Font Family};\r\n	font-size: calc({select:Font Size} - 4px);\r\n	font-weight: 700;\r\n	text-transform: uppercase;\r\n	letter-spacing: 1px;\r\n	text-align: center;\r\n	margin: -1px;\r\n	border: 1px solid {color:Border Color};\r\n	background-color: {color:Post Background Color};\r\n	color: {color:Text Color};\r\n}\r\n#banner nav.banner-links a:before{\r\n	display: block;\r\n	font-family: 'Linearicons-Free';\r\n	font-size: calc({select:Font Size} + 10px);\r\n	font-weight: normal;\r\n	margin: 20px 0px 5px 0px;\r\n	letter-spacing: 0px;\r\n}\r\n#banner nav.banner-links a:nth-child(1),\r\n#banner nav.banner-links a:nth-child(4){\r\n	border-left: none;\r\n}\r\n#banner nav.banner-links a:nth-child(3),\r\n#banner nav.banner-links a:nth-child(6){\r\n	border-right: none;\r\n}\r\n#banner nav.banner-links a:hover{\r\n	color: {color:Post Background Color} !important;\r\n	background-color: {color:Accent};\r\n}\r\n\r\n/*---------------------------------------*/\r\n/*---------------------------------------*/\r\n/*---------------------------------------*/\r\n \r\n/*------ MAIN -----*/\r\n\r\n#main{\r\n	position: relative;\r\n	overflow: hidden;\r\n	margin: 15px auto 0px;\r\n	padding-bottom: 40px;\r\n	width: calc({select:Post Width} + 32px + {select:Sidebar Width}*2);\r\n}\r\n	\r\n/* PAGINATION */\r\n#main .pagination{\r\n	display: block;\r\n	margin-bottom: 15px;\r\n	font-size: {select:Font Size};\r\n	text-align: center;\r\n}\r\n#main .pagination a{\r\n	display: inline-block;\r\n	margin: 5px;\r\n	color: {color:Text Color};\r\n}\r\n#main .pagination a:hover{\r\n	color: {color:Accent};\r\n}\r\n#main .pagination .current{\r\n	display: inline-block;\r\n	margin: 5px;\r\n	color: {color:Link Color};\r\n}\r\n#main .pagination a.jump{\r\n	font-family: 'Linearicons-Free';\r\n	font-size: calc({select:Font Size} - 4px);\r\n	line-height: {select:Font Size};\r\n}\r\n\r\n/* FOOTER */\r\nfooter#blog-footer{\r\n    position: absolute;\r\n    bottom: 0px;\r\n    width: calc(100% - 2px);\r\n    height: 40px;\r\n    display: block;\r\n    border: 1px solid {color:Border Color};\r\n    border-bottom: none;\r\n    border-top-right-radius: 3px;\r\n    border-top-left-radius: 3px;\r\n    background-color: {color:Navigation Color};\r\n    font-size: calc({select:Font Size} - 3px);\r\n    color: {color:Text Color};\r\n    line-height: 40px;\r\n    text-align: center;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1.5px;\r\n}\r\n\r\n/*---------------------------------------*/\r\n/*---------------------------------------*/\r\n/*---------------------------------------*/\r\n\r\n/*------ SIDEBAR -----*/\r\n\r\n/* SIDEBAR BASIC */\r\naside.sidebar{\r\n	position: relative;\r\n	width: {select:Sidebar Width};\r\n}\r\n\r\n/* CATEGORY BASIC */\r\naside.sidebar .category{\r\n	display: block;\r\n	margin-bottom: 15px;\r\n	overflow: hidden;\r\n	border-radius: 3px;\r\n	border: 1px solid {color:Border Color};\r\n}\r\naside.sidebar .category h1{\r\n	font-family: {select:Font Family};\r\n	display: block;\r\n	margin: 0px;\r\n	padding: 0px 5.5px;\r\n	height: 35px;\r\n	font-size: calc({select:Font Size} + 2px);\r\n	font-weight: 400;\r\n	line-height: 35px;\r\n	text-align: left;\r\n	text-transform: capitalize;\r\n	color: {color:Text Color};\r\n	background-color: {color:Navigation Color};\r\n	border-bottom: 1px solid {color:Border Color};\r\n}\r\naside.sidebar .category h1:before{\r\n	font-family: 'Linearicons-Free';\r\n	font-weight: normal;\r\n	font-size: calc({select:Font Size} + 3px);\r\n	text-align: center;\r\n	line-height: 22.5px;\r\n	color: {color:Post Background Color};\r\n	display: block;\r\n	float: left;\r\n	margin: 6px 6px 6px 0px;\r\n	width: 22.5px;\r\n	height: 22.5px;\r\n	background-color: {color:Accent};\r\n	border-radius: 3px;\r\n}\r\naside.sidebar .category .box{\r\n	padding: 15px;\r\n	overflow: hidden;\r\n	background-color: {color:Post Background Color};\r\n	font-size: {select:Font Size};\r\n	color: {color:Text Color};\r\n	text-align: justify;\r\n}\r\n\r\n/*---------------------------------------*/\r\n/*---------------------------------------*/\r\n/*---------------------------------------*/	\r\n\r\n/*----- CATEGORIES -----*/\r\n\r\n/* ABOUT */\r\naside.sidebar .box.about{\r\n    line-height: 135%;\r\n}\r\naside.sidebar .box.about img.desc-banner{\r\n    display: block;\r\n    width: {select:Sidebar Width};\r\n    margin: -15px -15px 15px;\r\n}\r\n\r\n/* PROJECTS */\r\naside.sidebar .box.projects article{\r\n    display: block;\r\n    margin-bottom: 15px;\r\n    overflow: hidden;\r\n    border: 1px solid {color:Border Color};\r\n    border-radius: 3px;\r\n}\r\naside.sidebar .box.projects article:last-child{\r\n    margin: 0px;\r\n}\r\naside.sidebar .box.projects article img{\r\n    display: block;\r\n    width: 100%;\r\n}\r\naside.sidebar .box.projects article section{\r\n    border-top: 1px solid {color:Border Color};\r\n    padding: 10px;\r\n    font-size: calc({select:Font Size} - 1px);\r\n    font-weight: 400;\r\n    background-color: {color:Navigation Color};\r\n}\r\naside.sidebar .box.projects article section h2,\r\naside.sidebar .box.projects article section h3{\r\n    margin: 0px;\r\n    line-height: 110%;\r\n    text-transform: uppercase;\r\n}\r\naside.sidebar .box.projects article section h2{\r\n    font-size: calc({select:Font Size} + 2px);\r\n    color:{color:Link Color};\r\n}\r\naside.sidebar .box.projects article section h3{\r\n    font-size: calc({select:Font Size} - 2px);\r\n    letter-spacing: 1px;\r\n}\r\naside.sidebar .box.projects article section ul{\r\n    list-style-type: none;\r\n    line-height: 135%;\r\n    margin-top: 5px !important;\r\n}\r\naside.sidebar .box.projects article section span.list-title{\r\n    text-transform: uppercase;\r\n    color: {color:Link Color};\r\n    letter-spacing: 0.5px;\r\n    margin-right: 3px;\r\n}\r\naside.sidebar .box.projects article section p{\r\n    margin: 5px 0px 0px 0px;\r\n}\r\naside.sidebar .box.projects article section a{\r\n    display: inline-block;\r\n    padding: 3px 5px;\r\n    margin-right :1px;\r\n    font-size: calc({select:Font Size} - 2px);\r\n    font-weight:700;\r\n    letter-spacing: 0.5px;\r\n    text-transform: uppercase;\r\n    border-radius: 3px;\r\n    color: {color:Post Background Color};\r\n    background-color: {color:Accent};\r\n}\r\naside.sidebar .box.projects article section a:hover{\r\n    background-color:   {color:Text Color};\r\n}\r\n\r\n/* EXTRA LINKS */\r\naside.sidebar .box.extra-links a{\r\n	display: block;\r\n	padding: 5.5px 7.5px;\r\n	text-transform: uppercase;\r\n	font-family: {select:Font Family};\r\n	font-size: calc({select:Font Size} - 1px);\r\n	color: {color:Text Color};\r\n	letter-spacing: 0.5px;\r\n	margin-bottom: 3px;\r\n	border-radius: 3px;\r\n	border: 1px solid {color:Border Color};\r\n}\r\naside.sidebar .box.extra-links a:last-child{\r\n	margin: 0px;\r\n}\r\naside.sidebar .box.extra-links a:before{\r\n	font-family: 'Linearicons-Free';\r\n	font-size: {select:Font Size};\r\n	line-height: calc({select:Font Size} + 1px);\r\n	display: block;\r\n	float: left;\r\n	margin-right: 5px;\r\n	content: '\e871';\r\n}\r\naside.sidebar .box.extra-links a:hover{\r\n	font-weight: 700;\r\n	border: 1px solid {color:Accent};\r\n	background-color: {color:Accent};\r\n	color: {color:Post Background Color};\r\n}\r\n\r\n/* STATUS */\r\naside.sidebar .box.status ul{\r\n	list-style-type: none;\r\n}\r\naside.sidebar .box.status li{\r\n	display: block;\r\n	border: 1px solid {color:Border Color};\r\n	border-radius: 3px;\r\n	padding: 7.5px 10px;\r\n	text-transform: uppercase;\r\n	margin-bottom: 5px;\r\n	font-size: calc({select:Font Size} - 2px);\r\n	letter-spacing: 1px;\r\n}\r\naside.sidebar .box.status li:last-child{\r\n	margin: 0px;\r\n}\r\naside.sidebar .box.status li span{\r\n	display: block;\r\n	font-family: {select:Font Family};\r\n	font-weight: 700;\r\n	font-size: calc({select:Font Size} + 1px);\r\n	letter-spacing: 0px;\r\n	margin-bottom: 5px;\r\n	text-transform: uppercase;\r\n}\r\naside.sidebar .box.status li span:before{\r\n	font-family: 'Linearicons-Free';\r\n	display: block;\r\n	color: {color:Accent};\r\n	font-size: {select:Font Size};\r\n	line-height: calc({select:Font Size} + 1px);\r\n	float: left;\r\n	margin-right: 5px;\r\n}\r\n\r\n/* UPDATES */\r\naside.sidebar .box.updates article{\r\n	display: block;\r\n	padding: 10px 0px;\r\n	border-bottom: 1px solid {color:Border Color};\r\n}\r\naside.sidebar .box.updates article:first-child{\r\n	padding-top: 0px;\r\n}\r\naside.sidebar .box.updates article:last-child{\r\n	padding-bottom: 0px;\r\n	border: none;\r\n}\r\naside.sidebar .box.updates article section.date{\r\n	display: block;\r\n	float: left;\r\n	margin-right: 10px;\r\n	width: 30px;\r\n	text-align: center;\r\n	text-transform: uppercase;\r\n	padding: 5px;\r\n	border: 1px solid {color:Border Color};\r\n	border-radius: 3px;\r\n	font-size: 8px;\r\n}\r\naside.sidebar .box.updates article section.date span{\r\n	font-weight: 700;\r\n	font-size: 10px;\r\n	color: {color:Link Color};\r\n}\r\naside.sidebar .box.updates article section.event{\r\n	display: block;\r\n	padding-top: calc(29px/2 - {select:Font Size});\r\n	height: 30px;\r\n}\r\n\r\n/* AFFILIATES */\r\naside.sidebar .box.affiliates a{\r\n	display: block;\r\n	float: left;\r\n	border-radius: 3px;\r\n	margin: 0px 3px 3px 0px;\r\n	border: 1px solid {color:Border Color};\r\n	overflow: hidden;\r\n	background-color: {color:Accent};\r\n}\r\naside.sidebar .box.affiliates a:hover{\r\n	border: 1px solid {color:Accent};\r\n}\r\naside.sidebar .box.affiliates-200px a{\r\n    width: calc({select:Sidebar Width}/3 - 44px/3);\r\n	height: calc({select:Sidebar Width}/3 - 44px/3);\r\n}\r\naside.sidebar .box.affiliates-250px a,\r\naside.sidebar .box.affiliates-280px a{\r\n    width: calc({select:Sidebar Width}/4 - 49px/4);\r\n	height: calc({select:Sidebar Width}/4 - 49px/4);\r\n}\r\naside.sidebar .box.affiliates-200px a:nth-child(3n+0),\r\naside.sidebar .box.affiliates-250px a:nth-child(4n+0),\r\naside.sidebar .box.affiliates-280px a:nth-child(4n+0){\r\n    margin-right: 0px;\r\n}\r\naside.sidebar .box.affiliates-200px a:nth-last-child(3),\r\naside.sidebar .box.affiliates-250px a:nth-last-child(4),\r\naside.sidebar .box.affiliates-280px a:nth-last-child(4){\r\n    margin-bottom: 0px;\r\n}\r\naside.sidebar .box.affiliates a img{\r\n    display: block;\r\n	width: 100%;\r\n	height: 100%;\r\n}\r\naside.sidebar .box.affiliates  a:hover img{\r\n    -webkit-filter: grayscale(100%);\r\n    filter: grayscale(100%);\r\n    opacity: 0.3;\r\n}\r\naside.sidebar .box.affiliates a img,\r\naside.sidebar .box.affiliates a:hover img:hover{\r\n    -webkit-transition: all 0.2s ease-in-out;\r\n	-moz-transition: all 0.2s ease-in-out;\r\n	-o-transition: all 0.2s ease-in-out;\r\n	-ms-transition: all 0.2s ease-in-out;\r\n	transition: all 0.2s ease-in-out;\r\n}\r\n\r\n/* MEMBERS */\r\naside.sidebar .box.members section{\r\n    display: block;\r\n    margin-bottom: 5px;\r\n    height: calc({select:Font Size} + 20px);\r\n}\r\naside.sidebar .box.members section:last-child{\r\n    margin: 0px;\r\n}\r\naside.sidebar .box.members section img{\r\n    width: calc({select:Font Size} + 20px);\r\n    height: calc({select:Font Size} + 20px);\r\n    margin: 0px 10px 0px 0px;\r\n    border-radius: 3px;\r\n    display: block;\r\n    float: left;\r\n}\r\naside.sidebar .box.members section h3{\r\n    font-size: calc({select:Font Size} + 2px);\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    margin: 0px;\r\n    padding: 1px 0px 0px 0px;\r\n}\r\n\r\n/* SITE INFO */\r\naside.sidebar .box.site-info ul{\r\n	list-style-type: none;\r\n	line-height: 135%;\r\n	font-size: calc({select:Font Size} - 1px);\r\n}\r\naside.sidebar .box.site-info li{\r\n	margin-bottom: 3px;\r\n}\r\naside.sidebar .box.site-info li:last-child{\r\n	margin: 0px;\r\n}\r\naside.sidebar .box.site-info ul span.list-title{\r\n	text-transform: uppercase;\r\n	letter-spacing: 0.5px;\r\n	color: {color:Link Color};\r\n}\r\naside.sidebar .box.site-info ul span.list-title:after{\r\n	font-family: 'Linearicons-Free';\r\n	font-size: calc({select:Font Size} - 4px);\r\n	line-height: calc({select:Font Size} - 4px);\r\n	margin: 0px 5px;\r\n	content: '\e876';\r\n}\r\n\r\n/*---------------------------------------*/\r\n/*---------------------------------------*/\r\n/*---------------------------------------*/\r\n\r\n/*----- POST -----*/\r\n\r\n#posts-container{\r\n	position: relative;\r\n	margin: auto;\r\n	width: calc({select:Post Width} + 2px);\r\n	margin-bottom: 15px;\r\n}\r\n\r\n/* SINGLE POST */\r\narticle.post-wrapper{\r\n	overflow: hidden;\r\n	width: {select:Post Width};\r\n	border: 1px solid {color:Border Color};\r\n	border-bottom: none;\r\n	border-radius: 3px;\r\n	margin: 0px 0px 15px 0px;\r\n}\r\narticle.post-wrapper:last-child{\r\n	margin: 0px;\r\n}\r\n\r\n/* POST CONTENT BASIC */\r\nsection.post-content{\r\n	background-color: {color:Post Background Color};\r\n	font-family: {select:Font Family};\r\n	font-weight: 400;\r\n	font-size: {select:Font Size};\r\n	color:{color:Text Color};\r\n	width: {select:Post Width};\r\n	text-align: justify;\r\n	line-height: 150%;\r\n}\r\n\r\n/* POST MEDIA */\r\nsection.post-content .post-media{\r\n    width: {select:Post Width};\r\n    border: 1px solid {color:Border Color};\r\n    border-top: none;\r\n    overflow: hidden;\r\n    display: block;\r\n}\r\nsection.post-content .post-media .width_fix iframe{\r\n    width: calc({select:Post Width} + 2px) !important;\r\n    margin: 0px;\r\n    margin-top: -1px;\r\n    margin-left: -1px;\r\n}\r\nsection.post-content .post-media iframe.tumblr_audio_player{\r\n    height: 85px !important;\r\n    margin-bottom: -5px;\r\n}\r\n\r\n/* PHOTO SET FIX */\r\n.photo-slideshow .photo-data { padding-bottom: 4px; }\r\n.photo-slideshow .pxu-photo { padding-bottom: 1px; }\r\n.photo-slideshow .pxu-photo img { margin-left: 0px !important; }\r\n.photo-slideshow .count-1 { padding-bottom: 2px; } \r\n.photo-slideshow .count-1 .pxu-photo { padding-bottom: 0; margin-bottom: -2px; }\r\n.photo-slideshow .count-1 .pxu-photo:last-child { margin-bottom: 0px; }\r\n.photo-slideshow .count-2 { width: calc(50% - 2px); }\r\n.photo-slideshow .count-3 { width: calc(100%/3 - 3px); }\r\n.photo-slideshow .count-3:nth-child(2n+0) { width: calc(100%/3 - 2px); }\r\n.photo-slideshow .count-2:nth-child(2n+0), .photo-slideshow .count-3:nth-child(2n+0), .photo-slideshow .count-3:nth-child(3n+0) { margin-left: 4px; }\r\n\r\n/* POST BODY */		\r\nsection.post-content .post-body{\r\n	width: calc({select:Post Width} - 40px);\r\n	border-bottom: 1px solid {color:Border Color};\r\n	padding: 20px;\r\n}\r\nsection.post-content .post-body a{\r\n	background-image: linear-gradient(180deg,rgba(68,68,68,0) 50%,rgba(68,68,68,.1) 0);\r\n	text-decoration: none;\r\n	background-repeat: repeat-x;\r\n	background-size: 1em 2px;\r\n	background-position: 0 1.15em;\r\n	padding-bottom: 2px;\r\n}\r\nsection.post-content .post-body a:hover{\r\n	color: {color:Text Color};\r\n}\r\n\r\n/* POST IMAGES */\r\nsection.post-content .post-body img{\r\n	max-width: 100%;\r\n	height: auto;\r\n}\r\n\r\n/* FIX IMAGE FIGURE */		\r\nsection.post-content .post-body figure{\r\n	margin-top: 10px;\r\n	max-width: 100%;\r\n	height: auto;\r\n}\r\nsection.post-content .post-body figure.tumblr-full img{\r\n	width: {select:Post Width};\r\n}\r\n\r\n/* POST TITLE */\r\nsection.post-content h1.post-title{\r\n	font-family: {select:Font Family};\r\n	font-weight: 400;\r\n	font-size: calc({select:Font Size} + 18px);;\r\n	letter-spacing: 0px;\r\n	text-align: justify;\r\n	line-height: 120%;\r\n	margin: -10px 0px 0px 0px;\r\n	color: {color:Text Color};\r\n}\r\n\r\n/* BLOCKQUOTE */\r\nsection.post-content blockquote{\r\n	width: calc(100% - 11px);\r\n	max-width: calc(100% - 11px);\r\n	margin-left: 0px;\r\n	padding-left: 10px;\r\n	border-left: 1px solid {color:Accent};\r\n}\r\n\r\n/* TEXT STYLES */\r\nsection.post-content p{ margin-top: 3px; }\r\nsection.post-content p:first-child{ margin-top: 0px; }\r\nsection.post-content big{ font-size: calc({select:Font Size} + 13px); }\r\nsection.post-content small{ font-size: {select:Font Size}; }\r\n\r\n/* HIGHLIGHT */\r\nsection.post-content h2{\r\n	font-family: {select:Font Family};\r\n	font-weight: 400;\r\n	font-size: calc({select:Font Size} + 10px);\r\n	color: {color:Accent};\r\n	margin-bottom: 15px;\r\n}\r\n\r\n/* LIST STYLES */\r\nsection.post-content .post-body ol{\r\n	margin: 0px 0px 10px -15px !important;\r\n}\r\nsection.post-content .post-body ul{\r\n	list-style-type: none;\r\n	margin: 0px 0px 10px 5px !important;\r\n}\r\nsection.post-content .post-body ul li:before{\r\n	display: block;\r\n	float: left;\r\n	margin-right: 5px;\r\n	font-family: 'Linearicons-Free';\r\n	font-size: calc({select:Font Size} - 3px);\r\n	content: '\e870';\r\n}\r\n\r\n/* CAPTION */\r\nsection.post-content .caption{\r\n	margin-bottom: -10px;\r\n}\r\nsection.post-content .caption.has-title{\r\n    margin-top: 10px;\r\n}\r\n\r\n/* LINK POSTS */\r\nsection.post-content .link-button{\r\n	border-bottom: 1px solid {color:Border Color};\r\n	word-break: break-word;\r\n	overflow: hidden;\r\n	display: block;\r\n	position: relative;\r\n	text-decoration: none;\r\n}\r\nsection.post-content .info-container{\r\n	padding: 20px 20px 0;\r\n	overflow: hidden;\r\n}\r\nsection.post-content .publisher-container{\r\n	margin-top: -4px;\r\n	margin-bottom: 17px;\r\n	display: block;\r\n	font-size: 13px;\r\n	line-height: 16px;\r\n	font-weight: 700;\r\n	word-break: break-all;\r\n}\r\nsection.post-content .publisher-container.if-thumbnail{\r\n	position:absolute;\r\n	top: 20px;\r\n	left: 20px;\r\n	right: 20px;\r\n}\r\nsection.post-content .publisher-container .publisher{\r\n	line-height: 16px;\r\n	font-size: 7px;\r\n	font-weight: 700;\r\n	color: {color:Post Background Color};\r\n	text-transform: uppercase;\r\n	letter-spacing: 2px;\r\n	display: inline-block;\r\n	margin: 0px;\r\n}\r\nsection.post-content .info-container{\r\n	padding: 15px 20px;\r\n	overflow: hidden;\r\n	background-color: {color:Navigation Color};\r\n	color: {color:Text Color};\r\n}\r\nsection.post-content .info-container .title{\r\n	font-family: {select:Font Family};\r\n	margin-bottom: 5px;\r\n	display: block;\r\n	font-size: calc({select:Font Size} + 8px);\r\n	font-weight: 700;\r\n	letter-spacing: 0px;\r\n	line-height: calc({select:Font Size} + 10px);\r\n}\r\nsection.post-content .info-container .title:after{\r\n	display: inline-block;\r\n	font-size: calc({select:Font Size} + 3px);\r\n	vertical-align: top;\r\n\r\n	margin-left: 5px;\r\n	white-space: nowrap;\r\n	font-family: 'Linearicons-Free';\r\n	font-weight: bold;\r\n	content: \"\e876\";\r\n}\r\nsection.post-content .info-container .excerpt{\r\n	margin-bottom: 5px;\r\n	display: block;\r\n	font-size: {select:Font Size};\r\n	line-height: calc({select:Font Size} + 3px);\r\n}\r\nsection.post-content .info-container .author{\r\n	margin-bottom: 5px;\r\n	display: block;\r\n	font-size: calc({select:Font Size} - 2px);\r\n	font-weight: 400;\r\n	letter-spacing: 0.5px;\r\n	line-height: calc({select:Font Size} + 2px);\r\n	opacity: 0.5;\r\n}\r\n\r\n/* QUOTES */\r\nsection.post-content .quotes{\r\n	font-weight: 400;\r\n	font-size: calc({select:Font Size} + 15px);\r\n	letter-spacing: -1px;\r\n	line-height: 130%;\r\n	margin-top: -5px;\r\n	margin-bottom: 10px;\r\n	color: {color:Text Color};\r\n}\r\nsection.post-content .icon-quote-left,\r\nsection.post-content .icon-quote-right{\r\n	display: inline-block;\r\n	width: calc({select:Font Size} + 10px);\r\n	height: calc({select:Font Size} + 10px);\r\n	fill: {color:Text Color};\r\n}\r\nsection.post-content .icon-quote-left{\r\n	margin-right: 8px;\r\n}\r\nsection.post-content .icon-quote-right{\r\n	margin-left: 8px;\r\n}\r\n\r\n/* ANSWERS */\r\nsection.post-content .asker{\r\n	font-size: calc({select:Font Size} - 3px);\r\n	text-transform: uppercase;\r\n	text-align: left;\r\n	line-height: 110%;\r\n	margin-top: 2px;\r\n	color: {color:Text Color};\r\n	letter-spacing: 2px;\r\n}\r\nsection.post-content .asker span{\r\n	font-weight: 400;\r\n	text-transform: uppercase;\r\n	font-size: calc({select:Font Size} + 2px);\r\n	line-height: 110%;\r\n	letter-spacing: 1px;\r\n}\r\nsection.post-content .asker a{\r\n	background-image: none;\r\n	color: {color:Link Color};\r\n	font-weight: 400;\r\n	text-transform: uppercase;\r\n	font-size: calc({select:Font Size} + 2px);\r\n	line-height: 110%;\r\n	letter-spacing: 1px;\r\n}\r\nsection.post-content .asker a:hover{\r\n	color: {color:Text Color};\r\n}\r\nsection.post-content .askimg img{\r\n	width: calc({select:Font Size} + 15px);\r\n	height: calc({select:Font Size} + 15px);\r\n	margin-right: 10px;\r\n	border-radius: 50%;\r\n	float: left;\r\n}\r\nsection.post-content .question{\r\n	width: calc({select:Post Width} - {select:Font Size}/2 - 68px);\r\n	margin-top: -5px;\r\n	margin-left: calc({select:Font Size}/2 + 7px);\r\n	margin-bottom: 15px;\r\n	padding: 20px 0px 0px 20px;\r\n	border-left: 1px solid {color:Border Color};\r\n}\r\n\r\n/* CHATS */\r\nsection.post-content ul.chat{\r\n	margin-bottom: 0px !important;\r\n	overflow: hidden;\r\n	border: 1px solid {color:Border Color};\r\n	border-bottom: none;\r\n	text-align: left;\r\n}\r\nsection.post-content ul.chat{\r\n	list-style: none !important;\r\n	margin-left: 0px !important;\r\n}\r\nsection.post-content ul.chat.has-title{\r\n    margin-top: 10px !important;\r\n}\r\nsection.post-content ul.chat li{\r\n	display: block;\r\n	min-height: 25px;\r\n	line-height: 25px;\r\n	font-size: calc({select:Font Size} + 1px);\r\n	font-weight: 400 !important;\r\n	letter-spacing: 1px;\r\n	color: {color:Text Color};\r\n	padding: 0px 10px;\r\n	border-bottom: 1px solid {color:Border Color};\r\n}\r\nsection.post-content ul.chat li:before{\r\n	display: none;\r\n}\r\nsection.post-content span.label{\r\n	display: block;\r\n	float: left;\r\n	height: 25px;\r\n	border-right: 1px solid {color:Border Color};\r\n	border-bottom: 1px solid {color:Border Color};\r\n	background-color: {color:Post Background Color};\r\n	font-size: calc({select:Font Size} - 1px);\r\n	font-weight: 700;\r\n	text-transform: uppercase;\r\n	letter-spacing :2px;\r\n	margin-left: -10px;\r\n	margin-right: 5px;\r\n	padding: 0px 3px 0px 10px;\r\n	color: {color:Text Color};\r\n}\r\nsection.post-content span.label:after{\r\n	content: '';\r\n	position: absolute;\r\n	float: right;\r\n	margin-left: -5px;\r\n	width: 4px;\r\n	height: 25px;\r\n	background-color: {color:Post Background Color};\r\n}\r\n\r\n/* POSTNOTES */\r\narticle.postnotes{\r\n	width: calc({select:Post Width} - 40px);\r\n	padding: 0px 20px;\r\n	margin: 30px 0px 0px 0px;\r\n	border-radius: 3px;\r\n	border: 1px solid {color:Border Color};\r\n	color: {color:Text Color};\r\n	background: {color:Post Background Color};\r\n	font-size: calc({select:Font Size} - 2px);\r\n	text-align: justify;\r\n	line-height: 150%;\r\n	letter-spacing: 1px;\r\n	text-transform: uppercase;\r\n}\r\narticle.postnotes ol.notes{\r\n	padding: 0px;\r\n	margin: 20px 0px;\r\n	list-style-type: none;\r\n}\r\narticle.postnotes ol.notes li.note{\r\n	padding: 10px 0px;\r\n}\r\narticle.postnotes ol.notes li.note img.avatar{\r\n	vertical-align: -4px;\r\n	margin-right: 10px;\r\n	width: calc({select:Font Size} + 6px);\r\n	height: calc({select:Font Size} + 6px);\r\n	border-radius: 50%;\r\n}\r\n		\r\n/*---------------------------------------*/\r\n/*---------------------------------------*/\r\n/*---------------------------------------*/\r\n\r\n/*----- PERMALINK -----*/\r\n		\r\nheader.post-permalink{\r\n	position: relative;\r\n	display: block;\r\n	z-index: 999;\r\n	background-color: {color:Navigation Color};\r\n	width: calc({select:Post Width} - 40px);\r\n	height: 40px;\r\n	padding: 0px 20px;\r\n	border-bottom: 1px solid {color:Border Color};\r\n	overflow: hidden;\r\n	text-align: left;\r\n	font-size: calc({select:Font Size} - 1px);\r\n	letter-spacing: 1px;\r\n}\r\n\r\n/* PERMALINK LINKS */\r\nheader.post-permalink .postinfo a{\r\n	font-family: {select:Font Family};\r\n	font-weight: 700;\r\n	display: block;\r\n	float: left;\r\n	text-transform: uppercase !important;\r\n	color: {color:Text Color};\r\n	text-align: left;\r\n	line-height :40px;\r\n}\r\nheader.post-permalink .postinfo a:before{\r\n	font-family: 'Linearicons-Free';\r\n	margin-right: 5px;\r\n	color: {color:Accent};\r\n}\r\nheader.post-permalink .postinfo a:hover{\r\n	color: {color:Link Color};\r\n}\r\nheader.post-permalink .postinfo a:after{\r\n	content: \"\";\r\n	position: relative;\r\n	width: 1px;\r\n	height: calc({select:Font Size} - 2px);\r\n	display: block;\r\n	float: right;\r\n	background-color:{color:Border Color};\r\n	margin-top: calc(21px - {select:Font Size}/2);\r\n	margin-left: 15px;\r\n	margin-right: 15px;\r\n}\r\nheader.post-permalink .postinfo a:last-child:after{\r\n	display: none;\r\n}\r\nheader.post-permalink .postinfo a.notes{\r\n	font-size: calc({select:Font Size} + 1px);\r\n}\r\n\r\n/* LIKE & REBLOG BUTTONS */\r\nheader.post-permalink ul.like_and_reblog_buttons{\r\n	width: 100px;\r\n	margin-top: 12px !important;\r\n	list-style: none;\r\n	text-align: right;\r\n	display: block;\r\n	float: right;\r\n}\r\nheader.post-permalink ul.like_and_reblog_buttons li{\r\n	list-style: none;\r\n	display: inline-block;\r\n	margin: 0px 0px 0px 5px;\r\n	cursor: pointer !important;\r\n}\r\nheader.post-permalink ul.like_and_reblog_buttons{    \r\n	margin-left: -38px;\r\n	margin-bottom: -2px;\r\n}\r\nheader.post-permalink ul.reblog-icons{    \r\n	margin-left: -38px;\r\n}\r\n \r\n/* CUSTOM LIKE BUTTONS | BY DEMIREV.CUBTHEMES.COM  */\r\nheader.post-permalink .like{\r\n	position: relative;\r\n	cursor: pointer !important;\r\n}\r\nheader.post-permalink .lnr-sync,\r\nheader.post-permalink .lnr-heart{\r\n	fill: {color:Accent};\r\n} \r\nheader.post-permalink .lnr:hover{\r\n	fill: {color:Text Color};\r\n}\r\nheader.post-permalink .like .like_button{\r\n	position: absolute;\r\n	top: -1.5px;\r\n	opacity: 0;\r\n}\r\nheader.post-permalink .like .like_button.liked {\r\n	opacity: 1;\r\n}\r\nheader.post-permalink .lnr{\r\n	-webkit-transition: all 0.2s ease-in-out;\r\n	-moz-transition: all 0.2s ease-in-out;\r\n	-o-transition: all 0.2s ease-in-out;\r\n	-ms-transition: all 0.2s ease-in-out;\r\n	transition: all 0.2s ease-in-out;\r\n}\r\n\r\n/* TAGS */ \r\nfooter.post-tags{\r\n	position: relative;\r\n	z-index: 999;\r\n	width: calc({select:Post Width} - 40px);\r\n	background-color: {color:Navigation Color};\r\n	border-bottom: 1px solid {color:Border Color};\r\n	text-align:left;\r\n	line-height: 100%;\r\n	padding: 15px 20px;\r\n	letter-spacing: 0.5px;\r\n	line-height: 150%;\r\n	font-weight: 400;\r\n	font-size: calc({select:Font Size} - 2px);\r\n}\r\nfooter.post-tags a{\r\n	display: inline-block;\r\n	color: {color:Text Color};\r\n	margin-left: 10px;\r\n}\r\nfooter.post-tags a:hover{\r\n	color: {color:Link Color};\r\n}\r\nfooter.post-tags span{\r\n	font-family: {select:Font Family};\r\n	color: {color:Text Color};\r\n	text-transform: uppercase;\r\n	display: inline-block;\r\n	font-size: calc({select:Font Size} - 3px);\r\n	line-height: calc({select:Font Size} - 3px);\r\n	font-weight: 700;\r\n	letter-spacing: 1px;\r\n	margin-right: -5px;\r\n}\r\nfooter.post-tags span:before {\r\n	font-family: 'Linearicons-Free';\r\n	font-size: {select:Font Size};\r\n	color: {color:Accent};\r\n	line-height: calc({select:Font Size} - 5px);\r\n	margin-right: 5px;\r\n	display :block;\r\n	float: left;\r\n}\r\n\r\n/*---------------------------------------*/\r\n/*---------------------------------------*/\r\n/*---------------------------------------*/\r\n\r\n/*  DO NOT REMOVE!  */\r\n/*----- CREDIT -----*/\r\n\r\n#credit{\r\n	position: fixed;\r\n	bottom: 20px;\r\n	right: 20px;\r\n	text-align: center;\r\n	z-index: 99999;\r\n} \r\n#credit a{\r\n	padding: 3px 3px 3px 5px;\r\n	color: {color:Text Color};\r\n	background-color: {color:Post Background Color};\r\n	border: 1px solid {color:Border Color};\r\n	border-radius: 3px;\r\n	text-align: center;\r\n	font-size: 8px;\r\n	font-weight: 400;\r\n	letter-spacing: 1px;\r\n	text-transform: uppercase;\r\n	color: {color:Text Color};\r\n}\r\n#credit a:hover{\r\n	background-color: {color:Accent};\r\n	color: {color:Post Background Color};\r\n	border: 1px solid {color:Accent};\r\n}\r\n\r\n/*---------------------------------------*/\r\n/*---------------------------------------*/\r\n/*---------------------------------------*/\r\n\r\n{CustomCSS}\r\n \r\n</style><!-- END OF CSS STYLE-->\r\n\r\n<!-- JAVASCRIPT -->\r\n    <script>\r\n		$(document).ready(function() {\r\n \r\n			$('.photo-slideshow').pxuPhotoset({\r\n				lightbox: true,\r\n				gutter: '2px',\r\n        		borderRadius: '0px',        \r\n				photoset: '.photo-slideshow',\r\n        		photoWrap: '.photo-data',\r\n				photo: '.pxu-photo'      \r\n			});\r\n \r\n			$(\"[title]\").style_my_tooltips({\r\n				tip_follows_cursor:true,\r\n				tip_delay_time:100,\r\n				tip_fade_speed:300\r\n			});\r\n   \r\n			//Check to see if the window is top if not then display button\r\n			$(window).scroll(function(){\r\n				if ($(this).scrollTop() > 100) {\r\n            $('.scrollToTop').fadeIn();\r\n				} else {\r\n            $('.scrollToTop').fadeOut();\r\n				}\r\n			});\r\n   \r\n			//Click event to scroll to top\r\n			$('.scrollToTop').click(function(){\r\n				$('html, body').animate({scrollTop : 0},800);\r\n				return false;\r\n			});\r\n         \r\n		});\r\n	</script>\r\n\r\n</head>\r\n\r\n<body>\r\n\r\n	<!-- HEADER -->\r\n	<header id=\"blog-header\">\r\n		<!-- TITLE + ICON -->\r\n		<div class=\"icon lnr lnr-{text:Topbar Title Icon}\"></div>\r\n		<h1>{block:ifBlogTitle}<a href=\"/\">{text:Blog Title}</a>{/block:ifBlogTitle}{block:ifnotBlogTitle}<a href=\"/\">{Title}</a>{/block:ifnotBlogTitle}</h1>\r\n		<!-- SEARCH BAR-->\r\n		<div class=\"search\">\r\n			<form action=\"/search\" method=\"get\">\r\n				<input type=\"text\" name=\"q\" value=\"\" placeholder=\"SEARCH...\" />\r\n				<input type=\"submit\" value=\"&#xe86f;\" class=\"sbutton\" />\r\n			</form>\r\n		</div>\r\n		<!-- TOPLINKS -->\r\n    	<div class=\"trigger\">\r\n    		<nav class=\"toplinks\">\r\n    			<a class=\"lnr lnr-{text:Link 1 Icon}\" href=\"{text:Link 1 URL}\" title=\"{text:Link 1 Title}\"></a>\r\n    			<a class=\"lnr lnr-{text:Link 2 Icon}\" href=\"{text:Link 2 URL}\" title=\"{text:Link 2 Title}\"></a>\r\n    			<a class=\"lnr lnr-{text:Link 3 Icon}\" href=\"{text:Link 3 URL}\" title=\"{text:Link 3 Title}\"></a>\r\n    			<a class=\"lnr lnr-{text:Link 4 Icon}\" href=\"{text:Link 4 URL}\" title=\"{text:Link 4 Title}\"></a>\r\n    			<a class=\"lnr lnr-{text:Link 5 Icon}\" href=\"{text:Link 5 URL}\" title=\"{text:Link 5 Title}\"></a>\r\n    			<a class=\"lnr lnr-{text:Link 6 Icon}\" href=\"{text:Link 6 URL}\" title=\"{text:Link 6 Title}\"></a>\r\n    		</nav>\r\n    	</div>\r\n	</header>\r\n	\r\n	<!-- BANNER -->\r\n	<div id=\"banner\" class=\"{select:Banner Side Position}\"> \r\n		<aside class=\"banner-side\">\r\n			<section class=\"banner-info\">\r\n			    <div class=\"banner-side-img-border\">\r\n    			    <div class=\"banner-side-img-wrapper\">\r\n    				    <img src=\"{image:Banner Side}\" />\r\n    				</div>\r\n    			</div>\r\n				<h1>{block:ifBlogTitle}{text:Blog Title}{/block:ifBlogTitle}{block:ifnotBlogTitle}{Title}{/block:ifnotBlogTitle}</h1>\r\n				<h2>{block:ifBlogSubtitle}{text:Blog Subtitle}{/block:ifBlogSubtitle}{block:ifnotBlogSubtitle}{Name}.tumblr.com{/block:ifnotBlogSubtitle}</h2>\r\n			</section>\r\n			<nav class=\"banner-links\">\r\n				<a class=\"lnr lnr-{text:Link 1 Icon}\" href=\"{text:Link 1 URL}\">{text:Link 1 Title}</a>\r\n				<a class=\"lnr lnr-{text:Link 2 Icon}\" href=\"{text:Link 2 URL}\">{text:Link 2 Title}</a>\r\n				<a class=\"lnr lnr-{text:Link 3 Icon}\" href=\"{text:Link 3 URL}\">{text:Link 3 Title}</a>\r\n				<a class=\"lnr lnr-{text:Link 4 Icon}\" href=\"{text:Link 4 URL}\">{text:Link 4 Title}</a>\r\n				<a class=\"lnr lnr-{text:Link 5 Icon}\" href=\"{text:Link 5 URL}\">{text:Link 5 Title}</a>\r\n				<a class=\"lnr lnr-{text:Link 6 Icon}\" href=\"{text:Link 6 URL}\">{text:Link 6 Title}</a>\r\n			</nav>  \r\n	  	</aside>  \r\n	</div>\r\n	\r\n	<!-- STICKY TOPBAR -->\r\n	<script>\r\n		var header = document.querySelector('.trigger');\r\n		var origOffsetY = header.offsetTop;\r\n\r\n		function onScroll(e) {\r\n			window.scrollY >= origOffsetY ? header.classList.add('sticky') :\r\n			header.classList.remove('sticky');\r\n		}\r\n\r\n		document.addEventListener('scroll', onScroll);\r\n	</script>\r\n\r\n	<!--------------------->\r\n	<!--------------------->\r\n	<!--------------------->\r\n\r\n	<!-- START OF MAIN CONTENT -->\r\n	<div id=\"main\">\r\n\r\n		<!-- START OF LEFT SIDEBAR -->\r\n		<aside class=\"sidebar\" id=\"sidebar-left\">\r\n\r\n			<!-- CATEGORY ONE -->\r\n			<div class=\"category\">\r\n				<h1 class=\"lnr lnr-{text:Category 1 Icon}\">{text:Category 1 Title}</h1>\r\n				<div class=\"box about\">\r\n				    {block:ifDescriptionBannerImage}<img class=\"desc-banner\" src=\"{image:Description Banner}\" />{/block:ifDescriptionBannerImage}\r\n				    {Description}\r\n				</div>\r\n			</div>\r\n			<!-- CATEGORY ONE -->\r\n			\r\n			<!-- CATEGORY TWO -->\r\n			<div class=\"category\">\r\n			    <h1 class=\"lnr lnr-{text:Category 2 Icon}\">{text:Category 2 Title}</h1>\r\n			    <div class=\"box projects\">\r\n                    <article>\r\n                        <img src=\"\" />\r\n                        <section>\r\n                            <h2>Project title</h2>\r\n                            <h3>project subtitle</h3>\r\n                            <ul>\r\n                                <li><span class=\"list-title\">date</span>05th Mar 2017</li>\r\n                                <li><span class=\"list-title\">project type</span>Type</li>\r\n                            </ul>\r\n                            <p>\r\n                                <a href=\"/\">link</a>\r\n                                <a href=\"/\">link</a>\r\n                            </p>\r\n                        </section>\r\n                    </article>\r\n                </div>\r\n			</div>\r\n			<!-- CATEGORY TWO -->\r\n\r\n			<!-- CATEGORY THREE-->\r\n			<div class=\"category\">\r\n				<h1 class=\"lnr lnr-{text:Category 3 Icon}\">{text:Category 3 Title}</h1>\r\n				<div class=\"box extra-links\">\r\n					<a href=\"/\">Extra Link</a>\r\n					<a href=\"/\">Extra Link</a>\r\n					<a href=\"/\">Extra Link</a>\r\n					<a href=\"/\">Extra Link</a>\r\n					<a href=\"/\">Extra Link</a>\r\n					<a href=\"/\">Extra Link</a>\r\n				</div>\r\n			</div>\r\n			<!-- CATEGORY THREE -->\r\n\r\n		</aside>\r\n		<!-- END OF LEFT SIDEBAR -->\r\n\r\n		<!-- START OF RIGHT SIDEBAR -->\r\n		<aside class=\"sidebar\" id=\"sidebar-right\">\r\n		    \r\n			<!-- CATEGORY FOUR -->\r\n			<div class=\"category\">\r\n				<h1 class=\"lnr lnr-{text:Category 4 Icon}\">{text:Category 4 Title}</h1>\r\n				<div class=\"box status\">\r\n					<ul>\r\n						<li>\r\n							<span class=\"lnr lnr-location\">status title</span>\r\n							Status description\r\n						</li>\r\n					</ul>\r\n				</div>\r\n			</div>\r\n			<!-- CATEGORY FOUR -->\r\n			\r\n			<!-- CATEGORY FIVE -->\r\n			<div class=\"category\">\r\n				<h1 class=\"lnr lnr-{text:Category 5 Icon}\">{text:Category 5 Title}</h1>\r\n				<div class=\"box updates\">\r\n					<article>\r\n						<section class=\"date\"><span>07th</span> Mar 17</section>\r\n						<section class=\"event\">Event<br />Description</section>\r\n					</article>\r\n					<article>\r\n						<section class=\"date\"><span>06th</span> Mar 17</section>\r\n						<section class=\"event\">Event<br />Description</section>\r\n					</article>\r\n			  </div>\r\n			</div>\r\n			<!-- CATEGORY FIVE -->\r\n\r\n			<!-- CATEGORY SIX -->\r\n			<div class=\"category\">\r\n				<h1 class=\"lnr lnr-{text:Category 6 Icon}\">{text:Category 6 Title}</h1>\r\n				<div class=\"box affiliates affiliates-{select:Sidebar Width}\">\r\n					<a href=\"http://username.tumblr.com\" title=\"username\"><img src=\"\" /></a>\r\n				</div>\r\n			</div>\r\n			<!-- CATEGORY SIX -->\r\n			\r\n			<!-- CATEGORY SEVEN -->\r\n			<div class=\"category\">\r\n				<h1 class=\"lnr lnr-{text:Category 7 Icon}\">{text:Category 7 Title}</h1>\r\n				<div class=\"box members\">\r\n                    {block:GroupMembers}{block:GroupMember}<section>\r\n                        <img src=\"{GroupMemberPortraitURL-30}\" />\r\n                        <h3><a href=\"{GroupMemberURL}\">{GroupMemberName}</a></h3>\r\n                        {GroupMemberTitle}\r\n                    </section>{/block:GroupMember}{/block:GroupMembers}\r\n                </div><!-- BOX -->\r\n			</div>\r\n			<!-- CATEGORY SEVEN -->\r\n\r\n			<!-- CATEGORY EIGHT -->\r\n			<div class=\"category\">\r\n				<h1 class=\"lnr lnr-{text:Category 8 Icon}\">{text:Category 8 Title}</h1>\r\n				<div class=\"box site-info\">\r\n					<ul>\r\n					 	<li><span class=\"list-title\">about</span>Theme</li>\r\n						<li><span class=\"list-title\">established</span>Date</li>\r\n						<li><span class=\"list-title\">currently online</span>Online counter</li>\r\n					 	<li><span class=\"list-title\">total hits</span>Hit counter</li>\r\n					 	<li><span class=\"list-title\">theme by</span><a href=\"http://roxiestheme.tumblr.com\">ROXIESTHEME</a></li>\r\n					 	<li><span class=\"list-title\">discalimer</span>Disclaimer</li>\r\n					</ul>\r\n				</div>\r\n			</div>\r\n			<!-- CATEGORY EIGHT -->\r\n\r\n		</aside>\r\n		<!-- 	END OF RIGHT SIDEBAR -->\r\n\r\n		<!-- POSTS CONTAINER -->\r\n		<div id=\"posts-container\">\r\n		\r\n			<!-- START OF A POST -->\r\n			{block:Posts}<article class=\"post-wrapper\">\r\n			\r\n				<!-- PERMALINK -->\r\n				{block:Date}<header class=\"post-permalink\">\r\n					<div class=\"postinfo\">\r\n    					<a class=\"lnr lnr-star\" href=\"{Permalink}\" title=\"notes\">{NoteCount}</a>\r\n    					<a class=\"lnr lnr-clock\" href=\"/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}/\" title=\"date\">{ShortMonth} {DayOfMonthWithZero} {Year}</a>\r\n    					{block:RebloggedFrom}<a class=\"lnr lnr-location\" href=\"{ReblogRootURL}\" target=\"_blank\" title=\"{ReblogRootName}\">src</a><a class=\"lnr lnr-enter\" href=\"{ReblogParentURL}\" target=\"_blank\" title=\"{ReblogParentName}\">via</a>{/block:RebloggedFrom}\r\n    				</div>\r\n 					<ul class=\"like_and_reblog_buttons\">\r\n						<li class=\"reblog-button\" title=\"reblog\"><a href=\"{ReblogURL}\" target=\"_blank\"><svg class=\"lnr lnr-sync\" width=\"13px\" height=\"13px\"><use xlink:href=\"#lnr-sync\"></use></svg></a></li>\r\n						<li class=\"like\" title=\"like\">{LikeButton size=\"11\"}<svg class=\"lnr lnr-heart\" width=\"13px\" height=\"13px\"><use xlink:href=\"#lnr-heart\"></use></svg></li>\r\n 					</ul>\r\n				</header>{/block:Date}\r\n				\r\n				<!-- START OF POST CONTENT -->\r\n				<section class=\"post-content\">\r\n				\r\n				    <!-- TEXT POST -->\r\n				    {block:Text}\r\n					<div class=\"post-body\">\r\n						{block:Title}<h1 class=\"post-title\">{Title}</h1>{/block:Title}\r\n						<div class=\"caption {block:Title}has-title{/block:Title}\">{Body}</div>\r\n					</div>\r\n				    {/block:Text}\r\n				\r\n				    <!-- PHOTO POST -->\r\n				    {block:Photo}\r\n					<div class=\"post-media\">{LinkOpenTag}<img src=\"{PhotoURL-HighRes}\" alt=\"{PhotoAlt}\" width=\"{select:Post Width}\" style=\"display:block;\" />{LinkCloseTag}</div>\r\n					{block:Caption}<div class=\"post-body\"><div class=\"caption\">{Caption}</div></div>{/block:Caption}\r\n			    	{/block:Photo}\r\n				\r\n			    	<!-- PHOTOSET -->\r\n				    {block:Photoset}\r\n					<div class=\"post-media\">\r\n						<div class=\"photo-slideshow\" id=\"photoset_{PostID}\" data-layout=\"{PhotosetLayout}\">\r\n							{block:Photos}<div class=\"photo-data\">\r\n								<div class=\"pxu-photo\">\r\n									<img src=\"{PhotoURL-HighRes}\" width=\"{PhotoWidth-500}\" height=\"{PhotoHeight-500}\" data-highres=\"{PhotoURL-HighRes}\" data-width=\"{PhotoWidth-HighRes}\" data-height=\"{PhotoHeight-HighRes}\" />\r\n								</div><!-- pxu-photo -->\r\n								<a class=\"tumblr-box\" rel=\"post-{PostID}\" href=\"{PhotoURL-HighRes}\"></a>\r\n							</div><!-- photo-data -->{/block:Photos}\r\n						</div><!-- photo-slideshow-->\r\n					</div>\r\n					{block:Caption}<div class=\"post-body\"><div class=\"caption\">{Caption}</div></div>{/block:Caption}\r\n					{block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src=\"{BlackLogoURL}\"width=\"{LogoWidth}\" height=\"{LogoHeight}\" alt=\"{SourceTitle}\" />{/block:SourceLogo}\r\n{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}\r\n				    {/block:Photoset}\r\n				\r\n				    <!-- VIDEO POST -->\r\n				    {block:Video}\r\n					<div class=\"post-media\">\r\n						<div class=\"video\" style=\"margin-bottom:-5px;\">{Video-500}</div>\r\n					</div>\r\n					{block:Caption}<div class=\"post-body\"><div class=\"caption\">{Caption}</div></div>{/block:Caption}\r\n				    {/block:Video}\r\n				\r\n				    <!-- AUDIO POST -->\r\n				    {block:Audio}\r\n					<div class=\"post-media\" style=\"border:none\">\r\n						<div class=\"width_fix\" style=\"margin-bottom:-5px;\">{AudioEmbed-500}</div>\r\n					</div>\r\n					{block:Caption}<div class=\"post-body\"><div class=\"caption\">{Caption}</div></div>{/block:Caption}\r\n				    {/block:Audio}\r\n				\r\n				    <!-- LINK POST -->\r\n				    {block:Link}\r\n					<div class=\"post-media\" style=\"border:none\">\r\n						<a href=\"{Url}\" target=\"_blank\" class=\"link-button\">\r\n							{block:Thumbnail}<img src=\"{Thumbnail}\" width=\"{select:Post Width}\">{/block:Thumbnail}\r\n							<div class=\"info-container\">\r\n								{block:Host}<div class=\"publisher-container {block:Thumbnail}if-thumbnail{/block:Thumbnail}\"><div class=\"publisher\">{Host}</div></div>{/block:Host}\r\n								<div class=\"title\">{Name}</div>\r\n								{block:Excerpt}<div class=\"excerpt\">{Excerpt}</div>{/block:Excerpt}\r\n								{block:Author}<div class=\"author\">{Author}</div>{/block:Author}\r\n							</div><!-- INFO CONTAINER -->\r\n						</a>\r\n					</div>\r\n					{block:Description}<div class=\"post-body\"><div class=\"caption\">{Description}</div></div>{/block:Description}\r\n			    	{/block:Link}\r\n				\r\n				    <!-- QUOTE POST -->\r\n				    {block:Quote}\r\n					<div class=\"post-body\">\r\n						<div class=\"quotes\">\r\n							<svg class=\"icon icon-quote-left\"><use xlink:href=\"#icon-quote-left\"></use></svg>\r\n							{Quote}\r\n							<svg class=\"icon icon-quote-right\"><use xlink:href=\"#icon-quote-right\"></use></svg>\r\n						</div>\r\n						{block:Source}<div class=\"caption\" style=\"margin-bottom:0px;\">— {Source}</div>{/block:Source}\r\n					</div>\r\n			    	{/block:Quote}\r\n				\r\n    				<!-- CHAT POST -->\r\n    				{block:Chat}\r\n					<div class=\"post-body\">\r\n						{block:Title}<h1 class=\"posttitle\">{Title}</h1>{/block:Title}\r\n						<ul class=\"chat {block:Title}has-title{/block:Title}\">\r\n							{block:Lines}<li class=\"user_{UserNumber}\">{block:Label}<span class=\"label\">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}\r\n						</ul>\r\n					</div>\r\n				    {/block:Chat}\r\n				\r\n		    		<!-- ANSWER -->\r\n		    		{block:Answer}\r\n					<div class=\"post-body\">\r\n						<div class=\"askimg\"><img src=\"{AskerPortraitURL-48}\"></div>\r\n						<div class=\"asker\"><span>{Asker}</span><br>sent a message</div>\r\n						<div class=\"question\">{Question}</div>\r\n						<div class=\"caption\">{Answer}</div>\r\n					</div>\r\n		    		{/block:Answer}\r\n		    	\r\n				</section>\r\n				<!-- END OF POST CONTENT -->\r\n				\r\n				<!-- TAGS -->\r\n				{block:HasTags}<footer class=\"post-tags\">\r\n					<span class=\"lnr lnr-bookmark\">Tagged as</span> {block:Tags}<a href=\"{TagURL}\">{Tag}</a>{/block:Tags}\r\n				</footer>{/block:HasTags}\r\n				\r\n			</article>\r\n			<!-- END OF A POST -->\r\n			\r\n			<!-- POST NOTES -->\r\n			{block:PostNotes}<article class=\"postnotes\">{PostNotes}</section>{/block:PostNotes}\r\n			\r\n			{/block:Posts}<!-- END OF ALL POSTS -->\r\n			\r\n			<!-- PAGINATION -->\r\n        	{block:Pagination}<div class=\"pagination\">\r\n            	{block:PreviousPage}<a href=\"{PreviousPage}\" class=\"jump\">&#xe875;</a>{/block:PreviousPage}\r\n            	{block:JumpPagination length=\"10\"}{block:CurrentPage}<span class=\"current\">{PageNumber}</span>{/block:CurrentPage}{block:JumpPage}<a href=\"{URL}\">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}\r\n            	{block:NextPage}<a href=\"{NextPage}\" class=\"jump\">&#xe876;</a>{/block:NextPage}\r\n        	</div>{/block:Pagination}\r\n		\r\n		</div><!-- POSTS CONTAINER -->\r\n		\r\n		<!-- !!! DO NO REMOVE THE CREDIT !!! -->\r\n        <footer id=\"blog-footer\">© {CopyrightYears} <a href=\"/\">{Name}</a> all rights reserved. Theme by <a href=\"http://roxiestheme.tumblr.com\" target=\"_blank\">roxiestheme</a> • Powered by <a href=\"http://tumblr.com\" target=\"_blank\">Tumblr</a></footer>\r\n		\r\n	</div>\r\n    <!-- END OF MAIN CONTENT -->\r\n\r\n    <!-- SCROLL TO TOP BUTTON -->\r\n    <a href=\"#\" class=\"scrollToTop\">Scroll To Top</a>\r\n    \r\n    <!-- !!! DO NO REMOVE THE CREDIT !!! -->\r\n    <div id=\"credit\"><a href=\"http://roxiestheme.tumblr.com\" target=\"_blank\">roxiestheme</a></div>\r\n\r\n</body>\r\n\r\n    <!-- SVGS -->\r\n    <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:svg=\"http://www.w3.org/2000/svg\" display=\"none\">\r\n        <defs>\r\n            <symbol id=\"icon-quote-left\" viewBox=\"0 0 33 32\">\r\n                <title>quote</title>\r\n                <path class=\"path1\" d=\"M16.025 19.192c-0.133-3.75-3.258-7.225-7.133-7.675-1.475-0.167-3.767 0.483-4.767 1.167-0.4 0.083-0.6 0.225-0.717-0.4 3.433-6.633 11.342-6.625 11.342-6.625v-0.917c-8.058-1.325-17.025 8.842-14.225 17 1.333 3.875 5.117 6.25 8.792 5.508 3.85-0.783 6.842-4.367 6.708-8.058zM7.925 25.9c-3.708-0.050-6.492-2.958-6.408-6.692 0.092-3.683 3.083-6.458 6.792-6.3 3.475 0.15 6.183 2.975 6.2 6.458 0.025 3.633-2.942 6.583-6.583 6.533z\"></path>\r\n                <path class=\"path2\" d=\"M33.025 19.192c-0.133-3.75-3.258-7.225-7.133-7.675-1.475-0.167-3.767 0.483-4.767 1.167-0.4 0.083-0.6 0.225-0.717-0.4 3.433-6.633 11.342-6.625 11.342-6.625v-0.917c-8.058-1.325-17.025 8.842-14.225 17 1.333 3.875 5.117 6.25 8.792 5.508 3.85-0.783 6.842-4.367 6.708-8.058zM24.925 25.9c-3.708-0.050-6.492-2.958-6.408-6.692 0.092-3.683 3.083-6.458 6.792-6.3 3.475 0.15 6.183 2.975 6.2 6.458 0.033 3.633-2.942 6.583-6.583 6.533z\"></path>\r\n            </symbol>\r\n            <symbol id=\"icon-quote-right\" viewBox=\"0 0 33 32\">\r\n                <title>quote2</title>\r\n                <path class=\"path1\" d=\"M17.006 12.808c0.133 3.75 3.258 7.225 7.133 7.675 1.475 0.167 3.767-0.483 4.767-1.167 0.4-0.083 0.6-0.225 0.717 0.4-3.433 6.633-11.342 6.625-11.342 6.625v0.917c8.058 1.325 17.025-8.842 14.225-17-1.333-3.875-5.117-6.25-8.792-5.508-3.85 0.783-6.842 4.367-6.708 8.058zM25.106 6.1c3.708 0.050 6.492 2.958 6.408 6.692-0.092 3.683-3.083 6.458-6.792 6.3-3.475-0.15-6.183-2.975-6.2-6.458-0.025-3.633 2.942-6.583 6.583-6.533z\"></path>\r\n                <path class=\"path2\" d=\"M0.006 12.808c0.133 3.75 3.258 7.225 7.133 7.675 1.475 0.167 3.767-0.483 4.767-1.167 0.4-0.083 0.6-0.225 0.717 0.4-3.433 6.633-11.342 6.625-11.342 6.625v0.917c8.058 1.325 17.025-8.842 14.225-17-1.333-3.875-5.117-6.25-8.792-5.508-3.85 0.783-6.842 4.367-6.708 8.058zM8.106 6.1c3.708 0.050 6.492 2.958 6.408 6.692-0.092 3.683-3.083 6.458-6.792 6.3-3.475-0.15-6.183-2.975-6.2-6.458-0.033-3.633 2.942-6.583 6.583-6.533z\"></path>\r\n            </symbol>\r\n        </defs>\r\n    </svg>\r\n\r\n</html>
Password
Anyone with the link will still need this password to view.
Expires