API tools faq
paste
Advertisement
ciralism

Magazine

ciralism
Jan 24th, 2016
7,129
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.29 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <head>
  5. <title>{Title}</title>
  6. <link rel="shortcut icon" href="{Favicon}">
  7. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  8. {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
  9. <!---
  10.  
  11. MAGAZINE
  12. theme by @ciralism
  13.  
  14. // use respectfully
  15. // don't be an ass
  16.  
  17. ---->
  18.  
  19. <!---boolean operators-->
  20. <meta name="if:Welcome" content="1"/>
  21. <meta name="if:right menu" content="1"/>
  22. <meta name="if:hide captions" content="1"/>
  23. <meta name="if:updates tab" content="0"/>
  24. <meta name="if:six links" content="1"/>
  25. <meta name="if:infinite scroll" content="0"/>
  26.  
  27. <!---images---->
  28. <meta name="image:icon" content=""/>
  29. <meta name="image:bigmiddlebar" content=""/>
  30.  
  31. <!---icon shape options--->
  32. <meta name="select:icon shape" content="none" title="square"/>
  33. <meta name="select:icon shape" content="50%" title="circular"/>
  34. <meta name="select:icon shape" content="50% 0 50% 50%" title="tear upper right"/>
  35. <meta name="select:icon shape" content="50% 50% 0 50%" title="tear lower right"/>
  36. <meta name="select:icon shape" content="0 50% 50% 50%" title="tear upper left"/>
  37. <meta name="select:icon shape" content="50% 50% 50% 0" title="tear lower left"/>
  38. <!--font options --->
  39. <meta name="select:body font" content="Open Sans" title="Open Sans: Recommended"/>
  40. <meta name="select:body font" content="Helvetica Neue"/>
  41. <meta name="select:body font" content="Sans-Serif"/>
  42. <meta name="select:body font" content="Arial"/>
  43. <meta name="select:body font" content="Trebuchet MS, Sans-Serif" title="Trebuchet MS"/>
  44. <meta name="select:body font" content="Verdana, Sans-Serif" title="Verdana"/>
  45. <meta name="select:body font" content="Courier New, Courier, Sans-Serif" title="Courier New"/>
  46. <meta name="select:body font" content="Times New Roman, Serif" title="Times New Roman"/>
  47. <meta name="select:body font" content="Georgia, Serif" title="Georgia"/>
  48. <meta name="select:body font" content="Baskerville, Serif" title="Baskerville"/>
  49.  
  50. <meta name="select:heading font" content="Muli" title="Muli: Recommended"/>
  51. <meta name="select:heading font" content="Helvetica Neue"/>
  52. <meta name="select:heading font" content="Sans Serif"/>
  53. <meta name="select:heading font" content="Arial"/>
  54. <meta name="select:heading font" content="Trebuchet MS, Sans-Serif" title="Trebuchet MS"/>
  55. <meta name="select:heading font" content="Verdana, Sans-Serif" title="Verdana"/>
  56. <meta name="select:heading font" content="Courier New, Courier, Sans-Serif" title="Courier New"/>
  57. <meta name="select:heading font" content="Times New Roman, Serif" title="Times New Roman"/>
  58. <meta name="select:heading font" content="Georgia, Serif" title="Georgia"/>
  59. <meta name="select:heading font" content="Baskerville, Serif" title="Baskerville"/>
  60.  
  61. <!---color options--->
  62. <meta name="color:text" content="#000000"/>
  63. <meta name="color:background" content="#ffffff"/>
  64. <meta name="color:link hover" content="#888888"/>
  65. <meta name="color:accent" content="#dddddd"/>
  66. <meta name="color:middlebar top background" content="#ffffff"/>
  67. <meta name="color:middlebar background" content="#ffffff"/>
  68. <meta name="color:heading border" content="#000000"/>
  69. <meta name="color:blockquote edge" content="#dddddd"/>
  70. <meta name="color:post background" content="#ffffff"/>
  71. <meta name="color:bold text" content="#000000"/>
  72. <meta name="color:italic text" content="#000000"/>
  73. <meta name="color:blockquote background" content="#f3f3f3"/>
  74. <meta name="color:info background" content="#ffffff"/>
  75. <meta name="color:info border" content="#eeeeee"/>
  76. <meta name="color:info text" content="#000000"/>
  77. <meta name="color:middlebar borders" content="#eeeeee"/>
  78. <meta name="color:captions" content="#444"/>
  79. <meta name="color:chat line1 border" content="#eeeeee"/>
  80. <meta name="color:chat line1 background" content="#ffffff"/>
  81. <meta name="color:chat line2 border" content="#eeeeee"/>
  82. <meta name="color:chat line2 background" content="#ffffff"/>
  83.  
  84. <!--text options -->
  85. <meta name="text:welcome title" content="welcome to magazine."/>
  86. <meta name="text:subtitle" content="subtitle here"/>
  87. <meta name="text:underneath" content="Established February 3rd 2015"/>
  88. <meta name="text:link1url" content="link 1 url"/>
  89. <meta name="text:link 1" content="link 1"/>
  90. <meta name="text:link2url" content="link 2 url"/>
  91. <meta name="text:link 2" content="link 2"/>
  92. <meta name="text:link3url" content="link 3 url"/>
  93. <meta name="text:link 3" content="link 3"/>
  94. <meta name="text:link4url" content="link 4 url"/>
  95. <meta name="text:link 4" content="link 4"/>
  96. <meta name="text:link5url" content="link 5 url"/>
  97. <meta name="text:link 5" content="link 5"/>
  98. <meta name="text:link6url" content="link 6 url"/>
  99. <meta name="text:link 6" content="link 6"/>
  100. <meta name="text:updatestitle" content="updates"/>
  101. <meta name="text:updatesdate1" content="01.05"/>
  102. <meta name="text:update1" content="first update here"/>
  103. <meta name="text:updatesdate2" content="01.04"/>
  104. <meta name="text:update2" content="second update here"/>
  105. <meta name="text:updatesdate3" content="01.02"/>
  106. <meta name="text:update3" content="third update here"/>
  107. <meta name="text:updatesdate4" content="01.01"/>
  108. <meta name="text:update4" content="fourth update here"/>
  109.  
  110.  
  111. <!---externally loaded fonts--->
  112. <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
  113. <link href='https://fonts.googleapis.com/css?family=Muli:400,300' rel='stylesheet' type='text/css'>
  114. <link href='https://fonts.googleapis.com/css?family=Playfair+Display:400,700,900' rel='stylesheet' type='text/css'>
  115.  
  116. <style type="text/css">
  117. /* BASICS */
  118. body {background-color:{color:background};font-family:{select:body font};color:{color:text};counter-reset:post-counter;}
  119. a {color:#000;text-decoration:none;-webkit-transition-duration:600ms;-o-transition-duration:600ms;-moz-transition-duration:600ms;-ms-transition-duration:600ms;}
  120. a:hover, a:active {
  121. color:{color:link hover};
  122. }
  123. h1 {text-align:left;text-transform:none;margin:15px 0 15px 0!important;font-family:{select:heading font};font-size:20px;}
  124. h1::before {content:"";position:absolute;width:80px;height:2px;background:{color:heading border};margin-top:30px;}
  125. h2 {font-family:{select:heading font};font-size:14px;font-weight:bold;margin:10px 0 5px 0!important;text-align:center;}
  126. #tumblr_controls,.tmblr-iframe {transform:scale(.8);-webkit-transform:scale(.8);position:fixed;top:0;right:-10px;filter:invert(100%);-webkit-filter:invert(100%);opacity:.3;}
  127. blockquote {text-align:left!important;font-family:Muli;border-left:2px solid {color:blockquote edge};padding:1px 15px;background-color:{color:blockquote background};color:#000;font-size:10px;letter-spacing:1px;line-height:20px!important;font-weight:300!important;}
  128. blockquote img {max-width:100%;height:auto;}
  129. b, em {font-weight:bold;font-size:11px;color:{color:bold text};}
  130. i {color:{color:italic text};}
  131. ul {list-style-type:none;}
  132. ul li::before {content:"❯";position:absolute;margin-left:-10px;font-size:6px;color:{color:blockquote edge}}
  133.  
  134. /* middlebar */
  135.  
  136. .middlebar {position:fixed;width:180px;height:100%;top:0;left:50%;margin-left:-90px;background:{color:middlebar background};border:1px solid {color:middlebar borders};border-top:none;border-bottom:none;text-align:center;}
  137. .middlebar-top {background:{color:middlebar top background};padding-bottom:20px;z-index:99;border-bottom:1px solid {color:middlebar borders};}
  138. .title {text-transform:uppercase;font-family:{select:heading font};, Sans-Serif;color:#000;font-weight:700;letter-spacing:2px;padding:10px;border:1px solid {color:accent};width:calc(100% - 50px);margin-left:15px;margin-top:10px;font-size:10px;}
  139.  
  140. .middlebarimage img {width:40px;height:40px;margin:20px 0 10px 0;border-radius:{select:icon shape};-webkit-transition-duration:600ms;-o-transition-duration:600ms;-moz-transition-duration:600ms;-ms-transition-duration:600ms;}
  141. {block:ifupdatestab}
  142. .middlebarimage::after {content:"";text-align:center;font-size:10px;width:24px;height:24px;opacity:0;background:url(http://iconshow.me/media/images/ui/ios7-icons/png/512/plus-empty.png) #fff;background-size:cover;position:absolute;margin-left:-32px;margin-top:28px;border-radius:{select:icon shape};cursor:help;-webkit-transition-duration:600ms;-o-transition-duration:600ms;-moz-transition-duration:600ms;-ms-transition-duration:600ms;}
  143. .middlebarimage:hover::after {opacity:1}
  144. .middlebarimage:hover img {transform:rotate(360deg);}
  145. {/block:ifupdatestab}
  146.  
  147.  
  148. .links {height:calc(100% - 100px);width:100%;background:#fff;padding-top:10px;}
  149. .links a {display:block;color:{color:links};padding:13px 10px;margin-top:10px;font-weight:400;font-size:7px;text-transform:uppercase;letter-spacing:3px;width:calc(100% - 48px);margin-left:15px;}
  150. .links a:hover {background:{color:link hover};color:#fff;}
  151.  
  152. /* Credit // DO NOT TOUCH */
  153. #credit {line-height:5px!important;position:fixed;text-transform:uppercase;font-size:7px;font-style:normal;right:27px;bottom:15px;letter-spacing:1px;font-family:Open Sans;font-weight:900;width:41px;overflow:hidden;transition-delay:800ms;-webkit-transition-delay:800ms;-moz-transition-delay:800ms;-ms-transition-delay:800ms;-o-transition-delay:800ms;}
  154. #credit .l {font-weight:300!important;display:inline;}
  155. #credit:hover {width:78px;transition-delay:0ms;-webkit-transition-delay:0ms;-moz-transition-delay:0ms;-ms-transition-delay:0ms;-o-transition-delay:0ms;}
  156. #credit .n {color:#111;text-transform:lowercase;font-weight:normal;font-style:italic;display:block;margin-top:3px;width:78px;margin-bottom:-7px;-webkit-transition-duration:400ms;-o-transition-duration:400ms;-moz-transition-duration:400ms;-ms-transition-duration:400ms;transition-delay:400ms;-webkit-transition-delay:400ms;-moz-transition-delay:400ms;-ms-transition-delay:400ms;-o-transition-delay:400ms;}
  157. .n::after {width:25px;height:1px;content:"";position:absolute;background-color:transparent;margin-top:2px;margin-left:3px;-webkit-transition-duration:400ms;-o-transition-duration:400ms;-moz-transition-duration:400ms;-ms-transition-duration:400ms;transition-delay:0ms;-webkit-transition-delay:0ms;-moz-transition-delay:0ms;-ms-transition-delay:0ms;-o-transition-delay:0ms;}
  158. #credit:hover .n::after {box-shadow:inset 24px 0px 0px 0px {color:accent};transition-delay:800ms;-webkit-transition-delay:800ms;-moz-transition-delay:800ms;-ms-transition-delay:800ms;-o-transition-delay:800ms;}
  159. #credit:hover .n {margin-bottom:0px;}
  160.  
  161.  
  162. .container {width:calc(180px + 2 * 400px + 140px);margin:50px auto;padding-bottom:200px;}
  163.  
  164. .post {width:400px;line-height:200%;font-size:11px;font-weight:300;{block:IndexPage}margin-top:180px;{/block:IndexPage}{block:PermalinkPage}margin-top:120px;min-height:180px;margin-left:0px;{/block:PermalinkPage}position:relative;background:{color:post background};}
  165.  
  166. {block:IndexPage}
  167. .post:nth-of-type(even) {margin-left:0px;}
  168. /*--MARGIN-LEFT: post size + gap + middlebar width--*/
  169. .post:nth-of-type(odd) {margin-left:calc(400px + 140px + 180px);}
  170. .post:nth-of-type(even) .info,.ayo {position:absolute;margin-left:780px;}
  171. .post:nth-of-type(odd) .info {position:absolute;margin-left:-670px;}
  172. {/block:IndexPage}
  173.  
  174. .info,.ayo {width:280px;height:40px;padding:30px 0;background:{color:info background};border:1px solid {color:info border};text-align:center;text-transform:uppercase;letter-spacing:1px;display:table-cell;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);}
  175. .info, .info a,.ayo,.ayo a {color:{color:info text};}
  176. .postcount,.yo {font-weight:bold;font-size:8px;margin-bottom:5px;}
  177. .postcount {counter-increment: post-counter;}
  178. .postcount::before {content: 'Entry ' counter(post-counter, decimal-leading-zero);}
  179. .postcount::after,.yo::after {content:"";width:40px;height:1px;background:{color:info border};position:absolute;left:50%;margin-left:-20px;margin-top:23px;}
  180. .lowerinfo,.ayoo {font-weight:300;font-size:7px;letter-spacing:2px;}
  181.  
  182. .info-wrap {height:100%;display:table;}
  183. .post blockquote {line-height:120%;font-weight:400;}
  184.  
  185. .caption * {display:inline;margin:0;padding:0;border:0;font-weight:300;font-size:10px;letter-spacing:1px;color:{color:captions};}
  186. .caption {margin:15px 0;}
  187. .caption a {border-bottom:1px solid {color:middlebar borders};}
  188. .caption a:hover {border-bottom-color:{color:accent};}
  189. .caption blockquote {background:none;font-family:Open Sans;}
  190.  
  191. .post iframe,.tp {width:400px!important;}
  192. .tp img {max-width:100%;}
  193. blockquote img {max-width:100%;}
  194.  
  195. .qq {text-align:center;}
  196. .quote {
  197. font-family:Playfair Display,Serif;
  198. font-style:italic;
  199. font-weight:normal;
  200. font-size:12px;
  201. }
  202. .source{
  203. text-align:center;font-family:Muli;
  204. padding:5px 10px;border:1px solid {color:accent};
  205. text-transform:uppercase;
  206. font-size:8px;
  207. letter-spacing:3px;background:{color:blockquote background};
  208. font-weight:bold;
  209. margin-top:10px;
  210. display:inline-block;
  211. }
  212.  
  213. .linkpost_description{
  214. text-align:center;
  215. font-size:10px;
  216. letter-spacing:1px;
  217. }
  218. .lines {
  219. text-align:left;
  220. }
  221. .line {padding:6px 10px;margin-top:8px;font-size:10px;}
  222. .line:nth-of-type(odd) {border:1px solid {color:chat line1 border};background:{color:chat line1 background};}
  223. .line:nth-of-type(even) {border:1px solid {color:chat line2 border};background:{color:chat line2 background};}
  224. .label {font-weight:bold;font-size:8px;font-family:Muli;letter-spacing:2px;text-transform:uppercase;}
  225.  
  226. .askker {font-weight:bold;}
  227. .quest {padding:10px;border:1px solid {color:accent};background:{color:blockquote background};font-family:Muli;font-size:11px;letter-spacing:1px;line-height:200%;text-align:center;width:320px;margin-left:60px;}
  228. .answ {padding: 8px 10px 10px 10px;border:1px solid {color:heading border};line-height:150%;margin-top:10px;width:320px;}
  229. .asker-portrait {float:left;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);}
  230. .asker-portrait img {width:40px;height:40px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;}
  231. .answerer-portrait {float:right;margin-top:15px;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);}
  232. .answerer-portrait img {width:40px;height:40px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;}
  233. .tri-left {width: 0;height: 0;border-top: 10px solid transparent;border-right: 15px solid {color:accent};border-bottom: 10px solid transparent;position:absolute;margin-left:45px;margin-top:7px;}
  234. .tri-left::after {content:"";width:0;height:0;border-top:9px solid transparent;border-right:14px solid {color:blockquote background};border-bottom:9px solid transparent;position:absolute;margin-left:2px;margin-top:-9px;}
  235.  
  236. .tri-right {float:right;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:15px solid {color:heading border};margin-right:4px;margin-top:15px;}
  237. .tri-right::after {content:"";width:0;height:0;position:absolute;border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:14px solid {color:background};margin-left:-16px;margin-top:-9px;}
  238.  
  239. .aud {display:block;text-align:center;margin-bottom:20px;margin-left:-10px;}
  240. .player {display:inline-block;}
  241. .player:hover::after {border-color:{color:accent};}
  242. .track {letter-spacing:1px;text-align:center;font-family:Muli;font-weight:bold;font-size:11px;}
  243. .artist {text-align:center;text-transform:uppercase;font-size:8px;letter-spacing:2px;}
  244.  
  245. .welcome img {width:400px;}
  246. .welcome {padding:0;margin:0;margin-left:0px!important;}
  247.  
  248. .photopost, .photo-slideshow {width:400px;}
  249. .photopost {border-radius:{text:photo border radius}px;}
  250.  
  251. .foot {position:fixed;width:180px;bottom:0;font-weight:300;font-size:7px;text-transform:uppercase;letter-spacing:2px;{block:ifnotinfinitescroll}border-top:1px solid {color:middlebar borders};{/block:ifnotinfinitescroll}}
  252. .foot div {transition-duration:600ms;-webkit-transition-duration:600ms;-moz-transition-duration:600ms;-o-transition-duration:600ms;-ms-transition-duration:600ms;}
  253. .pagination {display:block;{block:ifinfinitescroll}visibility:hidden;{/block:ifinfinitescroll}font-size:10px;}
  254. .pagination a {margin:0!important;padding:0!important;border:none;}
  255. .lef {width:88px;height:25px;line-height:25px;display:inline-block;}
  256. .lef::after {content:"";position:absolute;height:26px;width:1px;background-color:{color:middlebar borders};left:88px;}
  257. .rig {width:88px;height:25px;line-height:25px;float:right;cursor:pointer;display:inline-block;text-align:center;}
  258. .lef:hover, .rig:hover {font-weight:bold;}
  259. .top {display:block!important;width:100%;border-top:1px solid {color:middlebar borders};padding:10px 0;cursor:pointer;}
  260. .top:hover {color:#fff;background:#333;}
  261.  
  262. .bum {background:url(http://cdn.shopify.com/s/files/1/0524/2101/t/23/assets/DownArrow.png?5904108566500469310);background-size:cover;width:9px;height:5px;margin-left:86px;margin-top:15px;cursor:pointer;transition-duration:600ms;-webkit-transition-duration:600ms;-moz-transition-duration:600ms;-ms-transition-duration:600ms;-o-transition-duration:600ms;}
  263. .down {transform:none;}
  264. .up {transform:rotate(180deg);}
  265. .hide {height:0px}
  266. .show {height:145px;}
  267. .hidlinks {overflow:hidden;margin-top:15px;transition-duration:600ms;-webkit-transition-duration:600ms;-moz-transition-duration:600ms;-ms-transition-duration:600ms;-o-transition-duration:600ms;}
  268. .hidlinks a {border:1px solid #eee;}
  269. .hidlinks a:hover {border:1px solid {color:link hover};background:{color:middlebar background};color:{color:text};}
  270.  
  271. .updates {line-height:180%;position:absolute;text-align:center;padding:10px;padding-top:0px;top:145px;font-size:10px;font-family:{select:body font};width:160px;transition-duration:800ms;-webkit-transition-duration:800ms;-moz-transition-duration:800ms;-ms-transition-duration:800ms;-o-transition-duration:800ms;overflow:hidden;background:#fff;}
  272. .updateshide {height:0px;}
  273. .updatesshow {height:calc(100% - 135px - 81px);background:#fff;}
  274. .update-date {display:block;font-weight:900;text-transform:uppercase;padding:5px 0 0 0;font-size:11px;font-family:Playfair Display;margin-top:5px;}
  275. .update {font-weight:lighter;letter-spacing:1px;}
  276. .updates-title {font-weight:bold;text-transform:uppercase;letter-spacing:2px;font-family:Muli;font-size:8px;padding:5px 0;background:{color:link hover};color:#fff;display:block;margin-top:10px;}
  277.  
  278. .pinf {width:360px;position:absolute;top:50%;transform:translateY(-50%);margin-left:calc(400px + 140px + 220px);}
  279. .post-date {font-size:11px;font-family:Muli;font-weight:bold;}
  280. .filed {text-transform:lowercase;font-size:10px;font-family:Open Sans;font-weight:normal;color:#999;}
  281. .filed a,.viasrc a {font-weight:lighter;color:#000;border-bottom:1px solid transparent;}
  282. .filed a:hover,.viasrc a:hover,.pnotes a:hover {border-color:{color:accent};}
  283. .hash {color:{color:accent};}
  284. .viasrc {text-transform:lowercase;font-size:10px;font-family:Open Sans;font-weight:normal;color:#999;}
  285.  
  286. .noteclick {padding:7px;text-transform:uppercase;letter-spacing:2px;font-size:7px;font-family:Muli;font-weight:bold;border:1px solid {color:accent};cursor:crosshair;}
  287. .pnotes {display:block;border-top:1px solid;border-bottom:1px solid;transition-duration:700ms;-webkit-transition-duration:700ms;-ms-transition-duration:700ms;-moz-transition-duration:700ms;-o-transition-duration:700ms;}
  288. .pnotes ol {list-style-type:none;margin-left:-40px;font-size:10px;}
  289. .pnotes img {display:none;}
  290. .pnotes * {text-align:left;}
  291. .pnotes a {border-bottom:1px solid transparent;}
  292.  
  293. .more_notes_link {text-align:left!important;font-weight:bold;float:left!important;font-size:10px!important;margin-bottom:10px!important;}
  294. .n {margin:15px 0px;}
  295.  
  296. .notesclosed {overflow:hidden;height:0;border-color:transparent;}
  297. .notesopen {overflow-y:scroll;height:250px;border-color:#eee;}
  298. </style>
  299.  
  300.  
  301. </head>
  302. <body>
  303.  
  304. <div class="middlebar">
  305. <div class="middlebar-top">
  306. <div class="middlebarimage"><img src="{image:icon}"/></div>
  307. <div class="title">{title}</div>
  308. </div>
  309. <div class="links">
  310. <a href="{text:link1url}">{text:link 1}</a>
  311. <a href="{text:link2url}">{text:link 2}</a>
  312. <a href="{text:link3url}">{text:link 3}</a>
  313. {block:ifsixlinks}
  314. <div class="bum down"></div>
  315. <div class="hidlinks hide">
  316. <a href="{text:link4url}">{text:link 4}</a>
  317. <a href="{text:link5url}">{text:link 5}</a>
  318. <a href="{text:link6url}">{text:link 6}</a>
  319. </div>
  320. {/block:ifsixlinks}
  321. </div>
  322. {block:IndexPage}
  323. <div class="foot">
  324. {Block:Pagination}
  325. <div class="pagination">
  326. <div class="lef">{block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}</div>
  327.  
  328. <div class="rig">{block:NextPage}<a href="{NextPage}" id="next">&raquo;</a>{/block:NextPage}</div>
  329. </div>
  330. {/block:Pagination}
  331. <div class="top">Scroll to top</div>
  332. </div>
  333. {/block:IndexPage}
  334. {block:ifupdatestab}
  335. <div class="updates updateshide">
  336. <span class="updates-title">{text:updatestitle}</span>
  337. <span class="update-date">{text:updatesdate1}</span>
  338. <span class="update">{text:update1}</span>
  339. <span class="update-date">{text:updatesdate2}</span>
  340. <span class="update">{text:update2}</span>
  341. <span class="update-date">{text:updatesdate3}</span>
  342. <span class="update">{text:update3}</span>
  343. <span class="update-date">{text:updatesdate4}</span>
  344. <span class="update">{text:update4}</span>
  345. </div>
  346. {/block:ifupdatestab}
  347. </div>
  348.  
  349. <div class="container">
  350. {block:IndexPage}
  351. {block:ifWelcome}
  352. <article class="post welcome">
  353. <img class="bigsb" src="{image:bigmiddlebar}">
  354. <h1>{text:welcome title}</h1>
  355. <div class="text">{Description}</div>
  356. {block:ifrightmenu}
  357. <div class="ayo"><div class="yo">{text:subtitle}</div><div class="ayoo">{text:underneath}</div></div>{/block:ifrightmenu}
  358. </article>
  359. {/block:IfWelcome}
  360. {/block:IndexPage}
  361.  
  362. <div id="content_posts">
  363. {block:Posts}
  364. <!-- {block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->{block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}
  365.  
  366. <article class="post">
  367.  
  368. {block:IndexPage}{block:Date}<div class="info-wrap"><div class="info"><a href="{Permalink}"><div class="postcount"></div><div class="lowerinfo">With {NoteCountWithLabel} on {DayOfWeek} {Month} {DayOfMonth}{DayOfMonthSuffix}</div></a></div></div>{/block:Date}{/block:IndexPage}
  369.  
  370. {block:PermalinkPage}{block:Date}<div class="pinf"><span class="post-date">Posted on {DayOFWeek} {Month} {DayOfMonth}, {Year}</span>{block:HasTags}<div class="filed">Filed as: {block:Tags} <a href="{TagURL}"><span class="hash">#</span>{Tag}</a> {/block:Tags}</div>{/block:HasTags}<div class="viasrc">{block:RebloggedFrom}Via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} {block:ContentSource}& Source: <a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource}</div>{block:PostNotes}<div class="n"><a class="noteclick">{NoteCountWithLabel}</a></div><div class="pnotes notesclosed">{PostNotes}</div>{/block:PostNotes}</div>{/block:Date}{/block:PermalinkPage}
  371.  
  372. {block:Text}<div class="tp"><h1>{Title}</h1>{Body}</div>{/block:Text}
  373.  
  374. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-HighRes}" class="photopost" alt="{PhotoAlt}">{LinkCloseTag}{block:IfHideCaptions}{block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}{/block:IfHideCaptions}{block:IfNotHideCaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:IfNotHideCaptions}{/block:Photo}
  375.  
  376. {block:Photoset}{Photoset-400}{block:IfHideCaptions}{block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}{/block:IfHideCaptions}{block:IfNotHideCaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:IfNotHideCaptions}{/block:Photoset}
  377.  
  378. {block:Quote}<div class="qq"><div class="quote">{Quote}</div><div class="source">{Source}</div></div>{/block:Quote}
  379.  
  380. {block:Link}<h1><a href="{URL}" class="linkpost" {Target}>{Name}</a></h1>{block:Description}<div class="linkpost_description">{Description}</div>{/block:Description}{/block:Link}
  381.  
  382. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}<div class="lines">{block:Lines}<div class="line">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</div>{/block:Lines}</div>{/block:Chat}
  383.  
  384. {block:Video}{Video-400}{block:IfHideCaptions}{block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}{/block:IfHideCaptions}{block:IfNotHideCaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:IfNotHideCaptions}{/block:Video}
  385.  
  386. {block:Answer}<div class="asker-portrait"><img src="{AskerPortraitURL-48}"></div><div class="tri-left"></div><div class="quest"><span class="askker">{Asker}: </span>{Question}</div><div class="answerer-portrait"><img src="{PortraitURL-48}"></div><div class="tri-right"></div><div class="answ">{Answer}</div>{/block:Answer}
  387.  
  388. {block:Audio}<div class="aud">{block:AudioPlayer}<div class="player">{AudioPlayer}</div>{/block:AudioPlayer}</div>{block:TrackName}<div class="track">{TrackName}</div>{/block:TrackName}{block:Artist}<div class="artist">{Artist}</div>{/block:Artist}{block:IfHideCaptions}{block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}{/block:IfHideCaptions}{block:IfNotHideCaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:IfNotHideCaptions}{/block:Audio}
  389.  
  390.  
  391. </article>
  392. {/block:Posts}
  393. </div>
  394.  
  395. </div></div>
  396.  
  397. </div>
  398. <!---if you do anything to this you are the scum of the earth and I hope you choke--->
  399. <a href="http://ciralism.tumblr.com" id="credit">Ciralism<span class="l">themes</span><span class="n">by Caroline</span></a>
  400.  
  401. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  402. <script type="text/javascript">
  403. $(function() {
  404. $.fn.scrollToTop = function() {
  405. if ($(window).scrollTop() != "0") {
  406. }
  407. var scrollDiv = $(this); $(window).scroll(function() {
  408. if ($(window).scrollTop() == "0") {
  409. }
  410. else { $(scrollDiv).fadeIn("slow") } });
  411. $(this).click(function() { $("html, body") .animate({ scrollTop: 0 }, "slow")}) } });
  412. $(function() { $(".top").scrollToTop(); });
  413. </script>
  414. <script>
  415. $('.bum').click(function(){
  416. $('.bum').toggleClass('down up');
  417. $('.hidlinks').toggleClass('hide show');
  418. });
  419. {block:ifupdatestab}
  420. $('.middlebarimage').click(function(){
  421. $('.updates').toggleClass('updateshide updatesshow')
  422. });
  423. {/block:ifupdatestab}
  424. $('.noteclick').click(function(){
  425. $('.pnotes').toggleClass('notesclosed notesopen');
  426. });
  427. </script>
  428.  
  429. {block:ifinfinitescroll}
  430. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  431. <script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  432. <script>
  433. $(function(){
  434. $('#content_posts').infinitescroll({
  435. navSelector: ".pagination",
  436. nextSelector: "#next",
  437. itemSelector: "#content_posts article",
  438. bufferPx: 50,
  439. done: "",
  440. loading: {
  441. img: "",
  442. msgText: "",
  443. finishedMsg: ""
  444. },
  445. }, function (articles) {
  446. var article = $(articles).css({ opacity: 0});
  447. article.imagesLoaded(function () {
  448. article.animate({
  449. opacity: 1
  450. });
  451. });
  452. });
  453. });
  454.  
  455.  
  456. </script>
  457. {/block:ifinfinitescroll}
  458. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!