API tools faq
paste
Advertisement
thematchgirl

Theme 03

thematchgirl
Jan 3rd, 2013
243
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.46 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. <title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:Description}
  8. <meta name="description" content="{MetaDescription}"/>
  9. {/block:Description}
  10. <meta name="color:background" content="#fafafa"/>
  11. <meta name="color:post" content="#fafafa"/>
  12. <meta name="color:text" content="#7d7d7d"/>
  13. <meta name="color:link" content="#882525"/>
  14. <meta name="color:linkhover" content="#7d7d7d"/>
  15. <meta name="color:border" content="#7d7d7d"/>
  16. <meta name="color:info" content="#fafafa"/>
  17. <meta name="color:post title bg" content="#882525"/>
  18. <meta name="color:post title" content="#ffffff"/>
  19. <meta name="color:entry border" content="#882525"/>
  20. <meta name="color:main links" content="#882525"/>
  21. <meta name="color:post border" content="#882525"/>
  22. <meta name="color:add links border" content="#882525"/>
  23. <meta name="color:add links bg" content="#ffffff"/>
  24. <meta name="color:main links bg" content="#ffffff"/>
  25. <meta name="color:entry bg" content="#cccccc"/>
  26. <meta name="color:ask bg" content="#f0f0f0"/>
  27. <meta name="color:music bg" content="#882525"/>
  28. <meta name="color:music" content="#ffffff">
  29. <meta name="color:pagination" content="#882525"/>
  30. <meta name="color:pagination shadow" content="#ffffff">
  31. <meta name="image:sidebarimg" content="http://i.imgur.com/ngSAmMh.png"/>
  32. <meta name="image:background" content="http://24.media.tumblr.com/tumblr_ls0w5txuft1r3vazto4_250.png"/>
  33. <meta name="image:entry border" content="http://31.media.tumblr.com/8643e5bac4cb784023618b9620859c4e/tumblr_mom5e1RpiJ1rpz2goo5_250.png"/>
  34. <meta name="text:Link1" content=""/>
  35. <meta name="text:Link1URL" content=""/>
  36. <meta name="text:Link2" content=""/>
  37. <meta name="text:Link2URL" content=""/>
  38. <meta name="text:Link3" content=""/>
  39. <meta name="text:Link3URL" content=""/>
  40. <meta name="text:Link4" content=""/>
  41. <meta name="text:Link4URL" content=""/>
  42. <meta name="text:Link5" content=""/>
  43. <meta name="text:Link5URL" content=""/>
  44. <meta name="text:Link6" content=""/>
  45. <meta name="text:Link6URL" content=""/>
  46. <meta name="text:Link7" content=""/>
  47. <meta name="text:Link7URL" content=""/>
  48. <meta name="text:Link8" content=""/>
  49. <meta name="text:Link8URL" content=""/>
  50. <meta name="text:fontsize" content="11"/>
  51. <meta name="text:Music" content="" />
  52. <meta name="if:FadingImages" content="1"/>
  53. <meta name="if:monochrome" content="1"/>
  54. <meta name="if:ShowCaptions" content="0"/>
  55. <meta name="if:ShowTags" content="0"/>
  56.  
  57.  
  58. <style type="text/css">
  59.  
  60. body {
  61. background:url({image:background}) {color:background};
  62. margin:0px;
  63. color:{color:text};
  64. font-family:Consolas;
  65. font-size:{text:fontsize}px;
  66. line-height:100%;
  67. overflow-x:hidden;
  68. }
  69.  
  70. ::-webkit-scrollbar{width:7px; height:7px;}
  71.  
  72. ::-webkit-scrollbar-button:start:decrement}
  73.  
  74. ::-webkit-scrollbar-button:end:increment{display:block; height:0; background-color:{color:background};}
  75.  
  76. ::-webkit-scrollbar-track-piece{background-color:color:{color:background};}
  77.  
  78. ::-webkit-scrollbar-thumb:vertical{height:110px; background-color:{color:text};}
  79.  
  80. ::-webkit-scrollbar-thumb:horizontal{width:7px; background-color:{color:text};}
  81.  
  82. @font-face {
  83. font-family: 'Pacifico';
  84. font-weight:400;
  85. src: local('Pacifico Regular'), local('Pacifico-Regular'), url(http://themes.googleusercontent.com/static/fonts/pacifico/v4/yunJt0R8tCvMyj_V4xSjafesZW2xOQ-xsNqO47m55DA.woff) format('woff');
  86. }
  87.  
  88. a {
  89. text-decoration:none;
  90. outline:none;
  91. -moz-outline-style:none;
  92. color:{color:link};
  93. transition: all 0.4s ease-out;
  94. -o-transition: all 0.4s ease-out;
  95. -webkit-transition: all 0.4s ease-out;
  96. -moz-transition: all 0.4s ease-out;
  97. }
  98.  
  99. a:hover {
  100. text-decoration:none;
  101. outline:none;
  102. -moz-outline-style:none;
  103. color:{color:linkhover};
  104. transition: all 0.4s ease-out;
  105. -o-transition: all 0.4s ease-out;
  106. -webkit-transition: all 0.4s ease-out;
  107. -moz-transition: all 0.4s ease-out;
  108. }
  109.  
  110. blockquote, pre {
  111. padding-left:5px;
  112. border-left:2px solid {color:border};
  113. background:#fff;
  114. }
  115.  
  116. blockquote blockquote {
  117. padding-left:5px;
  118. border-left:2px solid {color:border};
  119. }
  120.  
  121. h1 {
  122. font-size:25px;
  123. padding:10px;
  124. text-align:center;
  125. font-family:pacifico;
  126. background:{color:post title bg};
  127. text-shadow:2px 2px {color:post title bg};
  128. color:{color:post title};
  129. }
  130.  
  131. h1 a {
  132. color:{color:post title};
  133. }
  134.  
  135. #entries {
  136. padding:50px;
  137. padding-top:100px;
  138. left:340px;
  139. top:0;
  140. height:78%;
  141. background:url({image:entry border}) {color:entry border};
  142. position:fixed;
  143. text-align:justify;
  144. }
  145.  
  146. #posted {
  147. background:{color:entry bg};
  148. padding:40px;
  149. overflow:auto;
  150. display:block;
  151. height:100%;
  152. width:540px;
  153. }
  154.  
  155. .post {
  156. width:500px;
  157. padding:20px;
  158. background:{color:post};
  159. border:1px solid {color:post border};
  160. margin-bottom:10px;
  161. }
  162.  
  163. #sidebar {
  164. position:fixed;
  165. width:250px;
  166. padding:20px;
  167. background:url({image:entry border}) {color:entry border};
  168. height:60%;
  169. position:fixed;
  170. left:350px;
  171. top:15%;
  172. transition: all 0.7s ease-out;
  173. -o-transition: all 0.7s ease-out;
  174. -webkit-transition: all 0.7s ease-out;
  175. -moz-transition: all 0.7s ease-out;
  176. }
  177.  
  178. #sidebar:hover {
  179. left:50px;
  180. }
  181.  
  182. #main {
  183. position:fixed;
  184. height:60px;
  185. left:340px;
  186. padding:20px;
  187. width:680px;
  188. text-align:center;
  189. z-index:1000;
  190. }
  191.  
  192. #main a {
  193. margin-top:30px;
  194. font-weight:070;
  195. width:100px;
  196. display:inline-block;
  197. background:{color:main links bg};
  198. border:1px solid {color:main links};
  199. color:{color:main links};
  200. text-align:center;
  201. padding:3px;
  202. font-size:11px;
  203. text-transform:uppercase;
  204. font-family:consolas;
  205. }
  206.  
  207. #links {
  208. padding-top:75px;
  209. width:100px;
  210. position:fixed;
  211. left:1050px;
  212. top:19%;
  213. height:200px;
  214. z-index:1000;
  215. }
  216.  
  217. #title {
  218. margin-top:5px;
  219. font-size:50px;
  220. color:#fff;
  221. text-align:center;
  222. margin-bottom:5px;
  223. font-family:pacifico;
  224. text-shadow:2px 2px {color:entry border};
  225. }
  226.  
  227. #sidebarimage {
  228. width: 100%;
  229. }
  230.  
  231. #sidebarimage img {
  232. width:250px;
  233. height:250px;
  234. }
  235.  
  236. #description {
  237. padding:10px;
  238. text-align:justify;
  239. background:{color:post};
  240. border:1px solid {color:post border};
  241. font-size:12px;
  242. margin-top:10px;
  243. height:30%;
  244. overflow:auto;
  245. }
  246.  
  247. #pagination {
  248. font-size:20px;
  249. text-align:center;
  250. }
  251.  
  252. #info {
  253. text-align:center;
  254. padding:5px;
  255. margin-top:10px;
  256. background:#ccc;
  257. text-transform:uppercase;
  258. font-size:9px;
  259. }
  260.  
  261. #asker {
  262. width:480px;
  263. background:{color:ask bg};
  264. padding:10px;
  265. margin-right:5px;
  266. }
  267.  
  268. .ava {
  269. border-right:1px dotted {color:text};
  270. padding-right:5px;
  271. float:left;
  272. margin-right:5px;
  273. }
  274.  
  275.  
  276. .links {
  277. font-size:13px;
  278. background:{color:add links bg};
  279. width:100px;
  280. padding:5px;
  281. text-transform:uppercase;
  282. font-weight:700;
  283. border-left:20px solid {color:add links border};
  284. margin-bottom:3px;
  285. }
  286.  
  287. .photo {
  288. opacity:1;
  289. transition: all 0.4s ease-out;
  290. -o-transition: all 0.4s ease-out;
  291. -webkit-transition: all 0.4s ease-out;
  292. -moz-transition: all 0.4s ease-out;
  293. {block:ifmonochrome}
  294. filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  295. filter: gray;
  296. -webkit-filter: grayscale(100%);{/block:ifmonochrome}
  297. }
  298.  
  299. .photo:hover {
  300. {block:iffadingimages}opacity:0.8; {/block:iffadingimages}
  301. {block:ifmonochrome}filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
  302. -webkit-filter: grayscale(0%); {/block:ifmonochrome}
  303. }
  304.  
  305. .post img, #sidebar img {
  306. max-width:100%;
  307. opacity:1;
  308. transition: all 0.4s ease-out;
  309. -o-transition: all 0.4s ease-out;
  310. -webkit-transition: all 0.4s ease-out;
  311. -moz-transition: all 0.4s ease-out;
  312. {block:ifmonochrome}
  313. filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  314. filter: gray;
  315. -webkit-filter: grayscale(100%);{/block:ifmonochrome}
  316. }
  317.  
  318. .post img:hover {
  319. {block:iffadingimages}opacity:0.8; {/block:iffadingimages}
  320. {block:ifmonochrome}filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
  321. -webkit-filter: grayscale(0%); {/block:ifmonochrome}
  322. }
  323.  
  324.  
  325. .prev {
  326. position:absolute;
  327. font-size:250px;
  328. margin-top:55%;
  329. margin-left:-150px;
  330. color:{color:pagination};
  331. text-shadow:2px 2px {color:pagination shadow};
  332. transition: all 0.4s ease-out;
  333. -o-transition: all 0.4s ease-out;
  334. -webkit-transition: all 0.4s ease-out;
  335. -moz-transition: all 0.4s ease-out;
  336. }
  337.  
  338. #sidebar:hover .prev {
  339. margin-left:-100px;
  340. }
  341.  
  342. .prev a, .next a {
  343. color:{color:pagination};
  344. text-shadow:2px 2px {color:pagination shadow};
  345. }
  346.  
  347. .next {
  348. font-size:300px;
  349. position:absolute;
  350. font-size:250px;
  351. top:56%;
  352. color:{color:pagination};
  353. text-shadow:2px 2px {color:pagination shadow};
  354. {block:iflink1}right:-85px;{/block:iflink1}
  355. {block:ifnotlink1}right:-30px;{/block:ifnotlink1}
  356. color:#882525;
  357. }
  358.  
  359. .audio {
  360. float:left;
  361. display:block;
  362. background:#ffffff;
  363. width:25px;
  364. height:25px;
  365. padding:37.5px;
  366. padding-left:10px;
  367. padding-right:65px;
  368. overflow:hidden;
  369. opacity:.7;
  370. display:block;
  371. margin-top:5px;
  372. margin-left:5px;
  373. z-index:10000;
  374. }
  375.  
  376. .music {
  377. height:100px;
  378. padding:5px;
  379. text-align:center;
  380. background:{color:music bg};
  381. font-size:25px;
  382. color:{color:music};
  383. }
  384.  
  385. #cornerplayer {
  386. z-index:999;
  387. background-color:{color:music bg};
  388. width:50px;
  389. height:50px;
  390. border-radius:0px 50px 0px 0px;
  391. -moz-border-radius:0px 50px 0px 0px;
  392. position:fixed;
  393. overflow:hidden;
  394. bottom:0px;
  395. left:0px;
  396. -webkit-transition: opacity 0.8s linear;-webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;
  397. }
  398.  
  399. #cornericon {
  400. margin-top:25px;
  401. margin-bottom:20px;
  402. margin-left:-5px;
  403. -webkit-transition: opacity 0.8s linear;-webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;
  404. }
  405.  
  406. #cornerplayer:hover{
  407. width:200px;
  408. -moz-border-radius:0px;
  409. border-radius:0px;
  410. }
  411.  
  412. #cornerplayer:hover #cornericon
  413. {
  414. margin-top:10px;
  415. margin-left:0px;
  416. margin-bottom:4px;
  417. }
  418.  
  419. {CustomCSS}
  420.  
  421. </style>
  422.  
  423. </head>
  424.  
  425. <body>
  426.  
  427. {block:ifmusic}
  428. <div id='cornerplayer'><center>
  429. <div id='cornericon'><img src="http://i122.photobucket.com/albums/o260/mhilka/minigifs/minigif01.gif"/></div>
  430. <div>{text:Music}</div>
  431. </center> </div>
  432. {/block:ifmusic}
  433.  
  434. <div id="main">
  435. <div id="title">
  436. {Title}
  437. </div>
  438. <a href="/">home</a>
  439. <a href="/ask">message</a>
  440. <a href="/archive">archive</a>
  441. <a href="http://hellolittlered.org">theme</a>
  442. </div>
  443. <div id="sidebar">
  444. <span class="prev">{block:PreviousPage}<a href="{PreviousPage}">{/block:PreviousPage}{{block:PreviousPage}</a>{/block:PreviousPage}</span>
  445. <div id="sidebarimage">
  446. <img src="{image:sidebarimg}">
  447. </div>
  448. </object>
  449. <div id="description">
  450. {Description}
  451. </div>
  452. </div>
  453. <div id="links"><br>
  454. {block:iflink1}<a href="{text:Link1URL}">
  455. <div class='links'>
  456. {text:Link1}
  457. </div>
  458. </a>{/block:iflink1} {block:iflink2}<a href="{text:Link2URL}">
  459. <div class='links'>
  460. {text:Link2}
  461. </div>
  462. </a>{/block:iflink2} {block:iflink3}<a href="{text:Link3URL}">
  463. <div class='links'>
  464. {text:Link3}
  465. </div>
  466. </a>{/block:iflink3} {block:iflink4}<a href="{text:Link4URL}">
  467. <div class='links'>
  468. {text:Link4}
  469. </div>
  470. </a>{/block:iflink4} {block:iflink5}<a href="{text:Link5URL}">
  471. <div class='links'>
  472. {text:Link5}
  473. </div>
  474. </a>{/block:iflink5} {block:iflink6}<a href="{text:Link6URL}">
  475. <div class='links'>
  476. {text:Link6}
  477. </div>
  478. </a>{/block:iflink6} {block:iflink7}<a href="{text:Link7URL}">
  479. <div class='links'>
  480. {text:Link7}
  481. </div>
  482. </a>{/block:iflink7} {block:iflink8}<a href="{text:Link8URL}">
  483. <div class='links'>
  484. {text:Link8}
  485. </div>
  486. </a>{/block:iflink8} <span class="next">{block:NextPage}<a href="{NextPage}">{/block:NextPage}}{block:NextPage}</a>{/block:NextPage}</span>
  487. </div>
  488. <div id="entries">
  489. <div id="posted">
  490. {block:Posts}
  491. <div class="post">
  492.  
  493. {block:Text}
  494. <h1>{block:Title}{Title}{/block:Title}</h1>
  495. {Body}
  496. {/block:Text}
  497.  
  498. {block:Photo}{LinkOpenTag}
  499. <div class="photo">
  500. <img src="{PhotoURL-500}">
  501. </div>
  502. {LinkCloseTag}{block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  503. {/block:Photo}
  504.  
  505. {block:Photoset}
  506. <div class="photo">
  507. {Photoset-500}
  508. </div>
  509. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  510. {/block:Photoset}
  511.  
  512. {block:Quote}
  513. <span style="font-size:16px;"><i>{Quote}</i></span>
  514. <br>
  515. <center>{block:Source} —{Source}{/block:Source}</center>
  516. {/block:Quote}
  517.  
  518. {block:Link}
  519. <h1><a href="{URL}" {target}>{Name}</a></h1>
  520. {block:Description}{Description}{/block:Description}
  521. {/block:Link}
  522.  
  523. {block:Chat}
  524. {block:Title}
  525. <h1>{Title}</h1>
  526. {/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>
  527. {/block:Lines}
  528. {/block:Chat}
  529.  
  530. {block:Audio}
  531. <div class="musica">
  532. <div class="audio" {block:AlbumArt}style="background:url({AlbumArtURL});background-size:100%;"{/block:AlbumArt}>
  533. {AudioPlayerwhite}
  534. </div>
  535. <div class="music">
  536. <br/><br>
  537. {block:TrackName}<em><strong>{TrackName}</strong></em>{/block:TrackName} {block:Artist}<br/><br/>
  538. <span style="font-size:18px">{Artist}</span>{/block:Artist}
  539. </div>
  540. </div>
  541. {/block:Audio}
  542.  
  543. {block:Video}
  544. <div class="photo">
  545. {Video-500}
  546. </div>
  547. {block:Caption}{Caption}{/block:Caption}
  548. {/block:Video}
  549.  
  550. {block:Answer}
  551. <div id="asker">
  552. <img src="{AskerPortraitURL-24}" class="ava">{Asker}:<br>
  553. {Question}
  554. </div>
  555. <br>
  556. {Answer}
  557. {/block:Answer}
  558.  
  559. <div id="info">
  560. {block:Date}posted {TimeAgo}{/block:Date} with <a href="{Permalink}">
  561. {NoteCountWithLabel}</a>{block:RebloggedFrom}<br>
  562. via:<a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a> source:<a href="{ReblogRootURL}" title="{ReblogRoottitle}">{ReblogRootName}</a>{/block:RebloggedFrom}<br>
  563. {block:IfShowTags}{block:HasTags}{block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}{/block:IfShowTags}
  564. </div>
  565.  
  566. {block:PostNotes}{PostNotes}{/block:PostNotes}
  567. </div>
  568.  
  569. {/block:Posts}
  570. </div>
  571. </div>
  572. </body>
  573. </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!