Advertisement
rasperries

liam theme

Aug 13th, 2013
83
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.60 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.  
  3. <!--
  4. - Theme Twenty-Four -
  5. - Somewhere Only We Know -
  6. - By Katie, http://swishyronan.tumblr.com
  7. - Edit all you want, just don't remove the credits or re-post.
  8. -->
  9.  
  10. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  11.  
  12.  
  13. <head>
  14.  
  15.  
  16. <meta name="color:bg" content="#FFFFFF">
  17. <meta name="color:link" content="#d3d3d3">
  18. <meta name="color:sblink" content="#505050">
  19. <meta name="color:hover" content="#454545">
  20. <meta name="color:text" content="#9A9A9A">
  21. <meta name="color:tags" content="#9a9a9a">
  22. <meta name="color:scrollbar" content="#f1f0f0">
  23. <meta name="color:border" content="#f0f0f0">
  24. <meta name="color:title" content="#ece396">
  25.  
  26. <meta name="image:sidebar" content=""/>
  27. <meta name="text:quote" content="">
  28.  
  29. <meta name="text:link1" content="">
  30. <meta name="text:link1 url" content="/">
  31. <meta name="text:link2" content="">
  32. <meta name="text:link2 url" content="/">
  33. <meta name="text:link3" content="">
  34. <meta name="text:link3 url" content="/">
  35. <meta name="text:link4" content="">
  36. <meta name="text:link4 url" content="/">
  37. <meta name="text:link5" content="">
  38. <meta name="text:link5 url" content="/">
  39.  
  40. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  41. <title>{Title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  42. <link rel="shortcut icon" href="{Favicon}" />
  43. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  44.  
  45. <link href='http://fonts.googleapis.com/css?family=Lora:400italic' rel='stylesheet' type='text/css'>
  46.  
  47. <style type="text/css">
  48.  
  49.  
  50. a {
  51. color:{color:link};
  52. text-decoration:none;
  53. -moz-transition-duration:0.5s;
  54. -webkit-transition-duration:0.5s;
  55. -o-transition-duration:0.5s;
  56. }
  57.  
  58. a:hover {
  59. color:{color:hover};
  60. text-decoration:none;
  61. -moz-transition-duration:0.5s;
  62. -webkit-transition-duration:0.5s;
  63. -o-transition-duration:0.5s;
  64. }
  65.  
  66.  
  67. ::-webkit-scrollbar{height: 9px; width: 9px; -webkit-border-radius: 0px; background-color:{color:background};}
  68. ::-webkit-scrollbar-thumb{background-color:{color:scrollbar};}
  69. ::-webkit-scrollbar-track{background-color:{color:bg};}
  70.  
  71.  
  72. body {
  73. font-family:helvetica;
  74. font-weight:normal;
  75. background-color:{color:bg};
  76. font-size:9px;
  77. }
  78.  
  79. h1 {
  80. font-family:helvetica;
  81. font-weight:;
  82. font-size:9px;
  83. text-align:right;
  84. font-style:normal;
  85. line-height:80%;
  86. letter-spacing:0px;
  87. text-transform:lowercase;
  88. color:{color:text};
  89. }
  90.  
  91. h2 {
  92. font-family:helvetica;
  93. font-size:26px;
  94. text-transform:lowercase;
  95. text-align:left;
  96. line-height:100%;
  97. letter-spacing:-px;
  98. font-weight:lighter;
  99. font-weight:lighter;
  100. padding:px;
  101. padding-bottom:px;
  102. color:{color:text};
  103. }
  104.  
  105. h3 {
  106. text-align:justify;
  107. line-height:120%;
  108. letter-spacing:0px;
  109. font-size:9px;
  110. font-family:helvetica;
  111. font-style:italic;
  112. font-weight:normal;
  113. color:{color:text};
  114. }
  115.  
  116. #title {
  117. margin-top:10px;
  118. margin-left:0px;
  119. font-family:helvetica;
  120. font-style:normal;
  121. font-size:13px;
  122. width:120px;
  123. line-height:130%;
  124. text-align:left;
  125. text-transform:lowercase;
  126. letter-spacing:px;
  127. background-color:{color:title};
  128. color:#ffffff;
  129. padding:5px;
  130. padding-right:120px;
  131. font-weight:bold;
  132. }
  133.  
  134. blockquote{
  135. margin-left:0px;
  136. background-color:#f9f9f9;
  137. padding-top:5px;
  138. padding-left:10px;
  139. padding-right:10px;
  140. padding-bottom:5px;
  141. width:95%;
  142. }
  143.  
  144. #theme {
  145. background-color:{color:bg};
  146. width:700px;
  147. margin: 0 auto -12px auto;
  148. text-align: center;
  149. }
  150.  
  151. #sidebar {
  152. position:fixed;
  153. width:245px;
  154. height:auto;
  155. margin-left:-100px;
  156. margin-top:92px;
  157. color:{color:text};
  158. }
  159.  
  160. #sidebar img {
  161. width:245px;
  162. height:auto;
  163. margin-left:0px;
  164. margin-bottom:15px;
  165. }
  166.  
  167. .links {
  168. margin-top:35px;
  169. margin-left:0px;
  170. width:245px;
  171. font-family:helvetica;
  172. font-size:9px;
  173. text-transform:lowercase;
  174. font-style:normal;
  175. text-align:center;
  176. line-height:130%;
  177. -moz-transition-duration:0.5s;
  178. -webkit-transition-duration:0.5s;
  179. -o-transition-duration:0.5s;
  180. opacity:0;
  181. }
  182.  
  183. .links a{
  184. font-weight:;
  185. text-align:center;
  186. padding:5px;
  187. letter-spacing:px;
  188. }
  189.  
  190. .links a:hover{
  191. text-decoration:underline;
  192. color:{color:links};
  193. }
  194.  
  195. #sidebar:hover .links {
  196. margin-top:15px;
  197. opacity:1;
  198. -moz-transition-duration:0.5s;
  199. -webkit-transition-duration:0.5s;
  200. -o-transition-duration:0.5s;
  201. }
  202.  
  203.  
  204. .desc {
  205. margin-top:-5px;
  206. width:245px;
  207. font-family:arial;
  208. font-size:9px;
  209. text-transform:lowercase;
  210. font-style:normal;
  211. text-align:left;
  212. line-height:130%;
  213. color:{color:text};
  214. }
  215.  
  216. .desc a {
  217. color:{color:link};
  218. }
  219.  
  220. .quote {
  221. margin-top:10px;
  222. margin-left:0px;
  223. width:245px;
  224. text-align:justify;
  225. font-size:9px;
  226. font-style:italic;
  227. font-family:helvetica;
  228. letter-spacing:px;
  229. line-height:130%;
  230. color:{color:text};
  231. padding:0px;
  232. }
  233.  
  234. #pagi {
  235. position:fixed;
  236. width:480px;
  237. text-align:center;
  238. margin-top:20px;
  239. font-family:arial;
  240. font-size:9px;
  241. text-transform:uppercase;
  242. font-style:normal;
  243. color:{color:text};
  244. background-color:{color:bg};
  245. bottom:0;
  246. margin-left:225px;
  247. padding:10px;
  248. }
  249.  
  250. #pagi a {
  251. color:#9a9a9a;
  252. padding:5px;
  253. }
  254.  
  255. #stuffcontainer {
  256. float:left;
  257. margin-left:225px;
  258. margin-top:40px;
  259. text-align:center;
  260. background-color:{color:bg};
  261. color:{color:text};
  262. margin-bottom:20px;
  263. }
  264.  
  265. #stuff {
  266. width:500px;
  267. margin-top:50px;
  268. text-align:justify;
  269. font-size:9px;
  270. font-family:arial;
  271. font-style:normal;
  272. line-height:120%;
  273. color:{color:text};
  274. }
  275.  
  276. .caption {
  277. width:500px;
  278. text-align:justify;
  279. line-height:120%;
  280. }
  281.  
  282. .ask {
  283. font-family:arial;
  284. line-height:130%;
  285. font-style:normal;
  286. font-size:9px;
  287. padding:25px;
  288. text-align:center;
  289. color:{color:text};
  290. background-color:#fafafa;
  291. }
  292.  
  293.  
  294. .ans {
  295. font-family:arial;
  296. font-size:9px;
  297. font-style:normal;
  298. padding:5px;
  299. text-align:justify;
  300. line-height:130%;
  301. color:{color:text};
  302. background-color:{color:bg};
  303. }
  304.  
  305. .audio {
  306. width:100%;
  307. background-color:{color:background};
  308. background-image: url('http://static.tumblr.com/1fe0fb2eb9179fdba195906aa5c7bc29/ygd3n2x/TPHmil7fo/tumblr_static_diagonal_striped_brick.png');
  309. background-attachment:repeat;
  310. }
  311.  
  312. .audioplayer{
  313. height:26px;
  314. width:5.25%;
  315. overflow:hidden;
  316. opacity:.75;
  317. }
  318.  
  319. #postinfo {
  320. width:480px;
  321. font-family:arial;
  322. font-size:8px;
  323. text-transform:lowercase;
  324. font-style:normal;
  325. text-align:right;
  326. line-height:120%;
  327. padding:10px;
  328. border-top:1px solid;
  329. border-color:{color:border};
  330. color:{color:link};
  331. }
  332.  
  333. #postinfo a {
  334. padding:5px;
  335. color:{color:link};
  336. }
  337.  
  338. #postinfo a:hover {
  339. color:{color:hover};
  340. }
  341.  
  342. .date {
  343. padding-top:0px;
  344. padding-left:0px;
  345. }
  346.  
  347. .note {
  348. text-transform:lowercase;
  349. font-style:normal;
  350. letter-spacing:0px;
  351. font-size:9px;
  352. text-align:left;
  353. line-height:90%;
  354. margin-left:-40px;
  355. }
  356.  
  357. .note li {
  358. list-style-type:none;
  359. padding:10px 25px 10px 25px;
  360. text-align:left;
  361. margin:0px;
  362. -moz-transition-duration:0.5s;
  363. -webkit-transition-duration:0.5s;
  364. -o-transition-duration:0.5s;
  365. border-bottom:1px solid {color:border};
  366. }
  367.  
  368. .tags {
  369. margin-top:15px;
  370. margin-bottom:5px;
  371. font-family:arial;
  372. width:500px;
  373. padding:0px;
  374. text-transform:;
  375. letter-spacing:0px;
  376. line-height:120%;
  377. font-size:9px;
  378. text-align:left;
  379. -moz-transition-duration:0.5s;
  380. -webkit-transition-duration:0.5s;
  381. -o-transition-duration:0.5s;
  382. background-color:#FFFFFF;
  383. }
  384.  
  385. .tags a {
  386. letter-spacing:0px;
  387. padding:5px;
  388. color:#9a9a9a;
  389. }
  390.  
  391. .tags a:hover {
  392. color:#454545;
  393. }
  394.  
  395. ul.chat, .chat ol, .chat li {
  396. list-style:none;
  397. margin:0px;
  398. padding:2px;
  399. }
  400.  
  401. .label {
  402. text-decoration:underline;
  403. font-weight:700;
  404. margin-right:5px;
  405. }
  406.  
  407. #cred {
  408. position:fixed;
  409. font-family:arial;
  410. font-size:9px;
  411. line-height:120%;
  412. right:10px;
  413. bottom:15px;
  414. text-align:center;
  415. padding:4px;
  416. }
  417.  
  418. #cred a {
  419. padding:7px;
  420. padding-top:6px;
  421. padding-bottom:6px;
  422. -moz-transition-duration:0.5s;
  423. -webkit-transition-duration:0.5s;
  424. -o-transition-duration:0.5s;
  425. color:{color:bg};
  426. background-color:{color:title};
  427. }
  428.  
  429. #cred a:hover {
  430. -moz-transition-duration:0.5s;
  431. -webkit-transition-duration:0.5s;
  432. -o-transition-duration:0.5s;
  433. color:{color:title};
  434. background-color:{color:bg};
  435. }
  436.  
  437. {CustomCSS}
  438.  
  439. </style></head>
  440.  
  441. <body>
  442.  
  443.  
  444.  
  445. <div id="theme">
  446.  
  447. {block:Pagination}
  448. <div id="pagi">
  449. {block:PreviousPage}
  450. <a href="{PreviousPage}">←</a>
  451. {/block:PreviousPage}
  452.  
  453. {block:JumpPagination length="5"}
  454. {block:CurrentPage}
  455. <span class="current_page">{PageNumber}</span>
  456. {/block:CurrentPage}
  457.  
  458. {block:JumpPage}
  459. <a href="{URL}">{PageNumber}</a>
  460. {/block:JumpPage}
  461. {/block:JumpPagination}
  462.  
  463. {block:NextPage}
  464. <a href="{NextPage}">→</a>
  465. {/block:NextPage}
  466. </div>
  467. {/block:Pagination}
  468.  
  469. <div id="sidebar">
  470.  
  471. <img src="{image:sidebar}">
  472. <div class="desc">
  473. {Description}
  474. </div>
  475. <div id="title">{Title}</div>
  476. <div class="quote">
  477. {text:quote}
  478. </div>
  479. <div class="links">
  480. {block:IfLink1}
  481. <a href="{text:link1 url}">{text:link1}</a>
  482. {/block:IfLink1}
  483. {block:IfLink2}
  484. <a href="{text:link2 url}">{text:link2}</a>
  485. {/block:IfLink2}
  486. {block:IfLink3}
  487. <a href="{text:link3 url}">{text:link3}</a>
  488. {/block:IfLink3}
  489. {block:IfLink4}
  490. <a href="{text:link4 url}">{text:link4}</a>
  491. {/block:IfLink4}
  492. {block:IfLink5}
  493. <a href="{text:link5 url}">{text:link5}</a>
  494. {/block:IfLink5}
  495. <script language="JavaScript">
  496. var ref = (''+document.referrer+'');
  497. document.write('<script src="http://s1.freehostedscripts.net/ocounter.php?site=ID3293963&e1=&e2=&r=' + ref + '"><\/script>');
  498. </script>
  499. </div>
  500. </div>
  501.  
  502. <div id="stuffcontainer">
  503.  
  504. {block:Posts}
  505.  
  506. <div id="stuff">
  507.  
  508. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  509.  
  510. {block:Quote}<h3>{Quote}</h3><h1>{Source}</h1>{/block:Quote}
  511.  
  512. {block:Link}<a href="{URL}"><h2>{Name}</h2></a>
  513. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  514.  
  515. {block:Photo}<center><img src="{PhotoURL-500}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  516.  
  517. {block:Photoset}<center>{Photoset-500}</center>
  518. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  519.  
  520. {block:Chat}<ul class="chat">{block:Title}<h2>{Title}</h2>{/block:Title}{block:Lines}<li>{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  521.  
  522. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  523.  
  524. {block:Answer}<div class="ask"><b>{Asker}:</b> "{Question}"</div><div class="ans">{Answer}</div>{/block:answer}
  525.  
  526. {block:Audio}
  527. <center><div style="border-top:1px solid #ddd;"></div>
  528. <div class="audio"><div class="audioplayer">{AudioPlayerWhite}</div></div><div style="border-top:1px solid #ddd;"></div></center><br>{block:Caption}{Caption}{/block:Caption}
  529. {/block:Audio}
  530.  
  531.  
  532. {block:HasTags}
  533. <div class="tags">
  534. {block:Tags}<a href="{TagURL}"><img src="http://i41.tinypic.com/2ug050y.jpg">&nbsp;{Tag}</a>{/block:Tags}</div>
  535. {/block:HasTags}
  536. <div class="note">
  537. {block:PostNotes}{PostNotes}{/block:PostNotes}
  538. </div>
  539. <div id="postinfo">
  540.  
  541. <div class="date">
  542. {block:Date}
  543. <a href="{Permalink}">
  544. {Month} {DayOfMonth}{DayOfMonthSuffix}
  545. </a>{/block:Date}
  546. ·
  547. {block:NoteCount}
  548. <a href="{Permalink}">{NoteCountWithLabel}</a>
  549. {/block:NoteCount}
  550. ·
  551. {block:RebloggedFrom}
  552. <a title ="{ReblogParentName}" href="{ReblogParentURL}">via</a>
  553. {/block:RebloggedFrom}
  554. ·
  555. {block:ContentSource}
  556. <a title ="{SourceTitle}" href="{SourceURL}">source</a>
  557. {/block:ContentSource}
  558.  
  559.  
  560. </div>
  561. </div>
  562. {/block:Posts}
  563.  
  564.  
  565.  
  566. </div>
  567. </div>
  568. </div>
  569. </body>
  570. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement