API tools faq
paste
View difference between Paste ID: DHUWiqVv and 2jQXcm8K
SHOW: | | - or go back to the newest paste.
1
<!DOCTYPE html>
2-
<!--[if IE 8]><html class="lt-ie10 lt-ie9"> <![endif]-->
2+
3-
<!--[if IE 9]><html class="lt-ie10"> <![endif]-->

3+
<!---------------------------------------------------------------------

4-
<!--[if gt IE 9]><!--> <html> <!--<![endif]-->

4+
5
 

6
 

7
 

8-
    <!--  

8+
                 THEME 35 - MADE BY YEOLI.TUMBLR.COM    

9-
        ==========================================================

9+
                       

10
 

11
 

12-
        Theme 35 ( https://yeoli-thm35.tumblr.com/ )

12+
                 

13-
        Version 1.1

13+
    -- Credits --

14-
        Released: 15/11/2017

14+
    masonry : masonry.desandro.com

15-
        Updated: 23/07/2019

15+
    infinite scroll : infinite-scroll.com

16-
        Created by: yeoli-thm

16+
    icon font : pixeden.com/icon-fonts/stroke-7-icon-font-set

17-
        Website: yeoli-thm.tumblr.com

17+
    video resize : shythemes.tumblr.com/post/134536748863/

18-
        Support: yeoli-thm.tumblr.com

18+
   

19-
       

19+
   

20-
        Copyright (c) 2019. Powered by Tumblr.        

20+
                     

21-
         

21+
                     

22-
         

22+
---------------------------------------------------------------------->

23-
        ==========================================================

23+
24-
         

24+
25-
         

25+
26-
        // Terms Of Use:

26+
27-
           - Do not steal or use as base codes.

27+
28-
           - Do not repost or redistribute codes.

28+
29-
           - Feel free to customize theme for your personal use

29+
30-
             but please do not remove the credits.

30+
31-
         

31+
32-
         

32+
33-
        ==========================================================

33+
34-
    -->

34+
35
    <meta name="color:Background" content="#f9f9f9"/>

36
    <meta name="color:Post Bg" content="#ffffff"/>

37
    <meta name="color:Borders" content="#eaeaea"/>

38
    <meta name="color:Text" content="#abadad"/>

39
    <meta name="color:Bold Text" content="#88b3b3"/>

40
    <meta name="color:Italic Text" content="#88b3b3"/>

41
    <meta name="color:Links" content="#333333"/>

42
    <meta name="color:Links Hover" content="#88b3b3"/>

43
    <meta name="color:Permalink Text" content="#ffffff"/>

44-
    <link rel="apple-touch-icon-precomposed" href="{PortraitURL-128}">

44+
    <meta name="color:Permalink Bg" content="#000000"/>

45
    <meta name="color:Header Navigation" content="#333333"/>

46
    <meta name="color:Description Text" content="#abadad"/>

47
    <meta name="color:Description Bg" content="#f9f9f9"/>

48-
    <meta name="image:Background image" content=""/>

48+
    <meta name="color:Tooltip Text" content="#ffffff"/>

49-
    <meta name="image:Alternate sidebar avatar" content=""/>

49+
    <meta name="color:Tooltip Bg" content="#000000"/>

50
    <meta name="color:Scrollbar Bg" content="#ffffff"/>

51
    <meta name="color:Scrollbar Border" content="#bbbbbb"/>

52
    <meta name="color:Scrollbar Hover" content="#000000"/>

53-
    <meta name="color:Post bg" content="#ffffff"/>

53+
54-
    <meta name="color:Body text" content="#abadad"/>

54+
    <meta name="if:Custom Tumblr Controls" content="1"/>

55-
    <meta name="color:Bold text" content="#88b3b3"/>

55+
    <meta name="if:Show Post Info" content="1"/>

56-
    <meta name="color:Italic text" content="#88b3b3"/>

56+
    <meta name="if:Infinite Scroll" content="0"/>

57-
    <meta name="color:Headings" content="#88b3b3"/>

57+
    <meta name="if:Infinite Scroll with Load More Button" content="1"/>

58
    

59-
    <meta name="color:Links hover" content="#88b3b3"/>

59+
    <meta name="image:Background Image" content=""/>

60-
    <meta name="color:Bullet points" content="#333333"/>

60+
    <meta name="if:Background Image Repeat" content="1"/>

61-
    <meta name="color:Grid overlay bg" content="#000000"/>

61+
    <meta name="if:Background Image Stretch" content="0"/>

62-
    <meta name="color:Grid overlay text" content="#ffffff"/>

62+
    <meta name="text:Background Image Positioning" content="Center"/>

63-
    <meta name="color:Grid overlay links hover" content="#88b3b3"/>

63+
64-
    <meta name="color:Header navigation" content="#333333"/>

64+
    <meta name="text:Font Size" content="11px"/>

65-
    <meta name="color:Description bg" content="#f9f9f9"/>

65+
    <meta name="text:Font Name" content="Open Sans"/>

66-
    <meta name="color:Description text" content="#abadad"/>

66+
    <meta name="text:Custom Web Font URL" content="https://fonts.googleapis.com/css?family=Open+Sans:400,700"/>

67-
    <meta name="color:Tooltip bg" content="#000000"/>

67+
    <meta name="text:Enlarge nth Post" content="7n"/>

68-
    <meta name="color:Tooltip text" content="#ffffff"/>

68+
    <meta name="text:Number of Columns" content="3"/>

69-
    <meta name="color:Scrollbar" content="#333333"/>

69+
    <meta name="text:Post Width" content="160"/>

70
    <meta name="text:Post Margins Size" content="20"/>

71-
    <meta name="select:Page load type" content="plta" title="normal pagination"/>

71+
    <meta name="text:Post Paddings Size" content="20"/>

72-
    <meta name="select:Page load type" content="pltb" title="infinite scroll"/>

72+
    <meta name="text:Border Radius" content="0"/>

73-
    <meta name="select:Page load type" content="pltc" title="manual load"/>

73+
74
    <meta name="text:Link 1" content="Link 1"/>

75-
    <meta name="if:Background image repeat" content="1"/>

75+
76-
    <meta name="if:Background image stretch" content="0"/>

76+
    <meta name="text:Link 2" content="Link 2"/>

77
    <meta name="text:Link 2 URL" content=""/>

78-
    <meta name="if:Enlarge nth post" content="1"/>

78+
    <meta name="text:Link 3" content="Link 3"/>

79-
    <meta name="if:Show post tags" content="1"/>

79+
80-
    <meta name="if:Enable post padding" content="1"/>

80+
    <meta name="text:Link 4" content="Link 4"/>

81-
    <meta name="if:Enable google fonts" content="1"/>

81+
    <meta name="text:Link 4 URL" content="">

82
    <meta name="text:Link 5" content="Link 5"/>

83-
    <meta name="text:Font family" content="Open Sans"/>

83+
84-
    <meta name="text:Font size" content="11px"/>

84+
    <meta name="text:Link 6" content="Link 6"/>

85
    <meta name="text:Link 5 URL" content=""/>

86-
    <meta name="text:Link 1 label" content="Link 1"/>

86+
87
   

88-
    <meta name="text:Link 2 label" content="Link 2"/>

88+
    <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/kmw8hta/bN0oysnob/pe-icon-7-stroke.css"/>

89
    

90-
    <meta name="text:Link 3 label" content="Link 3"/>

90+
<style>

91
92-
    <meta name="text:Link 4 label" content="Link 4"/>

92+
93-
    <meta name="text:Link 4 URL" content=""/>

93+
94-
    <meta name="text:Link 5 label" content="Link 5"/>

94+
95
    /*****  FONT FAMILY   ****/

96-
    <meta name="text:Link 6 label" content="Link 6"/>

96+
97-
    <meta name="text:Link 6 URL" content=""/>

97+
    @import url('{text:Custom Web Font URL}');

98
    

99-
    <meta name="text:Grid columns" content="4"/>

99+
    body { 

100-
    <meta name="text:Grid thumbnail size" content="160px"/>

100+
        font-family: '{text:Font Name}', sans-serif;

101-
    <meta name="text:Grid gutter size" content="20px"/>

101+
        font-size: {text:Font Size};

102-
    <meta name="text:Post border radius" content="0px"/>

102+
103
    

104-
    <meta name="text:Background image position" content="center center"/>

104+
    .header, .tags, #s-m-t-tooltip {

105
        font-size: 9px;

106
    }

107-
    {block:IfEnableGoogleFonts}

107+
108-
    <link href="https://fonts.googleapis.com/css?family={text:Font family}:400,400i,700,700i" rel="stylesheet">

108+
    .description, .note-no, .p-tag {

109-
    {/block:IfEnableGoogleFonts}

109+
        font-size: 10px;

110
    }

111-
    <link href="https://static.tumblr.com/kmw8hta/SAwpuotjy/feather.css" rel="stylesheet">

111+
112-
    <link href="https://dl.dropbox.com/s/550rm3x604cmgdi/main.min.css" rel="stylesheet">

112+
    .time {

113
        font-size: 13px;

114-
    <!-- HTML5 Shiv -->

114+
115-
    <!--[if lt IE 9]>

115+
116-
        <script src="https://static.tumblr.com/hriofhd/Qj0m8pn7q/html5shiv.js"></script>

116+
    /*************************/ 

117-
    <![endif]-->

117+
118
119-
    <style>

119+
120
121
    ::-webkit-scrollbar {

122-
    :root {

122+
        width: 7px;

123
        height: 7px;

124-
    /* FONTS: */

124+
        background-color: {color:Scrollbar Bg};

125-
        --body-font: {text:Font family}, sans-serif;

125+
126-
        --body-font-size: {text:Font size};

126+
127
    ::-webkit-scrollbar-button {

128-
        --monospace-font: monospace;

128+
        width: 0px;

129
        height: 0px;

130-
    /* COLORS: */

130+
131-
        --borders-color: {RGBcolor:Borders};

131+
132-
        --background-color: {RGBcolor:Background};

132+
    ::-webkit-scrollbar-thumb {

133-
        --post-bg-color: {RGBcolor:Post bg};

133+
        border-radius: 5px;

134-
        --body-text-color: {RGBcolor:Body text};

134+
        background-color: {color:Scrollbar Bg};

135-
        --bold-text-color: {RGBcolor:Bold text};

135+
        border: 1px solid {color:Scrollbar Border};

136-
        --italic-text-color: {RGBcolor:Italic text};

136+
137-
        --headings-color: {RGBcolor:Headings};

137+
138-
        --links-color: {RGBcolor:Links};

138+
    ::-webkit-scrollbar-thumb:hover {

139-
        --links-hover-color: {RGBcolor:Links hover};

139+
        border: 1px solid {color:Scrollbar Hover};

140-
        --bullet-points-color: {RGBcolor:Bullet points};

140+
141-
        --grid-overlay-bg-color: {RGBcolor:Grid overlay bg};

141+
142-
        --grid-overlay-text-color: {RGBcolor:Grid overlay text};

142+
    ::-webkit-scrollbar-thumb:active {

143-
        --grid-overlay-links-hover-color: {RGBcolor:Grid overlay links hover};

143+
        background-color: {color:Scrollbar Hover};

144-
        --header-navigation-color: {RGBcolor:Header navigation};

144+
        border: 1px solid {color:Scrollbar Bg};

145-
        --description-bg-color: {RGBcolor:Description bg};

145+
146-
        --description-text-color: {RGBcolor:Description text};

146+
147-
        --tooltip-bg-color: {RGBcolor:Tooltip bg};

147+
    ::-webkit-scrollbar-corner {

148-
        --tooltip-text-color: {RGBcolor:Tooltip text};

148+
        background: transparent;

149-
        --scrollbar-color: {RGBcolor:Scrollbar};

149+
150-
        --heart-liked-color: red;

150+
151
    #tumblr_controls, .tmblr-iframe{

152-
    /* POST STYLES: */

152+
        {block:IfCustomTumblrControls}

153-
        --grid-columns: {text:Grid columns};

153+
        {block:IndexPage}display: none!important;{/block:IndexPage}

154-
        --grid-thumbnail-size: {text:Grid thumbnail size};

154+
        {/block:IfCustomTumblrControls}

155-
        --grid-gutter-size: {text:Grid gutter size};

155+
        position: fixed!important;

156
        z-index: 99999!important;

157-
        --post-padding: 20px;

157+
        top: 2px!important;

158-
        --post-photoset-gutter-size: 1px;

158+
        right: 3%!important;

159-
        --post-border-radius: {text:Post border radius};

159+
    } 

160
            

161-
    /* BAACKGROUND IMAGE: */

161+
    *{

162-
        --background-position: center center;

162+
        margin: 0;

163-
        {block:IfBackgroundImageRepeat}--background-repeat: repeat;{/block:IfBackgroundImageRepeat}

163+
        padding: 0;

164-
        {block:IfNotBackgroundImageRepeat}--background-repeat: no-repeat;{/block:IfNotBackgroundImageRepeat}

164+
        box-sizing: border-box;

165-
        {block:IfBackgroundImageStretch}--background-size: cover;{/block:IfBackgroundImageStretch}

165+
166-
        {block:IfNotBackgroundImageStretch}--background-size: auto;{/block:IfNotBackgroundImageStretch}

166+
      

167-
        {block:IfBackgroundImageImage}--background-image: url('{image:Background image}');{/block:IfBackgroundImageImage}

167+
    body {

168
        cursor: default;

169
        word-wrap: break-word;

170
        text-align: center;

171
        color: {color:Text};

172
        background-color: {color:Background};

173-
    </style>

173+
174
            

175-
<body class="{block:IndexPage}{select:Page load type} index-page{block:NoPosts}-no-results{/block:NoPosts}{block:SearchPage}{block:NoSearchResults}-no-results{/block:NoSearchResults}{/block:SearchPage}{/block:IndexPage}{block:PermalinkPage} permalink-page{/block:PermalinkPage} {AvatarShape}">

175+
    a, a:link, a:active, a:visited {

176
        outline: none;

177
        text-decoration: none;

178-
    <!-- HEADER: -->

178+
        color: {color:Links};

179-
    <header id="header">

179+
        -webkit-transition: all 0.3s linear;

180-
        <ul class="slidemenu resetlist">

180+
        -moz-transition: all 0.3s linear;

181-
            <li><a href="/">Home</a></li>

181+
        -o-transition: all 0.3s linear;

182-
            <li><a href="/ask">Ask</a></li>

182+
        transition: all 0.3s linear;

183-
            <li><a href="/archive">Archive</a></li>

183+
    }  

184-
            <li><a href="https://yeoli-thm.tumblr.com" target="_blank">Theme</a></li>

184+
           

185-
            <li class="slidebar"></li>

185+
    a:hover {

186
        text-decoration: none;

187-
    </header>

187+
        color: {color:Links Hover};

188-
    <!-- end of header -->

188+
189
    

190
    p {

191-
    <!-- SIDEBAR: -->

191+
        display: block;

192-
    <aside id="sidebar">

192+
        margin: 1em 0;

193
    }

194-
        <a href="/" class="sidebar_avatar">

194+
195-
            {block:IfNotAlternateSidebarAvatarImage}<img src="{PortraitURL-96}" alt=""/>{/block:IfNotAlternateSidebarAvatarImage}

195+
    img { max-width: 100%; }

196-
            {block:IfAlternateSidebarAvatarImage}<img src="{image:Alternate sidebar avatar}" alt=""/>{/block:IfAlternateSidebarAvatarImage}

196+
    b, strong { font-weight: bold; color: {color:Bold Text}; }

197-
        </a>

197+
    i, em { color: {color:Italic Text}; }

198
    

199-
        <div class="sidebar-inner">

199+
    h1, h2, h3, h4, h5, h6 {

200-
            <h1 class="sidebar_title">{Title}</h1>

200+
        margin: 10px 0;

201-
            {block:Description}

201+
        font-weight: bold;

202-
                <div class="sidebar_description">{Description}</div>

202+
        line-height: 1em;

203-
            {/block:Description}

203+
        color: {color:Bold Text};

204-
            <nav class="links">

204+
205-
                {block:IfLink1Label}<a href="{text:Link 1 URL}">{text:Link 1 label}</a>{/block:IfLink1Label}

205+
206-
                {block:IfLink2Label}<a href="{text:Link 2 URL}">{text:Link 2 label}</a>{/block:IfLink2Label}

206+
    h1 { font-size: 1.575em; }

207-
                {block:IfLink3Label}<a href="{text:Link 3 URL}">{text:Link 3 label}</a>{/block:IfLink3Label}

207+
    h2 { font-size: 1.500em; }

208-
                {block:IfLink4Label}<a href="{text:Link 4 URL}">{text:Link 4 label}</a>{/block:IfLink4Label}

208+
    h3 { font-size: 1.375em; }

209-
                {block:IfLink5Label}<a href="{text:Link 5 URL}">{text:Link 5 label}</a>{/block:IfLink5Label}

209+
    h4 { font-size: 1.275em; }

210-
                {block:IfLink6Label}<a href="{text:Link 6 URL}">{text:Link 6 label}</a>{/block:IfLink6Label}

210+
    h5 { font-size: 1.150em; }

211-
                {block:HasPages}{block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}

211+
    h6 { font-size: 1.000em; }

212-
                {block:SubmissionsEnabled}<a href="/submit">Submit</a>{/block:SubmissionsEnabled}

212+
213-
            </nav>

213+
    a h1, a h2, a h3, a h4, a h5, a h6 { 

214
        color: {color:Links}; 

215
    }

216
    

217-
            <div class="pagination">

217+
    a:hover h1, a:hover h2, a:hover h3, a:hover h4, a:hover h5, a:hover h6 {

218-
                <a{block:PreviousPage} href="{PreviousPage}" class="haspage"{/block:PreviousPage}>{lang:Prev}</a>

218+
        color: {color:Links Hover};

219-
                <a{block:NextPage} href="{NextPage}" id="next" class="haspage"{/block:NextPage}>{lang:Next}</a>

219+
220-
            </div>

220+
221
    blockquote {

222
        margin: 10px 10%; 

223-
        <form action="/search" method="get" class="searchbar">

223+
        padding: 5px 10px;

224-
            <input type="text" name="q" value="{SearchQuery}" class="searchquery" placeholder="Find..."/>

224+
        text-align: left;

225-
            <input type="submit" id="searchbutton"/>

225+
        border-left: 1px dashed {color:Italic Text};

226-
            <label for="searchbutton" class="searchbutton"><span class="fx fx-search"></span></label>

226+
227
            

228
    #grid {

229-
    </aside>

229+
        position: relative;

230-
    <!-- end of sidebar -->

230+
        width: 100%;

231
        height: 100vh;

232
        display: grid;

233-
    <!-- MAIN BLOG CONTAINER: -->

233+
        grid-template-columns: 160px calc(100% - 160px);

234
        grid-template-rows: 60px calc(100% - 140px) 80px;

235-
        <div id="main-wrapper">

235+
        grid-template-areas: "sidebar header"

236
                             "sidebar main"

237-
            <main id="main" class="{block:IfEnablePostPadding}padding{/block:IfEnablePostPadding} clearfix">

237+
                             "search main";

238-
                {block:IndexPage}

238+
239-
                    <div class="grid-gutter"></div>

239+
240-
                    <div class="grid-sizer"></div>

240+
    #header { 

241-
                    {block:Posts}

241+
        position: relative;

242-
                        <div class="grid-thumbnail{block:IfEnlargeNthPost} enlarge{/block:IfEnlargeNthPost}" data-id="{PostID}">

242+
        grid-area: header; 

243-
                        

243+
        background-color: {color:Post Bg};

244-
                            {block:Text}

244+
        border-bottom: 1px solid {color:Borders};

245-
                                <div class="gd-thumbody">

245+
246-
                                    <div class="gd-thumbody-inner">

246+
247-
                                        {block:Title}<h2>{Title}</h2>{/block:Title}

247+
    .tumblr-ctrl {

248-
                                        {block:NotReblog}

248+
        position: relative;

249-
                                            <div class="post_entry">

249+
        z-index: 100;

250-
                                                {Body}

250+
        grid-area: header;

251-
                                            </div>

251+
        justify-self: end;

252-
                                        {/block:NotReblog}

252+
        align-self: center;

253-
                                        {block:RebloggedFrom}

253+
        margin-right: 4%;

254-
                                            {block:Reblogs}

254+
        list-style-type: none;

255-
                                                <div class="reblog_trail_item">

255+
        display: flex;

256-
                                                    <div class="post_tumblelog">

256+
257-
                                                        {block:HasPermalink}

257+
258-
                                                            <a href="{Permalink}" class="post_tumblelog_username" target="_blank">{Username}:</a>

258+
    .tumblr-ctrl a {

259-
                                                        {/block:HasPermalink}

259+
        display: block;

260-
                                                        {block:HasNoPermalink}

260+
        margin-left: 6px;

261-
                                                            <span class="post_tumblelog_username{block:IsDeactivated} inactive{/block:IsDeactivated}">{Username}:</span>

261+
        width: 24px;

262-
                                                        {/block:HasNoPermalink}

262+
        font-size: 15px;

263-
                                                    </div>

263+
264-
                                                    <div class="post_entry">

264+
265-
                                                        {Body}

265+
    .status-bar { width: 150px; }

266-
                                                    </div>

266+
267-
                                                </div>

267+
    .tumblr-ctrl a, .status-bar {

268-
                                            {/block:Reblogs}

268+
        height: 24px;

269-
                                        {/block:RebloggedFrom}

269+
        line-height: 22px;

270-
                                    </div>

270+
        border-radius: calc({text:Border Radius}px / 1.5);

271-
                                </div>

271+
        color: {color:Description Text};

272-
                            {/block:Text}

272+
        background-color: {color:Description Bg};

273-
                            

273+
        border: 1px solid {color:Borders};

274-
                            {block:Photo}

274+
275-
                                <div class="gd-mediabody">

275+
276-
                                    <div class="gd-photo_alt">{PhotoAlt}</div>

276+
    .slide-toggle { display: none; }

277-
                                    <figure class="gd-photo_img" style="background-image:url('{PhotoURL-HighRes}')">

277+
278-
                                    </figure>

278+
    .slidemenu {

279-
                                </div>

279+
        position: relative;

280-
                            {/block:Photo}

280+
        z-index: 99;

281-
                            

281+
        grid-area: header;

282-
                            {block:Photoset}

282+
        justify-self: start;

283-
                                <div class="gd-mediabody">

283+
        overflow: hidden;

284-
                                    <div class="gd-photo_alt">{PhotoAlt}</div>

284+
        margin-left: 4%;

285-
                                    {block:Photos}

285+
        width: 213px;

286-
                                        <figure class="gd-photo_img" style="background-image:url('{PhotoURL-HighRes}')">

286+
        height: 60px;

287-
                                        </figure>

287+
        text-transform: uppercase;

288-
                                    {/block:Photos}

288+
        letter-spacing: 1px;

289-
                                </div>

289+
290-
                            {/block:Photoset}

290+
291-
                            

291+
    .slidemenu label{ display: block; float: left; }

292-
                            {block:Video}

292+
293-
                                <div class="gd-mediabody">

293+
    .slidemenu label a {

294-
                                    <div class="gd-photo_alt">Video</div>

294+
        display: block;

295-
                                    {block:VideoThumbnail}

295+
        line-height: 59px;

296-
                                        {block:VideoThumbnails}

296+
        color: {color:Header Navigation};

297-
                                            <figure class="gd-photo_img" style="background-image:url('{VideoThumbnailURL}')">

297+
298-
                                                <span class="fx fx-video vid-icon"></span>

298+
299-
                                            </figure>

299+
    .slidemenu label a:hover {

300-
                                        {/block:VideoThumbnails}

300+
        color: {color:Links Hover};

301-
                                    {/block:VideoThumbnail}

301+
302-
                                </div>

302+
303-
                            {/block:Video}

303+
    .slide-1 { width: 42px; margin-left: 4px; }

304-
                            

304+
    .slide-2 { width: 32px; margin-left: 10px; }

305-
                            {block:Quote}

305+
    .slide-3 { width: 56px; margin-left: 10px; }

306-
                                <div class="gd-thumbody">

306+
    .slide-4 { width: 48px; margin-left: 10px; }

307-
                                    <div class="gd-thumbody-inner">

307+
    .slider { display: block; width: 100%; height: 1px; }

308-
                                        <h5 class="quote">

308+
309-
                                            <span class="quotation">❝</span>

309+
    .slider .bar {

310-
                                            <span>{Quote}</span>

310+
        margin: 0;

311-
                                        </h5>

311+
        width: 50px;

312-
                                        {block:Source}

312+
        height: 1px;

313-
                                            <div class="quote_source">{Source}</div>

313+
        background-color: {color:Header Navigation};

314-
                                        {/block:Source}

314+
315-
                                    </div>

315+
316-
                                </div>

316+
    .slidemenu label, .slider .bar {

317-
                            {/block:Quote}

317+
        -webkit-transition: all 0.3s linear;

318-
                            

318+
        -moz-transition: all 0.3s linear;

319-
                            {block:Link}

319+
        -o-transition: all 0.3s linear;

320-
                                <div class="gd-thumbody">

320+
        transition: all 0.3s linear;

321-
                                    <div class="gd-thumbody-inner">

321+
        -webkit-transition-delay: 0.15s;

322-
                                        <h2><a href="{URL}">{Name} <span class="fx fx-arrow-right"></span></a></h2>

322+
        -moz-transition-delay: 0.15s;

323-
                                        {block:Description}

323+
        -o-transition-delay: 0.15s;

324-
                                            {block:NotReblog}

324+
        transition-delay: 0.15s;

325-
                                                <div class="post_entry">

325+
326-
                                                    {Description}

326+
327-
                                                </div>

327+
    .slidemenu input:hover ~ .slider .bar { background-color: {color:Links Hover}; transition-delay: 0s;}

328-
                                            {/block:NotReblog}

328+
    .slidemenu #slide-1:hover ~ .slider .bar { margin-left: 0px; }

329-
                                            {block:RebloggedFrom}

329+
    .slidemenu #slide-2:hover ~ .slider .bar { margin-left: 47px; }

330-
                                                {block:Reblogs}

330+
    .slidemenu #slide-3:hover ~ .slider .bar { margin-left: 101px; } 

331-
                                                    <div class="reblog_trail_item">

331+
    .slidemenu #slide-4:hover ~ .slider .bar { margin-left: 163px; }

332-
                                                        <div class="post_tumblelog">

332+
333-
                                                            {block:HasPermalink}

333+
    #sidebar {

334-
                                                                <a href="{Permalink}" class="post_tumblelog_username" target="_blank">{Username}:</a>

334+
        position: relative;

335-
                                                            {/block:HasPermalink}

335+
        grid-area: sidebar;

336-
                                                            {block:HasNoPermalink}

336+
        overflow-y: auto;

337-
                                                                <span class="post_tumblelog_username{block:IsDeactivated} inactive{/block:IsDeactivated}">{Username}:</span>

337+
        background-color: {color:Post Bg};

338-
                                                            {/block:HasNoPermalink}

338+
        border-right: 1px solid {color:Borders};

339-
                                                        </div>

339+
        {block:IndexPage}

340-
                                                        <div class="post_entry">

340+
        {block:IfCustomTumblrControls}

341-
                                                            {Body}

341+
        padding: 30px 20px 40px 20px;

342-
                                                        </div>

342+
        {block:IfInfiniteScroll}

343-
                                                    </div>

343+
        padding: 30px 20px 10px 20px;

344-
                                                {/block:Reblogs}

344+
        {/block:IfInfiniteScroll}

345-
                                            {/block:RebloggedFrom}

345+
        {block:IfInfiniteScrollwithLoadMoreButton}

346-
                                        {/block:Description}

346+
        padding: 30px 20px 10px 20px;

347-
                                    </div>

347+
        {/block:IfInfiniteScrollwithLoadMoreButton}

348-
                                </div>

348+
        {/block:IfCustomTumblrControls}

349-
                            {/block:Link}

349+
        {block:IfNotCustomTumblrControls}

350-
                            

350+
        padding: 30px 20px 70px 20px;

351-
                            {block:Chat}

351+
        {block:IfInfiniteScroll}

352-
                                <div class="gd-thumbody">

352+
        padding: 30px 20px 40px 20px;

353-
                                    <div class="gd-thumbody-inner">

353+
        {/block:IfInfiniteScroll}

354-
                                        {block:Title}<h2>{Title}</h2>{/block:Title}

354+
        {block:IfInfiniteScrollwithLoadMoreButton}

355-
                                        <ul class="chat resetlist">

355+
        padding: 30px 20px 40px 20px;

356-
                                            {block:Lines}

356+
        {/block:IfInfiniteScrollwithLoadMoreButton}

357-
                                                <li>{block:Label}<b>{Label}</b>{/block:Label} {Line}</li>

357+
        {/block:IfNotCustomTumblrControls}

358-
                                            {/block:Lines}

358+
        {/block:IndexPage}

359-
                                        </ul>

359+
        {block:PermalinkPage}

360-
                                    </div>

360+
        padding: 30px 20px 10px 20px;

361-
                                </div>

361+
        {/block:PermalinkPage}

362-
                            {/block:Chat}

362+
363-
                            

363+
364-
                            {block:Audio}

364+
    .line {

365-
                                <div class="gd-mediabody">

365+
        margin: 29px 0 0 60px;

366-
                                    {block:AudioEmbed}

366+
        width: 58px;

367-
                                        {AudioEmbed}

367+
        height: 1px;

368-
                                    {/block:AudioEmbed}

368+
        background-color: {color:Borders};

369-
                                    {block:AudioPlayer}

369+
370-
                                        <div class="audio"{block:AlbumArt} style="background-image:url('{AlbumArtURL}')"{/block:AlbumArt}>

370+
371-
                                            <div class="playerbutton">

371+
    .blog-avatar {

372-
                                                {AudioPlayer}

372+
        overflow: hidden;

373-
                                            </div>

373+
        margin-top: -20px;

374-
                                        </div>

374+
        width: 40px;

375-
                                    {/block:AudioPlayer}

375+
        height: 40px;

376-
                                </div>

376+
        padding: 6px;

377-
                            {/block:Audio}

377+
        border-radius: {text:Border Radius}px;

378-
                            

378+
        border: 1px solid {color:Borders};

379-
                            {block:Answer}

379+
380-
                                <div class="gd-thumbody" style="width:100%">

380+
381-
                                    <div class="gd-thumbody-inner">

381+
    .blog-avatar img {

382-
                                        <div class="gd-answer-box">

382+
        border-radius: calc({text:Border Radius}px / 1.5);

383-
                                            <b class="gd-answer_tumblelog">Sent by {Asker}</b>

383+
384-
                                            <div class="gd-question">{Question}</div>

384+
385-
                                            <hr>

385+
    .title {

386-
                                        </div>

386+
        margin-top: 30px;

387-
                                        {block:Answerer}

387+
        font-size: 1.45em;

388-
                                            <div class="gd-answer-box">

388+
        font-weight: bold;

389-
                                                <b class="gd-answer_tumblelog">Sent by {Asker}</b>

389+
        line-height: 1.05em;

390-
                                                <div class="gd-question">{Question}</div>

390+
        color: {color:Bold Text};

391-
                                                <hr>

391+
392-
                                            </div>

392+
393-
                                        {/block:Answerer}

393+
    .desc {

394-
                                        {block:NotReblog}

394+
        padding: 10px;

395-
                                            <div class="post_entry">

395+
        line-height: 1.15em;

396-
                                                {Answer}

396+
        border-radius: {text:Border Radius}px;

397-
                                            </div>

397+
        color: {color:Description Text};

398-
                                        {/block:NotReblog}

398+
        background-color: {color:Description Bg};

399-
                                    </div>

399+
        border: 1px solid {color:Borders};

400-
                                </div>

400+
401-
                            {/block:Answer}

401+
402-
                            

402+
    .desc a { color: {color:Bold Text}; }

403-
                            {block:Date}

403+
    .desc a:hover { color: {color:Links}; }

404-
                                <div class="gd-overlay">

404+
405-
                                    <ul class="gd-buttons resetlist">

405+
    .links {

406-
                                        <li>

406+
        overflow: hidden;

407-
                                            <a href="{ReblogURL}" target="_blank">

407+
        margin-top: 30px;

408-
                                                <span class="fx fx-repeat"></span>

408+
        list-style-type: none;

409-
                                            </a>

409+
        text-align: right;

410-
                                        </li>

410+
        text-transform: uppercase;

411-
                                        <li>

411+
        letter-spacing: 1px;

412-
                                            <a href="{Permalink}">

412+
        line-height: 1.125em;

413-
                                                <span class="fx fx-bookmark"></span>

413+
414-
                                            </a>

414+
415-
                                        </li>

415+
    .links li { display: block; margin: 6px 0; }

416-
                                        <li class="like_btn">

416+
417-
                                            {LikeButton size="100"}

417+
    .links li a {

418-
                                            <span class="fx fx-heart"></span>

418+
        display: block;

419-
                                        </li>

419+
        position: relative;

420-
                                    </ul>

420+
        padding: 6px 5px;

421-
                                    <div class="gd-info_wrap">

421+
        color: {color:Text};

422-
                                        <div class="gd-info_icon">

422+
423-
                                            <span class="fx fx-more-horizontal"></span>

423+
424-
                                        </div>

424+
    .links li a:hover {

425-
                                        <div class="gd-info_content">

425+
        color: {color:Links Hover};

426-
                                            <a href="{Permalink}" class="shortdate">{ShortDayOfWeek} {DayOfMonth} {ShortMonth}</a>

426+
427-
                                            <div class="notecount">with {NoteCountWithLabel}</div>

427+
428-
                                            {block:IfShowPostTags}{block:HasTags}

428+
    .links li a:before {

429-
                                                <ul class="tags resetlist">

429+
        position: absolute;

430-
                                                    {block:Tags}

430+
        bottom: 0;

431-
                                                        <li>

431+
        left: 0;

432-
                                                            <span class="fx fx-x"></span><a href="{TagURL}"> {Tag} </a>

432+
        width: 100%;

433-
                                                        </li>

433+
        height: 1px;

434-
                                                    {/block:Tags}

434+
        content: '.';

435-
                                                </ul>

435+
        color: transparent;

436-
                                            {/block:HasTags}{/block:IfShowPostTags}

436+
        background-color: {color:Borders};

437-
                                        </div>

437+
438-
                                    </div>

438+
439-
                                </div>

439+
    .links li a:after {

440-
                            {/block:Date}

440+
        position: absolute;

441-
                        

441+
        bottom: 0;

442
        left: -15%;

443-
                    {/block:Posts}

443+
        opacity: 0;

444-
                    

444+
        width: 25%;

445-
                    {block:NoPosts}

445+
        height: 1px;

446-
                        <article class="post">

446+
        content: '.';

447-
                            <div class="post_content">

447+
        color: transparent;

448-
                                <p>{lang:This Tumblr hasnt made any posts}</p>                           

448+
        background-color: {color:Header Navigation};

449-
                            </div>

449+
        -webkit-transition: all 0.3s linear;

450-
                        </article>

450+
        -moz-transition: all 0.3s linear;

451-
                    {/block:NoPosts}

451+
        -o-transition: all 0.3s linear;

452-
                {/block:IndexPage}

452+
        transition: all 0.3s linear;

453-
                    

453+
        -webkit-transition-delay: 0.15s;

454-
                {block:SearchPage}

454+
        -moz-transition-delay: 0.15s;

455-
                    {block:NoSearchResults}

455+
        -o-transition-delay: 0.15s;

456-
                        <article class="post">

456+
        transition-delay: 0.15s;

457-
                            <div class="post_content">

457+
458-
                                <h1>{lang:Sorry no posts found}</h1>

458+
459-
                                <p>There are no results matching your search.</p>

459+
    .links li:hover a:after {

460-
                            </div>

460+
        left: 70%;

461-
                        </article>

461+
        opacity: 1;

462-
                    {/block:NoSearchResults}

462+
        background-color: {color:Links Hover};

463-
                {/block:SearchPage} 

463+
        -webkit-transition-delay: 0s;

464
        -moz-transition-delay: 0s;

465-
                {block:PermalinkPage}

465+
        -o-transition-delay: 0s;

466-
                    {block:Posts}

466+
        transition-delay: 0s;

467-
                        <article class="post">

467+
468-
                        

468+
469-
                            {block:Text}

469+
    .status-side {

470-
                                <div class="post_content">

470+
        {block:IfNotInfiniteScroll}bottom: 110px;{/block:IfNotInfiniteScroll}

471-
                                    {block:Title}<h1>{Title}</h1>{/block:Title}

471+
        {block:IfInfiniteScroll}bottom: 80px;{/block:IfInfiniteScroll}

472-
                                    {block:NotReblog}

472+
        {block:IfInfiniteScrollwithLoadMoreButton}bottom: 80px;{/block:IfInfiniteScrollwithLoadMoreButton}

473-
                                        <div class="post_entry">

473+
        position: fixed;

474-
                                            {Body}

474+
        z-index: 97;

475-
                                        </div>

475+
        left: 0px;

476-
                                    {/block:NotReblog}

476+
        width: 160px;

477-
                                    {block:RebloggedFrom}

477+
        height: 30px;

478-
                                        {block:Reblogs}

478+
        line-height: 29px;

479-
                                            <div class="reblog_trail_item">

479+
        color: {color:Description Text};

480-
                                                <div class="post_tumblelog">

480+
        background-color: {color:Description Bg};

481-
                                                    {block:HasPermalink}

481+
        border-top: 1px solid {color:Borders};

482-
                                                        <a href="{Permalink}" class="post_tumblelog_username" target="_blank">{Username}:</a>

482+
        border-right: 1px solid {color:Borders};

483-
                                                    {/block:HasPermalink}

483+
    } 

484-
                                                    {block:HasNoPermalink}

484+
485-
                                                        <span class="post_tumblelog_username{block:IsDeactivated} inactive{/block:IsDeactivated}">{Username}:</span>

485+
    .pagi {

486-
                                                    {/block:HasNoPermalink}

486+
        {block:IfInfiniteScrollwithLoadMoreButton}display: none;{/block:IfInfiniteScrollwithLoadMoreButton}

487-
                                                </div>

487+
        overflow: hidden;

488-
                                                <div class="post_entry">

488+
        list-style-type: none;

489-
                                                    {Body}

489+
        position: fixed;

490-
                                                </div>

490+
        z-index: 98;

491-
                                            </div>

491+
        left: 0px;

492-
                                        {/block:Reblogs}

492+
        bottom: 80px;

493-
                                    {/block:RebloggedFrom}

493+
        width: 160px;

494-
                                </div>

494+
        height: 30px;

495-
                            {/block:Text}

495+
        line-height: 29px;

496-
                            

496+
        color: {color:Text};

497-
                            {block:Photo}

497+
        background-color: {color:Post Bg};

498-
                                <figure>

498+
        border-top: 1px solid {color:Borders};

499-
                                    <div class="post_media clearfix">

499+
    } 

500-
                                        <img src="{PhotoURL-HighRes}" style="display:block;width:100%" alt="{PhotoAlt}"/>

500+
501-
                                    </div>

501+
    .pagi-button {

502-
                                    {block:Caption}

502+
        overflow: hidden;

503-
                                        <figcaption class="border-top">

503+
        position: relative;

504-
                                            <div class="post_content">

504+
        z-index: 1;

505-
                                                {block:NotReblog}

505+
        float: left;

506-
                                                    <div class="post_entry">

506+
        width: 80px;

507-
                                                        {Caption}

507+
        height: 30px;

508-
                                                    </div>

508+
        background-color: {color:Post Bg};

509-
                                                {/block:NotReblog}

509+
        border-right: 1px solid {color:Borders};

510-
                                                {block:RebloggedFrom}

510+
511-
                                                    {block:Reblogs}

511+
512-
                                                        <div class="reblog_trail_item">

512+
    .pagi-button span { opacity: 0.5; }

513-
                                                            <div class="post_tumblelog">

513+
514-
                                                                {block:HasPermalink}

514+
    .pagi-link {

515-
                                                                    <a href="{Permalink}" class="post_tumblelog_username" target="_blank">{Username}:</a>

515+
        position: absolute;

516-
                                                                {/block:HasPermalink}

516+
        z-index: 2;

517-
                                                                {block:HasNoPermalink}

517+
        width: 80px;

518-
                                                                    <span class="post_tumblelog_username{block:IsDeactivated} inactive{/block:IsDeactivated}">{Username}:</span>

518+
        height: 30px;

519-
                                                                {/block:HasNoPermalink}

519+
        color: {color:Text};

520-
                                                            </div>

520+
        background-color: {color:Post Bg};

521-
                                                            <div class="post_entry">

521+
522-
                                                                {Body}

522+
523-
                                                            </div>

523+
    .pagi-link:hover {

524-
                                                        </div>

524+
        color: {color:Links Hover};

525-
                                                    {/block:Reblogs}

525+
        background-color: {color:Description Bg};

526-
                                                {/block:RebloggedFrom}

526+
527-
                                            </div>

527+
528-
                                        </figcaption>

528+
    #search { 

529-
                                    {/block:Caption}

529+
        position: relative;

530-
                                </figure>

530+
        grid-area: search; 

531-
                            {/block:Photo}

531+
        background-color: {color:Post Bg};

532-
                            

532+
        border-top: 1px solid {color:Borders};

533-
                            {block:Photoset}

533+
        border-right: 1px solid {color:Borders};

534-
                                <figure>

534+
535-
                                    <div class="post_media clearfix">

535+
536-
                                        <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">

536+
    .search {

537-
                                            {block:Photos}

537+
        position: relative;

538-
                                                <div class="photo-data">

538+
        z-index: 99;

539-
                                                    <div class="pxu-photo">

539+
        grid-area: search;

540-
                                                        <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"/>

540+
        justify-self: center;

541-
                                                    </div>

541+
        align-self: center;

542-
                                                    <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>

542+
        overflow: hidden;

543-
                                                </div>

543+
        height: 24px;

544-
                                            {/block:Photos}

544+
        width: 120px;

545-
                                        </div>

545+
        border-radius: calc({text:Border Radius}px / 1.5);

546-
                                    </div>

546+
        border: 1px solid {color:Borders};

547-
                                    {block:Caption}

547+
548-
                                        <figcaption class="border-top">

548+
549-
                                            <div class="post_content">

549+
    .search input {

550-
                                                {block:NotReblog}

550+
        overflow: hidden;

551-
                                                    <div class="post_entry">

551+
        padding: 0;

552-
                                                        {Caption}

552+
        outline: 0;

553-
                                                    </div>

553+
        border: 0;

554-
                                                {/block:NotReblog}

554+
555-
                                                {block:RebloggedFrom}

555+
     

556-
                                                    {block:Reblogs}

556+
    #smb {

557-
                                                        <div class="reblog_trail_item">

557+
        position: relative;

558-
                                                            <div class="post_tumblelog">

558+
        float: right;

559-
                                                                {block:HasPermalink}

559+
        cursor: pointer;

560-
                                                                    <a href="{Permalink}" class="post_tumblelog_username" target="_blank">{Username}:</a>

560+
        width: 25px;

561-
                                                                {/block:HasPermalink}

561+
        height: 24px;

562-
                                                                {block:HasNoPermalink}

562+
        font-size: 15px;

563-
                                                                    <span class="post_tumblelog_username{block:IsDeactivated} inactive{/block:IsDeactivated}">{Username}:</span>

563+
        font-family: 'Pe-icon-7-stroke';

564-
                                                                {/block:HasNoPermalink}

564+
        color: {color:Description Text};

565-
                                                            </div>

565+
        background-color: {color:Description Bg};

566-
                                                            <div class="post_entry">

566+
        border-left: 1px solid {color:Borders};

567-
                                                                {Body}

567+
568-
                                                            </div>

568+
569-
                                                        </div>

569+
    .sb {

570-
                                                    {/block:Reblogs}

570+
        float: left;

571-
                                                {/block:RebloggedFrom}

571+
        height: 24px;

572-
                                            </div>

572+
        width: 93px;

573-
                                        </figcaption>

573+
        text-align: left;

574-
                                    {/block:Caption}

574+
        text-indent: 10px;

575-
                                </figure>

575+
        color: {color:Text};

576-
                            {/block:Photoset}

576+
577-
                            

577+
578-
                            {block:Video}

578+
    #main {

579-
                                <figure>

579+
        position: relative;

580-
                                    <div class="post_media clearfix">

580+
        z-index: 0;

581-
                                        <div class="tmblr-embed">

581+
        grid-area: main;

582-
                                            {VideoEmbed-500}

582+
        overflow: auto;

583-
                                        </div>

583+
        {block:IfBackgroundImageRepeat}background-repeat: repeat;{/block:IfBackgroundImageRepeat}

584-
                                    </div>

584+
        {block:IfNotBackgroundImageRepeat}background-repeat: no-repeat;{/block:IfNotBackgroundImageRepeat}

585-
                                    {block:Caption}

585+
        {block:IfBackgroundImageStretch}-webkit-background-size: cover; background-size: cover;{/block:IfBackgroundImageStretch}

586-
                                        <figcaption class="border-top">

586+
        background-position: {text:Background Image Positioning};

587-
                                            <div class="post_content">

587+
        {block:IfBackgroundImageImage}background-image: url('{image:Background Image}');{/block:IfBackgroundImageImage}

588-
                                                {block:NotReblog}

588+
589-
                                                    <div class="post_entry">

589+
590-
                                                        {Caption}

590+
    #container { margin: 0px auto; padding: 80px 0; }

591-
                                                    </div>

591+
    .container { position: relative; list-style-type: none; }

592-
                                                {/block:NotReblog}

592+
593-
                                                {block:RebloggedFrom}

593+
    #container, .container {

594-
                                                    {block:Reblogs}

594+
        {block:IndexPage}

595-
                                                        <div class="reblog_trail_item">

595+
        width: calc({text:Post Width}px  * {text:Number of Columns} + {text:Post Margins Size}px * ({text:Number of Columns} - 1));

596-
                                                            <div class="post_tumblelog">

596+
        {/block:IndexPage}

597-
                                                                {block:HasPermalink}

597+
        {block:PermalinkPage}

598-
                                                                    <a href="{Permalink}" class="post_tumblelog_username" target="_blank">{Username}:</a>

598+
        width: calc(402px + {text:Post Paddings Size}px * 2);

599-
                                                                {/block:HasPermalink}

599+
        {/block:PermalinkPage}

600-
                                                                {block:HasNoPermalink}

600+
601-
                                                                    <span class="post_tumblelog_username{block:IsDeactivated} inactive{/block:IsDeactivated}">{Username}:</span>

601+
602-
                                                                {/block:HasNoPermalink}

602+
    .clear {

603-
                                                            </div>

603+
        content: '';

604-
                                                            <div class="post_entry">

604+
        clear: both;

605-
                                                                {Body}

605+
        display: table;

606-
                                                            </div>

606+
607-
                                                        </div>

607+
608-
                                                    {/block:Reblogs}

608+
    {block:IndexPage}.container.are-images-unloaded { opacity: 0; }{/block:IndexPage}

609-
                                                {/block:RebloggedFrom}

609+
    .col-size { width: {text:Post Width}px; }

610-
                                            </div>

610+
    .gutter-size { width: {text:Post Margins Size}px; }

611-
                                        </figcaption>

611+
612-
                                    {/block:Caption}

612+
    .posts {

613-
                                </figure>

613+
        position: relative;

614-
                            {/block:Video}

614+
        float: left;

615-
                            

615+
        overflow: hidden;

616-
                            {block:Quote}

616+
        {block:IndexPage}

617-
                                <div class="post_content">

617+
        margin-bottom: {text:Post Margins Size}px;

618-
                                    <h3 class="quote">

618+
        width: {text:Post Width}px;

619-
                                        <span class="quotation">❝</span>

619+
        height: {text:Post Width}px;

620-
                                        <span>{Quote}</span>

620+
        {/block:IndexPage}

621-
                                    </h3>

621+
        {block:PermalinkPage}

622-
                                    {block:Source}

622+
        width: calc(402px + {text:Post Paddings Size}px * 2);

623-
                                        <div class="quote_source">{Source}</div>

623+
        margin-bottom: -1px;

624-
                                    {/block:Source}

624+
        {/block:PermalinkPage}

625-
                                </div>

625+
        border-radius: {text:Border Radius}px;

626-
                            {/block:Quote}

626+
        border: 1px solid {color:Borders};

627-
                            

627+
628-
                            {block:Link}

628+
629-
                                <div class="post_content">

629+
    .posts:nth-child({text:Enlarge nth Post}) {

630-
                                    <h1><a href="{URL}">{Name} <span class="fx fx-arrow-right"></span></a></h1>

630+
        width: calc({text:Post Width}px * 2 + {text:Post Margins Size}px);

631-
                                    {block:Description}

631+
        height: calc({text:Post Width}px * 2 + {text:Post Margins Size}px);

632-
                                        {block:NotReblog}

632+
633-
                                            <div class="post_entry">

633+
634-
                                                {Description}

634+
    .post {

635-
                                            </div>

635+
        position: relative;

636-
                                        {/block:NotReblog}

636+
        overflow: hidden;

637-
                                        {block:RebloggedFrom}

637+
        line-height: 1.125em;

638-
                                            {block:Reblogs}

638+
        {block:IndexPage}

639-
                                                <div class="reblog_trail_item">

639+
        width: calc({text:Post Width}px - 2px);

640-
                                                    <div class="post_tumblelog">

640+
        height: calc({text:Post Width}px - 2px);

641-
                                                        {block:HasPermalink}

641+
        {/block:IndexPage}

642-
                                                            <a href="{Permalink}" class="post_tumblelog_username" target="_blank">{Username}:</a>

642+
        {block:PermalinkPage}

643-
                                                        {/block:HasPermalink}

643+
        width: calc(400px + {text:Post Paddings Size} * 2 );

644-
                                                        {block:HasNoPermalink}

644+
        {/block:PermalinkPage}

645-
                                                            <span class="post_tumblelog_username{block:IsDeactivated} inactive{/block:IsDeactivated}">{Username}:</span>

645+
        background-color: {color:Post Bg};

646-
                                                        {/block:HasNoPermalink}

646+
        border: {text:Post Paddings Size}px solid {color:Post Bg};

647-
                                                    </div>

647+
648-
                                                    <div class="post_entry">

648+
649-
                                                        {Body}

649+
    .posts:nth-child({text:Enlarge nth Post}) .post{

650-
                                                    </div>

650+
        width: calc({text:Post Width}px * 2 + {text:Post Margins Size}px - 2px);

651-
                                                </div>

651+
        height: calc({text:Post Width}px * 2 + {text:Post Margins Size}px - 2px);

652-
                                            {/block:Reblogs}

652+
653-
                                        {/block:RebloggedFrom}

653+
654-
                                    {/block:Description}

654+
    .post a, .desc a { position: relative; display: inline-block; }

655-
                                </div>

655+
656-
                            {/block:Link}

656+
    .post a:after, .desc a:after {

657-
                            

657+
        position: absolute;

658-
                            {block:Chat}

658+
        bottom: 0;

659-
                                <div class="post_content">

659+
        left: 0;

660-
                                    {block:Title}<h1>{Title}</h1>{/block:Title}

660+
        opacity: 0;

661-
                                    <ul class="chat resetlist">

661+
        width: 0;

662-
                                        {block:Lines}

662+
        height: 1px;

663-
                                            <li>{block:Label}<b>{Label}</b>{/block:Label} {Line}</li>

663+
        content: '.';

664-
                                        {/block:Lines}

664+
        color: transparent;

665-
                                    </ul>

665+
        background-color: {color:Links Hover};

666-
                                </div>

666+
        -webkit-transition: all 0.3s linear;

667-
                            {/block:Chat}

667+
        -moz-transition: all 0.3s linear;

668-
                            

668+
        -o-transition: all 0.3s linear;

669-
                            {block:Audio}

669+
        transition: all 0.3s linear;

670-
                                <figure>

670+
671-
                                    <div class="post_media clearfix">

671+
672-
                                        {block:AudioEmbed}

672+
    .post a:hover:after, .desc a:hover:after {

673-
                                            <div class="tmblr-embed">

673+
        opacity: 1;

674-
                                                {AudioEmbed}

674+
        width: 100%;

675-
                                            </div>

675+
676-
                                        {/block:AudioEmbed}

676+
677-
                                        {block:AudioPlayer}

677+
    .post ol, .post ul { margin: 10px 10%; text-align: left; }

678-
                                            <div class="audio_container">

678+
    .post ol{ counter-reset: item; }

679-
                                                <div class="audio"{block:AlbumArt} style="background-image:url('{AlbumArtURL}')"{/block:AlbumArt}>

679+
    .post ol li { display: block; text-indent: -45px; margin: 0.4em 0; }

680-
                                                    <div class="playerbutton">

680+
681-
                                                        {AudioPlayer}

681+
    .post ol li::before {

682-
                                                    </div>

682+
        content: counter(item) ". ";

683-
                                                </div>

683+
        counter-increment: item;

684-
                                                <ul class="audio_info resetlist">

684+
        display: inline-block;

685-
                                                    {block:TrackName}<li><b>{TrackName}</b></li>{/block:TrackName}

685+
        margin-right: 5px;

686-
                                                    {block:Artist}<li><b>{Artist}</b></li>{/block:Artist}

686+
        width: 40px;

687-
                                                    <li><b>{PlayCountWithLabel}</b></li>

687+
        text-align: right;

688-
                                                </ul>

688+
        color: {color:Bold Text};

689-
                                            </div>

689+
690-
                                        {/block:AudioPlayer}

690+
691-
                                    </div>

691+
    .post ul{ list-style: none; }

692-
                                    {block:Caption}

692+
    .post ul li { margin: 0.4em 0; }

693-
                                        <figcaption class="border-top">

693+
694-
                                            <div class="post_content">

694+
    .post ul li:before{

695-
                                                {block:NotReblog}

695+
        content: '';

696-
                                                    <div class="post_entry">

696+
        display: inline-block;

697-
                                                        {Caption}

697+
        position: absolute;

698-
                                                    </div>

698+
        margin-left: -17px;

699-
                                                {/block:NotReblog}

699+
        width: 10px;

700-
                                                {block:RebloggedFrom}

700+
        height: 0.5em;

701-
                                                    {block:Reblogs}

701+
        border-bottom: 1px solid {color:Bold Text};

702-
                                                        <div class="reblog_trail_item">

702+
703-
                                                            <div class="post_tumblelog">

703+
704-
                                                                {block:HasPermalink}

704+
    .overflow {

705-
                                                                    <a href="{Permalink}" class="post_tumblelog_username" target="_blank">{Username}:</a>

705+
        {block:IndexPage}

706-
                                                                {/block:HasPermalink}

706+
        position: absolute;

707-
                                                                {block:HasNoPermalink}

707+
        z-index: 5;

708-
                                                                    <span class="post_tumblelog_username{block:IsDeactivated} inactive{/block:IsDeactivated}">{Username}:</span>

708+
        bottom: -10%;

709-
                                                                {/block:HasNoPermalink}

709+
        width: 100%;

710-
                                                            </div>

710+
        height: 10%;

711-
                                                            <div class="post_entry">

711+
        background-color: {color:Post Bg};

712-
                                                                {Body}

712+
        box-shadow: 0 0 30px 10px #fff;

713-
                                                            </div>

713+
        {/block:IndexPage}

714-
                                                        </div>

714+
715-
                                                    {/block:Reblogs}

715+
716-
                                                {/block:RebloggedFrom}

716+
    .center {

717-
                                            </div>

717+
        {block:IndexPage}

718-
                                        </figcaption>

718+
        width: 100%;

719-
                                    {/block:Caption}

719+
        margin: 50%;

720-
                                </figure>

720+
        transform: translate(-50%,-50%);

721-
                            {/block:Audio}

721+
        {/block:IndexPage}

722-
                            

722+
723-
                            {block:Answer}

723+
724-
                                <div class="post_media">

724+
    .entry { padding: 10%; max-height: 100%; }

725-
                                    <div class="answer_box">

725+
726-
                                        <div class="answer_tumblelog">Sent by {Asker}</div>

726+
    .chat { margin-bottom: 5px; }

727-
                                        <div class="post_content">{Question}</div>

727+
    .chat span { 

728-
                                    </div>

728+
        display: block; 

729-
                                    {block:Answerer}

729+
        font-weight: bold; 

730-
                                        <div class="answer_box">

730+
        color: {color:Bold Text}; 

731-
                                            <div class="answer_tumblelog">Sent by {Asker}</div>

731+
732-
                                            <div class="post_content">{Answer}</div>

732+
733-
                                        </div>

733+
    .vid {

734-
                                    {/block:Answerer}

734+
        {block:IndexPage}

735-
                                </div>

735+
        width: 100%;

736-
                                {block:NotReblog}

736+
        margin: 50%;

737-
                                    <div class="post_content">

737+
        float: left;

738-
                                        {Answer}

738+
        transform: translate(-50%,-50%);

739-
                                    </div>

739+
        {/block:IndexPage}

740-
                                {/block:NotReblog}

740+
741-
                                {block:RebloggedFrom}

741+
742-
                                    <div class="post_content">

742+
    .instagram-media { {block:IndexPage}transform: translate(0,36px);{/block:IndexPage}}

743-
                                        {block:Reblogs}

743+
    .soundcloud_audio_player { margin-top: 2px; }

744-
                                            <div class="reblog_trail_item">

744+
745-
                                                <div class="post_tumblelog">

745+
    .audio {

746-
                                                    {block:HasPermalink}

746+
        {block:IndexPage}

747-
                                                        <a href="{Permalink}" class="post_tumblelog_username" target="_blank">{Username}:</a>

747+
        width: 100%;

748-
                                                    {/block:HasPermalink}

748+
        height: 100%;

749-
                                                    {block:HasNoPermalink}

749+
        {/block:IndexPage}

750-
                                                        <span class="post_tumblelog_username{block:IsDeactivated} inactive{/block:IsDeactivated}">{Username}:</span>

750+
        {block:PermalinkPage}

751-
                                                    {/block:HasNoPermalink}

751+
        width: 400px;

752-
                                                </div>

752+
        height: 400px;

753-
                                                <div class="post_entry">

753+
        {/block:PermalinkPage}

754-
                                                    {Body}

754+
755-
                                                </div>

755+
756-
                                            </div>

756+
    .album-art {

757-
                                        {/block:Reblogs}

757+
        position: relative;

758-
                                    </div>

758+
        width: 100%;

759-
                                {/block:RebloggedFrom}

759+
        height: 100%;

760-
                            {/block:Answer}

760+
        margin-bottom: -100%;

761-
                            

761+
762-
                            {block:Date}

762+
763-
                                <div class="border-top">

763+
    .album-art img { width: 100%; }

764-
                                    <div class="post_content">

764+
765-
                                        <h3>{DayOfWeek} {DayOfMonth}{DayOfMonthSuffix} {Month} {ShortYear}</h3>

765+
    .player {

766-
                                        <p>

766+
        overflow: hidden;

767-
                                            with {NoteCountWithLabel}<br>

767+
        position: relative;

768-
                                            {block:RebloggedFrom}

768+
        z-index: 5;

769-
                                                reblogged via: <a href="{ReblogParentURL}" {Target}>{ReblogParentName}</a>, posted by: <a href="{ReblogRootURL}" {Target}>{ReblogRootName}</a><br>

769+
        margin: 50%;

770-
                                            {/block:RebloggedFrom}

770+
        width: 33px;

771-
                                            {block:ContentSource}

771+
        height: 32px;

772-
                                                source: <a href="{SourceURL}" {Target}>{SourceTitle}</a>

772+
        background: black;

773-
                                            {/block:ContentSource}

773+
        border-radius: {text:Border Radius}px;

774-
                                        </p>

774+
        {block:IndexPage}

775-
                                        {block:HasTags}

775+
        transform: translate(-50%,-50%);

776-
                                            <ul class="tags resetlist">

776+
        {/block:IndexPage}

777-
                                                {block:Tags}

777+
        {block:PermalinkPage}

778-
                                                    <li>

778+
         transform: translate(-50%,-50%) scale(1.5,1.5);

779-
                                                        <span class="fx fx-x"></span>

779+
        {/block:PermalinkPage}

780-
                                                        <a href="{TagURL}">{Tag}</a>

780+
781-
                                                    </li>

781+
782-
                                                {/block:Tags}

782+
    .posts:nth-child({text:Enlarge nth Post}) .player {

783-
                                            </ul>

783+
        transform: translate(-50%,-50%) scale(1.3,1.3);

784-
                                        {/block:HasTags}

784+
785-
                                    </div>

785+
786-
                                </div>

786+
    .tumblr_audio_player { 

787-
                            {/block:Date}

787+
        filter: invert(100%);

788-
                            

788+
        width: 32px; 

789-
                            {block:PostNotes}

789+
        margin-top: 2px;

790-
                                <div class="border-top">

790+
        margin-left: -3px;

791-
                                    <div class="post_content">

791+
792-
                                        {PostNotes-64}

792+
793-
                                    </div>

793+
    .ask-border {

794-
                                </div>

794+
        position: relative;

795-
                            {/block:PostNotes}

795+
        z-index: 1;

796-
                            

796+
        margin: 20px 0 -21px 0;

797-
                        </article>

797+
        width: 100%;

798-
                    {/block:Posts}

798+
        height: 1px;

799-
                {/block:PermalinkPage}

799+
        background-color: {color:Borders};

800-
            </main>

800+
801
    

802-
            {block:IndexPage}

802+
    .ask img {

803-
                <div class="page-load-status">

803+
        overflow: hidden;

804-
                    <p class="infinite-scroll-request">Loading...</p>

804+
        position: relative;

805-
                    <p class="infinite-scroll-last">End of posts</p>

805+
        z-index: 2;

806-
                    <p class="infinite-scroll-error">No more pages to load</p>

806+
        width: 40px;

807-
                 </div>

807+
        padding: 6px;

808-
                {block:Pagination}{block:NextPage}

808+
        border-radius: {text:Border Radius}px;

809-
                    <div class="manualload">

809+
        background-color: {color:Post Bg};

810-
                        <button class="load-more-button">Load More</button>

810+
        border: 1px solid {color:Borders};

811
    }

812-
                {/block:NextPage}{/block:Pagination}

812+
813-
            {/block:IndexPage}

813+
    .ask a { color: {color:Bold Text};  }

814
    .ask a:hover { color: {color:Links}; }

815
    .ask { border-bottom: 1px solid {color:Borders}; }

816
    

817-
        <div id="totopbox">

817+
    .ask {

818-
            <button id="totop" class="fx fx-chevron-up"></button>

818+
        position: relative;

819
        padding-bottom: 20px;

820
        margin-bottom: 20px;

821
    }

822-
    <!-- end of main blog container -->

822+
823
    .permalink {

824
        overflow: hidden;

825-
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

825+
        position: absolute;

826-
    <script src="https://static.tumblr.com/kmw8hta/1WKpaiuda/tooltipster.main.min.js"></script>

826+
        z-index: 10;

827-
    <script src="https://static.tumblr.com/kmw8hta/heppglaoh/tooltipster-discovery.min.js"></script>

827+
        opacity: 0;

828-
    <script src="https://static.tumblr.com/kmw8hta/rVKpb21vn/pxuphotoset.min.js"></script>

828+
        top: 0;

829
        right: 6%;

830-
    <script src="https://unpkg.com/masonry-layout@4/dist/masonry.pkgd.min.js"></script>

830+
        width: 86px;

831-
    <script src="https://static.tumblr.com/kmw8hta/mFAp456ch/infinite-scroll.pkgd.min.js"></script>

831+
        border-radius: calc({text:Border Radius}px / 1.5);

832
        -webkit-transition: all 0.3s ease-in-out;

833-
    <script src="https://dl.dropbox.com/s/s973vvkowu5gt5u/jquery.thm35.min.js"></script>

833+
        -moz-transition: all 0.3s ease-in-out;

834
        -o-transition: all 0.3s ease-in-out;

835
        transition: all 0.3s ease-in-out;

836-
    <!--   

836+
837-
        ==========================================================

837+
838
    .post:hover .permalink {

839
        top: 6%;

840-
        // Credits: 

840+
        opacity: 1;

841
    }

842-
        Feather Icons 

842+
843-
        - https://github.com/feathericons/feather

843+
    .permalink a {

844-
        - Copyright (c) 2013-2017 Cole Bemis

844+
        float: left;

845-
        - Licensed under the MIT license

845+
        margin-left: 1px;

846
        padding: 4px;

847-
        Infinite Scroll

847+
        width: 28px;

848-
        - https://infinite-scroll.com

848+
        height: 28px;

849-
        - Copyright (c) 2018 Metafizzy (https://metafizzy.co)

849+
        line-height: 20px;

850-
        - Licensed under Infinite Scroll Commercial Developer License

850+
        font-size: 14px;

851
        color: {color:Permalink Text};

852-
        Masonry

852+
        background-color: {color:Permalink Bg};

853-
        - https://masonry.desandro.com

853+
        -webkit-transition: all 0s;

854-
        - Copyright (c) 2019 David DeSandro (https://desandro.com)

854+
        -moz-transition: all 0s;

855-
        - Licensed under the MIT license

855+
        -o-transition: all 0s;

856
        transition: all 0s;

857-
        PXU Photost Extended

857+
858-
        - https://github.com/pixelunion/Extended-Tumblr-Photoset

858+
859-
        - Copyright (c) 2013 Pixel Union

859+
    .permalink a:hover {

860-
        - Licensed under the MIT license

860+
        color: {color:Links Hover};

861
    }

862-
        Tooltipster 

862+
863-
        - https://github.com/iamceege/tooltipster

863+
    .lkbn .like_button {

864-
        - Copyright (c) 2012,2016 Caleb Jacob and Louis Ameline

864+
        position: absolute;

865-
        - Licensed under the MIT license

865+
        z-index: 6;

866
        opacity: 0;

867
        {block:PermalinkPage}display: none;{/block:PermalinkPage}

868-
        ==========================================================

868+
869-
    --> 

869+
870
    .lkbn .like_button.liked + .likeb { font-weight: bold; color: #cc0000; }

871
        

872
    .post-info {

873
        cursor: default;

874
        overflow: hidden;

875
        position: absolute;

876
        z-index: 10;

877
        opacity: 0;

878
        bottom: 0;

879
        right: 6%;

880
        padding: 4px;

881
        width: 28px;

882
        height: 28px;

883
        border-radius: calc({text:Border Radius}px / 1.5);

884
        color: {color:Permalink Text};

885
        background-color: {color:Permalink Bg};

886
        transition: all 0.5s ease-in-out;

887
        -webkit-transition: all 0.5s ease-in-out;

888
        -moz-transition: all 0.5s ease-in-out;

889
        -o-transition: all 0.5s ease-in-out;

890
        transition: all 0.5s ease-in-out;

891
    }

892
    

893
    .post:hover .post-info {

894
        bottom: 6%;

895
        opacity: 1;

896
        -webkit-transition: all 0.3s ease-in-out;

897
        -moz-transition: all 0.3s ease-in-out;

898
        -o-transition: all 0.3s ease-in-out;

899
        transition: all 0.3s ease-in-out;

900
    }

901
    

902
    .post:hover .post-info:hover {

903
        bottom: 0;

904
        right: 0;

905
        width: 100%;

906
        height: 100%;

907
        border-radius: 0px;

908
        -webkit-transition: all 0.5s ease-in-out;

909
        -moz-transition: all 0.5s ease-in-out;

910
        -o-transition: all 0.5s ease-in-out;

911
        transition: all 0.5s ease-in-out;

912
    }

913
    

914
    .info-icon {

915
        width: 20px;

916
        height: 20px;

917
        line-height: 20px;

918
        font-size: 13px;

919
        -webkit-transition: all 0.3s ease-in-out;

920
        -moz-transition: all 0.3s ease-in-out;

921
        -o-transition: all 0.3s ease-in-out;

922
        transition: all 0.3s ease-in-out;

923
    }

924
    

925
    .post-info:hover .info-icon {

926
        margin-top: -20px;

927
        -webkit-transition: all 0s;

928
        -moz-transition: all 0s;

929
        -o-transition: all 0s;

930
        transition: all 0s;

931
    }

932
    

933
    .info {

934
        overflow: hidden;

935
        opacity: 0;

936
        max-height: 100%;

937
        padding: 2px 0;

938
        -webkit-transition: all 0.5s ease-in-out;

939
        -moz-transition: all 0.5s ease-in-out;

940
        -o-transition: all 0.5s ease-in-out;

941
        transition: all 0.5s ease-in-out;

942
    }

943
        

944
    .post-info:hover .info {

945
        opacity: 1;

946
        -webkit-transition-delay: 0.4s;

947
        -moz-transition-delay: 0.4s;

948
        -o-transition-delay: 0.4s;

949
        transition-delay: 0.4s;

950
    }

951
    

952
    .time { 

953
        margin-top: 10px;

954
        font-weight: bold;

955
        text-transform: uppercase;

956
    }

957
            

958
    .note-no { 

959
        font-style: italic;

960
    }

961
            

962
    .tags { margin: 14px 0 4px 0; }

963
    

964
    .tags a { 

965
        display: inline; 

966
        line-height: 1em; 

967
        color: {color:Permalink Text}; 

968
        -webkit-transition: all 0s;

969
        -moz-transition: all 0s;

970
        -o-transition: all 0s;

971
        transition: all 0s;

972
    }

973
    

974
    .tags a:hover { color: {color:Links Hover}; }

975
    .tags span, .p-tag span { display: inline; vertical-align: middle; }

976
    

977
    .p-tag { margin: 20px 0 5px 0; }

978
    .p-tag a { color: {color:Text}; }

979
    .p-tag a:hover { color: {color:Links Hover}; }

980
    

981
    .source { margin-top: 25px; }

982
    

983
    .source a{

984
        display: inline-block;

985
        margin: 1px 6px;

986
        width: 24px;

987
        height: 24px;

988
        line-height: 22px;

989
        font-size: 16px;

990
        border-radius: calc({text:Border Radius}px / 1.5);

991
        color: {color:Description Text};

992
        background-color: {color:Description Bg};

993
        border: 1px solid {color:Borders};

994
    }

995
    

996
    ol.notes { 

997
        list-style-type: none; 

998
        margin: 0;

999
        padding: 0;

1000
        text-align: center; 

1001
    }

1002
    

1003
    ol.notes li:before { display: none; }

1004
    ol.notes li { margin: 6px 0; text-indent: 0;}

1005
1006
    ol.notes img.avatar {

1007
        overflow: hidden;

1008
        display: inline;

1009
        margin-right: 10px;

1010
        padding: 4px;

1011
        width: 22px;

1012
        height: 22px;

1013
        vertical-align: middle;

1014
        border-radius: {text:Border Radius}px;

1015
        background-color: {color:Description Bg};

1016
        border: 1px solid {color:Borders};

1017
    }

1018
    

1019
    .pagination { display: none; }

1020
    .page-load-status { display: none; margin: 40px auto -20px auto; }

1021
            

1022
    .load-more-button {

1023
        cursor: pointer;

1024
        position: relative;

1025
        overflow: hidden;

1026
        margin: 40px auto 0 auto;

1027
        width: 90px;

1028
        height: 26px;

1029
        line-height: 24px;

1030
        border-radius: calc({text:Border Radius}px / 1.5);

1031
        color: {color:Text};

1032
        background-color: {color:Post Bg};

1033
        border: 1px solid {color:Borders};

1034
    }

1035
    

1036
    #totop {

1037
        cursor: pointer;

1038
        display: none;

1039
        position: fixed;

1040
        z-index: 99999;

1041
        overflow: hidden;

1042
        width: 30px;

1043
        height: 30px;

1044
        bottom: 20px;

1045
        right: 28px;

1046
        font-size: 28px;

1047
        line-height: 28px;

1048
        border-radius: calc({text:Border Radius}px / 1.5);

1049
        color: {color:Text};

1050
        background-color: {color:Post Bg};

1051
        border: 1px solid {color:Borders};

1052
    }

1053
     

1054
    #s-m-t-tooltip{

1055
        overflow: hidden;

1056
        z-index: 99999;

1057
        margin: 10px 16px;

1058
        padding: 4px 10px;

1059
        color: {color:Tooltip Text};

1060
        background-color: {color:Tooltip Bg};

1061
        border-radius: calc({text:Border Radius}px / 1.5);

1062
    }

1063
1064
    .permalink a:after, .source a:after, .tags a:after, .ai:after, .notes a:after { display: none; }

1065
        

1066
    {CustomCSS}

1067
                

1068
</style>

1069
</head>

1070
<body>

1071
1072
<div id="totop" class="pe-7s-angle-up"></div>

1073
1074
<div id="grid">

1075
1076
    <div id="header"></div>

1077
    

1078
    {block:IfCustomTumblrControls}{block:IndexPage}

1079
    <ul class="tumblr-ctrl">

1080
        {block:Pagination}

1081
        <li>

1082
            {block:IfNotInfiniteScroll}

1083
            <div class="status-bar description" style="{block:IfInfiniteScrollwithLoadMoreButton}display: none;{/block:IfInfiniteScrollwithLoadMoreButton}">Currently on page {CurrentPage}</div>

1084
            {/block:IfNotInfiniteScroll}

1085
            {block:IfInfiniteScroll}

1086
            <div class="status-bar description status" style="{block:IfInfiniteScrollwithLoadMoreButton}display: none;{/block:IfInfiniteScrollwithLoadMoreButton}">Currently on page 1</div>

1087
            {/block:IfInfiniteScroll}

1088
            {block:IfInfiniteScrollwithLoadMoreButton}

1089
            <div class="status-bar description status">Currently on page 1</div>

1090
            {/block:IfInfiniteScrollwithLoadMoreButton}

1091
        </li>

1092
        {/block:Pagination}

1093
        <li><a class="pe-7s-add-user" href="https://www.tumblr.com/follow/{Name}" title="Follow"></a></li>

1094
        <li><a class="pe-7s-comment" href="https://www.tumblr.com/message/{Name}" title="Message"></a></li>

1095
        <li><a class="pe-7s-global" href="https://www.tumblr.com/dashboard" title="Dashboard"></a></li>

1096
    </ul>

1097
    {/block:IndexPage}{/block:IfCustomTumblrControls}

1098
1099
    <div class="slidemenu header">

1100
        <input type="radio" name="slideItem" id="slide-1" class="slide-toggle" checked/>

1101
        <label for="slide-1" class="slide-1"><a href="/">Home</a></label>

1102
        <input type="radio" name="slideItem" id="slide-2" class="slide-toggle"/>

1103
        <label for="slide-2" class="slide-2"><a href="/ask">Ask</a></label>

1104
        <input type="radio" name="slideItem" id="slide-3" class="slide-toggle"/>

1105
        <label for="slide-3" class="slide-3"><a href="/archive">Archive</a></label>

1106
        <input type="radio" name="slideItem" id="slide-4" class="slide-toggle"/>

1107
        <label for="slide-4" class="slide-4"><a href="https://yeoli.tumblr.com" target="_blank">Theme</a></label>

1108
        <div class="clear"></div>

1109
        <div class="slider">

1110
            <div class="bar"></div>

1111
        </div>

1112
    </div>

1113
    

1114
    <div id="sidebar">

1115
        <div class="line"></div>

1116
        <div class="blog-avatar"><img src="{PortraitURL-40}"/></div>

1117
        <div class="title">{Title}</div>

1118
        {block:Description}<div class="desc description">{Description}</div>{/block:Description}

1119
        

1120
        <ul class="links header"> 

1121
            {block:IfLink1}<li><a href="{text:Link 1 URL}">{text:Link 1}</a></li>{/block:IfLink1}

1122
            {block:IfLink2}<li><a href="{text:Link 2 URL}">{text:Link 2}</a></li>{/block:IfLink2}

1123
            {block:IfLink3}<li><a href="{text:Link 3 URL}">{text:Link 3}</a></li>{/block:IfLink3}

1124
            {block:IfLink4}<li><a href="{text:Link 4 URL}">{text:Link 4}</a></li>{/block:IfLink4}

1125
            {block:IfLink5}<li><a href="{text:Link 5 URL}">{text:Link 5}</a></li>{/block:IfLink5}

1126
            {block:IfLink6}<li><a href="{text:Link 6 URL}">{text:Link 6}</a></li>{/block:IfLink6}

1127
        </ul>

1128
        

1129
    {block:IndexPage}{block:Pagination}

1130
    {block:IfNotCustomTumblrControls}

1131
    <div class="status-side description">

1132
        {block:IfNotInfiniteScroll}

1133
        <div style="{block:IfInfiniteScrollwithLoadMoreButton}display: none;{/block:IfInfiniteScrollwithLoadMoreButton}">Currently on page {CurrentPage}</div>

1134
        {/block:IfNotInfiniteScroll}

1135
        {block:IfInfiniteScroll}

1136
        <div class="status" style="{block:IfInfiniteScrollwithLoadMoreButton}display: none;{/block:IfInfiniteScrollwithLoadMoreButton}">Currently on page 1</div>

1137
        {/block:IfInfiniteScroll}

1138
        {block:IfInfiniteScrollwithLoadMoreButton}

1139
        <div class="status">Currently on page 1</div>

1140
        {/block:IfInfiniteScrollwithLoadMoreButton}

1141
    </div>

1142
    {/block:IfNotCustomTumblrControls}

1143
    {block:IfNotInfiniteScroll}

1144
    <div class="pagi description">

1145
        <div class="pagi-button">

1146
            {block:PreviousPage}<a href="{PreviousPage}"><div class="pagi-link">Prev</div></a>{/block:PreviousPage}

1147
            <span>Prev</span>

1148
        </div>

1149
        <div class="pagi-button">

1150
            {block:NextPage}<a href="{NextPage}"><div class="pagi-link">Next</div></a>{/block:NextPage}

1151
            <span>Next</span>

1152
        </div>

1153
    </div>

1154
    {/block:IfNotInfiniteScroll}

1155
    {/block:Pagination}{/block:IndexPage} 

1156
1157
    </div>

1158
    

1159
    <div id="search"></div>

1160
    

1161
        <form action="/search" method="get" class="search">

1162
            <input type="text" name="q" value="{SearchQuery}" placeholder="Find..." class="sb description"/>

1163
            <input type="submit" value="&#xe618" id="smb"/>

1164
        </form>

1165
        

1166
    <div id="main">

1167
    <div id="container">

1168
    

1169
        <ol class="container {select:Layout} are-images-unloaded">

1170
            <div class="col-size"></div>

1171
            <div class="gutter-size"></div>

1172
        

1173
            {block:Posts}

1174
            <li id="{PostID}" class="posts"><div class="post">

1175
            

1176
            {block:IndexPage}{/block:Date}

1177
                 <div class="permalink">

1178
                    <a class="icon pe-7s-refresh" href="{ReblogURL}" target="_blank" style="margin-left: 0px; font-size: 12px"></a>

1179
                    <a class="icon pe-7s-ribbon" href="{Permalink}"></a>

1180
                    <a class="icon lkbn">{LikeButton color="black" size="20"}<span class="likeb pe-7s-like"></span></a>

1181
                </div>

1182
                

1183
                {block:IfShowPostInfo}

1184
                <div class="post-info">

1185
                    <div class="info-icon pe-7s-more"></div>

1186
                    <div class="info center">

1187
                        <div class="time">{ShortDayOfWeek} {DayOfMonth} {ShortMonth}</div>

1188
                        <div class="note-no">with {NoteCountWithLabel}</div>

1189
                        <div class="tags">{block:Tags}<span class="pe-7s-close"></span> <a href="{TagURL}">{Tag}</a> {/block:Tags}</div>

1190
                    </div>

1191
                </div>

1192
                {/block:IfShowPostInfo}

1193
            {/block:Date}{/block:IndexPage}

1194
            

1195
                {block:Text}

1196
                <div class="overflow"></div>

1197
                <div class="center entry">

1198
                    {block:Title}<h1>{Title}</h1>{/block:Title}

1199
                    {Body}

1200
                </div>

1201
                {/block:Text}

1202
            

1203
                {block:Photo}

1204
                <div class="center">

1205
                    {block:IndexPage}

1206
                    <img src="{PhotoURL-500}" alt="{PhotoAlt}" style="display: block; width: 100%;"/>

1207
                    {/block:IndexPage}

1208
                    {block:PermalinkPage}

1209
                    <a class="ai" href="/image/{PostID}" target="_blank"><img src="{PhotoURL-500}" alt="{PhotoAlt}" style="display: block; width: 100%;"/></a>

1210
                    {/block:PermalinkPage}

1211
                </div>

1212
                {/block:Photo}

1213
                

1214
                {block:Photoset}

1215
                <div class="center">

1216
                    {Photoset}

1217
                </div>

1218
                {/block:Photoset}

1219
                

1220
                {block:Video}

1221
                <div class="vid"><div class="video">

1222
                    {Video-500}

1223
                </div></div>

1224
                {/block:Video}

1225
                

1226
                {block:Quote}

1227
                <div class="overflow"></div>

1228
                <div class="center entry">

1229
                    <div style="height: 8px; font-size: 32px; font-family: Arial; font-weight: normal; color: {color:Italic Text};">❝</div>

1230
                    <h6><i> {Quote} </i></h6>

1231
                    {block:Source}{Source}{/block:Source}

1232
                </div>

1233
                {/block:Quote}

1234
            

1235
                {block:Link}

1236
                <div class="overflow"></div>

1237
                <div class="center entry">

1238
                    <a href="{URL}" target="{Target}"><h2>{Name}</h2></a>

1239
                    {block:Description}{Description}{/block:Description}

1240
                </div>

1241
                {/block:Link}

1242
            

1243
                {block:Chat}

1244
                <div class="overflow"></div>

1245
                <div class="center entry">

1246
                    {block:Title}<h2>{Title}</h2>{/block:Title}

1247
                    {block:Lines}

1248
                        <div class="chat">

1249
                        {block:Label}<span>{Label}</span>{/block:Label}

1250
                        {Line}

1251
                        </div>

1252
                    {/block:Lines}

1253
                </div>

1254
                {/block:Chat}

1255
                

1256
                {block:Audio}

1257
                <div class="audio">

1258
                    <div class="album-art"><img src="http://static.tumblr.com/kmw8hta/PJpoz0q0q/art.jpg"/></div>

1259
                    {block:AlbumArt}<div class="album-art"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}

1260
                    <div class="player">{AudioPlayer}</div>

1261
                </div>

1262
                {/block:Audio}

1263
                

1264
                {block:Answer}

1265
                <div class="overflow"></div>

1266
                <div class="center entry">

1267
                    <div class="ask">

1268
                        <div class="ask-border"></div>

1269
                        <img src="{AskerPortraitURL-40}"/>

1270
                        <h6>Sent by {Asker} : </h6>

1271
                        <p>{Question}</p>

1272
                    </div>

1273
                    <p>{Answer}</p>

1274
                </div>

1275
                {/block:Answer}

1276
            

1277
            </div></li>

1278
            

1279
            {block:PermalinkPage}

1280
            {block:Caption}<li class="posts"><div class="post" style="border: 20px solid {color:Post Bg};">{Caption}</li>{/block:Caption}

1281
            

1282
            {block:Date}

1283
            <li class="posts"><div class="post" style="border: 20px solid {color:Post Bg};">

1284
                <h4>{DayOfWeek} {DayOfMonth}{DayOfMonthSuffix} {Month} {ShortYear}</h4>

1285
                {block:NoteCount}<p>with {NoteCountWithLabel}</p>{/block:NoteCount}

1286
                {block:HasTags}

1287
                <div class="p-tag">

1288
                    {block:Tags}<span class="pe-7s-close"></span> <a href="{TagURL}">{Tag}</a> {/block:Tags}

1289
                </div>

1290
                {/block:HasTags}

1291
                

1292
                {block:ContentSource}

1293
                <div class="source">

1294
                    {block:RebloggedFrom}

1295
                    <a class="pe-7s-refresh-cloud" href="{ReblogParentURL}" title="Reblogged from {ReblogParentName}" target="_blank"></a>

1296
                    <a class="pe-7s-cloud-upload" href="{ReblogRootURL}}" title="Posted by {ReblogRootName}" target="_blank"></a>

1297
                    {/block:RebloggedFrom}

1298
                    <a class="pe-7s-cloud-download" href="{SourceURL}" title="Source" target="_blank"></a>

1299
                </div>

1300
               {/block:ContentSource}

1301
            </li>

1302
            {/block:Date}

1303
            

1304
            {block:PostNotes} 

1305
            <li class="posts"><div class="post" style="border: 20px solid {color:Post Bg};">{PostNotes}</li>

1306
            {/block:PostNotes} 

1307
            {/block:PermalinkPage}

1308
            

1309
            {/block:Posts}

1310
        </ol>

1311
        

1312
        <div class="clear"></div>

1313
1314
        {block:IndexPage}

1315
            <div class="page-load-status">

1316
                <p class="infinite-scroll-request">Loading...</p>

1317
                <p class="infinite-scroll-last">End of content</p>

1318
                <p class="infinite-scroll-error">No more pages to load</p>

1319
             </div>

1320
            {block:IfInfiniteScrollwithLoadMoreButton}

1321
            {block:Pagination}{block:NextPage}

1322
            <div class="load-more-button">Load More</div>

1323
            {/block:NextPage}{/block:Pagination}

1324
            {/block:IfInfiniteScrollwithLoadMoreButton}

1325
        {/block:IndexPage}

1326
1327
    </div>

1328
    </div>

1329
1330
    <div class="pagination">

1331
        {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}

1332
    </div>

1333
    

1334
</div>  

1335
    

1336
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>    

1337
    <script type="text/javascript" src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>

1338
    <script type="text/javascript" src="https://static.tumblr.com/kmw8hta/NaEnnqkxd/tooltip.js"></script>

1339
    <script src="https://unpkg.com/infinite-scroll@3/dist/infinite-scroll.pkgd.min.js"></script>

1340
    <script src="https://static.tumblr.com/fxwznoj/Gxcoy13dm/masonry.pkgd.min.js"></script>

1341
        

1342
    <script src="http://static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>

1343
1344
    <script>

1345
    $('#totop').click(function () {

1346
        $('#main').animate({

1347
            scrollTop: 0

1348
        }, 600);

1349
        return false;

1350
    });

1351
 

1352
    $('#main').scroll(function () {

1353
        if ($(this).scrollTop() > 50) {

1354
            $('#totop').fadeIn();

1355
        } else {

1356
            $('#totop').fadeOut();

1357
        }

1358
    });

1359
    </script>

1360
    

1361
    {block:IndexPage}

1362
    <script>

1363
    $(document).ready(function(){

1364
        var $container = $('.container').masonry({

1365
            itemSelector: 'none',

1366
            columnWidth: '.col-size',

1367
            gutter: '.gutter-size',

1368
        });

1369
        var msnry = $container.data('masonry');

1370
        $container.imagesLoaded( function() {

1371
            $container.removeClass('are-images-unloaded');

1372
            $container.masonry( 'option', { itemSelector: '.posts' });

1373
            var $items = $container.find('.posts');

1374
            $container.masonry( 'appended', $items );

1375
        });

1376
        $container.infiniteScroll({

1377
            append: '.posts',

1378
            outlayer: msnry,

1379
            history: false,

1380
            elementScroll: '#main',

1381
            scrollThreshold: 100,

1382
            {block:IfInfiniteScroll}

1383
            path: '.pagination a#next',

1384
            status: '.page-load-status',

1385
            prefill: true,

1386
            {/block:IfInfiniteScroll}

1387
            {block:IfInfiniteScrollwithLoadMoreButton}

1388
            path: '.pagination a#next',

1389
            status: '.page-load-status',

1390
            button: '.load-more-button',

1391
            loadOnScroll: false,

1392
            {/block:IfInfiniteScrollwithLoadMoreButton}

1393
        });

1394
        var infScroll = $container.data('infiniteScroll');

1395
        var $statusBar = $('.status');

1396
        $container.on( 'load.infiniteScroll', function() {

1397
            $statusBar.text( 'Currently on page ' + infScroll.pageIndex );

1398
        });

1399
        $container.on( 'append.infiniteScroll', function( event, response, path, items ) {

1400
            $container.masonry( 'option', { itemSelector: '.posts' });

1401
            var $items   = $container.find( items );

1402
            var $newItemsIDs = $items.map(function () {

1403
               return $(this).attr('id');

1404
            }).get();

1405
            Tumblr.LikeButton.get_status_by_post_ids($newItemsIDs);

1406
            resizeVideos();

1407
        });

1408
    });

1409
    </script>

1410
    {/block:IndexPage}

1411
    

1412
</body>

1413
</html>
        

    


            


                                


        

            



                
    

        Public Pastes
    

    
            

    

                    

        

    





    


    
    
    
    
    
    
    
    




    


    



                

            We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.             OK, I Understand
        

    
                

            

                
                    
                
            

            

                Not a member of Pastebin yet?

                Sign Up, it unlocks many cool features!