Advertisement
lleelii

Pretty 25

Oct 17th, 2014
7,093
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.49 KB | None | 0 0
  1. <!---
  2. THEME BY:
  3. ___ ___ _
  4. / _ \ / _ \ _ __ | |__
  5. \_, / \_, / | ' \ | '_ \
  6. /_/ /_/ |_|_|_| |_.__/
  7.  
  8. (slide out navigation: http://codepen.io/rdallaire/pen/zcqjx)
  9. --->
  10.  
  11. <html><head><title>{Title}</title>
  12. <link rel="shortcut icon" href="{Favicon}">
  13.  
  14. <meta name="color:Background" content="#f3f3f3">
  15. <meta name="color:Text" content="#000000">
  16. <meta name="color:Links" content="#898989">
  17. <meta name="color:Links Hover" content="#fddd2d">
  18. <meta name="color:Bold" content="#f3416d">
  19. <meta name="color:Pic Border" content="#f1f1f1">
  20. <meta name="color:Source" content="#b3b3b3">
  21. <meta name="color:Header BG" content="#000000">
  22. <meta name="color:Header Title" content="#ffffff">
  23. <meta name="color:Subtitle" content="#ffffff">
  24. <meta name="color:Side Links" content="#ffffff">
  25. <meta name="color:Side Links BG" content="#ff80a1">
  26. <meta name="color:Scrollbar" content="#ff9ebc">
  27. <meta name="color:Tags" content="#000000">
  28. <meta name="color:Date" content="#000000">
  29. <meta name="color:Title Color" content="#000000">
  30. <meta name="color:Sidebar BG" content="#ffffff">
  31. <meta name="color:Sidebar Title BG" content="#000000">
  32. <meta name="color:Sidebar Title" content="#ffffff">
  33.  
  34. <meta name="image:1050x480 Header 1" content=""/>
  35. <meta name="image:1050x480 Header 2" content=""/>
  36. <meta name="image:1050x480 Header 3" content=""/>
  37. <meta name="image:1050x480 Header 4" content=""/>
  38.  
  39. <meta name="text:Subtitle" content="this is your subtitle">
  40. <meta name="text:2nd Link URL" content="">
  41. <meta name="text:2nd Link Title" content="link 2">
  42. <meta name="text:3rd Link URL" content="">
  43. <meta name="text:3rd Link Title" content="link 3">
  44. <meta name="text:4th Link URL" content="">
  45. <meta name="text:4th Link Title" content="link 4">
  46. <meta name="text:5th Link URL" content="">
  47. <meta name="text:5th Link Title" content="link 5">
  48. <meta name="text:6th Link URL" content="">
  49. <meta name="text:6th Link Title" content="link 6">
  50.  
  51. <meta name="text:3rd Sidebar Title" content="3rd Sidebar Title">
  52. <meta name="text:3rd Sidebar Content" content="REPLACE THIS WITH 3RD SIDEBAR CONTENT"/>
  53. <meta name="text:4th Sidebar Title" content="4th Sidebar Title">
  54. <meta name="text:4th Sidebar Content" content="REPLACE THIS WITH 4th SIDEBAR CONTENT"/>
  55.  
  56. <meta name="text:Event 1" content="<b>141012</b> Event here"/>
  57. <meta name="text:Event 2" content="<b>141019</b> Event here"/>
  58. <meta name="text:Event 3" content=""/>
  59. <meta name="text:Event 4" content=""/>
  60. <meta name="text:Event 5" content=""/>
  61.  
  62. <meta name="text:Disclaimer" content=""/>
  63.  
  64.  
  65. <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  66.  
  67. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  68. <script type="text/javascript" src="http://static.tumblr.com/tyt3xth/xgQmuff5c/slidedshow.js">
  69.  
  70. /***********************************************
  71. * Ultimate Fade In Slideshow v2.0- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
  72. * This notice MUST stay intact for legal use
  73. * Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script
  74. ***********************************************/
  75.  
  76. </script>
  77.  
  78. <script type="text/javascript">
  79.  
  80. var mygallery=new fadeSlideShow({
  81. wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow
  82. dimensions: [1050, 480], //width/height of gallery in pixels. Should reflect dimensions of largest image
  83. imagearray: [
  84. ["{image:1050x480 Header 1}"],
  85. ["{image:1050x480 Header 2}"],
  86. ["{image:1050x480 Header 3}"],
  87. ["{image:1050x480 Header 4}"] //<--no trailing comma after very last image element!
  88. ],
  89. displaymode: {type:'auto', pause:4600, cycles:0, wraparound:false},
  90. persist: false, //remember last viewed slide and recall within same session?
  91. fadeduration: 500, //transition duration (milliseconds)
  92. descreveal: "ondemand",
  93. togglerid: ""
  94. })
  95.  
  96. </script>
  97.  
  98. <script type="text/javascript" src="http://static.tumblr.com/p2evvtm/Wycm17d1m/tumblr_search_box.js"></script>
  99.  
  100. <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:300' rel='stylesheet' type='text/css'>
  101.  
  102. <style type="text/css">
  103. @import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700);
  104.  
  105. body {background-color:{color:Background}; color:{color:Text}; padding:0;margin:0;height:100%; overflow-x:hidden; font-family:'PT Sans', sans-serif; font-size:12px; text-transform:normal; line-height:12px; word-wrap:break-word;}
  106.  
  107. b, strong {font-weight: bold; color:{color:Bold};}
  108. i, italic, em {font-style: italic;}
  109.  
  110. a:link, a:active, a:visited {color:{color:Links}; text-decoration: none; -webkit-transition: opacity 0.5s linear; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;}
  111. a:hover {color:{color:Links Hover}; text-decoration:none;}
  112.  
  113. div#container2 {position:relative; margin:auto; margin-top:30px; min-height:100%; width:1050px; padding:20px; background:#fff; overflow-x:hidden; overflow:auto;}
  114.  
  115. #postcontain {float:left; width:480px; position:relative;}
  116. #picture {width:520px; padding:15px; margin:30px 25px 45px 35px; border:1px solid {color:Pic Border};}
  117. .picturebord {width:500px; padding:5px;}
  118. .picturebord img {float:left; max-width:500px;}
  119. #pictureperm {width:500px; float:center; margin-left:20px;font-size:11px;}
  120.  
  121. /* SOURCES -----------------------------------*/
  122. .tags {font-size:10px; padding:5px; width:450px; line-height:15px; margin-top:4px; margin-left:40px;} .tag {font-size:11px; text-transform:uppercase;} .tag a, .tags a {color:{color:Tags};} .tags b {text-transform:uppercase;} .tag:after {content: ",";} .tag:last-child:after { content: " ";}
  123.  
  124. #source {width:495px; text-align:right; color:{color:Text}; line-height:5px; font-size:9px;}
  125.  
  126. #perm {width:500px; text-align:right; margin:5px 5px 12px 5px; border-bottom:1px solid {color:Pic Border}; font-size:10px; color:{color:Source};} #perm a {color:{color:Source};}
  127. .date {font-size:11px; text-transform:uppercase; padding-bottom:5px; color:{color:Date}; font-weight:bold; line-height:22px; border-bottom:3px solid {color:Side Links BG};}
  128.  
  129. /* SIDEBARS -----------------------------------*/
  130. #side {position:relative; float:right; margin-right:50px; margin-top:50px; width:320px; z-index:3;}
  131. .info {width:330px;}
  132. .welc {font-weight:bold; font-size:14px; letter-spacing:1px; font-style:italic; color:{color:Sidebar Title}; background:{color:Sidebar Title BG}; text-transform:uppercase; padding:18px;}
  133. .sidedesc {padding:5px; font-size:11px; line-height:15px; text-align:justify; color:#555; background:{color:Sidebar BG}; border:1px solid {color:Pic Border};}
  134. .ssidedesc {padding:5px; font-size:11px; line-height:25px; text-align:justify; color:#555; background:{color:Sidebar BG}; border:1px solid {color:Pic Border};} .ssidedesc b {color:{color:Text}; font-size:13px; border-bottom:2px solid {color:Side Links BG}; }
  135.  
  136. /* HEADER -----------------------------------*/
  137. #header {position:absolute; left:0%; top:0%; width:100%; height:auto; background:{color:Header BG}; z-index:9990;}
  138. #headback {position:relative; margin:auto; width:1050px; height:480px;}
  139. .toplinks {padding:0px 30px 30px 30px; width:310px; font-size:15px; color:{color:Bold}; text-transform:uppercase; line-height:30px;} .toplinks a {color:{color:Header Title}; font-weight:bold; padding:4px; border:1px solid {color:Header BG};} .toplinks a:hover {border:1px solid {color:Header Title};}
  140.  
  141. /* CAPTION -----------------------------------*/
  142. blockquote {border-left:2px solid {color:Pic Border}; padding-left:10px; margin-left:30px;} small {font-size:11px;} sub {font-size:11px;} pre {font-size:11px;} blockquote img {max-width:37em; max-height:37em}
  143. .caption {line-height:15px; margin-top:5px; width:510px; overflow:hidden; padding-left:7px;}
  144.  
  145. /* ASK & TITLES ----------------------------------*/
  146. #question {padding:8px; border-bottom:1px solid {color:Bold}; line-height:16px;} #question b {color:{color:Text};}
  147.  
  148. .title {Font-size:25px;font-weight:bold; color:{color:Title Color}; text-align:Center; text-transform:uppercase; line-height:25px; padding:10px;}
  149.  
  150. .btitle {font-size:25px; color:{color:Header Title}; font-weight:bold; text-transform:uppercase; padding:30px; float:left;}
  151. .sb {margin-top:30px; color:{color:Subtitle}; text-transform:uppercase; font-style:italic;}
  152.  
  153. /* SEARCH -----------------------------------*/
  154. input[type=text] {background-color:#000; color:#fff; padding:25px; border-style:none; font-size:14px;margin-top:8px; outline:0; font-style:italic;} input[type=submit] {background-color:{color:Header BG}; font-weight:bold; letter-spacing:1px; font-size:26px; margin-left:-15px; color:#fff; border-style:none; outline:0; font-family:calibri;}
  155.  
  156. /* PAGIN & DISCLAIMER --------------------------------*/
  157. #pagin {clear:both; position: relative; bottom:0; left:0; width:100%; height:auto; background-color:{color:Header BG}; font-size:25px; padding:18px 15px 5px 0px; margin-left:-10px; z-index:901; color:{color:Sidebar Title};} #pagin a {font-weight:bold; color:{color:Header Title}}
  158. .disclaimer {font-weight:bold; font-size:22px; color:{color:Header Title}; text-transform:uppercase; padding-bottom:3px;}
  159. .bottomdesc {font-size:11px; line-height:15px; width:300px; text-align:justify;}
  160.  
  161. /* AUDIO -----------------------------------*/
  162. .audalbum {width:130px; height:130px; margin-right:20px;} .audplayer
  163. {position:absolute; background:#000; margin-top:-95px; margin-left:45px; border:10px solid #000; width:25px; height:25px; overflow:hidden; -webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;}
  164.  
  165. /* NOTES -----------------------------------*/
  166. ol.notes {padding:10px;margin:25px 0px; list-style-type:none;}
  167. ol.notes li.note {padding:5px;}
  168. ol.notes li.note img.avatar {display:none; margin-right:10px;}
  169. iframe#tumblr_controls {position:fixed !important; top:0% !important;
  170. right:0% !important; -webkit-filter:invert(100%); opacity:1; z-index:9999;}
  171.  
  172. ::-webkit-scrollbar {width:8px; height:5px;}
  173. ::-webkit-scrollbar-track-piece {background-color:#fff;}
  174. ::-webkit-scrollbar-thumb {background-color:{color:Scrollbar};}
  175. ::selection {background:{color:Header Sub BG}; color:{color:Header Sub Title}; /* Safari */}
  176. ::-moz-selection {background:{color:Header Sub BG}; color:{color:Header Sub Title}; /* Firefox */}
  177.  
  178. #page-slide{
  179. background:{color:Header BG};
  180. width:300px;
  181. display: block;
  182. height: 100%;
  183. left:-300px; z-index:5;
  184. position: fixed;
  185. transition: left 0.2s linear;
  186. top: 0; z-index:99991;}
  187. .slide{
  188. left: -50px !important;}
  189. .slide-tog{
  190. left:250px !important; top:0px !important;}
  191.  
  192. #toggle{
  193. width: 50px;
  194. height: 50px; font-size:30px; font-weight: bold;
  195. background-color:{color:Header BG}; color:{color:Side Links};
  196. position: fixed; line-height: 0.9em;
  197. top: 60px;
  198. left: 0;
  199. border: none; outline:0;
  200. cursor: pointer;
  201. transition: left 0.2s linear;}
  202.  
  203. #toggle p{
  204. color:{color:Side Links};
  205. font-size: 50px;
  206. font-weight: bold;
  207. line-height: 0.9em;
  208. padding: 0 0 0 0px;}
  209.  
  210. #page-slide nav.main ul{
  211. list-style: none;
  212. margin: 50px 0 0 0;}
  213. #page-slide nav.main ul li{}
  214. #page-slide nav.main ul li a{
  215. color: #ffffff;
  216. font: 400 16px/16px 'PT Sans', sans-serfi;
  217. text-decoration: none; font-weight:bold;
  218. text-transform:uppercase;
  219. display: block; padding: 15px 25px;
  220. border-bottom: 1px solid #2f2f2f;
  221. -webkit-transition: background 0.3s linear;
  222. -moz-transition: background 0.3s linear;
  223. -ms-transition: background 0.3s linear;
  224. -o-transition: background 0.3s linear;
  225. transition: background 0.3s linear;}
  226. #page-slide nav.main ul li a:hover{
  227. color: #fff; background:{color:Side Links BG};
  228. -webkit-box-shadow: inset -150px 0px 100px 5px {color:Bold}; box-shadow: inset -150px 0px 100px 5px {color:Bold};}
  229.  
  230.  
  231. {CustomCSS}
  232. </style>
  233.  
  234.  
  235. </head>
  236.  
  237. <body>
  238. <setion id="page-slide">
  239. <button id="toggle">
  240. </button>
  241.  
  242. <nav class="main" role='navigation'>
  243. <ul>
  244. <li><a href="/">Home</a></li>
  245. <li><a href="{text:2nd Link URL}">{text:2nd Link Title}</a></li>
  246. <li><a href="{text:3rd Link URL}">{text:3rd Link Title}</a></li>
  247. <li><a href="{text:4th Link URL}">{text:4th Link Title}</a></li>
  248. <li><a href="{text:5th Link URL}">{text:5th Link Title}</a></li>
  249. <li><a href="{text:6th Link URL}">{text:6th Link Title}</a></li>
  250. <br><br>
  251. <form onsubmit="return tagSearch(this)"><input type="text" size="18" name="tag" placeholder="Search" onfocus="if (this.value == '{text:Search Label}') {this.value=''}" onblur="if (this.value == '') {this.value='{text:Search Label}'}" />
  252. <input type="submit" value="➜" /></form>
  253. </ul>
  254. </nav>
  255. </setion><!-- #page-slide -->
  256.  
  257.  
  258. <div id="header">
  259. <div class="btitle">{title}</div> <div class="sb">{text:Subtitle}</div></div>
  260.  
  261. <div id="sticky-anchor"></div>
  262. <div id="sticky">
  263. <div class="toplinks"><center></center></div>
  264. </div>
  265.  
  266. <br>
  267.  
  268.  
  269.  
  270. <div id="container2">
  271. <div id="headback">
  272. <div id="fadeshow1"></div></div>
  273.  
  274.  
  275. <div id="side"><br>
  276.  
  277. <div class="welc">welcome</div>
  278. <div class="sidedesc">
  279. <div style="padding:15px;">{Description}</div></div>
  280.  
  281. <br><br>
  282. <div class="welc">schedule</div>
  283. <div class="ssidedesc">
  284. <div style="padding:15px;">{text:Event 1}<br> {text:Event 2}<br> {text:Event 3}<br> {text:Event 4}<br> {text:Event 5}</div></div>
  285. <br><br>
  286. <div class="welc">{text:3rd Sidebar Title}</div>
  287. <div class="sidedesc">
  288. <div style="padding:15px;">{text:3rd Sidebar Content}</div></div>
  289. <br><br>
  290. <div class="welc">{text:4th Sidebar Title}</div>
  291. <div class="sidedesc">
  292. <div style="padding:15px;">{text:4th Sidebar Content}</div></div>
  293. <br><br>
  294. </div>
  295.  
  296. <br><bR>
  297. <div id="postcontain">
  298. {block:Posts}
  299.  
  300. {block:Text}
  301. <div id="picture">
  302. {block:HasTags}<div id="perm"><b class="date">{ShortMonth} {DayOfMonthWithZero} {ShortYear} @{12Hour}:{Minutes}{AmPm}</b>&nbsp; with <a href="{Permalink}">{NoteCountwithLabel}</a> {block:RebloggedFrom} &mdash; via <a href="{ReblogParentURL}">{ReblogParentName}</a> {/block:RebloggedFrom} {block:ContentSource}(&copy; <a href="{SourceURL}">{SourceTitle}</a>) {/block:ContentSource}</div>{/block:HasTags}
  303.  
  304. {block:Title}<div class="title">{Title}</div>{/block:Title}
  305. <div class="caption">{Body}</div>
  306. {block:HasTags}<Div id="source"><div class="tags"> <b>tags:</b>&nbsp;{block:Tags} <a href="{TagURL}" class="tag">{Tag}</a>{/block:Tags}</div><br><table style="margin-top:-25px;"><tr><td style="padding-right:10px">{LikeButton size="20" color="grey"}</td> <td>{ReblogButton size="20" color="grey"}</td></tr></table></div>{/block:HasTags}
  307. </div>{/block:Text}
  308.  
  309.  
  310. {block:Photo}
  311. <div id="picture">
  312. <div id="perm"><b class="date">{ShortMonth} {DayOfMonthWithZero} {ShortYear} @{12Hour}:{Minutes}{AmPm}</b>&nbsp; with <a href="{Permalink}">{NoteCountwithLabel}</a> {block:RebloggedFrom} &mdash; via <a href="{ReblogParentURL}">{ReblogParentName}</a> {/block:RebloggedFrom} {block:ContentSource}(&copy; <a href="{SourceURL}">{SourceTitle}</a>) {/block:ContentSource}</div>
  313.  
  314. <A href="{Permalink}">{LinkOpenTag}<img class="picturebord" src="{PhotoURL-500}" width="500"/>{LinkCloseTag}</a><br>
  315. {block:Caption}<table style="margin-left:-3px;"><tr><td><div class="caption">{Caption}</div></td></tr></table>{/block:Caption}
  316.  
  317. <Div id="source">{block:HasTags}<div class="tags"> <b>tags:</b>&nbsp;{block:Tags} <a href="{TagURL}" class="tag">{Tag}</a>{/block:Tags}</div>{/block:HasTags}<br><table style="margin-top:-25px;"><tr><td style="padding-right:10px">{LikeButton size="20" color="grey"}</td> <td>{ReblogButton size="20" color="grey"}</td></tr></table></div>
  318. </div>{/block:Photo}
  319.  
  320.  
  321. {block:Photoset}
  322. <div id="picture">
  323. <div id="perm"><b class="date">{ShortMonth} {DayOfMonthWithZero} {ShortYear} @{12Hour}:{Minutes}{AmPm}</b>&nbsp; with <a href="{Permalink}">{NoteCountwithLabel}</a> {block:RebloggedFrom} &mdash; via <a href="{ReblogParentURL}">{ReblogParentName}</a> {/block:RebloggedFrom} {block:ContentSource}(&copy; <a href="{SourceURL}">{SourceTitle}</a>) {/block:ContentSource}</div>
  324.  
  325. <div class="picturebord">{Photoset-500}</div>
  326. {block:Caption}<table style="margin-left:-3px;"><tr><td><div class="caption">{Caption}</div></td></tr></table>{/block:Caption}
  327.  
  328. <Div id="source">{block:HasTags}<div class="tags"> <b>tags:</b>&nbsp;{block:Tags} <a href="{TagURL}" class="tag">{Tag}</a>{/block:Tags}</div>{/block:HasTags}<br><table style="margin-top:-25px;"><tr><td style="padding-right:10px">{LikeButton size="20" color="grey"}</td> <td>{ReblogButton size="20" color="grey"}</td></tr></table></div>
  329. </div>{/block:Photoset}
  330.  
  331.  
  332. {block:Audio}
  333. <div id="picture">
  334. <div id="perm"><b class="date">{ShortMonth} {DayOfMonthWithZero} {ShortYear} @{12Hour}:{Minutes}{AmPm}</b>&nbsp; with <a href="{Permalink}">{NoteCountwithLabel}</a> {block:RebloggedFrom} &mdash; via <a href="{ReblogParentURL}">{ReblogParentName}</a> {/block:RebloggedFrom} {block:ContentSource}(&copy; <a href="{SourceURL}">{SourceTitle}</a>) {/block:ContentSource}</div>
  335.  
  336. <table><tr><td><img class="audalbum" style="border:1px solid #f2f2f2; padding:3px;" src="{block:AlbumArt}{AlbumArtURL}{/block:AlbumArt}"> <div class="audplayer">{block:AudioPlayer}{AudioPlayerBlack} {/block:AudioPlayer}</div></td> <td style="font-size:17px; line-height:18px;">{block:TrackName}<b>Title:</b> {TrackName}<BR>{/block:TrackName} {block:Artist}<b>Artist:</b> {Artist}<br>{/block:Artist} {block:PlayCount}<b>Plays:</b> {PlayCount}{/block:PlayCount}</div></td></tr></table>
  337. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  338. <Div id="source">{block:HasTags}<div class="tags"> <b>tags:</b>&nbsp;{block:Tags} <a href="{TagURL}" class="tag">{Tag}</a>{/block:Tags}</div>{/block:HasTags}<br><table style="margin-top:-25px;"><tr><td style="padding-right:10px">{LikeButton size="20" color="grey"}</td> <td>{ReblogButton size="20" color="grey"}</td></tr></table></div>
  339. </div>{/block:Audio}
  340.  
  341.  
  342. {block:Quote}
  343. <div id="picture">
  344. <div id="perm"><b class="date">{ShortMonth} {DayOfMonthWithZero} {ShortYear} @{12Hour}:{Minutes}{AmPm}</b>&nbsp; with <a href="{Permalink}">{NoteCountwithLabel}</a> {block:RebloggedFrom} &mdash; via <a href="{ReblogParentURL}">{ReblogParentName}</a> {/block:RebloggedFrom} {block:ContentSource}(&copy; <a href="{SourceURL}">{SourceTitle}</a>) {/block:ContentSource}</div>
  345.  
  346. <div class="title">"{Quote}"</div>{block:Source}<blockquote> — {Source}</blockquote>{/block:Source}
  347. <Div id="source">{block:HasTags}<div class="tags"> <b>tags:</b>&nbsp;{block:Tags} <a href="{TagURL}" class="tag">{Tag}</a>{/block:Tags}</div>{/block:HasTags}<br><table style="margin-top:-25px;"><tr><td style="padding-right:10px">{LikeButton size="20" color="grey"}</td> <td>{ReblogButton size="20" color="grey"}</td></tr></table></div>
  348. </div>{/block:Quote}
  349.  
  350.  
  351. {block:Video}
  352. <div id="picture">
  353. <div id="perm"><b class="date">{ShortMonth} {DayOfMonthWithZero} {ShortYear} @{12Hour}:{Minutes}{AmPm}</b>&nbsp; with <a href="{Permalink}">{NoteCountwithLabel}</a> {block:RebloggedFrom} &mdash; via <a href="{ReblogParentURL}">{ReblogParentName}</a> {/block:RebloggedFrom} {block:ContentSource}(&copy; <a href="{SourceURL}">{SourceTitle}</a>) {/block:ContentSource}</div>
  354.  
  355. <div class="picturebord">{video-500}</div>
  356. {block:Caption}<table style="margin-left:-3px;"><tr><td><div class="caption">{Caption}</div></td></tr></table>{/block:Caption}
  357. <Div id="source">{block:HasTags}<div class="tags"> <b>tags:</b>&nbsp;{block:Tags} <a href="{TagURL}" class="tag">{Tag}</a>{/block:Tags}</div>{/block:HasTags}<br><table style="margin-top:-25px;"><tr><td style="padding-right:10px">{LikeButton size="20" color="grey"}</td> <td>{ReblogButton size="20" color="grey"}</td></tr></table></div>
  358. </div>{/block:Video}
  359.  
  360.  
  361. {block:Link}
  362. <div id="picture">
  363. <div id="perm"><b class="date">{ShortMonth} {DayOfMonthWithZero} {ShortYear} @{12Hour}:{Minutes}{AmPm}</b>&nbsp; with <a href="{Permalink}">{NoteCountwithLabel}</a> {block:RebloggedFrom} &mdash; via <a href="{ReblogParentURL}">{ReblogParentName}</a> {/block:RebloggedFrom} {block:ContentSource}(&copy; <a href="{SourceURL}">{SourceTitle}</a>) {/block:ContentSource}</div>
  364.  
  365. <div class="title"><a href="{URL}" style="color:{color:Title Color};" {Target}>→ {Name}</a></div>{block:Description}{Description}{/block:Description}<br>
  366. <Div id="source">{block:HasTags}<div class="tags"> <b>tags:</b>&nbsp;{block:Tags} <a href="{TagURL}" class="tag">{Tag}</a>{/block:Tags}</div>{/block:HasTags}<br><table style="margin-top:-25px;"><tr><td style="padding-right:10px">{LikeButton size="20" color="grey"}</td> <td>{ReblogButton size="20" color="grey"}</td></tr></table></div>
  367. </div>{/block:Link}
  368.  
  369.  
  370. {block:Chat}
  371. <div id="picture">
  372. <div id="perm"><b class="date">{ShortMonth} {DayOfMonthWithZero} {ShortYear} @{12Hour}:{Minutes}{AmPm}</b>&nbsp; with <a href="{Permalink}">{NoteCountwithLabel}</a> {block:RebloggedFrom} &mdash; via <a href="{ReblogParentURL}">{ReblogParentName}</a> {/block:RebloggedFrom} {block:ContentSource}(&copy; <a href="{SourceURL}">{SourceTitle}</a>) {/block:ContentSource}</div>
  373.  
  374. {block:Title}<div class="title">{Title}</div>{/block:Title}
  375. <div class="chat">{block:Lines}
  376. <div class="lines"><div class="line {Alt}">
  377. {block:Label}<b>{Label}</b>{/block:Label} {Line}</div></div>{/block:Lines}
  378. <Div id="source">{block:HasTags}<div class="tags"> <b>tags:</b>&nbsp;{block:Tags} <a href="{TagURL}" class="tag">{Tag}</a>{/block:Tags}</div>{/block:HasTags}<br><table style="margin-top:-25px;"><tr><td style="padding-right:10px">{LikeButton size="20" color="grey"}</td> <td>{ReblogButton size="20" color="grey"}</td></tr></table></div>
  379. </div></div>{/block:Chat}
  380.  
  381.  
  382. {block:Answer}
  383. <div id="picture">
  384. <div id="perm"><b class="date">{ShortMonth} {DayOfMonthWithZero} {ShortYear} @{12Hour}:{Minutes}{AmPm}</b>&nbsp; with <a href="{Permalink}">{NoteCountwithLabel}</a> {block:RebloggedFrom} &mdash; via <a href="{ReblogParentURL}">{ReblogParentName}</a> {/block:RebloggedFrom} {block:ContentSource}(&copy; <a href="{SourceURL}">{SourceTitle}</a>) {/block:ContentSource}</div>
  385.  
  386. <table><tr><td><img src="{AskerPortraitURL-30}"></img></td>
  387. <td><div id="question" style="width:460px;"><b>{Asker}</b>: {Question}</div></td></tr></table><br>
  388. {Answer}
  389. <Div id="source">{block:HasTags}<div class="tags"> <b>tags:</b>&nbsp;{block:Tags} <a href="{TagURL}" class="tag">{Tag}</a>{/block:Tags}</div>{/block:HasTags}<br><table style="margin-top:-25px;"><tr><td style="padding-right:10px">{LikeButton size="20" color="grey"}</td> <td>{ReblogButton size="20" color="grey"}</td></tr></table></div>
  390. </div>{/block:Answer}
  391.  
  392. {block:PermalinkPage}
  393. <div id="pictureperm">
  394.  
  395. {block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  396. </div>{/block:PermalinkPage}
  397.  
  398. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  399. {/block:Posts}
  400. </div>
  401. </div>
  402.  
  403. <script>
  404. // ----------- Simple Toggle (use this) --------------//
  405. $('button#toggle').click(function() {
  406. $('#page-slide').toggleClass('slide');
  407. $('#toggle').toggleClass('slide-tog');
  408. });
  409. </script>
  410.  
  411. </body>
  412. </div>
  413. {block:Pagination}<div id="pagin"><center><table><tr><td valign="top" style="padding-right:200px;"><div class="bottomdesc"><br>
  414. <div class="disclaimer">Disclaimer</div><br>
  415. {text:Disclaimer}</div></td> <td style="font-size:20px; font-style:italic; text-transform:uppercase; letter-spacing:1px;">{block:PreviousPage} <a href="{PreviousPage}">back</a> {/block:PreviousPage}{block:NextPage} <a href="{NextPage}">next</a>{/block:NextPage}</td>
  416.  
  417. <td width="250"><Center><span style="font-size:10px; line-height:10px; color:#616161;">Powered by Tumblr<br> Theme by <a href="http://99mb.tumblr.com/">99mb</a></span></Center></td></tr></table></Center><br><br>
  418. {/block:Pagination}</div>
  419. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement