divakey

Replay theme

Jan 26th, 2013
808
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.57 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.  
  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.  
  12. {block:IfEndlessScrolling}
  13. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfEndlessScrolling}
  14.  
  15.  
  16. <link href='http://fonts.googleapis.com/css?family=Petit+Formal+Script' rel='stylesheet' type='text/css'>
  17.  
  18. <link href='http://fonts.googleapis.com/css?family=Monda:400,700' rel='stylesheet' type='text/css'>
  19.  
  20.  
  21. <head>
  22.  
  23. <!-- DEFAULT VARIABLES -->
  24. <meta name="image:Background" content=""/>
  25. <meta name="image:Sidebar" content="" />
  26. <meta name="color:Background" content="#fdf3ee" />
  27. <meta name="color:Post Background" content="#ffffff" />
  28. <meta name="color:Info Background" content="#ebebeb" />
  29. <meta name="color:Title" content="#000000" />
  30. <meta name="color:Text" content="#4d4c4a" />
  31. <meta name="color:Links" content="#90bfcc" />
  32. <meta name="color:Links Hover" content="#CCCCCC" />
  33. <meta name="color:scroll bar" content="#CCCCCC" />
  34. <meta name="color:Post title" content="#a09280" />
  35. <meta name="color:Post border" content="#d6d6d6" />
  36. <meta name="color:Topbar background" content="#d6d6d6" />
  37. <meta name="color:Navigation bg" content="#eeeeee" />
  38. <meta name="color:Navigation hover" content="cccccc" />
  39. <meta name="text:Link 1 Title" content="" />
  40. <meta name="text:Link 1" content="" />
  41. <meta name="text:Link 2 Title" content="" />
  42. <meta name="text:Link 2" content="" />
  43. <meta name="text:Link 3 Title" content="" />
  44. <meta name="text:Link 3" content="" />
  45. <meta name="text:Link 4" content ="" />
  46. <meta name="text:Link 4 Title" content="" />
  47. <meta name="text:Link 5" content="" />
  48. <meta name="text:Link 5 Title" content="" />
  49. <meta name="if:EndlessScrolling" content="0"/>
  50. <meta name="if:ShowCaptions" content="0">
  51.  
  52. <!-- END DEFAULT VARIABLES -->
  53.  
  54.  
  55.  
  56. <style type="text/css">
  57.  
  58. /* SCROLLBAR */
  59.  
  60. ::-webkit-scrollbar { width: 4px; height: 4px; }
  61. ::-webkit-scrollbar-button:start:decrement,
  62. ::-webkit-scrollbar-button:end:increment { height: 0px; display: block; background: #9C9C9C; }
  63. ::-webkit-scrollbar-track-piece { background-color: white; }
  64. ::-webkit-scrollbar-thumb { border-radius: 0px; height: 50px; background-color: {color:scroll bar}; }
  65.  
  66.  
  67.  
  68. /* Body */
  69.  
  70. body {
  71. background-color:{color:Background};
  72. background-image: url('{image:Background}');
  73. background-attachment:fixed;
  74. color:{color:Text};
  75. font-family:monda;
  76. font-size:10px;}
  77.  
  78.  
  79.  
  80. a {text-decoration:none;
  81. color:{color:links};
  82. opacity:;
  83. z-index:999;
  84. -webkit-transition: all 0.5s ease-in-out;
  85. -moz-transition: all 0.5s ease-in-out;
  86. -o-transition: all 0.5s ease-in-out; }
  87.  
  88.  
  89. a:hover{opacity: .5;
  90. -webkit-transition: all 0.5s ease-in-out;
  91. -moz-transition: all 0.5s ease-in-out;
  92. -o-transition: all 0.5s ease-in-out;}
  93.  
  94.  
  95.  
  96. /* TOPBAR */
  97. .topbar{
  98. text-align:center;
  99. position:fixed;
  100. width: 100%;
  101. line-height: 12px;
  102. background-color: {color:topbar background};
  103. margin-top: -15px;
  104. padding: 9px;
  105. margin-left: -10px;}
  106.  
  107. #title{color:{color:title};
  108. padding-top:5px;
  109. padding-bottom:15px;
  110. font-size:20px;
  111. font-family: 'Petit Formal Script', cursive;}
  112.  
  113.  
  114. /*POSTS */
  115. .contentwhole {width:500px;
  116. padding: 0px;
  117. padding-top: 10px;
  118. margin-bottom: 0px;
  119. height:100%;
  120. margin-top: 0px;}
  121.  
  122. .post {
  123. margin-top:60px;
  124. margin-bottom:-40px;
  125. margin-left:250px;
  126. width: 500px;
  127. padding-top:10px;
  128. padding-left:10px;
  129. padding-right:10px;
  130. padding-bottom:16px;
  131. border:1px solid{color:Post border};
  132. background-color:{color:post background};}
  133.  
  134. blockquote {margin-left:0px;
  135. padding-left:10px;
  136. border-left:1px solid {color:post border};}
  137.  
  138. blockquote blockquote {margin-left:0px;
  139. padding-left:10px;
  140. border-left:1px solid {color:post border}}
  141.  
  142.  
  143. .ttitle{font-size:15px;
  144. font-family:calibri;
  145. letter-spacing:1px;
  146. border-bottom: 1px dotted {color:post border};
  147. }
  148.  
  149. .info{
  150. text-align: center;
  151. margin-left: auto;
  152. margin-right: auto;
  153. background: {color:info background};
  154. line-height: 1px;
  155. margin-top: 13px;
  156. margin-right: -10px;
  157. margin-left: -10px;
  158. margin-bottom: -16px;
  159. overflow: hidden;}
  160.  
  161. /* SIDEBAR */
  162.  
  163. #sidebar {width:150px;
  164. height:100%;
  165. position:fixed;
  166. margin:50px;
  167. margin-top:70px;
  168. padding:5px;
  169. background-color:{color:post background};
  170. border:1px solid{color:Post border};}
  171.  
  172. #sidebarimage img {
  173. width:150px;
  174. margin-right:2px;
  175. padding-bottom:10px;
  176. border-bottom: 1px dotted {color:post border};
  177. }
  178.  
  179. #description {
  180. text-align:left;
  181. height:200px;
  182. overflow:auto}
  183.  
  184. #custom a{
  185. background-color:{color:navigation bg};
  186. display:block;
  187. margin-top:5px;
  188. text-transform:uppercase;
  189. text-align:center;
  190. -webkit-transition:0.5s linear ;
  191. transition: 0.5s;
  192. -moz-transition: 0.5s;
  193. -o-transition: 0.5s;
  194. }
  195. #custom a:hover{
  196. background-color:{color:navigation hover};
  197. left:1px;
  198. text-decoration:none;}
  199.  
  200.  
  201.  
  202. /* CREDIT do not remove */
  203.  
  204. .credit { position: fixed;
  205. bottom: 5px;
  206. right: 5px;
  207. font-size: 12px;
  208. font-family: verdana;
  209. -webkit-transition: all 0.5s ease;
  210. -moz-transition: all 0.5s ease;
  211. -o-transition: all 0.5s ease;}
  212.  
  213. .credittext { height:10px;
  214. width:50px;
  215. overflow:hidden;
  216. -webkit-transition: all 0.5s ease;
  217. -moz-transition: all 0.5s ease;
  218. -o-transition: all 0.5s ease;
  219. font-family:calibri;
  220. font-size:10px;
  221. text-transform:lowercase;
  222. text-align:center;
  223. }
  224.  
  225. .credit:hover .credittext{
  226. height: 11px;
  227. -webkit-transition: all 0.5s ease;
  228. -moz-transition: all 0.5s ease;
  229. -o-transition: all 0.5s ease;}
  230.  
  231.  
  232.  
  233.  
  234.  
  235. {CustomCSS}
  236. </style>
  237. </head>
  238.  
  239.  
  240. <!-- HTML -->
  241.  
  242. <body>
  243.  
  244.  
  245. <!-- TITLE -->
  246. <div class="topbar">
  247. <div id="title">{title}</div>
  248. <div id="navi">
  249.  
  250. <a href="/"><img src=http://i50.tinypic.com/195hi.png></a> &nbsp;&nbsp;&nbsp; <a href="/ask"><img src=http://i48.tinypic.com/1676zr6.png></a> &nbsp;&nbsp;&nbsp; <a href="/archive"><img src=http://i45.tinypic.com/2uiixxw.png></a> &nbsp;&nbsp;&nbsp; <a href="/submit"><img src=http://i48.tinypic.com/rgzexi.png></a>
  251. </div></div></div>
  252.  
  253. <div id="sidebar">
  254. <div id="sidebarimage">
  255. <img src="{image:sidebar}" ></div>
  256. <div id="custom">
  257. {block:ifLink1}<a href="{text:Link 1}">{text:Link 1 Title}</a>{/block:ifLink1}
  258. {block:ifLink2}<a href="{text:Link 2}">{text:Link 2 Title}</a>{/block:ifLink2}
  259. {block:ifLink3}<a href="{text:Link 3}">{text:Link 3 Title}</a>{/block:ifLink3}
  260. {block:ifLink4}<a href="{text:Link 4}">{text:Link 4 Title}</a>{/block:ifLink4}
  261. {block:ifLink5}<a href="{text:Link 5}">{text:Link 5 Title}</a>{/block:ifLink5}</div>
  262. <p>
  263. {block:IfNotEndlessScrolling}
  264. <center>
  265. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">« B A C K</a>{/block:PreviousPage} | {block:NextPage}<a href="{NextPage}">N E X T »</a>{/block:NextPage}{/block:Pagination}
  266. {/block:IfNotEndlessScrolling}
  267. <div id="description">
  268. {Description} </div>
  269. <p>
  270. </div></div>
  271.  
  272. <!-- POSTS -->
  273.  
  274. <div class="contentwhole">
  275. <div class = "autopagerize_page_element" >
  276. {block:Posts}
  277.  
  278.  
  279. <!— {SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  280.  
  281. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  282.  
  283. {/block:SourceLogo}
  284.  
  285. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} —>
  286.  
  287. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  288.  
  289. <div class="post">
  290.  
  291. <!-- Text -->
  292. {block:Text}
  293. {block:Title}<a href="{Permalink}" class="ttitle">{Title}</a>{/block:Title}
  294. {Body}
  295. {/block:Text}
  296.  
  297. <!-- Photo -->
  298. {block:Photo}
  299.  
  300. <img src="{PhotoURL-500}" alt="{PhotoAlt}">
  301. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  302.  
  303. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  304. {Caption}
  305. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  306. {/block:Photo}
  307.  
  308. <!-- Photoset -->
  309. {block:Photoset}
  310. {Photoset-500}
  311. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  312.  
  313. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  314. {Caption}
  315. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  316. {/block:Photoset}
  317.  
  318. <!-- Quote -->
  319. {block:Quote}
  320. <h4>"{Quote}"</h4>
  321. {block:Source}<p>{Source}</p>{/block:Source}
  322. {/block:Quote}
  323.  
  324. <!-- Link -->
  325. {block:Link}
  326. <h3><a href="{URL}" target="_blank">{Name}</a></h3>
  327. {block:Description}<p>{Description}</p>{/block:Description}
  328. {/block:Link}
  329.  
  330. <!-- Chat -->
  331. {block:Chat}
  332. {block:Title}<h3>{Title}</h3>{/block:Title}
  333. {block:Lines}
  334. {block:Label}{Label}{/block:Label} {Line}</br>
  335. {/block:Lines}
  336. {/block:Chat}
  337.  
  338. <!-- Audio -->
  339. {block:Audio}
  340. {AudioPlayerBlack}
  341. {block:Caption}{Caption}{/block:Caption}
  342. {/block:Audio}
  343.  
  344. <!-- Video -->
  345. {block:Video}
  346. {Video-500}
  347. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  348.  
  349. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  350. {Caption}
  351. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  352. {/block:Video}
  353.  
  354. <!-- Message -->
  355. {block:Answer}
  356. <table style="padding-bottom:5px;margin-bottom:5px;">
  357. <tr>
  358. <td style="vertical-align:top;padding-right:10px;"><img src="{AskerPortraitURL-64}" style="height:60px; width:60px; -moz-border-radius:30px; border-radius:30px; float:left"></td>
  359. <td style="vertical-align:top;"><strong>{Asker} said:</strong> {Question}</td>
  360. </tr>
  361. </table>
  362. {Answer}
  363. {/block:Answer}
  364.  
  365.  
  366. <!-- Post bottom -->
  367. <div class="info">{block:Date}<p><a href="{Permalink}">{TimeAgo}</a>{/block:Date} {block:NoteCount} with {NoteCountWithLabel}</p>{/block:NoteCount}
  368. </div>
  369.  
  370. <!-- Permalink page -->
  371. {block:PermalinkPage}
  372.  
  373. {block:PostNotes}
  374. {PostNotes}
  375. {/block:PostNotes}
  376.  
  377. {/block:PermalinkPage}
  378.  
  379. <!-- Other -->
  380. {block:ContentSource}
  381. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  382. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  383. {/block:SourceLogo}
  384. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  385. {/block:ContentSource}
  386.  
  387. </div>
  388.  
  389. {/block:Posts}
  390.  
  391. </div>
  392.  
  393.  
  394.  
  395. <!-- END POSTS -->
  396.  
  397. <div class="credit"><a href="http://chinqu.tumblr.com">
  398. <div class="credittext"> Theme
  399. </div></a></div></div></div>
  400. </body>
  401. </html> </head>
  402.  
  403.  
  404. <!-- END HTML -->
Advertisement
Add Comment
Please, Sign In to add comment