API tools faq
paste
veusthemes

Reims Theme

veusthemes
Aug 17th, 2011
23,569
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.59 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. <head>
  4. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.js" type="text/javascript"></script>
  5.  
  6.  
  7.  
  8. <!--
  9.  
  10. THEME BY YASMINE (livings) PLEASE DO NOT REMOVE CREDIT
  11.  
  12. -->
  13.  
  14. <html lang="en">
  15. <head>
  16.  
  17. <meta name="if:Endless Scrolling" content="1"/>
  18. <meta name="if:Show Caption" content="0"/>
  19. <meta name="color:Background" content="#ffffff"/>
  20. <meta name="color:Text" content="#000000"/>
  21. <meta name="color:Title" content="#222"/>
  22. <meta name="font:body" content="georgia" />
  23. <meta name="text:font size" content="9px" />
  24. <meta name="color:Link" content="#000000"/>
  25. <meta name="color:Hover" content="#949494"/>
  26. <meta name="image:Background" content=""/>
  27. <meta name="text:Custom Link One" content="" />
  28. <meta name="text:Custom Link One Title" content="" />
  29. <meta name="text:Custom Link Two" content="" />
  30. <meta name="text:Custom Link Two Title" content="" />
  31. <meta name="text:Custom Link Three" content="" />
  32. <meta name="text:Custom Link Three Title" content="" />
  33. <meta name="text:Custom Link Four" content="" />
  34. <meta name="text:Custom Link Four Title" content="" />
  35. <meta name="if:Maximised Background Image" content="0"/>
  36. <meta name="image:Background" content=""/>
  37.  
  38. <link href='http://fonts.googleapis.com/css?family=Cedarville+Cursive&v1' rel='stylesheet' type='text/css'>
  39.  
  40. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/BH7lio0yf/jquery.js"></script>
  41. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/RhUlio0y7/lazyload.js"></script>
  42. <script type="text/javascript" charset="utf-8">
  43. var $j = jQuery.noConflict();
  44. $j(function() {
  45. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  46. $j("img").lazyload({
  47. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  48. effect: "fadeIn",
  49. });
  50. });
  51. </script>
  52.  
  53. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  54. <title>{block:SearchPage}Search results for "{SearchQuery}" - {/block:SearchPage}{block:PostSummary}
  55.  
  56. {PostSummary} - {/block:PostSummary}{Title}</title>
  57.  
  58. <style type="text/css">
  59.  
  60.  
  61. body {
  62. margin:0px;
  63. background-color: {color:Background};
  64. background-image:url({image:Background});
  65. background-attachment: fixed;
  66. background-repeat: repeat;}
  67.  
  68. body, div, p, textarea, submit, input{
  69. font-size:{text:font size};
  70. font-family:{font:body};
  71. line-height:11px;
  72. color:{color:Text};
  73. {block:IfNotMaximisedBackgroundImage}
  74. background-image:url({image:Background});
  75. background-attachment:fixed;
  76. background-repeat:repeat;
  77. {/block:IfNotMaximisedBackgroundImage}
  78. }
  79. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  80. {block:IfMaximisedBackgroundImage}
  81. #bg img {
  82. z-index:-1;
  83. position:fixed;
  84. top:0;
  85. left:0;
  86. height:100%;
  87. width:100%;
  88. }
  89. {block:IfMaximisedBackgroundImage}
  90.  
  91.  
  92. p{
  93. margin:0px;
  94. margin-top:5px;
  95. }
  96.  
  97. a:link, a:active, a:visited{
  98. color: {color:Link};
  99. text-decoration: none;
  100. -webkit-transition-duration: 1.5s;
  101. }
  102.  
  103. a:hover {
  104. color:{color:Hover};
  105. text-decoration: none;
  106. -webkit-transition-duration: 1.5s;
  107. }
  108.  
  109. div#content{
  110. text-align:left;
  111. width:300px;
  112. padding-top:10px;
  113. }
  114.  
  115. div#side{
  116. position:fixed;
  117. right:240px;
  118. bottom:305px;
  119. height:justify;
  120. width:210px;
  121. padding:10px;
  122. text-align:left;
  123.  
  124. }
  125.  
  126. .nav{
  127. display: navigate;
  128. font-size:{text:font size};
  129. font-family:{font:body};
  130. text-transform: lowercase;
  131. text-align: right;
  132. padding:1px;
  133. color:{color:link};
  134. line-height: 12px;
  135. }
  136.  
  137. .nav:hover{
  138. display: navigate;
  139. color:{color:navigation hover};
  140. }
  141.  
  142. .blogtitle{
  143. text-align:left;
  144. font-family:cedarville cursive;
  145. font-size:25px;
  146. line-height:10px;
  147. color:{color:Title};
  148. letter-spacing:1px;
  149. padding-top:10px;
  150. padding-bottom:5px;
  151. border-bottom: 1px solid {color:text};
  152. }
  153.  
  154. .post_title{
  155. font-family:georgia;
  156. font-size:14px;
  157. color:{color:title};
  158. font-weight:{text:title font weight};
  159. line-height:10px;
  160. letter-spacing:1px;
  161. }
  162.  
  163. .qq{
  164. font-family:{font:body};
  165. font-size:{text:font size}px;
  166. color:{color:text};
  167. line-height:11px;
  168. }
  169.  
  170. {block:IfTiltedImages}
  171. img{
  172. -webkit-transition-duration: 2s;
  173. }
  174. img:hover{
  175. -webkit-transform: rotate(-1deg);
  176. -moz-transform:rotate(-1deg);
  177. -webkit-transition-duration:2s;
  178. }
  179. {/block:IfTiltedImages}
  180.  
  181. .entry{
  182. text-align:justify;
  183. padding-top:8px;
  184. padding-bottom:8px;
  185. width:300px;
  186. }
  187.  
  188. .photo_entry{
  189. text-align:left;
  190. padding-top:8px;
  191. padding-bottom:8px;
  192. width:300px;
  193. }
  194.  
  195. .photoset{
  196. text-align:left;
  197. padding-top:8px;
  198. padding-bottom:8px;
  199. width:200px;
  200. }
  201.  
  202. .one{
  203. padding-top:2px;
  204. width:300px;
  205. background-color:{color:background};
  206. }
  207.  
  208. .two{
  209. width:300px;
  210. font-family:{font:body};
  211. font-size:{text:font size};
  212. }
  213.  
  214. .answer{
  215. padding:2px;
  216. padding-left:3px;
  217. color:{color:Text};
  218. font-style:italic;
  219. background:#fff;
  220. }
  221. .answer b {
  222. text-transform:uppercase;
  223. letter-spacing:1px;
  224. }
  225.  
  226. blockquote{
  227. padding:0px 0px 2px 5px;
  228. margin:0px 0px 2px 1px;
  229. border-left: 2px solid {color:Text};
  230. }
  231.  
  232. .quote{background-color:{color:Sidebar Background}; padding:5px;}
  233. .link{background-color:{color:Sidebar Background}; padding:5px;}
  234. .chat{background-color:{color:Sidebar Background}; padding:5px;}
  235.  
  236. .permalink {
  237. float:left;
  238. margin-left:-50px;
  239. position: absolute;
  240. text-align: right;
  241. width: 30px;
  242. height:30px;
  243. font-size:10px;
  244. font-family:{font:body};
  245. opacity:0;
  246. -webkit-transition: 0.3s ease-in;
  247. }
  248.  
  249. .entry:hover .permalink{
  250. opacity: 1;
  251. margin-left:-40px;
  252. -webkit-transition: 0.3s ease-in;
  253. }
  254.  
  255. .photo_entry:hover .permalink{
  256. opacity: 1;
  257. margin-left:-40px;
  258. -webkit-transition: 0.3s ease-in;
  259. }
  260.  
  261. .page{
  262. font-family:{font:Body};
  263. font-size:{text:Page font size}px;
  264. padding-top:10px;
  265. }
  266.  
  267. {CustomCSS}
  268. </style>
  269. </head>
  270. <body>
  271. {block:IfMaximisedBackgroundImage}<div id="bg"><img src="{image:Background}"></div>{/block:IfMaximisedBackgroundImage}
  272.  
  273. <center>
  274. <div id="main">
  275. <div id="side">
  276. <br><br><br><br><br>
  277. <div class="blogtitle"><a href="/">{title}</a></div>
  278. {Description}
  279.  
  280. <div class="nav"><a href="/archive">archive</a> &nbsp; <a href="/ask">message</a> &nbsp; <a href="http://livings.tumblr.com/">credit</a> {block:IfCustomLinkOneTitle} &nbsp; <a href="{text:Custom Link One}"> {text:Custom Link One Title}</a> {/block:ifCustomLinkOneTitle} {block:ifCustomLinkTwoTitle} &nbsp; <a href="{text:Custom Link Two}"> {text:Custom Link Two Title}</a> {/block:ifCustomLinkTwoTitle} {block:ifCustomLinkThreeTitle} &nbsp;
  281.  
  282. <a href="{text:Custom Link Three}"> {text:Custom Link Three Title}</a> {/block:ifCustomLinkThreeTitle} {block:ifCustomLinkFourTitle} &nbsp;
  283.  
  284. <a href="{text:Custom Link Four}">{text:Custom Link Four Title}</a> {/block:ifCustomLinkFourTitle}</div>
  285. {/block:Pagination}
  286.  
  287. {block:IfNotEndlessScrolling}
  288. {block:PreviousPage}<a href="{PreviousPage}" title="newer entries">&larr;</a>{/block:PreviousPage} Page {CurrentPage} of {TotalPages} {block:NextPage}<a href="{NextPage}" title="older entries">&rarr;</a>{/block:NextPage}{/block:IfNotEndlessScrolling}
  289.  
  290. </div><center>
  291. <div id="content">
  292.  
  293. {block:IfEndlessScrolling}<script type="text/javascript" src="http://static.tumblr.com/q0etgkr/J5bl3lkz1/tumblrautopagernopage.js";;></script>
  294. <Div class="autopagerize_page_element"></div>{/block:IfEndlessScrolling}
  295.  
  296. {block:Posts}
  297. {block:Text}
  298. <div class="entry">
  299. <span class="permalink"><a href="{Permalink}">{NoteCountWithLabel} →</a></span>
  300. {block:Title}<div class="posttitle"><span class="post_title"><span class="text_post">{Title}</div>{/block:Title}
  301. <div class="two">{Body}</div>
  302. </div>
  303. {/block:Text}
  304.  
  305. {block:Photo}
  306. <div class="photo_entry">
  307. <span class="permalink"><a href="{Permalink}">{NoteCountWithLabel} →</a></span>
  308. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="300"/>{LinkCloseTag}
  309. {block:IfShowCaption}{block:Caption}<div class="two">{Caption}</div>{/block:Caption}{/block:IfShowCaption}
  310. </div>
  311. {/block:Photo}
  312.  
  313. {block:Photoset}
  314. <div class="entry">
  315. <span class="permalink"><a href="{Permalink}">{NoteCountWithLabel} →</a></span>
  316. {Photoset-400}
  317. <br><br>
  318. </div>
  319. {/block:Photoset}
  320.  
  321. {block:Quote}
  322. <div class="entry">
  323. <span class="permalink"><a href="{Permalink}">{NoteCountWithLabel} →</a></span>
  324. <div class="quote">
  325. <div class="qq"><q>{Quote}</q></span></div>
  326. {block:Source} -{Source}{/block:Source}
  327. </div>
  328. </div>
  329. {/block:Quote}
  330.  
  331. {block:Link}
  332. <div class="entry">
  333. <span class="permalink"><a href="{Permalink}">{NoteCountWithLabel} →</a></span>
  334. <div class="link">
  335. <div class="posttitle"><span class="post_title"><a href="{URL}"><i>{Name}</i> →</span></a></div>{block:Description}<div class="two">{Description}</div>{/block:Description}</div></div>
  336. {/block:Link}
  337.  
  338. {block:Chat}
  339. <div class="entry">
  340. <span class="permalink"><a href="{Permalink}">{NoteCountWithLabel} →</a></span>
  341. <div class="chat">
  342. <div class="posttitle">{block:Title}<b>{Title}</b>{/block:Title}</div>
  343. {block:Lines}<div class="two">{block:Label}<div class="three"><b>{Label}</b> {Line}</div></div>{/block:Label}{/block:Lines}
  344. </div></div>
  345. {/block:Chat}
  346.  
  347. {block:Audio}
  348. <div class="entry">
  349. <span class="permalink"><a href="{Permalink}">{NoteCountWithLabel} →</a></span>
  350. <div class="one">
  351. {AudioPlayerblack}</div>
  352. <div style="padding:2px; font-size:10px; text-align:left;font-style:italic;">{block:TrackName}{TrackName} by {/block:TrackName}{block:Artist}{Artist}{/block:Artist}</div>
  353. {block:PermalinkPage}{block:ExternalAudio} <a href="{ExternalAudioURL}"> / download </a> </span>{/block:ExternalAudio}{/block:PermalinkPage}
  354. </div>
  355. {/block:Audio}
  356.  
  357. {block:Video}
  358. <div class="entry">
  359. <span class="permalink"><a href="{Permalink}">{NoteCountWithLabel} →</a></span>
  360. <div class="one"><center>{Video-500}</center></div>
  361. {block:Caption}<div class="two">{Caption}</div>{/block:Caption}
  362. </div>
  363. {/block:Video}
  364.  
  365. {block:Answer}
  366. <div class="entry">
  367. <span class="permalink"><a href="{Permalink}">{NoteCountWithLabel} →</a></span>
  368. <div class="answer"><b><span style="color:{color:Link};font-size:10px;">{Asker}:</span></b> {Question}</div><br>
  369. <div style="margin-top:-15px;">{Answer}</div></div>
  370. {/block:answer}
  371.  
  372. <center>{block:PermalinkPage}<div style="text-align:center; padding-top:5px; padding-bottom:5px;">{block:Date}{Month} {DayOfMonth}{DayOfMonthSuffix} {/block:Date}</a><br>{block:HasTags}Tags: {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}{/block:HasTags}</div>{/block:PermalinkPage}</center>
  373.  
  374. {block:PostNotes}
  375. {PostNotes}
  376. {/block:PostNotes}
  377.  
  378. {/block:posts}
  379.  
  380.  
  381. </div>
  382.  
  383. </center>
  384.  
  385.  
  386. <!-- theme by yasmine, please don't move the credit -->
  387.  
  388. </body>
  389. </html>
Advertisement
Add Comment
Please, Sign In to add comment
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!