API tools faq
paste
Advertisement
ronweasleyythemes

Theme #1

ronweasleyythemes
Oct 14th, 2013
94
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.42 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <!---------------------------------------------------------------------
  6. theme 01 by ronweasleyy
  7. ----------------------------------------------------------------------->
  8.  
  9. <head><title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
  10. <link rel="shortcut icon" href="{Favicon}">
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  12. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  13.  
  14. <script type="text/javascript"
  15. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  16.  
  17.  
  18.  
  19. <meta name="color:title" content ="#000000">
  20. <meta name="color:text" content="#000000">
  21. <meta name="color:tags" content="#ffffff">
  22. <meta name="color:tags background hover" content="#ffffff">
  23. <meta name="color:tags background" content="#000000">
  24. <meta name="color:tags hover" content="#000000">
  25. <meta name="color:link" content="#777777">
  26. <meta name="color:link hover" content="#000000">
  27. <meta name="color:sidebarlink" content="#ffffff">
  28. <meta name="color:sidebarlink hover" content="#000000">
  29.  
  30.  
  31. <meta name="text:link 1 title" content=""/>
  32. <meta name="text:link 1" content=""/>
  33. <meta name="text:link 2 title" content=""/>
  34. <meta name="text:link 2" content=""/>
  35. <meta name="text:link 3 title" content=""/>
  36. <meta name="text:link 3" content=""/>
  37. <meta name="text:link 4 title" content=""/>
  38. <meta name="text:link 4" content=""/>
  39. <meta name="text:link 5 title" content=""/>
  40. <meta name="text:link 5" content=""/>
  41.  
  42. <style type="text/css">
  43.  
  44.  
  45. body {
  46. margin:0px;
  47. padding:0px;
  48. font-family:'times';
  49. font-size:9px;
  50. color:{color:text};
  51. background:{color:background};
  52. }
  53.  
  54. a:link, a, a:active, a:visited {
  55. text-decoration:none;
  56. color:{color:link};
  57. -webkit-transition: all 0.5s ease-in-out;
  58. -moz-transition: all 0.5s ease-in-out;
  59. -o-transition: all 0.5s ease-in-out;
  60. -ms-transition: all 0.5s ease-in-out;
  61. transition: all 0.5s ease-in-out;
  62. }
  63. a:hover {
  64. color:{color:link hover};
  65. }
  66.  
  67. #entry {
  68. margin-left:450px;
  69. width:400px;
  70. font-family:times;
  71. }
  72.  
  73. #entries {
  74. padding:15px;
  75. margin-top:30px;
  76. margin-bottom:20px;
  77. margin-left:525px;
  78. width:420px;
  79. }
  80.  
  81. #post {
  82. padding:10px;
  83. background-color:#fff;
  84. margin-top:15px;
  85. width:400px;
  86. }
  87.  
  88.  
  89.  
  90. #sidebar {
  91. margin-top:150px;
  92. background-color:{color:background};
  93. width:500px;
  94. height:110%;
  95. position:fixed;
  96. overflow:hidden;
  97. }
  98.  
  99. #title {
  100. width:210px;
  101. margin-left:244px;
  102. margin-bottom:0px;
  103. text-align:center;
  104. padding:5px;
  105. font-family:{font:text};
  106. text-transform:lowercase;
  107. font-size:20px;
  108. font-weight:normal;
  109.  
  110. z-index:1;
  111. }
  112.  
  113. #title a {
  114. color:{color:title};
  115. font-family: 'times';
  116. font
  117. text-transform:lowercase;
  118. }
  119.  
  120. #title a:hover {
  121. color:#000;
  122. font-family: 'times new roman';
  123. -webkit-transition: all 2.5s ease-in-out;
  124. -moz-transition: all 2.5s ease-in-out;
  125. -o-transition: all 2.5s ease-in-out;
  126. -ms-transition: all 2.5s ease-in-out;
  127. transition: all 2.5s ease-in-out;
  128. }
  129.  
  130.  
  131. h1 {
  132. font-size:12px;
  133. text-align:left;
  134. text-transform:none;
  135. font-weight:bold;
  136. color:{color:title};
  137. }
  138. h1 a {
  139. color:{color:title};
  140. }
  141.  
  142.  
  143. #sidebarlink {
  144. margin-left:235px;
  145. margin-bottom:0px;
  146. width:230px;
  147. font-size:10px;
  148. text-align:center;
  149. font-style:italic;
  150. text-transform:lowercase;
  151. padding:5px;
  152. line-height:25px;
  153. color:{color:sidelink};
  154.  
  155. }
  156.  
  157. #sidebarlink a {
  158. color:{color:sidebarlink};
  159. padding-left:3px;
  160. padding-right:3px;
  161. padding-top:2px;
  162. padding-bottom:2px;
  163. background-color: #222222;
  164. z-index:0;
  165. }
  166.  
  167.  
  168. #sidebarlink a:hover {
  169. font-style:none;
  170. color:{color:sidebarlink hover};
  171. background-color: #fff;
  172. }
  173. .pagination {
  174. width:220px;
  175. margin-left:160px;
  176. text-align:right;
  177. font-family:arial;
  178. font-size:9px;
  179. letter-spacing:1px;
  180. }
  181.  
  182. .pagination a {
  183. color:{color:link hover};
  184. text-transform:normal;
  185. padding:2px;
  186. font-size:8px;
  187. }
  188.  
  189. .pagination a:hover {
  190. color:{color:link hover};
  191. background-color:{color:background};
  192.  
  193. }
  194.  
  195. #description {
  196. width:160px;
  197. margin-left:260px;
  198. margin-bottom:2px;
  199. padding:15px;
  200. font-size:9px;
  201. text-align:justify;
  202. line-height:150%;
  203. background:#fff;
  204. margin-top: -5px;
  205. }
  206.  
  207.  
  208.  
  209. .quote {
  210. color:{color:title};
  211. font-size:13px;
  212. text-align:center;
  213. line-height:110%;
  214. padding:10px;
  215. font-style:italic;
  216. margin-bottom:5px;
  217. }
  218.  
  219. #quotesource {
  220. font-size:9px;
  221. text-align:center;
  222. padding:10px;
  223. background-color:#f0f0f0;
  224. }
  225.  
  226. #quotesource a {
  227. color:{color:text};
  228. border-bottom:1px solid {color:link};
  229. }
  230.  
  231. #asker {
  232. background-color:#f0f0f0;
  233. line-height:145%;
  234. text-align: left;
  235. padding:10px 10px 10px 10px;
  236. }
  237.  
  238. #asker a:hover {
  239. color:{color:hover};
  240. }
  241.  
  242. #answer {
  243. padding:10px;
  244. margin-bottom:5px;
  245. }
  246.  
  247.  
  248.  
  249. #audio {width:500px; padding-bottom:10px; background-color:#FCFCFC;}
  250.  
  251. .albumart {float:left;padding:0px 10px 10px 0px;}
  252.  
  253. .albumart img {width:50px;height:50px; border: 1px solid #eeeeee; padding:2px;}
  254.  
  255. .playercontainer {text-align:left;padding:10px;background-color:#ffffff;width:480px;}
  256.  
  257. .audioinfo {padding:10px;};
  258. }
  259.  
  260.  
  261.  
  262. .caption {
  263.  
  264. }
  265. .caption img {
  266. max-width:390px;
  267. }
  268. .caption a {
  269. color:{color:text};
  270. border-bottom:1px solid {color:link};
  271. }
  272.  
  273. blockquote {
  274. margin-left:30px;
  275. width:340px;
  276. background-color:#f0f0f0;
  277. border-left:1px solid #616161;
  278. padding:2px 15px;
  279. }
  280. blockquote blockquote {
  281. padding-left:5px;
  282. width:300px;
  283. border-left:1px solid #00000;
  284. }
  285. blockquote img {
  286. max-width:390px;
  287. }
  288.  
  289.  
  290. #datenotes {
  291. font-size:9px;
  292. font-family:'times';
  293. letter-spacing: 1px;
  294. font-style:none;
  295. text-align: left;
  296. letter-spacing:0px;
  297. color:#fff;
  298. }
  299.  
  300. #tags {
  301. font-size:9px;
  302. margin-left: -3px;
  303. font-family:'times';
  304. text-transform:lowercase;
  305. font-style:italic;
  306. text-align: left;
  307. letter-spacing:1px;
  308. color:#000;
  309. line-height:230%;
  310. {block:indexpage}
  311. {block:ifhover}
  312. opacity:0;
  313. {/block:ifhover}
  314. {block:indexpage}
  315. -webkit-transition: all 0.4s ease-in-out;
  316. -moz-transition: all 0.4s ease-in-out;
  317. -o-transition: all 0.4s ease-in-out;
  318. -ms-transition: all 0.4s ease-in-out;
  319. transition: all 0.4s ease-in-out;
  320. }
  321. #tags a {
  322. color:{color:tags};
  323. padding:2px;
  324. background-color:{color:tags background};
  325. }
  326. #tags a:hover {
  327. color:{color:tags hover};
  328. background-color:{color:tags background hover};
  329. }
  330.  
  331. {block:ifhover}
  332. .post:hover #tags {
  333. opacity:1;
  334. -webkit-transition: all 0.5s ease-in-out;
  335. -moz-transition: all 0.5s ease-in-out;
  336. -o-transition: all 0.5s ease-in-out;
  337. -ms-transition: all 0.5s ease-in-out;
  338. transition: all 0.5s ease-in-out;
  339. }
  340. {/block:ifhover}
  341.  
  342. ol.notes {
  343. padding:2%;
  344. width:360px;
  345. text-align:left;
  346. font-family: 'times';
  347. }
  348.  
  349. ol.notes a {
  350. padding-bottom:2px;
  351. }
  352.  
  353. ol.notes a:hover{
  354. color:{color:tags hover};
  355. }
  356.  
  357. ol.notes li.note{
  358. border-bottom:1px solid {color:border};
  359. padding:2%;
  360. }
  361.  
  362. ol.notes li.note img.avatar{
  363. width:0px;
  364. height:0px;}
  365.  
  366.  
  367.  
  368. #info {
  369. width:400px;
  370. margin-bottom:-3px;
  371. margin-left:-3px;
  372. font-family:'times';
  373. font-size:9px;
  374. font-style:none;
  375. text-align:left;
  376.  
  377. padding:5px;
  378. line-height:110%;
  379. -webkit-transition: all 0.5s ease-in-out;
  380. -moz-transition: all 0.5s ease-in-out;
  381. -o-transition: all 0.5s ease-in-out;
  382. -ms-transition: all 0.5s ease-in-out;
  383. transition: all 0.5s ease-in-out;
  384. }
  385.  
  386. .info a {
  387. color:{color:link hover};
  388. padding:5px;
  389. background-color:{color:background};
  390. }
  391. .info a:hover {
  392. color:{color:link};
  393. }
  394.  
  395. #themecredit {
  396. text-transform:lowercase;
  397. position:fixed;
  398. right:7px;
  399. bottom:7px;
  400. text-align:center;
  401. font-size:9px;
  402. letter-spacing:1px;
  403. font-family:times;
  404. opacity:.60;
  405. width:30px;
  406. }
  407.  
  408.  
  409. </style></head>
  410. <body>
  411.  
  412. <div id="sidebar">
  413. <div id="title"><a href="/">{Title}</a></div>
  414. {block:ifsidebarimg}<div id="sidebarbox"><center><img src="{image:sidebar}"/></center></div>{/block:ifsidebarimg}
  415. <div id="sidebarlink">
  416. {block:iflink1}<a href="{text:link 1}">{text:link 1 title}</a>&nbsp;&nbsp;{/block:iflink1}
  417. {block:iflink2}<a href="{text:link 2}">{text:link 2 title}</a>&nbsp;&nbsp;{/block:iflink2}
  418. {block:iflink3}<a href="{text:link 3}">{text:link 3 title}</a>&nbsp;&nbsp;{/block:iflink3}
  419. {block:iflink4}<a href="{text:link 4}">{text:link 4 title}</a>&nbsp;&nbsp;{/block:iflink4}
  420. {block:iflink5}<a href="{text:link 5}">{text:link 5 title}</a>&nbsp;&nbsp;{/block:iflink5}
  421. </div>
  422.  
  423. <div id="description">{block:Description}{Description}{/block:Description}</div>
  424.  
  425.  
  426. {block:IndexPage}
  427. {block:Pagination}
  428. <div class="pagination">
  429. {block:PreviousPage}
  430. <a href="{PreviousPage}">back</a>
  431. {/block:PreviousPage}
  432. {block:NextPage}
  433. <a href="{NextPage}">forth</a>
  434. {block:NextPage}
  435. </div>
  436. {/block:Pagination}
  437. {/block:IndexPage}
  438. </div>
  439. </div>
  440.  
  441. <div id="entries">{block:Posts}<div id="post">
  442.  
  443. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  444.  
  445. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}" width="400">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  446.  
  447. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  448.  
  449. {block:Quote}<div class="quote">"{Quote}"</div>{block:Source}<div id="quotesource"> — {Source}</div>{/block:Source}{/block:Quote}
  450.  
  451. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  452.  
  453. {block:Chat}<ul class="chat">{block:Title}{Title}{/block:Title} {block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  454.  
  455. {block:Audio}<div id="audiopost">{block:AlbumArt}<div id="albumart"><img src="{AlbumArtURL}" width="60px" height="60px" align="left"/></div>{/block:AlbumArt}<div id="player"><div id="aplayer">{AudioPlayerBlack}</div></div><div id="audioinfo">{block:TrackName}&emsp;<b>Title:</b> {TrackName}<br>{/block:TrackName}{block:Artist}&emsp;<b>Artist:</b> {Artist}{/block:Artist}<br>&emsp;{PlayCountWithLabel}</div></div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  456.  
  457. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  458.  
  459. {block:Answer}<div id="asker"><b>{Asker}</b>: {Question}</div>
  460. <div id="answer">{Answer}</div>{/block:Answer}
  461.  
  462.  
  463. {block:IndexPage}
  464. <div id="info">{block:Date}
  465. <a href="{Permalink}"> {Month} {DayOfMonth}{DayOfMonthSuffix}</a>
  466. {/block:Date}
  467.  
  468. {block:NoteCount}
  469. with <a href="{Permalink}">
  470. {NoteCountWithLabel}</a>
  471. {/block:NoteCount}
  472. <br>
  473. </div>
  474.  
  475. {block:HasTags}<div id="tags">{block:Tags}<span class="tag2">&ensp;</span><a class="tag" href="{TagURL}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  476.  
  477. </div>
  478. {/block:IndexPage}
  479.  
  480. {block:PermalinkPage}
  481. <p>
  482.  
  483.  
  484. <font style="padding:5px;font-size:9px; margin-left: -8px; font-family:'times';">{block:ContentSource}by: <a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource} {block:RebloggedFrom} &nbsp; via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}</a>{block:NoteCount}
  485. with <a href="{Permalink}">
  486. {NoteCountWithLabel}</a>
  487. {/block:NoteCount}</font>
  488. <div id="tags">{block:HasTags}{block:Tags}
  489. <a href="/tagged/{Tag}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}{/block:HasTags} {block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount} </div>
  490.  
  491.  
  492. {/block:PermalinkPage}
  493.  
  494. {block:PostNotes}{PostNotes}{/block:PostNotes}
  495. {/block:Posts}</div>
  496.  
  497.  
  498. </div>
  499.  
  500. </div>
  501. <div id="themecredit"><a href="http://ronweasleyy.tumblr.com/">THEME</a></div>
  502. </body>
  503.  
  504.  
  505. </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!