API tools faq
paste
Advertisement
Guest User

blog

a guest
Jan 22nd, 2019
127
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 50.42 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  2.  
  3. <!----- © THEME 02: FOLLOWER | MADE BY RHAEGARA.TUMBLR.COM -----------------
  4.  
  5. * Concept for this theme taken from Twitter, all rights reserved.
  6. * You can edit this theme as much as you want.
  7. * Do NOT redistribute this theme.
  8. * Do NOT claim this theme as your own work.
  9. * Do NOT move OR remove the credit from this theme.
  10.  
  11. ------- VERSION 2.0.0 -- NOTES ---------------------------------------------
  12.  
  13. Restarted the theme from scratch to mimic my other Twitter-based theme, Theme 05: Stranger. Most features from the original are intact.
  14.  
  15. * Mini-sidebar that slides up when you scroll, just like Twitter's.
  16. * Extra Info now has an optional title section.
  17. * New search bar, follow "image" icon, and message link in header.
  18. * Posts are now fixed-width and look more Twitter-like.
  19. * "Trends" links are now more in-depth.
  20. * Who to Follow section added.
  21.  
  22. ------------------------------------------------------- DEFAULT VARIABLES -->
  23.  
  24. <meta name="image:Icon" content=""/>
  25. <meta name="image:Header" content=""/>
  26.  
  27. <meta name="color:Accent" content="#1da1f2" />
  28. <meta name="color:Background" content="#f5f8fa" />
  29. <meta name="color:Borders" content="#e1e8ed" />
  30. <meta name="color:Content" content="#ffffff" />
  31. <meta name="color:Text" content="#292f33" />
  32. <meta name="color:Text 2" content="#66757f" />
  33. <meta name="color:Text 3" content="#8899a6" />
  34. <meta name="color:Text 4" content="#aab8c2" />
  35. <meta name="color:Tumblr Logo" content="#35465c" />
  36.  
  37. <meta name="text:Title" content="Title" />
  38. <meta name="text:Detail 1" content="Detail 1" />
  39. <meta name="text:Detail 2" content="Detail 2" />
  40. <meta name="text:Detail 3" content="Detail 3" />
  41. <meta name="text:Home Link Title" content="Home" />
  42. <meta name="text:Ask Link Title" content="Inbox" />
  43. <meta name="text:Archive Link Title" content="Archive" />
  44. <meta name="text:Post Count" content="52.5K" />
  45. <meta name="text:Following Count" content="361" />
  46. <meta name="text:Followers Count" content="8,908" />
  47. <meta name="text:Likes Count" content="17.4K" />
  48. <meta name="text:Extra Info Title" content="Extra Info" />
  49. <meta name="text:Extra Info Content" content="This is where you put extra info, if you have any. If you don't want this info block to show up, just delete everything in the Extra Info Content option and it'll disappear." />
  50.  
  51. <meta name="select:Font" content="Arial" title="Arial (Default)"/>
  52. <meta name="select:Font" content="Asap" title="Asap"/>
  53. <meta name="select:Font" content="Comic Sans MS" title="Comic Sans"/>
  54. <meta name="select:Font" content="Consolas" title="Consolas"/>
  55. <meta name="select:Font" content="Courier New" title="Courier New"/>
  56. <meta name="select:Font" content="Droid Serif" title="Droid Serif"/>
  57. <meta name="select:Font" content="Georgia" title="Georgia"/>
  58. <meta name="select:Font" content="Inconsolata" title="Inconsolata"/>
  59. <meta name="select:Font" content="Karla" title="Karla"/>
  60. <meta name="select:Font" content="Lato" title="Lato"/>
  61. <meta name="select:Font" content="Lora" title="Lora"/>
  62. <meta name="select:Font" content="Open Sans" title="Open Sans"/>
  63. <meta name="select:Font" content="Philosopher" title="Philosopher"/>
  64. <meta name="select:Font" content="PT Sans" title="PT Sans"/>
  65. <meta name="select:Font" content="Raleway" title="Raleway"/>
  66. <meta name="select:Font" content="Roboto" title="Roboto"/>
  67. <meta name="select:Font" content="Share" title="Share"/>
  68.  
  69. <meta name="select:Header Height" content="320" title="Default (320px)"/>
  70. <meta name="select:Header Height" content="220" title="Short (220px)"/>
  71. <meta name="select:Header Height" content="420" title="Tall (420px)"/>
  72.  
  73. <meta name="select:Header Position" content="0%" title="Top"/>
  74. <meta name="select:Header Position" content="50%" title="Center"/>
  75. <meta name="select:Header Position" content="100%" title="Bottom"/>
  76.  
  77. <meta name="select:Detail 1 Icon" content="book" title="Book">
  78. <meta name="select:Detail 1 Icon" content="calendar" title="Calendar">
  79. <meta name="select:Detail 1 Icon" content="birthday-cake" title="Cake">
  80. <meta name="select:Detail 1 Icon" content="camera" title="Camera">
  81. <meta name="select:Detail 1 Icon" content="commenting-o" title="Comment">
  82. <meta name="select:Detail 1 Icon" content="diamond" title="Diamond">
  83. <meta name="select:Detail 1 Icon" content="envelope-o" title="Envelope">
  84. <meta name="select:Detail 1 Icon" content="facebook-square" title="Facebook">
  85. <meta name="select:Detail 1 Icon" content="github-alt" title="Github">
  86. <meta name="select:Detail 1 Icon" content="globe" title="Globe">
  87. <meta name="select:Detail 1 Icon" content="heart-o" title="Heart">
  88. <meta name="select:Detail 1 Icon" content="instagram" title="Instagram">
  89. <meta name="select:Detail 1 Icon" content="link" title="Link">
  90. <meta name="select:Detail 1 Icon" content="map-marker" title="Map Marker">
  91. <meta name="select:Detail 1 Icon" content="moon-o" title="Moon">
  92. <meta name="select:Detail 1 Icon" content="music" title="Music">
  93. <meta name="select:Detail 1 Icon" content="photo" title="Picture">
  94. <meta name="select:Detail 1 Icon" content="pinterest" title="Pinterest">
  95. <meta name="select:Detail 1 Icon" content="snapchat-ghost" title="Snapchat">
  96. <meta name="select:Detail 1 Icon" content="star" title="Star">
  97. <meta name="select:Detail 1 Icon" content="tags" title="Tags">
  98. <meta name="select:Detail 1 Icon" content="twitch" title="Twitch">
  99. <meta name="select:Detail 1 Icon" content="twitter" title="Twitter">
  100. <meta name="select:Detail 1 Icon" content="user-circle" title="User">
  101. <meta name="select:Detail 1 Icon" content="vine" title="Vine">
  102. <meta name="select:Detail 1 Icon" content="youtube-play" title="YouTube">
  103.  
  104. <meta name="select:Detail 2 Icon" content="book" title="Book">
  105. <meta name="select:Detail 2 Icon" content="calendar" title="Calendar">
  106. <meta name="select:Detail 2 Icon" content="birthday-cake" title="Cake">
  107. <meta name="select:Detail 2 Icon" content="camera" title="Camera">
  108. <meta name="select:Detail 2 Icon" content="commenting-o" title="Comment">
  109. <meta name="select:Detail 2 Icon" content="diamond" title="Diamond">
  110. <meta name="select:Detail 2 Icon" content="envelope-o" title="Envelope">
  111. <meta name="select:Detail 2 Icon" content="facebook-square" title="Facebook">
  112. <meta name="select:Detail 2 Icon" content="github-alt" title="Github">
  113. <meta name="select:Detail 2 Icon" content="globe" title="Globe">
  114. <meta name="select:Detail 2 Icon" content="heart-o" title="Heart">
  115. <meta name="select:Detail 2 Icon" content="instagram" title="Instagram">
  116. <meta name="select:Detail 2 Icon" content="link" title="Link">
  117. <meta name="select:Detail 2 Icon" content="map-marker" title="Map Marker">
  118. <meta name="select:Detail 2 Icon" content="moon-o" title="Moon">
  119. <meta name="select:Detail 2 Icon" content="music" title="Music">
  120. <meta name="select:Detail 2 Icon" content="photo" title="Picture">
  121. <meta name="select:Detail 2 Icon" content="pinterest" title="Pinterest">
  122. <meta name="select:Detail 2 Icon" content="snapchat-ghost" title="Snapchat">
  123. <meta name="select:Detail 2 Icon" content="star" title="Star">
  124. <meta name="select:Detail 2 Icon" content="tags" title="Tags">
  125. <meta name="select:Detail 2 Icon" content="twitch" title="Twitch">
  126. <meta name="select:Detail 2 Icon" content="twitter" title="Twitter">
  127. <meta name="select:Detail 2 Icon" content="user-circle" title="User">
  128. <meta name="select:Detail 2 Icon" content="vine" title="Vine">
  129. <meta name="select:Detail 2 Icon" content="youtube-play" title="YouTube">
  130.  
  131. <meta name="select:Detail 3 Icon" content="book" title="Book">
  132. <meta name="select:Detail 3 Icon" content="calendar" title="Calendar">
  133. <meta name="select:Detail 3 Icon" content="birthday-cake" title="Cake">
  134. <meta name="select:Detail 3 Icon" content="camera" title="Camera">
  135. <meta name="select:Detail 3 Icon" content="commenting-o" title="Comment">
  136. <meta name="select:Detail 3 Icon" content="diamond" title="Diamond">
  137. <meta name="select:Detail 3 Icon" content="envelope-o" title="Envelope">
  138. <meta name="select:Detail 3 Icon" content="facebook-square" title="Facebook">
  139. <meta name="select:Detail 3 Icon" content="github-alt" title="Github">
  140. <meta name="select:Detail 3 Icon" content="globe" title="Globe">
  141. <meta name="select:Detail 3 Icon" content="heart-o" title="Heart">
  142. <meta name="select:Detail 3 Icon" content="instagram" title="Instagram">
  143. <meta name="select:Detail 3 Icon" content="link" title="Link">
  144. <meta name="select:Detail 3 Icon" content="map-marker" title="Map Marker">
  145. <meta name="select:Detail 3 Icon" content="moon-o" title="Moon">
  146. <meta name="select:Detail 3 Icon" content="music" title="Music">
  147. <meta name="select:Detail 3 Icon" content="photo" title="Picture">
  148. <meta name="select:Detail 3 Icon" content="pinterest" title="Pinterest">
  149. <meta name="select:Detail 3 Icon" content="snapchat-ghost" title="Snapchat">
  150. <meta name="select:Detail 3 Icon" content="star" title="Star">
  151. <meta name="select:Detail 3 Icon" content="tags" title="Tags">
  152. <meta name="select:Detail 3 Icon" content="twitch" title="Twitch">
  153. <meta name="select:Detail 3 Icon" content="twitter" title="Twitter">
  154. <meta name="select:Detail 3 Icon" content="user-circle" title="User">
  155. <meta name="select:Detail 3 Icon" content="vine" title="Vine">
  156. <meta name="select:Detail 3 Icon" content="youtube-play" title="YouTube">
  157.  
  158. <meta name="if:Condensed Layout" content="0" />
  159. <meta name="if:Header Stretch" content="0" />
  160. <meta name="if:Hide Icon" content="0" />\
  161. <meta name="if:Infinite Scroll" content="0" />
  162. <meta name="if:Separated Posts" content="0" />
  163. <meta name="if:Show Tags" content="0" />
  164. <meta name="if:Verified Icon" content="0" />
  165.  
  166. <!------------------------------------------------------- FONTS / SCRIPTS -->
  167.  
  168. <!-- JQUERY -->
  169.  
  170. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  171.  
  172. <!-- RESET CSS -->
  173.  
  174. <link href="https://static.tumblr.com/yzs4yqx/aSjo8f2eh/reset.css" rel="stylesheet" type="text/css">
  175.  
  176. <!-- VIDEO RESIZE SCRIPT © SHYTHEMES -->
  177.  
  178. <script src ="https//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  179.  
  180. <!-- UN-NEST TUMBLR CAPTIONS © MAGNUSTHEMES AND NEOTHM -->
  181.  
  182. <script src="https://static.tumblr.com/p0knose/8Hbocatf1/unnest.min.js" type="text/javascript"></script>
  183.  
  184. <script type="text/javascript">
  185. $(document).ready(function(){
  186. $("article").unNest({
  187. yourCaption:".caption",
  188. newCaptionUsername:true,
  189. tumblrAvatars:true,
  190. usernameColon:false
  191. });
  192. });
  193. </script>
  194.  
  195. <!-- PXU PHOTOSET EXTENDED © 2013 PIXEL UNION -->
  196.  
  197. <script src="https://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  198. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  199. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js" type="text/javascript"></script>
  200.  
  201. <script type="text/javascript">
  202. $(document).ready(function(){
  203. $('.photo-slideshow').pxuPhotoset({
  204. lightbox: true,
  205. rounded: false,
  206. gutter: '1px',
  207. borderRadius: '0px',
  208. photoset: '.photo-slideshow',
  209. photoWrap: '.photo-data',
  210. photo: '.pxu-photo'
  211. });
  212. });
  213. </script>
  214.  
  215. <!-- NOTE COUNT ABBREVIATION CODE © RHAEGARA -->
  216.  
  217. <script type="text/javascript">
  218. (function($) {
  219. $.fn.noteCount = function() {
  220. this.each(function() {
  221. var originalNotes = $(this).text(),
  222. letter = "", finalNotes;
  223. var notes = parseInt(originalNotes);
  224. if (notes > 999 && notes < 10000) {
  225. notes = notes / 100;
  226. notes = Math.round(notes);
  227. notes = notes / 10
  228. letter = "K";
  229. }
  230. else if (notes > 999 && notes < 1000000) {
  231. notes = notes / 1000;
  232. notes = Math.round(notes);
  233. letter = "K";
  234. }
  235. else if (notes >= 1000000){
  236. notes = notes / 100000;
  237. notes = Math.round(notes);
  238. notes = Math.round(notes);
  239. notes = notes / 10
  240. letter = "M";
  241. }
  242. finalNotes = notes + letter;
  243. $(this).text(finalNotes);
  244. });
  245. return this;
  246. };
  247. }(jQuery));
  248. $(document).ready(function() {
  249. $(".note-count").noteCount();
  250. });
  251. </script>
  252.  
  253. {block:ifInfiniteScroll}<!-- INFINITE SCROLL -->
  254.  
  255. <script type="text/javascript">
  256. $(document).ready(function(){
  257. var $container = $('.posts');
  258. $container.infinitescroll({
  259. behavior:'local',
  260. itemSelector: '.post',
  261. navSelector: '#pagination',
  262. nextSelector: '#pagination a.next',
  263. loadingImg: '',
  264. loadingText: '<em></em>',
  265. bufferPx: 1000
  266. },
  267. function( newElements ) {
  268. var $newElems = $( newElements );
  269. $newElems.find('.photo-slideshow').pxuPhotoset({
  270. lightbox: true,
  271. rounded: 'corners',
  272. gutter: '1px',
  273. borderRadius: '0px',
  274. photoset: '.photo-slideshow',
  275. photoWrap: '.photo-data',
  276. photo: '.pxu-photo'
  277. });
  278. $newElems.unNest({
  279. yourCaption:".caption",
  280. newCaptionUsername:true,
  281. tumblrAvatars:true,
  282. usernameColon:false
  283. });
  284. $newElems.find('.note-count').noteCount();
  285. });
  286. });
  287. </script>{/block:ifInfiniteScroll}
  288.  
  289. <script>
  290. $(window).scroll(function(){
  291. var headerHeight = {select:Header Height} - 20;
  292. if($('body').scrollTop() > headerHeight){
  293. $('#header').addClass('active');
  294. } else{
  295. $('#header').removeClass('active');
  296. }
  297. });
  298. </script>
  299.  
  300.  
  301. <!-- FONT AWESOME -->
  302.  
  303. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
  304.  
  305. <!-- GOOGLE FONTS -->
  306.  
  307. <link href='https://fonts.googleapis.com/css?family=
  308.  
  309. Asap:400,400italic,700,700italic|
  310. Droid+Serif:400,400italic,700,700italic|
  311. Inconsolata:400,700|
  312. Karla:400,400italic,700,700italic|
  313. Lato:400,400italic,700,700italic|
  314. Lora:400,400italic,700,700italic|
  315. Open+Sans:400italic,700italic,400,700|
  316. Philosopher:400,400italic,700,700italic|
  317. PT+Sans:400,400italic,700,700italic|
  318. Raleway:400,400italic,700,700italic|
  319. Roboto:400,400italic,700,700italic|
  320. Share:400,400italic,700,700italic'
  321.  
  322. rel='stylesheet' type='text/css'>
  323.  
  324. <!---------------------------------------------------- TUMBLR INFORMATION -->
  325.  
  326. <title>{Title}</title>
  327. <link rel="shortcut icon" href="{Favicon}">
  328. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  329. <meta name="description" content="{MetaDescription}" />
  330.  
  331. <style type="text/css">
  332.  
  333. /* ------------------------------------------------------------- IFRAME -- */
  334.  
  335. .tmblr-iframe {display:none!important;}
  336.  
  337. /* --------------------------------------------------------------- BODY -- */
  338.  
  339. body {background:{color:Background}; color:{color:Text}; font-family:'{select:Font}', Arial; font-size:14px;}
  340.  
  341. a {color:{color:Accent};}
  342.  
  343. /* -- BLOCKQUOTES -- */
  344.  
  345. blockquote {margin-left:0px; margin-right:0px; padding:0 0 0 10px; border:{color:Borders} solid; border-width:0 0 0 1px;}
  346.  
  347. /* -- HR -- */
  348.  
  349. hr {margin-left:0px; border-color:{color:Borders}; width:100px;}
  350.  
  351. /* -- UL -- */
  352.  
  353. ul {list-style:none; text-align:left; padding:0; margin-top:-3px; margin-bottom:-2px;}
  354.  
  355. li {position:relative; margin:0 10px 0 10px; padding:3px 0 2px 10px;}
  356.  
  357. ul li:before {list-style-type:none; top:3px; left:-8px;
  358. content:'–'; position:absolute; vertical-align:baseline!important;}
  359.  
  360. /* ------------------------------------------------------------ CONTENT -- */
  361.  
  362. main {position:absolute; top:calc(56px + {select:Header Height}px + 61px); left:calc(50% - 445px); width:890px; z-index:1;}
  363.  
  364. {block:ifNotCondensedLayout}
  365. @media screen and (min-width:1236px) {
  366. main {left:calc(50% - 595px); width:1190px;}
  367. }
  368. {/block:ifNotCondensedLayout}
  369.  
  370. /* ------------------------------------------------------------- HEADER -- */
  371.  
  372. header {position:fixed; top:0; left:0; width:100%; height:46px; background:{color:Content}; box-shadow:0 1px 0 rgba(0,0,0,0.02), 0px 0px 1px 1px rgba(0,0,0,0.2); z-index:9; overflow:hidden;}
  373.  
  374. nav {position:relative; width:892px; margin:0 auto; overflow:hidden!important;}
  375.  
  376. {block:ifNotCondensedLayout}
  377. @media screen and (min-width:1234px) {
  378. nav {width:1190px;}
  379. }
  380. {/block:ifNotCondensedLayout}
  381.  
  382. /* -- LEFT -- */
  383.  
  384. #left {float:left; margin-left:2px;}
  385.  
  386. #left a {display:inline-block; height:46px; line-height:46px; padding:0px 20px 1px 45px; border-bottom:4px {color:Text 2} solid; margin-right:-4px; color:{color:Text 2}; font-size:13px;}
  387. #left i {display:block;}
  388. #left a:hover {height:41px; color:{color:Accent}; border-color:{color:Accent};}
  389. #left a, #left a:hover {-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
  390.  
  391. /* -- CENTER -- */
  392.  
  393. #center {text-align:center; height:0; font-family:Arial!important; line-height:20px!important;}
  394. #center a {height:20px; margin:13px 5px 0 0; display:inline-block; color:{color:Tumblr Logo}; font-size:22px;}
  395.  
  396. /* -- RIGHT -- */
  397.  
  398. #right {float:right;}
  399.  
  400. #right .search {float:right;}
  401. #right .icon {float:right; margin:7px 10px 0 5px; height:32px; width:32px; border-radius:4px; overflow:hidden;}
  402. #right .icon img {height:32px; width:32px;}
  403. #right .message {float:right; font-family:arial;}
  404. #right .message a {display:block; margin:7px 0 0 5px; height:22px; background:{color:Accent}; font-size:23px; color:{color:Content}; padding:3px 12px 5px 14px; border-radius:4px; border:1px rgba(0,0,0,0.1) solid; box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.2), inset 0 -10px 10px 0 rgba(0,0,0,0);}
  405. #right .message a:hover {box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.3), inset 0 -10px 10px 0 rgba(0,0,0,0.1);}
  406. #right .message a, #right .message a:hover {-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
  407. #right .message i:after {content:'Message'; font-family:'{select:Font}'; float:right; font-size:13px; line-height:22px; margin-left:9px;}
  408.  
  409. @media screen and (max-width:1233px) {
  410. #right .message i {margin:auto -5px;}
  411. #right .message i:after {display:none;}
  412. }
  413.  
  414. {block:ifCondensedLayout}
  415. #right .message i {margin:auto -5px;}
  416. #right .message i:after {display:none;}
  417. {/block:ifCondensedLayout}
  418.  
  419. /* -- SEARCH BAR -- */
  420.  
  421. .query {width:206px; margin:7px 10px 0 0; padding:8px 0px 8px 12px; background:{color:Background}; border:1px {color:Borders} solid; border-radius:160px; font-size:12px; line-height:14px; height:14px; outline:none; color:{color:Text 2}; font-family:'{select:Font}'!important;}
  422. .query:focus {background:{color:Content};}
  423. .query, .query:focus {-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
  424. .search .search-icon {position:absolute; top:14px; margin-left:197px; color:{color:Text 2}; opacity:0.7;}
  425.  
  426. ::-webkit-input-placeholder, :-moz-placeholder, ::-moz-placeholder, :-ms-input-placeholder {opacity:1; color:inherit;}
  427. input:focus::-webkit-input-placeholder, input:focus:-moz-placeholder, input:focus::-moz-placeholder, input:focus:-ms-input-placeholder {color:transparent;}
  428.  
  429. /* ------------------------------------------------------ HEADER IMAGE -- */
  430.  
  431. #header {position:absolute; top:46px; left:0px; z-index:8; width:100%;}
  432.  
  433. /* -- IMAGE -- */
  434.  
  435. #header .image {height:{select:Header Height}px; width:100%; background-color:{color:Accent}; background-image:url('{image:Header}'); {block:ifHeaderStretch}background-size:100%;{/block:ifHeaderStretch} background-position:0 {select:Header Position}; {block:ifNotHeaderStretch}background-repeat:repeat;{/block:ifNotHeaderStretch}}
  436.  
  437. #header.active {top:calc(-{select:Header Height}px + 66px); position:fixed;}
  438.  
  439. /* -- BAR -- */
  440.  
  441. #header .bar {height:60px; background:{color:Content}; border-bottom:1px solid {color:Borders}; box-shadow:0 -1px 1px 0px rgba(0,0,0,0.2);}
  442.  
  443. #header .bar #content {width:892px; margin:0 auto; height:60px; overflow:hidden;}
  444.  
  445. {block:ifNotCondensedLayout}
  446. @media screen and (min-width:1234px) {
  447. #header .bar #content {width:1190px;}
  448. }
  449. {/block:ifNotCondensedLayout}
  450.  
  451. /* -- POP-UP PROFILE -- */
  452.  
  453. .bar #profile {display:block; margin-top:60px; width:270px; height:60px; overflow:hidden; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
  454. #profile .icon {float:left;}
  455. #profile .icon img {width:36px; height:36px; border-radius:4px; margin:12px 15px;}
  456. #profile .title {font-size:18px; font-weight:700; line-height:22px; height:22px; margin-top:10px; overflow:hidden; color:{color:Text};}
  457. #profile .title i {color:#77c7f7; font-size:16px; margin-left:2px;}
  458. #profile .username {height:15px; font-size:13px; line-height:14px; margin-top:1px; overflow:hidden; color:{color:Text 3};}
  459.  
  460. #header.active .bar #profile {margin-top:0;}
  461.  
  462. /* -- LARGE ICON -- */
  463.  
  464. .icon-container {position:absolute; left:calc(50% - 436px);}
  465.  
  466. #icon {margin-top:-187px; background:{color:Content}; border:5px {color:Content} solid; height:200px; width:200px; border-radius:12px; box-shadow:0 1px 1px rgba(0,0,0,0.1); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
  467. #icon img {height:200px; width:200px; border-radius:8px;}
  468.  
  469. {block:ifNotCondensedLayout}
  470. @media screen and (min-width:1234px) {
  471. .icon-container {left:calc(50% - 585px);}
  472. }
  473. {/block:ifNotCondensedLayout}
  474.  
  475. #header.active #icon {margin-top:-387px;}
  476.  
  477. /* -- POST / FOLLOWING / FOLLOWERS / LIKES -- */
  478.  
  479. .bar .followers {position:absolute; display:block; margin-top:0; margin-left:300px; height:61px; overflow:hidden; width:450px;}
  480.  
  481. {block:ifNotCondensedLayout}
  482. @media screen and (min-width:1234px) {
  483. .bar .followers {width:590px;}
  484. }
  485. {/block:ifNotCondensedLayout}
  486.  
  487. .followers a {display:inline-block; height:43px; line-height:19px; border-bottom:4px {color:Text 2} solid; margin-right:-4px; color:{color:Text 2}; font-size:11px; text-transform:uppercase; text-align:center; padding:9px 15px; cursor:pointer!important;}
  488. .followers a b {font-size:18px; color:{color:Accent}; font-weight:400; text-transform:none;}
  489. .followers a:first-child b {color:{color:Text};}
  490. .followers a:hover {height:38px; color:{color:Accent}; border-color:{color:Accent};}
  491. .followers a:first-child {height:38px; border-color:{color:Accent}; cursor:default!important;}
  492. .followers a:first-child:hover {color:{color:Text 2};}
  493. .followers a, .followers a:hover {-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
  494.  
  495. /* -- FOLLOW BUTTON -- */
  496.  
  497. .follow-button {float:right;}
  498. .follow-button a {display:block; background:{color:Background}; background-image:linear-gradient({color:Content},{color:Background}); margin:11px 0; height:36px; padding:0 15px; line-height:36px; border:1px {color:Borders} solid; border-radius:4px; color:{color:Text}; font-weight:700;}
  499. .follow-button a:hover {background-image:linear-gradient({color:Content},{color:Borders});}
  500. .follow-button a i {color:{color:Accent}; margin-right:3px;}
  501.  
  502. .follow-button a, .follow-button a:hover {-webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;}
  503.  
  504. /* ------------------------------------------------------------ SIDEBAR -- */
  505.  
  506. section.flex {position:absolute; z-index:1;}
  507.  
  508. aside {width:290px;}
  509.  
  510. {block:ifNotCondensedLayout}
  511. @media screen and (min-width:1234px) {
  512. section.flex {width:1190px;}
  513. aside {float:left;}
  514. aside.two {float:right;}
  515. }
  516. {/block:ifNotCondensedLayout}
  517.  
  518. #sidebar {margin:0 0 10px 0; background:{color:Content}; border:1px solid {color:Borders}; border-radius:6px; overflow:hidden;}
  519.  
  520. /* -- ABOUT -- */
  521.  
  522. #sidebar.about {margin-top:22px; {block:ifHideIcon}margin-top:5px;{/block:ifHideIcon} margin-bottom:20px; background:transparent; border:none; border-radius:0px; padding:0 15px;}
  523. .about .title {font-size:22px; font-weight:700; line-height:28px;}
  524. .about .title i {color:#77c7f7; font-size:19px; margin-left:2px;}
  525. .about .username {font-size:14px; color:{color:Text 3}; line-height:14px;}
  526. .about .text {margin-top:15px; line-height:20px;}
  527. .about .text a {color:{color:Text 3};}
  528. .about .tidbits {margin-top:15px;}
  529. .about .tidbits a:hover {text-decoration:underline;}
  530. .about .tidbits div {margin-top:7px;}
  531. .about .tidbits div i {color:{color:Text 3}; margin-right:3px; width:16px; text-align:center;}
  532.  
  533. /* -- TRENDS -- */
  534.  
  535. .trends {padding:15px 15px 5px 15px;}
  536. .trends .title {color:{color:Text 2}; font-size:18px; font-weight:300; line-height:22px; margin-bottom:10px;}
  537. .trends .links a {display:block; line-height:17px; margin-bottom:10px; font-size:13px; word-wrap:break-word; color:{color:Text 3};}
  538. .trends .links a b {color:{color:Accent}}
  539. .trends .links a:hover b {text-decoration:underline;}
  540.  
  541. /* -- EXTRA INFO -- */
  542.  
  543. .extra {padding:15px;}
  544. .extra .title {color:{color:Text 2}; font-size:18px; font-weight:300; line-height:22px; margin-bottom:10px;}
  545. .extra .text {line-height:18px; text-align:justify; font-size:12px; color:{color:Text 3};}
  546. .extra .text img {max-width:100%;}
  547.  
  548. /* -- WHO TO FOLLOW -- */
  549.  
  550. .who-to-follow {padding:15px 15px 0px 15px;}
  551. .who-to-follow .title {color:{color:Text 2}; font-size:18px; font-weight:300; line-height:22px; margin-bottom:10px;}
  552. #member {height:50px; margin-bottom:10px;}
  553. #member img {width:48px; height:48px; border-radius:5px; float:left; margin-right:10px;}
  554. a.username {line-height:17px; font-size:13px; color:{color:Text 3}; display:block; overflow:hidden;}
  555. a.username b {color:{color:Text};}
  556. a.username:hover b {color:{color:Accent}; text-decoration:underline;}
  557. a.follow {display:inline-block; margin:2px 0 0 0; color:{color:Text}; padding:6px 11px; background:{color:Background}; background-image:linear-gradient({color:Content},{color:Background}); border:1px solid {color:Borders}; border-radius:4px; font-size:13px; font-weight:700;}
  558. a.follow i {color:{color:Tumblr Logo}; margin-right:3px;}
  559. a.follow:hover {background-image:linear-gradient({color:Content},{color:Borders});}
  560.  
  561. /* -- LINKS -- */
  562.  
  563. #sidebar.details {background:transparent; border:none; border-radius:0px;}
  564. .details .links {padding:5px 15px;}
  565. .details .links a {display:inline; color:{color:Text 4}; font-size:12px; padding-right:5px; line-height:18px;}
  566. #sidebar.details:hover .links a {color:{color:Accent}}
  567. .details .links a:hover {text-decoration:underline;}
  568.  
  569. /* -------------------------------------------------------------- POSTS -- */
  570.  
  571. section.posts {position:absolute; margin:0 0 10px 300px; width:588px; border:1px {color:Borders} solid; border-radius:6px; z-index:2; overflow:hidden;}
  572.  
  573. article {padding:10px 10px 10px 68px; border:{color:Borders} solid; border-width:0 0 1px 0; background:{color:Content};}
  574.  
  575. {block:ifNotSeparatedPosts}
  576. article:last-child {border-bottom:none;}
  577. {/block:ifNotSeparatedPosts}
  578.  
  579. {block:ifSeparatedPosts}
  580. section.posts {width:590px; border:none;}
  581. #input {display:none;}
  582. article {margin-bottom:10px; border-width:1px; border-radius:6px;}
  583. article:first-child {border-radius:0 0 6px 6px;}
  584. {/block:ifSeparatedPosts}
  585.  
  586. /* -------------------------------------------------------- POST HEADER -- */
  587.  
  588. #post-left {position:absolute;margin-left:-58px;}
  589. #post-left img {width:48px; height:48px; border-radius:5px;}
  590.  
  591. #post-top {color:{color:Text 3}; font-size:13px; line-height:18px; height:18px; overflow:hidden; margin-bottom:5px;}
  592. #post-top a {color:{color:Text 3};}
  593. #post-top a b {color:{color:Text}; font-size:14px;}
  594. #post-top a:hover b {color:{color:Accent}; text-decoration:underline;}
  595. #post-top a.perm:hover {color:{color:Accent}; text-decoration:underline;}
  596. #p-link #post-top {display:none;}
  597.  
  598. /* ----------------------------------------------------------- CAPTIONS -- */
  599.  
  600. .caption {line-height:130%;}
  601. .caption img {max-width:491px; margin-top:10px;}
  602.  
  603. .caption.originalpost {margin:-5px 0;}
  604.  
  605. blockquote.tumblr_parent {margin-left:10px;}
  606. .originalpost blockquote.tumblr_parent {border-left:none; padding:0; margin:0;}
  607.  
  608.  
  609. img.tumblr_avatar {margin-right:10px; margin-top:0px!important; height:20px; width:20px; margin-left:-20px; float:left; box-shadow:0 10px 0 {color:Content}; border-radius:3px!important;}
  610.  
  611. .caption a.tumblr_blog {font-size:13px; line-height:20px; color:{color:Text 2}; margin-bottom:-5px; display:block;}
  612. .caption a.tumblr_blog:before {content:'@'; font-size:13px; color:{color:Text 2};}
  613.  
  614. img.tumblr_avatar:after {content:"\f1c5" " " attr(alt); font-size:14px; font-family:'FontAwesome'; color:{color:Text 2}; display:block; position:absolute; background:{color:Content}; margin:-26px 0 0 0; width:20px; height:22px; line-height:22px; text-align:center;}
  615.  
  616. /* ------------------------------------------------------- POST CONTENT -- */
  617.  
  618. /* -- IMAGES -- */
  619.  
  620. p.fake {display:none;}
  621.  
  622. article img {max-width:510px;}
  623. article .caption img {border-radius:5px;}
  624. article img.photo {margin-top:5px; border-radius:5px; border:1px rgba(0,0,0,0.1) solid; max-width:508px;}
  625.  
  626. .photoset {width:510px!important; margin-top:10px; overflow:hidden; border-radius:5px;}
  627.  
  628. /* -- VIDEOS -- */
  629.  
  630. article .video {margin-top:10px; width:510px!important; border-radius:3px!important; overflow:hidden!important;}
  631.  
  632. /* -- TEXT -- */
  633.  
  634. article h1, article h2 { line-height:32px; font-size:26px; font-weight:300;}
  635. article h1 {margin:10px 0 20px 0;}
  636. article h2 {margin:10px 0;}
  637.  
  638. /* -- QUOTES -- */
  639.  
  640. #quote {font-style:italic; background:{color:Background}; margin-top:10px; padding:15px; border:1px {color:Borders} solid; border-radius:5px;}
  641. #quote.short {font-size:26px; line-height:32px;}
  642. #quote.medium {font-size:22px; line-height:28px;}
  643. #quote.long {font-size:18px; line-height:24px;}
  644. .source {text-align:right; margin-top:10px; color:{color:Text 3}; line-height:18px; font-weight:300;}
  645.  
  646. /* -- CHAT -- */
  647.  
  648. #line {line-height:18px; margin-bottom:5px;}
  649.  
  650. /* -- LINKS -- */
  651.  
  652. article .name {background:{color:Accent}; padding:12px 15px; color:{color:Content}; border-radius:4px; border:1px rgba(0,0,0,0.1) solid; font-weight:700; font-size:18px; line-height:22px; text-shadow:1px 1px 0 rgba(0,0,0,0.1); box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.2), inset 0 -10px 10px 0 rgba(0,0,0,0);}
  653. article a:hover .name {box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.3), inset 0 -20px 30px 0 rgba(0,0,0,0.1);}
  654. article .name, article a:hover .name {-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
  655. article .description {line-height:18px; margin:-5px 0;}
  656.  
  657. /* -- AUDIO -- */
  658.  
  659. article #player {background:{color:Background}; height:148px; width:508px; border-radius:5px; overflow:hidden!important; border:1px rgba(0,0,0,0.1) solid; margin:10px 0;}
  660. article #player iframe {height:150px; width:510px; margin:-1px!important;}
  661.  
  662. /* -- QUESTION -- */
  663.  
  664. .question {background:{color:Content}; border:1px {color:Borders} solid; border-radius:4px; margin-top:10px; padding:12px;}
  665. .question:hover {border-color:rgba({RGBcolor:Accent},0.5); cursor:pointer!important;}
  666. .question, .question:hover {-webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;}
  667. .question .asker {margin-bottom:5px; color:{color:Text 3}; font-size:13px;}
  668. .asker b, .asker a {color:{color:Text}!important; font-size:14px!important;}
  669.  
  670. /* -------------------------------------------------------- POST FOOTER -- */
  671.  
  672. #post-bottom {margin:20px 0 0px 0;}
  673.  
  674. #post-bottom span {min-width:35px; padding-right:40px; height:20px!important; line-height:20px; font-size:12px; display:inline-block; color:rgba({RGBcolor:Text 4}, 0.6);}
  675. #post-bottom span:nth-child(1) i {font-size:16px;}
  676. #post-bottom span:nth-child(2) i {font-size:18px; padding-right:5px;}
  677. #post-bottom span:nth-child(3) {font-size:14px; margin-right:-5px;}
  678. #post-bottom span:nth-child(4) i {font-size:17px; font-style:normal;
  679. font-family:arial!important;}
  680. #post-bottom a {color:{color:Text 4}}
  681. #post-bottom a:hover {color:{color:Accent}}
  682. #post-bottom span:nth-child(2) a:hover {color:#19cf86}
  683. #post-bottom span:nth-child(3) a:hover {color:#e81c4f}
  684.  
  685. /* -- LIKE BUTTON -- */
  686.  
  687. .like_button {position:relative; display:inline-block; cursor:pointer!important;}
  688. .like_button iframe {position:absolute; top:0; left:0; width:100%; height:100%; opacity:0;}
  689. .like_button::before {content:''; font-family:'FontAwesome'; cursor:pointer;}
  690. .like_button:hover::before, .like_button:hover::after, .like_button.liked::before, .like_button.liked::after {color:#e81c4f; cursor:pointer!important;}
  691.  
  692. /* -- TAGS -- */
  693.  
  694. #tags {background:{color:Background}; margin:15px -10px -10px -68px; padding:10px 10px 10px 68px; border-top:1px {color:Borders} solid; font-size:13px; color:{color:Text 4}; line-height:20px;}
  695. #tags a {display:inline; margin-right:5px; color:{color:Text 4};}
  696. #tags a:hover {color:{color:Accent}; text-decoration:underline;}
  697. #tags b {font-weight:400;}
  698. .tagged {height:100%; width:60px; display:inline-block;}
  699. .tags {margin-left:60px; margin-top:-20px;}
  700.  
  701. {block:ifSeparatedPosts}
  702. #tags {border-radius:0 0 6px 6px}
  703. {/block:ifSeparatedPosts}
  704.  
  705. /* ---------------------------------------------------------- PERMALINK -- */
  706.  
  707. #permalink {background:{color:Background}; padding:10px 10px 10px 68px; font-size:13px; line-height:20px; color:{color:Text 4}; min-height:0!important;}
  708.  
  709. article#post-notes {background:{color:Background}; padding:10px 0px; color:{color:Text 3};}
  710. article#post-notes blockquote {margin:10px 15px 0 16px; -webkit-margin-before:1em!important; -webkit-margin-after:1em!important; padding:1px 0 0 15px;}
  711. article#post-notes blockquote a {color:{color:Text 2};}
  712. article#post-notes ol.notes li.note blockquote a {font-style:italic;}
  713. ol.notes {padding:0; list-style-type:none; margin:-1px; font-size:13px;}
  714. ol.notes li.note {text-align:left; width:calc(100% - 20px); padding:8px 10px; line-height:18px;}
  715. .notes img {float:left; border-radius:3px; margin-right:10px;}
  716.  
  717. .more_notes_link_container, .more_notes_link_container a {font-size:20px!important; line-height:40px!important;}
  718. .more_notes_link_container {border-top:1px {color:Borders} solid; margin-left:0px; margin-top:10px; margin-bottom:-10px;}
  719.  
  720. /* --------------------------------------------------------- PAGINATION -- */
  721.  
  722. footer#pagination {text-align:center; padding:0;}
  723. footer a {display:inline-block; width:calc(50% - 1px); margin-right:-3px; padding:20px 0; line-height:13px; font-size:13px; color:{color:Text 3}; word-spacing:5px; font-weight:700;}
  724. footer a:nth-child(2) {border-left:1px {color:Borders} solid;}
  725.  
  726. #infscr-loading {padding:20px; text-align:center;}
  727.  
  728. /* -------------------------------------------------------- SEARCH PAGE -- */
  729.  
  730. article#search-query {padding:10px;}
  731.  
  732. article#search-query h3 {font-size:16px; font-weight:300; margin:10px;}
  733. article#search-query h3 i {color:{color:Accent};}
  734.  
  735. /* --------------------------------------------------------- CUSTOM CSS -- */
  736.  
  737. {CustomCSS}
  738.  
  739. /* ------------------------------------------------------------ END CSS -- */
  740.  
  741. </style>
  742.  
  743. </head><body>
  744.  
  745. <!---------------------------------------------------------------- HEADER -->
  746.  
  747. <header>
  748. <nav>
  749. <div id="left">
  750. {block:ifHomeLinkTitle}
  751. <a href="/">
  752. <i class="fa fa-home" style="font-size:25px;
  753. margin:10px 0px -34px -31px;"></i>
  754. {text:Home Link Title}</a>
  755. {/block:ifHomeLinkTitle}
  756. {block:AskEnabled}{block:ifAskLinkTitle}
  757. <a href="/ask">
  758. <i class="fa fa-paper-plane" style="font-size:20px;
  759. margin:13px 0px -32px -30px;"></i>
  760. {text:Ask Link Title}</a>
  761. {/block:ifAskLinkTitle}{/block:AskEnabled}
  762. {block:ifArchiveLinkTitle}
  763. <a href="/archive" style="padding-right:15px;">
  764. <i class="fa fa-folder-open" style="font-size:21px;
  765. margin:13px 0px -33px -30px;"></i>
  766. {text:Archive Link Title}</a>
  767. {/block:ifArchiveLinkTitle}
  768. <a href="https://rhaegara.tumblr.com/themes"
  769. style="padding-right:18px; padding-left:43px;">
  770. <i class="fa fa-cog" style="font-size:21px;
  771. margin:13px 0px -33px -28px;"></i> Theme</a>
  772. </div>
  773. <div id="right">
  774. <div class="message">
  775. <a href="https://www.tumblr.com/message/{Name}">
  776. <i class="fa fa-edit"></i></a>
  777. </div>
  778. {block:ifNotHideIcon}
  779. <div class="icon">
  780. <a href="https://www.tumblr.com/follow/{Name}">
  781. {block:ifIconImage}
  782. <img src="{image:Icon}">
  783. {/block:ifIconImage}
  784. {block:ifNotIconImage}
  785. <img src="{PortraitURL-40}">
  786. {/block:ifNotIconImage}</a>
  787. </div>
  788. {/block:ifNotHideIcon}
  789. <div class="search">
  790. <form action="/search" method="get">
  791. <input type="text" class="query" name="q" placeholder="Search this blog" value="{SearchQuery}"/>
  792. <span class="search-icon">
  793. <i class="fa fa-search"></i>
  794. </span>
  795. </form>
  796. </div>
  797. </div>
  798. <div id="center">
  799. <a href="https://www.tumblr.com/"><i class="fa fa-tumblr"></i></a>
  800. </div>
  801. </nav>
  802. </header>
  803.  
  804. <!--------------------------------------------------- HEADER IMAGE / BAR -->
  805.  
  806. <div id="header">
  807. <div class="image"></div>
  808. <div class="bar">
  809. <div id="content">
  810. <div class="followers">
  811. {block:ifPostCount}
  812. <a>Posts<br><b>{text:Post Count}</b></a>
  813. {/block:ifPostCount}
  814. {block:ifFollowingCount}
  815. <a>Following<br><b>{text:Following Count}</b></a>
  816. {/block:ifFollowingCount}
  817. {block:ifFollowersCount}
  818. <a>Followers<br><b>{text:Followers Count}</b></a>
  819. {/block:ifFollowersCount}
  820. {block:ifLikesCount}
  821. <a>Likes<br><b>{text:Likes Count}</b></a>
  822. {/block:ifLikesCount}
  823. </div>
  824. <div class="follow-button">
  825. <a href="https://www.tumblr.com/follow/{Name}">
  826. <i class="fa fa-user-plus"></i> Follow</a>
  827. </div>
  828. <div id="profile">
  829. <div class="icon">
  830. {block:ifNotHideIcon}
  831. {block:ifIconImage}
  832. <img src="{image:Icon}">
  833. {/block:ifIconImage}
  834. {block:ifNotIconImage}
  835. <img src="{PortraitURL-96}">
  836. {/block:ifNotIconImage}
  837. {/block:ifNotHideIcon}
  838. </div>
  839. <div class="title">{text:Title}
  840. {block:ifVerifiedIcon}
  841. <i class="fa fa-check-circle"></i>
  842. {/block:ifVerifiedIcon}
  843. </div>
  844. <div class="username">@{Name}</div>
  845. </div>
  846. </div>
  847. </div>
  848. {block:ifNotHideIcon}
  849. <div class="icon-container">
  850. <div id="icon"><a href="#" onclick="Tumblr.Lightbox.init([{ high_res: '{image:Icon}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false">
  851. {block:ifIconImage}
  852. <img src="{image:Icon}">
  853. {/block:ifIconImage}
  854. {block:ifNotIconImage}
  855. <img src="{PortraitURL-128}">
  856. {/block:ifNotIconImage}
  857. </a></div>
  858. </div>
  859. {/block:ifNotHideIcon}
  860. </div>
  861.  
  862. <!--------------------------------------------------------------- SIDEBAR -->
  863.  
  864. <main>
  865.  
  866. <section class="flex">
  867.  
  868. <!-- FLOATS LEFT ON LARGE SCREEN SIZES -->
  869. <aside>
  870.  
  871. <div id="sidebar" class="about">
  872. <div class="title">{text:Title}
  873. {block:ifVerifiedIcon}
  874. <i class="fa fa-check-circle"></i>
  875. {/block:ifVerifiedIcon}
  876. </div>
  877. <div class="username">@{Name}</div>
  878. {block:Description}
  879. <div class="text">{Description}</div>
  880. {/block:Description}
  881. <div class="tidbits">
  882. {block:ifDetail1}
  883. <div><i class="fa fa-{select:Detail 1 Icon}"></i>
  884. {text:Detail 1}</div>
  885. {/block:ifDetail1}
  886. {block:ifDetail2}
  887. <div><i class="fa fa-{select:Detail 2 Icon}"></i>
  888. {text:Detail 2}</div>
  889. {/block:ifDetail2}
  890. {block:ifDetail3}
  891. <div><i class="fa fa-{select:Detail 3 Icon}"></i>
  892. {text:Detail 3}</div>
  893. {/block:ifDetail3}
  894. </div>
  895. </div>
  896.  
  897.  
  898. </aside>
  899.  
  900. <!-- FLOATS RIGHT ON LARGE SCREEN SIZES -->
  901.  
  902. <aside class="two">
  903. {block:ifExtraInfoContent}
  904. <div id="sidebar" class="extra">
  905. {block:ifExtraInfoTitle}
  906. <div class="title">{text:Extra Info Title}</div>
  907. {block:ifExtraInfoTitle}
  908. <div class="text">
  909. {text:Extra Info Content}
  910. </div>
  911. </div>
  912. {/block:ifExtraInfoContent}
  913. {block:GroupMembers}
  914. <div id="sidebar" class="who-to-follow">
  915. <div class="title">Who to follow</div>
  916. {block:GroupMember}
  917. <div id="member"><a href="{GroupMemberURL}">
  918. <img src="{GroupMemberPortraitUrl-48}"></a>
  919. <a class="username" href="{GroupMemberURL}">
  920. <b>{GroupMemberTitle}</b> @{GroupMemberName}</a>
  921. <a class="follow" href="https://www.tumblr.com/follow/{GroupMemberName}">
  922. <i class="fa fa-user-plus"></i> Follow</a>
  923. </div>
  924. {/block:GroupMember}
  925. {/block:GroupMembers}
  926. </div>
  927. {block:HasPages}
  928. <div id="sidebar" class="trends">
  929. <div class="title">Trends</div>
  930. <div class="links">
  931. {block:Pages}
  932. <a href="{URL}"><b>{Label}</b>
  933. <br>{URL}</a>
  934. {/block:Pages}
  935. </div>
  936. </div>
  937. {/block:HasPages}
  938. <div id="sidebar" class="details">
  939. <div class="links">
  940. <a style="cursor:select; text-decoration:none; color:{color:Text 4}!important;">
  941. Theme by Rhaegara © Inspired by Twitter</a>
  942. <a href="/">Home</a>
  943. {block:AskEnabled}
  944. <a href="/ask">Ask</a>
  945. {/block:AskEnabled}
  946. {block:SubmissionsEnabled}
  947. <a href="/submit">Submit</a>
  948. {/block:SubmissionsEnabled}
  949. <a href="/archive">Archive</a>
  950. <a href="/follow/{Name}">Follow</a>
  951. {block:Likes}
  952. <a href="/liked/by/{Name}">Likes</a>
  953. {/block:Likes}
  954. <a href="https://www.tumblr.com/message/{Name}">Message</a>
  955. <a href="https://rhaegara.tumblr.com/themes">Theme Credit</a>
  956. <a href="https://www.twitter.com/">Twitter</a>
  957. </div>
  958. </aside>
  959.  
  960. </section>
  961.  
  962. <!----------------------------------------------------------------- POSTS -->
  963.  
  964. <section class="posts">
  965.  
  966. {block:SearchPage}
  967. <article id="search-query">
  968. <h3>There are {SearchResultCount} posts containing <i>{SearchQuery}</i>.</h3>
  969. </article>
  970. {/block:SearchPage}
  971.  
  972. {block:Posts}
  973. <article id="p-{PostType}" class="post">
  974.  
  975. <div id="post-left">
  976. {block:RebloggedFrom}
  977. <a href="{ReblogParentURL}"><img src="{ReblogParentPortraitURL-48}"></a>
  978. {/block:RebloggedFrom}
  979. {block:NotReblog}
  980. <a href="{Permalink}">
  981. {block:ifIconImage}
  982. <img src="{image:Icon}">
  983. {/block:ifIconImage}
  984. {block:ifNotIconImage}
  985. <img src="{PortraitURL-48}">
  986. {/block:ifNotIconImage}
  987. </a>
  988. {/block:NotReblog}
  989. </div>
  990.  
  991. <div id="post-top">
  992. {block:RebloggedFrom}
  993. <a href="{ReblogParentURL}">
  994. <b>{ReblogParentTitle}</b> @{ReblogParentName}
  995. </a> · <a class="perm" href="{Permalink}">{TimeAgo}</a>
  996. {/block:RebloggedFrom}
  997. {block:NotReblog}
  998. <a href="/">
  999. <b>{text:Title}</b> @{Name}
  1000. </a> · <a class="perm" href="{Permalink}">{TimeAgo}</a>
  1001. {/block:NotReblog}
  1002. </div>
  1003.  
  1004. {block:Text}
  1005. {block:Title}<h1>{Title}</h1>{/block:Title}
  1006. <div class="caption">{Body}</div>
  1007. {/block:Text}
  1008.  
  1009. {block:Photo}
  1010. {block:HighRes}<a href="#" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false">{/block:HighRes}
  1011. <img class="photo" src="{PhotoURL-HighRes}">{block:HighRes}</a>{/block:HighRes}
  1012. {block:Caption}
  1013. <div class="caption">{Caption}</div>
  1014. {/block:Caption}
  1015. {/block:Photo}
  1016.  
  1017. {block:Photoset}
  1018. <div class="photoset">
  1019. <div class="photo-slideshow" id="photoset_{PostID}"
  1020. data-layout="{PhotosetLayout}">{block:Photos}
  1021. <div class="photo-data"><div class="pxu-photo">
  1022. <img src="{PhotoURL-500}" width="{PhotoWidth-500}"
  1023. height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}"
  1024. data-width="{PhotoWidth-HighRes}"
  1025. data-height="{PhotoHeight-HighRes}">
  1026. </div>
  1027. <a class="tumblr-box" rel="post-{PostID}"
  1028. href="{PhotoURL-HighRes}"></a>
  1029. </div>{/block:Photos}
  1030. </div></div>
  1031. {block:Caption}
  1032. <div class="caption">{Caption}</div>
  1033. {/block:Caption}
  1034. {/block:Photoset}
  1035.  
  1036. {block:Link}
  1037. <a href="{URL}" target="_blank">
  1038. <div class="name">{Name}</div></a>
  1039. {block:Description}
  1040. <div class="description">{Description}</div>
  1041. {/block:Description}
  1042. {/block:Link}
  1043.  
  1044. {block:Quote}
  1045. <div id="quote" class="{Length}">{Quote}</div>
  1046. {block:Source}
  1047. <div class="source">{Source}</div>
  1048. {/block:Source}
  1049. {/block:Quote}
  1050.  
  1051. {block:Chat}
  1052. {block:Title}<h1>{Title}</h1>{/block:Title}
  1053. {block:Lines}
  1054. <div id="line">
  1055. {block:Label}<b>{Label}</b>{/block:Label} {Line}
  1056. </div>
  1057. {/block:Lines}
  1058. {/block:Chat}
  1059.  
  1060. {block:Audio}
  1061. <div id="player">{AudioEmbed-500}</div>
  1062. {block:Caption}
  1063. <div class="caption">{Caption}</div>
  1064. {/block:Caption}
  1065. {/block:Audio}
  1066.  
  1067. {block:Video}
  1068. <div class="video">{Video-500}</div>
  1069. {block:Caption}
  1070. <div class="caption">{Caption}</div>
  1071. {/block:Caption}
  1072. {/block:Video}
  1073.  
  1074. {block:Answer}
  1075. <div class="question">
  1076. <div class="asker"><b>{Asker}</b> asked...</div>
  1077. {Question}</div>
  1078. <div class="caption">{Answer}</div>
  1079. {/block:Answer}
  1080.  
  1081. <!-------------- REMOVES THAT GROSS TUMBLR-MANDATED SOURCE AND REBLOG LINK -->
  1082.  
  1083. {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}{block:RebloggedFrom}<!-- {ReblogParentName} -->{/block:RebloggedFrom}
  1084.  
  1085. <!------------------------------------------------------------ POST BOTTOM -->
  1086.  
  1087. <div id="post-bottom">
  1088. {block:Date}
  1089. <span>{block:ContentSource}<a href="{SourceURL}" title="{SourceTitle}">{/block:ContentSource}
  1090. <i class="fa fa-mail-reply"></i>
  1091. {block:ContentSource}</a>{/block:ContentSource}</span>
  1092. <span><a href="{ReblogURL}">
  1093. <i class="fa fa-retweet"></i>
  1094. <b class="note-count">{NoteCount}</b>
  1095. </a></span>
  1096. <span><a>
  1097. {LikeButton}
  1098. </a></span>
  1099. <span><a href="{Permalink}">
  1100. <i>⦁⦁⦁</i>
  1101. </a></span>
  1102. {/block:Date}
  1103. </div>
  1104.  
  1105. {block:IndexPage}
  1106. {block:ifShowTags}{block:HasTags}<div id="tags">
  1107. <div class="tagged">Tagged:</div>
  1108. <div class="tags">{block:Tags}
  1109. <a href="{TagURL}">#{Tag}</a>
  1110. {block:Tags}</div>
  1111. </div>{/block:HasTags}{/block:ifShowTags}
  1112. {/block:IndexPage}
  1113.  
  1114. {block:PermalinkPage}
  1115. {block:HasTags}<div id="tags">
  1116. <div class="tagged">Tagged:</div>
  1117. <div class="tags">{block:Tags}
  1118. <a href="{TagURL}">#{Tag}</a>
  1119. {block:Tags}</div>
  1120. </div>{/block:HasTags}
  1121. {/block:PermalinkPage}
  1122.  
  1123. </article>
  1124.  
  1125. {block:PermalinkPage}{block:Date}
  1126. <article id="permalink">
  1127. Posted {TimeAgo} on {DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year} at {12Hour}:{Minutes} {AmPm}
  1128. </article>
  1129. {block:PostNotes}
  1130. <article id="post-notes">
  1131. {PostNotes}
  1132. </article>
  1133. {/block:PostNotes}
  1134. {/block:Date}{/block:PermalinkPage}
  1135.  
  1136. {/block:Posts}
  1137.  
  1138. {block:Pagination}<footer id="pagination">
  1139. {block:PreviousPage}
  1140. <a href="{PreviousPage}"><i class="fa fa-angle-left"></i> Previous</a>
  1141. {/block:PreviousPage}
  1142. {block:NextPage}
  1143. <a href="{NextPage}" class="next">Next <i class="fa fa-angle-right"></i></a>
  1144. {/block:NextPage}
  1145. </footer>{/block:Pagination}
  1146.  
  1147. </section>
  1148.  
  1149. </main>
  1150.  
  1151. </body>
  1152. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!