Advertisement
himpabo

gfs theme

Jul 23rd, 2017
74
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.46 KB | None | 0 0
  1. <!DOCTYPE html>
  2.  
  3. <!-- THEME MADE BY NATSYME.TUMBLR.COM
  4.  
  5. PLEASE DO NOT DELETE, EDIT OR REMOVE THEME CREDIT LINK!!!! -->
  6.  
  7. <head><title> {block:PostSummary} {PostSummary} - {/block:PostSummary}{Title}</title> {block:ifCustomfavicon} <link rel="shortcut icon" href="{image:favicon}"> {/block:ifCustomfavicon} {block:ifnotCustomfavicon} <link rel="shortcut icon" href="{Favicon}"> {/block:ifnotCustomfavicon}
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  10.  
  11. <meta name="image:Background image" content""/>
  12. <meta name="image:Favicon" content=""/>
  13. <meta name="image:Tag pixel" content=""/>
  14. <meta name="image:Icon" content""/>
  15. <meta name="image:Cursor" content""/>
  16.  
  17. <meta name="color:Background" content="#fffcfc"/>
  18. <meta name="color:Text" content="#978d80"/>
  19. <meta name="color:Links" content="#ff79a8"/>
  20. <meta name="color:Links hover" content="#c27a25"/>
  21. <meta name="color:Blockquote Border" content="#ffead1"/>
  22. <meta name="color:Posts" content="#ffffff"/>
  23. <meta name="color:Accent Border" content="#f5e6d7"/>
  24. <meta name="color:Accent1" content="#fff0ee"/>
  25. <meta name="color:Accent2" content="#fff7eb"/>
  26. <meta name="color:Scroll" content="#ffffff" />
  27. <meta name="color:Scrollbar" content="#f0c9d3" />
  28. <meta name="color:Tooltip" content="#8f8477" />
  29. <meta name="color:Tooltip bg" content="#ffffff" />
  30.  
  31. <meta name="text:Posts size" content="330" />
  32. <meta name="text:Icon width" content="80" />
  33. <meta name="text:Scrollbar width" content="7" />
  34. <meta name="text:Scrollbar border" content="0" />
  35.  
  36. <meta name="select:Font size" content="9" title="9px">
  37. <meta name="select:Font size" content="10" title="10px">
  38. <meta name="select:Font size" content="11" title="11px">
  39.  
  40. <meta name="select:Perma font size" content="8" title="8px">
  41. <meta name="select:Perma font size" content="9" title="9px">
  42. <meta name="select:Perma font size" content="10" title="10px">
  43. <meta name="select:Perma font size" content="11" title="11px">
  44.  
  45. <meta name="select:Font" content="'Open Sans'" title="open sans">
  46. <meta name="select:Font" content="Arial" title="arial">
  47. <meta name="select:Font" content="Calibri" title="calibri">
  48. <meta name="select:Font" content="roboto" title="roboto">
  49. <meta name="select:Font" content="source sans pro" title="source sans pro">
  50. <meta name="select:Font" content="work sans" title="work sans">
  51.  
  52. <meta name="text:Link 1 URL" content="/" />
  53. <meta name="text:Link 1 name" content="link1" />
  54. <meta name="text:Link 2 URL" content="/" />
  55. <meta name="text:Link 2 name" content="link2" />
  56. <meta name="text:Link 3 URL" content="/" />
  57. <meta name="text:Link 3 name" content="link3" />
  58. <meta name="text:Link 4 URL" content="/" />
  59. <meta name="text:Link 4 name" content="link4" />
  60.  
  61. <meta name="if:Icon" content="1" />
  62. <meta name="if:Left sidebar" content="1" />
  63. <meta name="if:Pagination" content="1" />
  64. <meta name="if:Captions" content="1" />
  65. <meta name="if:Tags" content="1" />
  66. <meta name="if:Bg cover" content="" />
  67. <meta name="if:Custom favicon" content="" />
  68. <meta name="if:Custom cursor" content="" />
  69. <meta name="if:Custom scrollbar" content="1" />
  70.  
  71. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
  72. <script src="https://cdn.linearicons.com/free/1.0.0/svgembedder.min.js"></script>
  73. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  74. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  75.  
  76. <style type="text/css">
  77.  
  78. {block:ifCustomscrollbar}
  79. ::-webkit-scrollbar {width:{text:scrollbar width}px; height:{text:scrollbar width}px;} ::-webkit-scrollbar-track-piece {background-color:{color:Scroll}; border:{text:scrollbar border}px solid {color:Scrollbar};} ::-webkit-scrollbar-thumb {background-color:{color:Scrollbar}; border:0px solid {color:Scrollbar};} {/block:ifCustomscrollbar}
  80.  
  81. .iframe-controls--desktop {top:5px!important; right:2px!important;opacity:.5!important;position:fixed!important;white-space:nowrap!important;-webkit-filter:invert(95%)!important;-moz-filter:invert(95%)!important;-ms-filter:invert(95%)!important;-o-filter:invert(95%)!important;filter:invert(95%)!important;}
  82. .tmblr-lightbox {background:({RGBcolor:background}, 0.3)!important;}
  83. .vignette {opacity:0!important;}
  84.  
  85. html, body, a, a:link { {block:ifCustomCursor} cursor:url({image:cursor}),auto; {/block:IfCustomCursor} }
  86.  
  87. body {background:{color:background};background-image:url({image:Background image});background-attachment:fixed;background-repeat:repeat;background-position:center;{block:ifBGcover}background-size:100% 100%;{/block:ifBGcover}
  88. color:{color:text}; font-family:{select:font}, sans-serif; font-size:{select:font size}px; text-align:justify; letter-spacing:0.75px; word-spacing:1px; line-height:1.6em; word-break:break-word; -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; font-smoothing:antialiased; overflow-x:hidden; }
  89.  
  90. a {color:{color:links};text-decoration:underline;}
  91. a:hover {color:{color:Links hover};text-decoration:underline; {block:ifCustomCursor} cursor:url({image:cursor}),auto; {/block:IfCustomCursor} }
  92.  
  93. li { margin:0px 0 0px -13px; list-style:square; } ul,ol {margin:0;}
  94. small {font-size:10px;} big {font-size:12px;} h1,h2,h3 {font-size:15px;line-height:1.6em; margin:0px; padding:0px;} p {margin:8px 0; padding:0px;}
  95.  
  96. #kuroshitsuji {width:{text:posts size}px; margin:auto; }
  97. #entry {width:{text:posts size}px; {block:ifleftsidebar} margin-left:100px; {/block:ifleftsidebar} {block:ifnotleftsidebar} margin-left:-100px; {/block:ifnotleftsidebar} }
  98. #posts { width:{text:posts size}px; {block:indexpage} margin:40px auto 110px auto; {/block:indexpage} {block:permalinkpage} margin:40px auto 40px auto; {/block:permalinkpage} }
  99. .posts { width:{text:posts size}px; background-color:{color:Posts}; margin:auto; }
  100. #posts img {overflow:auto; max-width:100%; }
  101.  
  102. #ph { {block:indexpage} max-width:{text:posts size}px; {/block:indexpage} {block:permalinkpage} max-width:{text:posts size}px; {/block:permalinkpage} background-color:{color:Posts}; }
  103. #ph a {background-color:transparent; border:0px;}
  104. #ph img {display:block; }
  105. .phst {background-color:{color:Posts}; }
  106. .video {overflow:hidden; }
  107.  
  108. .natsume {position:fixed; {block:ifleftsidebar} margin:0 auto auto -160px; {/block:ifleftsidebar} {block:ifnotleftsidebar} margin:0 auto auto calc({text:posts size}px + 0px); {/block:ifnotleftsidebar} top:15%; width:160px;}
  109. .love {margin:-7px 0 0 0; line-height:2.7em; text-align:center;} .love a {color:{color:text}; text-decoration:none; padding:3px 8px; border:1px solid {color:Accent border}; background-color:{color:accent2}; border-radius:7px;}
  110. .love a:hover {text-decoration:none; background-color:{color:Posts}; }
  111.  
  112. .desc { margin:5px 0 20px 0; text-align:center; z-index:0; }
  113. .icon {width:{text:Icon width}px; max-width:160px; margin:0px auto 0px auto; z-index:9999; }
  114. .icon img {width:{text:Icon width}px; max-width:160px; border-radius:3px; z-index:9999; }
  115.  
  116. .page { margin-top:10px;text-align:center; } .page a { text-decoration:underline; background-color:transparent;border-bottom:none; } .page a:hover {color:{color:text};}
  117.  
  118. #omg {position:fixed; font-family:arial; color:{color:text}; z-index:9999; position:fixed; } #omg a { color:{color:text};} #omg a:hover {color:#9f9f9f;}
  119. #hisoillu { background-color:{color:accent1}; font-family:arial; padding:6px 8px 7px 6px; font-size:11px; line-height:11px; border-radius:100%; bottom:24px; left:24px; width:10px; height:10px; z-index:9999; position:fixed; }
  120.  
  121. a.read_more, a.tumblr_blog { color:{color:text}; text-decoration:none; text-transform:lowercase; }
  122. .caption p:first-of-type {margin-top:0;} p:last-of-type {margin-bottom:0;}
  123. .caption {padding:15px; word-break:break-word; background-color:{color:Posts}; text-align:left; }
  124. .caption p { padding: 0; margin:7px 0; }
  125.  
  126. blockquote {margin:10px 0 10px 2px; padding-left:15px; border-left:2px solid {color:Blockquote Border}; word-wrap: break-all; }
  127. blockquote p { padding: 0; margin:1px 0px; }
  128. blockquote img {max-width:100%; height:auto; overflow:auto; margin:3px 0; }
  129. blockquote figure {width: 100%; margin:3px 0; padding:0px; }
  130.  
  131. .caption *:last-child, .a *:last-child, .tex *:last-child {margin-bottom:0!important; padding-bottom:0!Important;}
  132.  
  133. .txt { background-color:{color:Posts}; padding:12px 15px;}
  134. .txt p {margin:8px 0; padding:0px;}
  135.  
  136. .tags { padding:8px 3px; word-wrap: break-word; text-align:left; line-height:250%; }
  137. .tags a {color:{color:text}; text-decoration:none; padding:3px 8px; border:1px solid {color:Accent border}; background-color:{color:accent2}; border-radius:7px; }
  138. .tags a:hover {text-decoration:none; background-color:{color:Posts}; }
  139.  
  140. .perma { text-align:left; font-size:{select:Perma font size}px; color:{color:text}; padding:7px 15px; background-color:{color:accent1}; }
  141. .perma a {color:{color:text}; text-decoration:none; }
  142. .perma a:hover {color:{color:text}; text-decoration: none; cursor:pointer; }
  143.  
  144. .permalink { text-transform:uppercase; font-size:{select:Perma font size}px; padding:6px 15px; text-align:left; background-color:{color:accent1}; font-weight:bold; }
  145. .permalink a {color:{color:text}; text-decoration:none; transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -webkit-transition: .4s ease-in-out; }
  146.  
  147. #title { text-align:left; font-weight:bold; background-color:{color:Posts}; }
  148. #title p { padding: 0; margin:0px; }
  149.  
  150. #titlequote{ background-color:{color:Posts}; text-align:left; padding:15px 15px 0 15px; font-weight:bold; }
  151. #source { background-color:{color:Posts}; margin-top:0px; padding:15px;text-align:right;text-transform:lowercase; }
  152.  
  153. .audiocover {width:90px; height:90px;position:absolute; margin-top:0px;} .audiocover img {width:90px; height:90px;}
  154. .audioholder { z-index:9999999999; margin:0px auto auto 0px; position:absolute; opacity:0.3; width:30px; height:30px; margin-top:0px; padding:30px; background-color:#fff;}
  155. .audioholder:hover {opacity:0.7;}
  156. .audioplayer{width:30px; height:30px; overflow:hidden;background-color:{color:Posts};}.audioinfo { margin-left:90px; padding-left:10px; overflow:auto; height:90px; overflow:auto; background-color:{color:Posts};}
  157.  
  158. .question {text-align:left; line-height:1.8em; padding:12px 15px; background-color:#f9f9f9; border-radius:2px; }
  159. .question a {text-decoration:none;}
  160. .question p { padding: 0; margin:6px 0 0px 0; }
  161. .answer { text-align:left; background-color:{color:Posts}; padding:10px 15px 15px 15px;}
  162. .asim {position:absolute; margin:0px auto auto 0px; }
  163. .asim img {border-radius:100%;}
  164. .answer img {max-width:100%; height:auto; overflow:auto; margin:3px 0; } .answer figure {width: 100%;margin:3px 0; padding:0px; }
  165.  
  166. .chat {overflow:auto; background-color:{color:Posts}; padding:15px;} .chat li { margin-left:0px; margin-bottom:4px;padding:0px; list-style:none;} .chat ol {padding:0; list-style:none; margin:0px 0px 5px 0;} .line {padding:6px 0;} .label {font-weight:bold; margin-right:8px;}
  167.  
  168. .pgnts {{block:IndexPage}display: none!important;{/block:IndexPage} margin-top:25px; margin-bottom:50px; text-align:center; border:0; width:{text:posts size}px;}
  169. .pgnts img {display:none!important;}
  170. .pgnts li {list-style-type:none; border:0; padding:6px 0px 0 0px; margin:0px 0 0px -13px; }
  171. .pgnts ul, ol {margin:0px;} .pgnts a {text-decoration:none;}
  172.  
  173. #s-m-t-tooltip {max-width:300px;margin:25px;background-color:{color:tooltip bg}; color:{color:tooltip}; padding:4px 10px;z-index:999999999999999999999999999999999999; border:1px solid {color:accent border}; border-radius:2px;}
  174. </style>
  175.  
  176. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  177. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  178.  
  179. </head>
  180.  
  181. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  182. <script>
  183. (function($){
  184. $(document).ready(function(){
  185. $("a[title]").style_my_tooltips({
  186. tip_follows_cursor:true,
  187. tip_delay_time:0,
  188. tip_fade_speed:0,
  189. attribute:"title"
  190. });
  191. });
  192. })(jQuery);
  193. </script>
  194.  
  195. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  196. <script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  197. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  198. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  199. {block:ifnotpagination} <script src="http://static.tumblr.com/xbhxzkq/jcSo5gu7g/jquery.infinitescroll.min.js"></script>
  200.  
  201. <!--Pagination: previous/next page links-->
  202. {block:Pagination}
  203. <div class="pagination">
  204. {block:PreviousPage}<a href="{PreviousPage}"> </a>{/block:PreviousPage}
  205. {block:NextPage}<a href="{NextPage}"> </a>{/block:NextPage}
  206. </div>
  207. {/block:Pagination} {/block:ifnotpagination}
  208.  
  209. <script>
  210. $(document).ready(function(){
  211. $('.photo-slideshow').pxuPhotoset({
  212. lightbox: true,
  213. rounded: false,
  214. gutter: '2px',
  215. borderRadius: '0px',
  216. photoset: '.photo-slideshow',
  217. photoWrap: '.photo-data',
  218. photo: '.pxu-photo'
  219. });
  220. var $container = $('#entry');
  221. $container.infinitescroll({
  222. itemSelector: '#posts',
  223. navSelector : ".pagination",
  224. nextSelector : ".pagination a:first",
  225. loadingImg: ' ',
  226. loadingText: ' ',
  227. donetext: 'No more posts' ,
  228. bufferPx: 500
  229. },
  230. function( newElements ) {
  231. $( newElements ).find('.photo-slideshow').pxuPhotoset({
  232. lightbox: true,
  233. rounded: false,
  234. gutter: '2px',
  235. borderRadius: '0px',
  236. photoset: '.photo-slideshow',
  237. photoWrap: '.photo-data',
  238. photo: '.pxu-photo'
  239. })
  240. resizeVideos();
  241. });
  242.  
  243. });
  244. </script>
  245.  
  246. <body>
  247.  
  248. <div id="omg"><a title="theme made by natsyme"href="http://natsyme.tumblr.com/"><div id="hisoillu"><i class="fa fa-code"></i></div></a></div>
  249.  
  250. <div id="kuroshitsuji">
  251.  
  252. <div class="natsume"> <div class="icon"><a href="/"><img src="{image:icon}"></a></div>
  253. <div class="desc"><div style="font-size:13px;">・゚:* <b>rose</b> *:・゚</div>she's tired. let her die.</div>
  254. <div class="love">
  255. {block:iflink1name}<a href="{text:link 1 url}">{text:link 1 name}</a> {/block:iflink1name} {block:iflink2name} <a href="{text:link 2 url}">{text:link 2 name}</a> {/block:iflink2name} {block:iflink3name} <a href="{text:link 3 url}">{text:link 3 name}</a> {/block:iflink3name}
  256. {block:iflink4name} <a href="{text:link 4 url}">{text:link 4 name}</a> {/block:iflink4name}
  257. </div>
  258. {block:ifpagination}{block:pagination}<div class="page"> {block:JumpPagination length="3"}{block:CurrentPage} <span class="current_page">{PageNumber}</span> {/block:CurrentPage}{block:JumpPage} <a class="jump_page" href="{URL}">{PageNumber}</a> {/block:JumpPage}{/block:JumpPagination} ({TotalPages}) {block:nextpage} <a title="next page"style="background-color:transparent; border:0px; padding:0px; "href="{NextPage}"><i class="fa fa-angle-double-right"></i></a>{/block:nextpage}</div>{/block:pagination}{/block:ifpagination}
  259. </div>
  260.  
  261. <div id="entry">
  262. {block:Posts}<div id="posts"> <div class="posts">
  263.  
  264. {block:Quote}<div id="titlequote">{Quote}</div>{block:Source}<div id="source">{Source}</div>{/block:Source}{/block:Quote}
  265.  
  266. {block:Text}<div class="txt">{block:Title}<div id="title">{Title}</div>{/block:Title}{Body}</div>{/block:Text}
  267.  
  268. {block:Link}<div class="txt"><div id="title"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}</div>{/block:Link}
  269.  
  270. {block:Chat}<div class="chat">{block:Title}<div id="title">{Title}</div>{/block:Title}<ol>{block:Lines}<li class="line {Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label}{Line}</li>{/block:Lines}</ol></div>{/block:Chat}
  271.  
  272. {block:Answer}<div class="question"><div class="asim"><img src="{AskerPortraitURL-16}"></div> <p style="margin:0px 0 8px 22px;">{Asker} said: </p>"{question}"</div><div class="answer">{Answer}</div>{/block:Answer}
  273.  
  274. {block:Photo}<div id="ph">{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" style="max-width:100%;" />{LinkCloseTag}</div>{/block:Photo}
  275.  
  276. {block:Photoset}<div class="phst"><div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div></div>{/block:Photoset}
  277.  
  278. {block:Video}<div class="video">{Video-500}</div>{/block:Video}
  279.  
  280. {block:Audio}{block:AudioPlayer}<div class="audioholder"><div class="audioplayer">{AudioPlayerwhite}</div></div>{/block:AudioPlayer}{block:AlbumArt}<img class="audiocover"src="{AlbumArtURL}">{/block:AlbumArt}<div class="audioinfo"><h2><i class="fa fa-volume-up"></i> audio</h2><b>Title:</b> {block:Artist} {Artist} -{/block:Artist} {block:TrackName} {TrackName} {/block:TrackName} {block:PlayCount}<br> <b>Play count:</b> {PlayCount} {/block:PlayCount}</div>{/block:Audio}
  281.  
  282. {block:indexpage}{block:ifCaptions} {block:Caption}<div class="caption">{Caption}</div>{/block:Caption} {/block:ifCaptions}{/block:indexpage}
  283.  
  284. {block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption} {/block:PermalinkPage}
  285.  
  286. {block:IndexPage} <div class="perma"> <a style="text-transform:uppercase;" href="{permalink}"><b>{ShortMonth} {DayOfMonth}</b> / {notecount}</a>
  287. {block:NotReblog} <a title="source: {PostAuthorName}" href="{PostAuthorURL}"><img style="float:right; border-radius:100%; " src="{PostAuthorPortraitURL-16}"></a> {/block:NotReblog}
  288. {block:RebloggedFrom} <a title="source: {ReblogRootName}" href="{ReblogRootURL}"><img style="float:right; border-radius:100%; " src="{ReblogRootPortraitURL-16}"></a> {/block:RebloggedFrom} </div> {/block:IndexPage}
  289.  
  290. {block:PermalinkPage} {block:Date} <div class="permalink"> {ShortMonth} {MonthNumber}, {NoteCount} likes {block:NotReblog} <a style="float:right;"href="{PostAuthorURL}">{PostAuthorName}</a> {/block:NotReblog} {block:RebloggedFrom} <a style="float:right;"title="{ReblogRootName}"href="{ReblogRootURL}" target="_blank">source</a> <a style="float:right; text-decoration:none; ">&nbsp;/&nbsp;</a> <a style="float:right;"title="{ReblogParentName}"href="{ReblogParentURL}" target="_blank">via</a> {/block:RebloggedFrom} </div> {/block:Date}{/block:PermalinkPage}
  291.  
  292. </div>
  293.  
  294. {block:IndexPage} {block:iftags} {block:HasTags}<div class="tags"><img style="margin:auto; margin-bottom:-2px; max-height:13px;"src="{image:tag pixel}"> {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}{/block:iftags} {/block:IndexPage}
  295. {block:PermalinkPage} {block:HasTags}<div class="tags"><img style="margin:auto; margin-bottom:-2px; max-height:13px; "src="{image:tag pixel}"> {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags} {/block:PermalinkPage}
  296.  
  297. {block:PostNotes}<div class="pgnts">{PostNotes}</div>{/block:PostNotes}
  298. </div> {/block:Posts} </div> </div>
  299.  
  300. {block:ContentSource}
  301. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  302. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  303. {/block:SourceLogo}
  304. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  305. {/block:ContentSource}
  306.  
  307. </body> </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement