API tools faq
paste
Advertisement
paulveretts

theme 04; summertime sadness v02

paulveretts
Apr 27th, 2013
284
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.45 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.  
  3. <!-- Theme by Júlia @ Paulveretts // Don't remove credits -->
  4.  
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6.  
  7.  
  8. <head>
  9.  
  10.  
  11. <meta name="color:bg" content="#FFFFFF">
  12. <meta name="color:link" content="#AAAAAA">
  13. <meta name="color:text" content="#AAAAAA">
  14. <meta name="color:pagi" content="#fff">
  15. <meta name="color:Link Hover" content="#AAAAAA">
  16. <meta name="color:LinkBG" content="#fff">
  17. <meta name="color:SidebarLinkBG" content="#fff">
  18. <meta name="color:tags" content="#AAAAAA">
  19. <meta name="color:Description" content="#dad8d8">
  20. <meta name="color:scrollbar" content="#EEEEEE">
  21. <meta name="color:border" content="#F5F5F5">
  22. <meta name="color:infobg" content="#F5F5F5">
  23.  
  24. <meta name="image:sidebar" content=""/>
  25.  
  26. <meta name="text:link1" content="">
  27. <meta name="text:link1 url" content="/">
  28. <meta name="text:link2" content="">
  29. <meta name="text:link2 url" content="/">
  30. <meta name="text:link3" content="">
  31. <meta name="text:link3 url" content="/">
  32. <meta name="text:link4" content="">
  33. <meta name="text:link4 url" content="/">
  34.  
  35. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  36. <title>{Title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  37. <link rel="shortcut icon" href="{Favicon}" />
  38. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  39.  
  40. <style type="text/css">
  41.  
  42.  
  43. a {
  44. color:{color:link};
  45. text-decoration:none;
  46. -moz-transition-duration:0.5s;
  47. -webkit-transition-duration:0.5s;
  48. -o-transition-duration:0.5s;
  49. }
  50.  
  51. a:hover { color:{color:Link}; background-color:{color:LinkBg};
  52. -webkit-transition: opacity 0.5s linear;
  53. -webkit-transition: all 0.5s ease-in-out;
  54. -moz-transition: all 0.5s ease-in-out;
  55. -o-transition: all 0.5s ease-in-out;}
  56. }
  57.  
  58.  
  59. ::-webkit-scrollbar {background-color:{color:bg}; height:8px; width:8px}
  60. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar}; height:50px}
  61. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollbar}; height:8px!important}
  62.  
  63. body {
  64. background-color:{color:bg};
  65. font-family:Cambria;
  66. font-weight:normal;
  67. }
  68.  
  69. b {
  70. font-weight: bold;
  71. color:#000;
  72. opacity:0.5;
  73. }
  74.  
  75. h1 {
  76. font-weight:normal;
  77. font-size:11px;
  78. text-align:center;
  79. font-style:normal;
  80. line-height:50%;
  81. letter-spacing:1px;
  82. text-transform:lowercase;
  83. color:{color:text};
  84. }
  85.  
  86. h2 {
  87. font-size:10px;
  88. text-align:center;
  89. line-height:100%;
  90. letter-spacing:-0.5px;
  91. color:{color:text};
  92. font-weight:bold;
  93. text-transform:uppercase;
  94. padding:5px;
  95. padding-bottom:2px;
  96. }
  97.  
  98.  
  99. blockquote {
  100. border-left:2px solid {color:text};
  101. padding-left:10px;
  102. margin:10px;
  103. }
  104.  
  105. #themenum {
  106. background-color:{color:bg};
  107. width:700px;
  108. margin: 0 auto -12px auto;
  109. text-align: center;
  110. }
  111.  
  112. #sidebar {
  113. color:{color:text};
  114. position:fixed;
  115. width:150px;
  116. height:350px;
  117. opacity:0.92;
  118. margin-top:300px;
  119. margin-left:-30px;
  120. text-align:left;
  121. -moz-transition-duration:0.5s;
  122. -webkit-transition-duration:0.5s;
  123. -o-transition-duration:0.5s;
  124. }
  125. #sidebar:hover {
  126. opacity:1;
  127. -moz-transition-duration:0.5s;
  128. -webkit-transition-duration:0.5s;
  129. -o-transition-duration:0.5s;
  130. }
  131.  
  132. #sidebar img {
  133. width:150px;
  134. height:350px;
  135. margin-top:-150px;
  136. outline:1px solid #f5f5f5;
  137. outline-offset:4px;
  138. }
  139. #sidebar img:hover {
  140. width:150px;
  141. text-decoration:none;
  142. height:350px;
  143. margin-top:-150px;
  144. outline:1px solid #f5f5f5;
  145. outline-offset:4px;
  146.  
  147. }
  148.  
  149.  
  150. .slinks {
  151. opacity:1;
  152. position:fixed;
  153. display:block;
  154. padding: 10px;
  155. background-color:{color:SidebarLinkBg};
  156. width:100px;
  157. line-height:10%;
  158. font-size:8px;
  159. font-family:consolas;
  160. text-transform:uppercase;
  161. font-style:italic;
  162. margin-left:15px;
  163. margin-top:150px;
  164. text-align:center;
  165. letter-spacing:1px;
  166. }
  167.  
  168. .slinks a {
  169. font-size: 8px;
  170. opacity:1;
  171. }
  172.  
  173. .slinks a:hover {
  174. font-weight:bold;
  175. font-size:8px;
  176. letter-spacing:2px;
  177. font-style:italic;
  178. text-transform:lowercase;
  179. color:{color:Link Hover};
  180.  
  181. }
  182.  
  183. .description {
  184. position:fixed;
  185. margin-bottom:0px;
  186. margin-left: 13px;
  187. width: 100px;
  188. font-family: cambria;
  189. margin-top:-130px;
  190. text-align:justify;
  191. font-style: none;
  192. font-size:8px;
  193. color:{color:Description};
  194. border: 1px solid #ffffff;
  195. opacity: 1;
  196. padding: 11px;
  197. padding-top: 7px;
  198. padding-bottom: 10px;
  199. border-top: 0px solid;
  200. border-bottom: 0px solid;
  201. background: #ffffff;
  202. letter-spacing:1px;
  203. line-height:125%;
  204. }
  205.  
  206. .description a {
  207. color:#AAAAAA;
  208. }
  209.  
  210. .description a:hover {
  211. color:#f1f1f1;
  212. opacity:0.5;
  213. }
  214.  
  215. .description:first-letter {
  216. width:20px;
  217. height:20px;
  218. padding:5px;
  219. margin-bottom:0px;
  220. margin-right:8px;
  221. float:left;
  222. background-color:#a0a0a0;
  223. color:#fff;
  224. font-family:times;
  225. font-size:26px;
  226. font-style:italic;
  227. line-height:20px;
  228. text-transform:uppercase;
  229. text-align:center;
  230. }
  231.  
  232. .pagination {
  233. font-family:cambria normal;
  234. margin-top:0px;
  235. margin-left:0px;
  236. font-size:20px;
  237. text-transform:uppercase;
  238. letter-spacing:1px;
  239. text-align:center;
  240. color:{color:pagi};
  241. }
  242.  
  243. .pagination a {
  244. color:{color:pagi};
  245. }
  246.  
  247. .pagination a:hover {
  248. color:{color:Link Hover};
  249. }
  250.  
  251. #postcontainer {
  252. float:left;
  253. margin-left:200px;
  254. width:500px;
  255. margin-top:50px;
  256. text-align:justify;
  257. background-color:{color:bg};
  258. color:{color:text};
  259. margin-bottom: 35px;
  260. }
  261.  
  262.  
  263. #posts {
  264. width:500px;
  265. margin-top:75px;
  266. text-align:justify;
  267. font-size:11px;
  268. line-height:110%;
  269. letter-spacing:0x;
  270. color:{color:text};
  271. outline:1px solid #f5f5f5;
  272. outline-offset:15px;
  273. }
  274.  
  275.  
  276.  
  277. #info {
  278. font-family:consolas;
  279. width:500px;
  280. margin-top:3px;
  281. padding:2px;
  282. padding-left:0px;
  283. background-color:{color:infobg};
  284. font-size:8px;
  285. color:{color:link};
  286. text-transform:uppercase;
  287. font-style:normal;
  288. letter-spacing:2px;
  289. text-align:center;
  290. border-bottom:1px solid #f5f5f5;
  291. -moz-transition-duration:0.5s;
  292. -webkit-transition-duration:0.5s;
  293. -o-transition-duration:0.5s;
  294. }
  295.  
  296. #info a {
  297. color:{color:link};
  298. text-align:center;
  299. letter-spacing:1px;
  300. font-style:normal;
  301. }
  302.  
  303. #info a:hover {
  304. color:{color:hover};
  305. }
  306.  
  307. .caption {
  308. width:500px;
  309. text-align:justify;
  310. line-height:120%;
  311. }
  312.  
  313. .question {
  314. padding:10px;
  315. text-align:center;
  316. color:{color:text};
  317. background-color:{color:infobg};
  318. border-bottom:1px solid {color:text};
  319. }
  320.  
  321. .answer {
  322. text-align:left;
  323. padding:10px;
  324. color:{color:text};
  325. }
  326.  
  327. .music {
  328. width:500px;
  329. padding-bottom:10px;
  330. background-color:{color:infobg};
  331. }
  332.  
  333. .albumart {
  334. float:left;
  335. padding:0px 10px 10px 0px;
  336. }
  337.  
  338. .albumart img {
  339. width:45px;
  340. height:45px;
  341. }
  342.  
  343. .playercontainer {
  344. text-align:left;
  345. padding:10px;
  346. background-color:#ffffff;
  347. width:480px;
  348. }
  349.  
  350. .musicinfo {
  351. padding:10px;
  352. color:{color:text};
  353. }
  354. .postnote {
  355. text-transform:uppercase;
  356. font-style:normal;
  357. letter-spacing:0px;
  358. font-size: 9px;
  359. text-align:left;
  360. line-height:90%;
  361. margin-left:-40px;
  362. }
  363.  
  364. .postnote li {
  365. list-style-type:none;
  366. border-bottom:1px solid {color:border};
  367. padding:10px 25px 10px 25px;
  368. text-align:left;
  369. margin:0px;
  370. -moz-transition-duration:0.5s;
  371. -webkit-transition-duration:0.5s;
  372. -o-transition-duration:0.5s;
  373. }
  374.  
  375. .tags {
  376. font-family:consolas;
  377. font-style:normal;
  378. width:500px;
  379. text-transform:uppercase;
  380. font-style:normal;
  381. color:{color:tags};
  382. letter-spacing:2px;
  383. line-height:120%;
  384. font-size:8px;
  385. text-align:center;
  386. padding:2px;
  387. -moz-transition-duration:0.5s;
  388. -webkit-transition-duration:0.5s;
  389. -o-transition-duration:0.5s;
  390. }
  391.  
  392. .tags a {
  393. color:{color:text};
  394. letter-spacing:1px;
  395. padding:1px;
  396. }
  397.  
  398. .tags a:hover {
  399. color:{color:Link Hover};
  400. font-size:8px;
  401. }
  402.  
  403. ul.chat, .chat ol, .chat li {
  404. list-style:none;
  405. margin:0px;
  406. padding:2px;
  407. }
  408.  
  409. .tab {
  410. text-decoration:underline;
  411. font-weight:700;
  412. background-color:{color:bg};
  413. margin-right:5px;
  414. }
  415.  
  416. #credit {
  417. position:fixed;
  418. font-size:8px;
  419. font-weight:normal;
  420. line-height:150%;
  421. letter-spacing:2px;
  422. right:10px;
  423. border:solid 1px #f1f1f1;
  424. bottom:10px;
  425. text-transform:uppercase;
  426. text-align:center;
  427. }
  428.  
  429. #credit a {
  430. padding:3px;
  431. color:{color:text};
  432. -moz-transition-duration:0.5s;
  433. -webkit-transition-duration:0.5s;
  434. -o-transition-duration:0.5s;
  435. }
  436.  
  437. #credit a:hover {
  438. padding:3px;
  439. color:{color:text};
  440. -moz-transition-duration:0.5s;
  441. -webkit-transition-duration:0.5s;
  442. -o-transition-duration:0.5s;
  443. background:#000;
  444. }
  445.  
  446. {CustomCSS}
  447.  
  448. </style></head>
  449.  
  450. <body>
  451. <div id="themenum">
  452. <div id="sidebar">
  453. <div class="slinks">
  454. {block:IfLink1}
  455. <a href="{text:link1 url}"; title="{text:link1}">001.</a>{/block:IfLink1}
  456. {block:IfLink2}
  457. <a href="{text:link2 url}"; title="{text:link2}">002.</a>{/block:IfLink2}
  458. {block:IfLink3}
  459. <a href="{text:link3 url}"; title="{text:link3}">003.</a>{/block:IfLink3}
  460. {block:IfLink4}
  461. <a href="{text:link4 url}"; title="{text:link4}">004.</a>{/block:IfLink4}
  462. </div>
  463. <img src="{image:sidebar}">
  464. <div class="description">
  465. {Description}
  466. </div>
  467. {block:Pagination}
  468. <div class="pagination">
  469. {block:PreviousPage}
  470. <a href="{PreviousPage}">«</a>
  471. {/block:PreviousPage}
  472. {block:NextPage}
  473. <a href="{NextPage}">»</a>
  474. {/block:NextPage}
  475. </div>
  476. {/block:Pagination}
  477. </div>
  478.  
  479. <div id="postcontainer">
  480.  
  481. {block:Posts}
  482.  
  483. <div id="posts">
  484.  
  485. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  486.  
  487. {block:Quote}<h2>“{Quote}”</h2><h1>{Source}</h1>{/block:Quote}
  488.  
  489. {block:Link}<a href="{URL}"><h2>{Name}</h2></a>
  490. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  491.  
  492. {block:Photo}<center><img src="{PhotoURL-500}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  493.  
  494. {block:Photoset}<center>{Photoset-500}</center>
  495. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  496.  
  497. {block:Chat}<ul class="chat">{block:Title}<h2>{Title}</h2>{/block:Title}{block:Lines}<li>{block:Label}<span class="tab">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  498.  
  499. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  500.  
  501. {block:Answer}<div class="question">{Asker} whispered: {Question}</div><div class="answer">{Answer}</div>{/block:answer}
  502.  
  503. {block:Audio}<div class="music">{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
  504. <div class="musicinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  505. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  506. <br><div class="playercontainer">{AudioPlayerWhite}</div></div>
  507. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  508.  
  509.  
  510.  
  511. {block:Date}<div id="info">{TimeAgo} {block:NoteCount} WITH <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom} VIA <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  512. {block:ContentSource} (Source: <a href="{SourceURL}">{SourceLink})</a>{/block:ContentSource}</div>{/block:Date}
  513. {block:HasTags}
  514. <div class="tags">
  515. Tagged as: {block:Tags}<a href="{TagURL}">#{Tag}</a>,{/block:Tags}</div>
  516. {/block:HasTags}
  517. <div class="postnote">
  518. {block:PostNotes}{PostNotes}{/block:PostNotes}
  519. </div>
  520. </div>
  521. {/block:Posts}
  522.  
  523.  
  524. </div>
  525.  
  526. <div id="credit"><a href="http://paulveretts.tumblr.com/">theme</a></div>
  527.  
  528. </div>
  529. </div>
  530. </div>
  531. </body>
  532. </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!