Advertisement
Guest User

Untitled

a guest
Oct 21st, 2014
128
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.69 KB | None | 0 0
  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. <html>
  5. <head>
  6.  
  7. <!--
  8. Plains Theme by electricprism.
  9. I do not mind if you delete the credit links but DO NOT CLAIM THEME AS OUR OWN!
  10. -->
  11.  
  12. <title>{Title}</title>
  13. <link rel="shortcut icon" href="{Favicon}">
  14. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  15. {block:Description}
  16.  
  17. <meta name="description" content="{MetaDescription}" />
  18. {/block:Description}
  19. <meta name="font:title" content="Georgia"/>
  20. <meta name="font:body" content="Georgia"/>
  21. <meta name="text:font size" content="10px"/>
  22. <meta name="color:background" content="#fff"/>
  23. <meta name="color:title" content="#222"/>
  24. <meta name="color:text" content="#222"/>
  25. <meta name="color:link" content="#222"/>
  26. <meta name="color:link hover" content="#a8a8a8"/>
  27. <meta name="color:line" content="#aaa" />
  28. <meta name="color:navigation links" content="#000" />
  29. <meta name="color:navigation links hover" content="#aaa">
  30. <meta name="if:two columns" content="1"/>
  31. <meta name="if:one column" content="0"/>
  32. <meta name="if:sidebar image" content="" />
  33. <meta name="image:sidebar" content="" />
  34.  
  35.  
  36. <style type="text/css">
  37.  
  38.  
  39. body {background:{color:background}; font-family:{font:body}; font-size:{text:font size}; line-height:15px; text-align:justify; color:{color:text};}
  40.  
  41. .wrap {{block:iftwocolumns}width:600px;{/block:iftwocolumns}{block:ifonecolumn}width:300px;{/block:ifonecolumn} margin-top:-10px; position:absolute; left:100px;margin-bottom:500px;}
  42. .posts {{block:iftwocolumns}width:600px;{/block:iftwocolumns}{block:ifonecolumn}width:300px;{/block:ifonecolumn} position:relative; float:left; margin-top:30px; margin-bottom:50px;}
  43. .post {{block:indexpage}width:250px; margin:15px;{/block:indexpage} {block:permalinkpage}{block:iftwocolumns} width:500px; left:20px;{/block:iftwocolumns}{block:ifonecolumn}width:300px;left:-25px;{/block:ifonecolumn}{/block:permalinkpage} float:left; position:relative;}
  44. .line {position:absolute;margin-top:5px;left:-35px;border-right:2px {color:line} solid;height:590px;}
  45. .side {top: 0px; left: 750px;{block:ifonecolumn}left:475px;{/block:ifonecolumn} width:160px; background-color:#fff; position:fixed; padding: 10px;}
  46. .title {position:absolute;font-size:18px;font-weight:none;text-transform:none;top:65px;z-index:99999999999999999999;}
  47. .title a {font-family:{font:title};text-transform:uppercase;color:{color:title};text-decoration:none;}
  48. .desc {font-size: 11px; text-transform: none;margin-top:80px;{block:ifsidebarimage}margin-top:10px;{/block:ifsidebarimage} width:150px;}
  49. .nav {padding-top:5px; font-size:10px;font-family:{font:body}; text-transform:none;color:{color:links};}
  50. .nav a{text-decoration:underline; color:{color:navigation links};}
  51. .nav a:hover {color:{color:navigation links hover};}
  52. .sideimg {margin-top:73px;width:150px;text-align:center;}
  53.  
  54.  
  55. a {text-decoration:none; text-transform:none; color:{color:link}; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
  56. a:hover {color:{color:link hover}; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
  57.  
  58. h3 {font-family:{font:body}; font-size:13; text-decoration:none; font-weight: bold; text-transform:uppercase;}
  59.  
  60. .permalink{margin:10px 0px 25px 0px;text-align:right;font-size:9px;}
  61.  
  62. .caption{color:{color:text};font-size:9px; text-transform:none;}
  63.  
  64. ::-webkit-scrollbar{width:7px;height:7px;}
  65.  
  66. ::-webkit-scrollbar-button:start:decrement
  67.  
  68. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
  69.  
  70. ::-webkit-scrollbar-track-piece{background-color:{color:background}; -webkit-border-radius:0;-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;}
  71.  
  72. ::-webkit-scrollbar-thumb:vertical{height:50px; background-color: #eee;-webkit-border-radius:px;}
  73.  
  74.  
  75. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  76. #infscr-loading {display:none;}
  77.  
  78. .notes {{block:iftwocolumns}width:500px;{/block:iftwocolumns}{block:ifonecolumn}width:300px;{/block:ifonecolumn} position:absolute; margin:auto; margin-top:5px; margin-left:-22px;font-size:9px;}
  79. ol.notes li.note {padding:5px; list-style-type:none;}
  80. ol.notes {max-height: 250px;{block:iftwocolumns}width:500px;{/block:iftwocolumns}{block:ifonecolumn}width:300px;{/block:ifonecolumn} overflow: auto;}
  81. img.avatar {display:none;}
  82.  
  83.  
  84.  
  85. {CustomCSS}
  86.  
  87. </style>
  88.  
  89. <script type='text/javascript' src='http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js'></script>
  90.  
  91. {block:IndexPage}
  92. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  93. <script src="http://static.tumblr.com/twte3d7/qNulm663d/infinite.js"></script>
  94.  
  95.  
  96. <script type="text/javascript">
  97. $(window).load(function () {
  98. $('.posts').masonry(),
  99. $('.masonryWrap').infinitescroll({
  100. navSelector : "div.navigation",
  101. // selector for the paged navigation (it will be hidden)
  102. nextSelector : ".navigation a#next",
  103. // selector for the NEXT link (to page 2)
  104. itemSelector : ".post",
  105. // selector for all items you'll retrieve
  106. bufferPx : 10000,
  107. extraScrollPx: 10000,
  108. loadingImg : "http://www.freeiconsweb.com/Icons-show/loading/loading2.gif",
  109. loadingText : "<em></em>",
  110. },
  111. // call masonry as a callback.
  112. function() { $('.posts').masonry({ appendedContent: $(this) }); }
  113. );
  114. });
  115. </script>
  116. {/block:IndexPage}
  117.  
  118. </head>
  119.  
  120. <body>
  121.  
  122.  
  123.  
  124. <div class="side">
  125. <div class="line"></div>
  126. <div class="title"><a href="/">{Title}</a></div>
  127. {block:ifsidebarimage}<div class="sideimg"><img src="{image:sidebar}" width="150px"></div>{/block:ifsidebarimage}
  128. {block:Description}<div class="desc">{Description}{/block:Description}<div class="nav"><a href="/ask">Contact</a>&nbsp;&nbsp;<a href="/archive">Index</a>{block:HasPages}{block:Pages}&nbsp;&nbsp;<a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}&nbsp;&nbsp;<a href="http://electricprism.tumblr.com/">Theme</a></div>
  129. </div></div></div></div>
  130. <div class="wrap">
  131. <div class="navigation">{block:Pagination}{block:NextPage}<p id="page_nav"><a style="float:right" href="{NextPage}" id="next"></a>{/block:NextPage}
  132. {block:PreviousPage}<a style="float:left" href="{PreviousPage}"></a></p>{/block:PreviousPage}{/block:Pagination}</div>
  133. <div class="posts">
  134.  
  135.  
  136. {block:Posts}
  137.  
  138.  
  139. {block:Text}
  140. <div class="post">
  141. {block:Title}
  142. <h3>{Title}</h3>
  143. {/block:Title}
  144. {Body}
  145. {block:IndexPage}
  146. <div class="permalink"><a href="{Permalink}">{DayOfMonth}{DayOfMonthSuffix} {ShortMonth}</a></div>
  147. {/block:IndexPage}
  148. {block:PermalinkPage}
  149. <div class="caption">
  150. <b>Posted on: </b>{Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}{block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}.
  151. </div>
  152. <div class="notes">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  153. {/block:PermalinkPage}
  154. </div>
  155. {/block:Text}
  156.  
  157.  
  158. {block:Photo}
  159. <div class="post">
  160. {Block:IndexPage}
  161. <a href="{Permalink}">
  162. <img src="{PhotoURL-HighRes}" width="250" alt="{PhotoAlt}"/></a>{/block:IndexPage}
  163. {block:PermalinkPage}
  164. {LinkOpenTag}
  165. {block:ifonecolumn}<img src="{PhotoURL-HighRes}" width="300" alt="{PhotoAlt}"/>{/block:ifonecolumn}{block:iftwocolumns}<img src="{PhotoURL-HighRes}" width="500" alt="{PhotoAlt}"/>{/block:iftwocolumns}
  166. {LinkCloseTag}
  167. {block:Caption}<br><div class="caption">{Caption}{/block:Caption}
  168. <b>Posted on: </b>{Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}{block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}.</div>
  169. <div class="notes">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  170. {/block:PermalinkPage}
  171. </div>
  172. {/block:Photo}
  173.  
  174.  
  175. {block:Photoset}
  176. <div class="post">
  177. <center>{Photoset-250}</center>
  178. </div>
  179. {block:IndexPage}
  180. <div class="permalink"><a href="{Permalink}">{DayOfMonth}{DayOfMonthSuffix} {ShortMonth}</a></div>
  181. {/block:IndexPage}
  182. {block:PermalinkPage}
  183. <div class="caption">
  184. <b>Posted on: </b>{Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}{block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}.
  185. </div>
  186. <div class="notes">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  187. {/block:PermalinkPage}
  188. </div>
  189. {/block:Photoset}
  190.  
  191.  
  192. {block:Quote}
  193. <div class="post">
  194. <i>"{Quote}"</i>
  195. {block:IndexPage}
  196. <div class="permalink"><a href="{Permalink}">{DayOfMonth}{DayOfMonthSuffix} {ShortMonth}</a></div>
  197. {/block:IndexPage}
  198. {block:PermalinkPage}
  199. <div class="caption">
  200. <b>Posted on: </b>{Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}{block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}.
  201. </div>
  202. <div class="notes">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  203. {/block:PermalinkPage}
  204. </div>
  205. {/block:Quote}
  206.  
  207.  
  208. {block:link}
  209. <div class="post">
  210. <div class="linkpost"><a href="{URL}" class="linkpost" {Target}><h3>{Name}</h3></a>{block:Description}<div class="description">{Description}</div>{/block:Description}</div>
  211. {block:IndexPage}
  212. <div class="permalink"><a href="{Permalink}">{DayOfMonth}{DayOfMonthSuffix} {ShortMonth}</a></div>
  213. {/block:IndexPage}
  214. {block:PermalinkPage}
  215. <div class="caption">
  216. <b>Posted on: </b>{Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}{block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}.</div>
  217. <div class="notes">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  218. {/block:PermalinkPage}
  219. </div>
  220. {/block:link}
  221.  
  222.  
  223. {block:Chat}
  224. <div class="post">
  225. <div class="chattitle">{block:Title}<b>{Title}</b>{/block:Title}</div>
  226. {block:Lines}{block:Label}<b>{Label}</b> {Line}<br>{/block:Label}{/block:Lines}
  227. {block:IndexPage}
  228. <div class="permalink"><a href="{Permalink}">{DayOfMonth}{DayOfMonthSuffix} {ShortMonth}</a></div>
  229. {/block:IndexPage}
  230. {block:PermalinkPage}
  231. <div class="caption">
  232. <b>Posted on: </b>{Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}{block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}.
  233. </div>
  234. <div class="notes">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  235. {/block:PermalinkPage}
  236. </div>
  237. {/block:Chat}
  238.  
  239.  
  240. {block:Video}
  241. <div class="post">
  242. <div class="video">
  243. <center>{Video-250}</center>
  244. {block:Caption}<div class="audiocaption">{Caption}</div>{/block:Caption}</div>
  245. {block:IndexPage}
  246. <div class="permalink"><a href="{Permalink}">{DayOfMonth}{DayOfMonthSuffix} {ShortMonth}</div>
  247. {/block:IndexPage}
  248. {block:PermalinkPage}
  249. <div class="caption">
  250. <b>Posted on: </b>{Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}{block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}.
  251. </div>
  252. <div class="notes">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  253. {/block:PermalinkPage}
  254. </div>
  255. {/block:Video}
  256.  
  257.  
  258. {block:Audio}
  259. <div class="post">
  260. {AudioPlayerGrey}
  261. {block:Caption}{Caption}{/block:Caption}
  262. {block:IndexPage}
  263. <div class="permalink"><a href="{Permalink}">{DayOfMonth}{DayOfMonthSuffix} {ShortMonth}</a></div>
  264. {/block:IndexPage}
  265. {block:PermalinkPage}
  266. <div class="caption">
  267. <b>Posted on: </b>{Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}{block:NoteCount with {NoteCountWithLabel}{/block:NoteCount}.
  268. </div>
  269. <div class="notes">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  270. {/block:PermalinkPage}
  271. </div>
  272. {/block:Audio}
  273.  
  274. {block:Answer}
  275. <div class="post">
  276. <b>{Asker}:</b> {Question}
  277. <i>{Answer}</i>
  278. {block:IndexPage}<div class="permalink"><a href="{Permalink}">{DayOfMonth}{DayOfMonthSuffix} {ShortMonth}</a></div>{/block:IndexPage}
  279. {block:PermalinkPage}
  280. <div class="caption">
  281. <b>Posted on: </b>{Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}{block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}.</div>
  282. <div class="notes">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  283. {/block:PermalinkPage}
  284. </div>
  285. {/block:Answer}
  286.  
  287. {/block:Posts}
  288.  
  289.  
  290.  
  291. </div>
  292. </div>
  293.  
  294. <div style="position:fixed; bottom:10px; right:10px;"><a href="http://electricprism.tumblr.com/">©</a></div>
  295.  
  296. </body>
  297. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement