API tools faq
paste
thematchgirl

Theme 05

thematchgirl
Jan 3rd, 2013
1,223
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 13.57 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3.  <head>
  4.   <title>{title}</title>
  5.   <link rel="shortcut icon" href="{Favicon}">
  6. <meta name="color:background" content="#4d4d4d" />
  7. <meta name="color:bar" content="#d33b46" />
  8. <meta name="color:holder" content="#cb3d48" />
  9. <meta name="color:scrollbar" content="#d33b46" />
  10. <meta name="color:scrollbar border" content="#3a3a3a" />
  11. <meta name="color:selection" content="#be3c3e" />
  12. <meta name="color:container" content="#3a3a3a" />
  13. <meta name="color:post" content="#3d3d3d" />
  14. <meta name="color:description" content="#575757" />
  15. <meta name="color:sidebar image border" content="#575757" />
  16. <meta name="color:text" content="#cbcbcb" />
  17. <meta name="color:italic" content="#d33b45" />
  18. <meta name="color:bold" content="#d33b45" />
  19. <meta name="color:title" content="#d33b45" />
  20. <meta name="color:audioplayer border" content="#d33b46" />
  21. <meta name="color:link" content="#d33b46" />
  22. <meta name="color:link hover" content="#7d7d7d" />
  23. <meta name="color:blockquote" content="#d33b46" />
  24. <meta name="color:links background" content="#575757" />
  25. <meta name="color:links background hover" content="#FFEAF2" />
  26. <meta name="color:links color" content="#cbcbcb" />
  27. <meta name="color:links color hover" content="#FFFFFF" />
  28. <meta name="color:links border" content="#d33b46" />
  29. <meta name="color:info" content="#d33b46" />
  30. <meta name="color:info text" content="#ffffff" />
  31. <meta name="color:links text hover" content="#d33b46" />
  32. <meta name="color:pagination background" content="#d33b46" />
  33. <meta name="color:pagination" content="#ffffff" />
  34. <meta name="color:quote" content="#575757" />
  35. <meta name="color:chat" content="#d33b46" />
  36.  
  37. <meta name="image:sidebar" content="http://s12.postimage.org/dmfihw819/sidebarlittle.png" />
  38.  
  39. <meta name="text:Link1" content="" />
  40. <meta name="text:Link1URL" content=""/>
  41. <meta name="text:Link2" content="" />
  42. <meta name="text:Link2URL" content=""/>
  43. <meta name="text:Link3" content="" />
  44. <meta name="text:Link3URL" content=""/>
  45. <meta name="text:Link4" content="" />
  46. <meta name="text:Link4URL" content=""/>
  47. <meta name="text:Link5" content="" />
  48. <meta name="text:Link5URL" content=""/>
  49.  
  50. <meta name="if:Show Captions" content="0" />
  51. <meta name="if:Show Tags" content="0" />
  52.  </head>
  53. <style>
  54. body {
  55. background-color:{color:background};
  56. color:{color:text};
  57. font-family: Century Gothic, Palatino, Georgia, Times, serif;
  58. font-size: 12px;
  59. line-height:120%;
  60. text-align:justify;
  61. margin-bottom:30px;
  62. margin-top: 0px;
  63. margin-left: 0px;
  64. margin-right: 0px;
  65. padding:0px;
  66. background-attachment:fixed
  67. }
  68.  
  69. ::-webkit-scrollbar-thumb:vertical {
  70.     background-color: {color:scrollbar};
  71.     width:10px;
  72.     height:auto;
  73.     border:1px solid {color:scrollbar border};
  74.     }
  75.  
  76. ::-webkit-scrollbar-thumb:horizontal {
  77.     background-color: {color:scrollbar};
  78.     width:auto;
  79.     height:10px;
  80.     border:1px solid {color:scrollbar border};
  81.     }
  82.  
  83. ::-webkit-scrollbar {
  84.     height:10px;
  85.     width:10px;
  86.     background-color: {color:background};
  87.     }
  88.  
  89.  
  90. ::-moz-selection {background-color:{color:selection}; color: #fff;}
  91. ::selection {background-color: {color:selection}; color: #fff;}
  92.  
  93.  
  94. a:link, a:active, a:visited {
  95. color: {color:link};
  96. text-decoration:none;
  97. letter-spacing: 1px;
  98. -webkit-transition: all 0.6s ease-in-out;
  99. -moz-transition: all 0.6s ease-in-out;
  100. -o-transition: all 0.6s ease-in-out;
  101. transition: all 0.6s ease-in-out;
  102. }
  103.  
  104. a:hover {
  105. color:{color:link hover};
  106. -webkit-transition: all 0.6s ease-in-out;
  107. -moz-transition: all 0.6s ease-in-out;
  108. -o-transition: all 0.6s ease-in-out;
  109. transition: all 0.6s ease-in-out;
  110. }
  111.  
  112. b, strong {
  113. color:{color:bold};
  114. }
  115.  
  116. i, em {
  117. color:{color:italic};
  118. }
  119.  
  120. #bar {
  121. width:900px;
  122. top:15px;
  123. left:170px;
  124. right:25px;
  125. position: fixed;
  126. text-align: center;
  127. overflow:hidden;
  128. border-top:40px solid {color:bar};
  129. z-index:1;
  130. }
  131.  
  132. #bar2 {
  133. width:900px;
  134. top:560px;
  135. left:170px;
  136. right:25px;
  137. position: fixed;
  138. text-align: center;
  139. overflow:hidden;
  140. border-bottom:40px solid {color:bar};
  141. z-index:3;
  142. }
  143.  
  144. #container {
  145. width:825px;
  146. position:fixed;
  147. top:55px;
  148. left:205px;
  149. background:{color:container};
  150. z-index:4;
  151. }
  152.  
  153. #sidebar {
  154. width:230px;
  155. float:right;
  156. height:540px;
  157. margin:20px;
  158. padding-top:10px;
  159. padding:5px;
  160. }
  161.  
  162. #link1 {
  163. -webkit-border-top-left-radius: 50px;
  164. -webkit-border-bottom-right-radius: 50px;
  165. -moz-border-radius-topleft: 50px;
  166. -moz-border-radius-bottomright: 50px;
  167. border-topleftradius: 50px;
  168. border-bottom-right-radius: 50px;
  169. width:230px;
  170. height:180px;
  171. margin-top:10px;
  172. opacity:0;
  173. -webkit-transition: all 0.6s ease-in-out;
  174. -moz-transition: all 0.6s ease-in-out;
  175. -o-transition: all 0.6s ease-in-out;
  176. transition: all 0.6s ease-in-out;
  177. }
  178.  
  179. #link1:hover {
  180. opacity:1;
  181. }
  182.  
  183. #wrap {
  184. width:540px;
  185. height:92%;
  186. margin:20px;
  187. margin-bottom:10px;
  188. text-align:justify;
  189. position:absolute;
  190. overflow:auto;
  191. float:left;
  192. }
  193.  
  194. .content {
  195. background:{color:post};
  196. padding:20px;
  197. margin-bottom:10px;
  198. }
  199.  
  200. #tumblr_controls{ position:fixed!important; right: 0px; top:0px;}
  201.  
  202. #sidebarimg {
  203. -webkit-border-top-right-radius: 50px;
  204. -webkit-border-bottom-left-radius: 50px;
  205. -moz-border-radius-topright: 50px;
  206. -moz-border-radius-bottomleft: 50px;
  207. border-top-right-radius: 50px;
  208. border-bottom-left-radius: 50px;
  209. width:230px;
  210. height:250px;
  211. border:5px solid {color:sidebar image border};
  212. background:url({image:sidebar});
  213. -webkit-transition: all 0.8s ease;
  214. -moz-transition: all 0.8s ease;
  215. -o-transition: all 0.8 ease;
  216. }
  217.  
  218. #sidebarimg:hover {
  219. -webkit-border-top-right-radius: 0px;
  220. -webkit-border-bottom-left-radius: 0px;
  221. -moz-border-radius-topright: 0px;
  222. -moz-border-radius-bottomleft: 0px;
  223. border-top-right-radius: 0px;
  224. border-bottom-left-radius: 0px;
  225. -webkit-border-top-left-radius: 50px;
  226. -webkit-border-bottom-right-radius: 50px;
  227. -moz-border-radius-topleft: 50px;
  228. -moz-border-radius-bottomright: 50px;
  229. border-topleftradius: 50px;
  230. border-bottom-right-radius: 50px;
  231. }
  232.  
  233. .link {
  234. width:200px;
  235. background:{color:links background};
  236. padding:5px;
  237. text-align:center;
  238. margin-top:5px;
  239. margin-left:10px;
  240. -webkit-transition: all 0.8s ease;
  241. -moz-transition: all 0.8s ease;
  242. -o-transition: all 0.8 ease;
  243. display:block;
  244. color:{color:links color};
  245. }
  246.  
  247. .link:hover {
  248. background:{color:links hover};
  249. color:{color:links color hover};
  250. border-bottom:5px solid {color:links border};
  251. }
  252.  
  253. .link a {
  254. color:{color:links color};
  255. }
  256.  
  257. #desk {
  258. background:{color:description};
  259. width:210px;
  260. padding:10px;
  261. text-align:justify;
  262. -webkit-border-radius: 20px;
  263. -moz-border-radius: 20px;
  264. border-radius: 20px;
  265. max-height:180px;
  266. overflow:auto;
  267. }
  268.  
  269. .info {
  270. background:{color:info};
  271. padding:5px;
  272. text-align:center;
  273. width:100%;
  274. float:center;
  275. color:{color:info text};
  276. text-transform:uppercase;
  277. font-size:9px;
  278. }
  279.  
  280. .info a {
  281. color:{color:info text};
  282. }
  283.  
  284. .info a:hover {
  285. color:{color:info text hover};
  286. }
  287.  
  288. .title {
  289. text-align:center;
  290. margin-bottom:5px;
  291. }
  292.  
  293. .title a {
  294. width:480px;
  295. display:block;
  296. font-size:20px;
  297. color:{color:title};
  298. font-family:Century Gothic;
  299. text-transform:uppercase;
  300. background:{color:container};
  301. padding:10px;
  302. border-bottom:5px solid {color:title};
  303. font-weight:700;
  304. margin-bottom:10px;
  305. }
  306.  
  307. .ttitle {
  308. background:none;
  309. border:none;
  310. width:230px;
  311. text-align:center;
  312. color:{color:link};
  313. text-transform:uppercase;
  314. font-weight:700;
  315. margin-bottom:10px;
  316. font-size:20px;
  317. display:block;
  318. }
  319.  
  320. #pagination {
  321. font-family: calibri;
  322. font-size: 9px;
  323. width: 200px;
  324. text-align: center;
  325. margin-top: 20px;
  326. }
  327.  
  328. .current_page {
  329. padding: 5px;
  330. }
  331.  
  332. #pagination a {
  333. background: {color:pagination background};
  334. padding: 5px;
  335. color:{color:pagination};
  336. text-decoration: none;
  337. }
  338.  
  339. blockquote {
  340. padding:5px;
  341. border-left:5px solid {color:blockquote};
  342. }
  343.  
  344. .quote {
  345. background:{color:quote};
  346. padding:10px;
  347. width:97.5%;
  348. }
  349.  
  350. #albumart {
  351. border:5px solid {color:audioplayer border};
  352. }
  353.  
  354. #albumart img {
  355. display:block;
  356. }
  357.  
  358. #audioplayer {
  359. width:30px;
  360. height:30px;
  361. overflow:hidden;
  362. position:absolute;
  363. margin-top:40px;
  364. margin-left:35px;
  365. opacity: 0.7;
  366. filter:alpha(opacity=70);
  367. -moz-opacity: 0.7;
  368. -khtml-opacity: 0.7;
  369. }
  370.  
  371. .chat {
  372. background:{color:chat};
  373. margin:1px;
  374. padding:3px;
  375. }
  376.  
  377. .chat b {
  378. color:{color:text};
  379. }
  380.  
  381. </style>
  382.  <body>
  383. <div id="bar">
  384. <div style="font: 100px arial; color:{color:holder}; float:left;margin-top:-40px;margin-left:-17px;">◥</div>
  385. <div style="font: 100px arial; color:{color:holder}; float:right;margin-top:-40px;margin-right:-17px;">◤</div>
  386. </div>
  387.   <div id="bar2">
  388. <div style="font: 100px arial; color:{color:holder}; float:left;margin-bottom:-30px;margin-left:-20px;z-index:1;">◢</div>
  389. <div style="font: 100px arial; color:{color:holder}; float:right;margin-bottom:-30px;margin-right:-20px;z-index:1;">◣</div>
  390. </div>
  391.  
  392. <div id="container">
  393. <div id="sidebar">
  394. <div class="ttitle"><a href="/"><b><i>{title}</i></b></a></div>
  395. <div id="sidebarimg">
  396. <div id="link1">
  397. <a href="/archive"><div class="link">archive</div></a>
  398. <a href="/ask"><div class="link">message</div></a>
  399.  {block:iflink1}<div class="link"><a href="{text:Link1URL}">{text:Link1}</a></div>{/block:iflink1}
  400.  {block:iflink2}<div class="link"><a href="{text:Link2URL}">{text:Link2}</a></div>{block:iflink2}
  401.  {block:iflink3}<div class="link"><a href="{text:Link3URL}">{text:Link3}</a></div>{/block:iflink3}
  402.  {block:iflink4}<div class="link"><a href="{text:Link4URL}">{text:Link4}</a></div>{/block:iflink4}
  403.  {block:iflink5}<div class="link"><a href="{text:Link5URL}">{text:Link5}</a></div>{/block:iflink5}
  404. <a href="http://thematchgirl.tumblr.com"><div class="link">theme</div></a>
  405.  
  406. </div></div><br>
  407. {block:Description}<div style="margin-left:50px;font-size:50px;color:{color:description};">◢</div>
  408. <div id="desk">{Description}
  409. </div>
  410. {/block:Description}
  411. <center>{block:Pagination}<div id="pagination">
  412. {block:PreviousPage}<a href="{PreviousPage}">◂</a>&nbsp;&nbsp;{/block:PreviousPage}
  413. {block:JumpPagination length="3"}
  414. {block:CurrentPage}<span class="current_page">{PageNumber}</span>&nbsp;&nbsp;{/block:CurrentPage}
  415. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>&nbsp;&nbsp;{/block:JumpPage}
  416. {/block:JumpPagination}
  417. {block:NextPage}<a href="{NextPage}">▸</a>{/block:NextPage}
  418. </div>{/block:Pagination}</center>
  419. </div>
  420. <div id="wrap">
  421.  
  422. {block:Posts}
  423. <div class="content">
  424. {block:Text}
  425.     {block:Title}
  426.     <div class="title"><a href="{Permalink}" class="ttitle">{Title}</a></div>
  427.     {/block:Title}
  428.     {Body}
  429.     {/block:Text}
  430.    
  431.     {block:Photo}
  432. <a href="{PhotoURL-HighRes}"><img src="{PhotoURL-500}" alt=""></a>
  433. {block:IndexPage}{block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}{/block:IndexPage}
  434. {block:PermalinkPage}{block:Caption}
  435. {Caption}
  436. {/block:Caption}{/block:PermalinkPage}
  437. {/block:Photo}
  438.  
  439. {block:Photoset}
  440. {Photoset-500}
  441. {block:IndexPage}{block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}{/block:IndexPage}
  442. {block:PermalinkPage}{block:Caption}
  443. {Caption}
  444. {/block:Caption}{/block:PermalinkPage}
  445. {/block:Photoset}
  446.    
  447.     {block:Quote}
  448.     <div class="quote">{Quote}</div>
  449.     <center>{block:Source}<span style="font-size:40px;color:{color:quote};">◥</span> {Source}{/block:Source}</center><br>
  450.     {/block:Quote}
  451.    
  452.     {block:Link}
  453.     <div class="title"><a href="{URL}" target="{Target}" class="ttitle"> {Name} (x) </a></div>
  454.     {block:ifshowcaptions}{block:Description} {Description} {/block:Description}{/block:ifshowcaptions}
  455.     {/block:Link}
  456.    
  457.     {block:Chat}
  458.    <div class="title"> {block:Title} {Title} {/block:Title}</div>
  459.  <table>{block:Lines}<tr><td class="chat" style="width:25%;">{block:Label}<b>{Label}</b>{/block:Label} </td><td class="chat" style="width:75%;">{Line}</td><tr>{/block:Lines}</table>
  460.     {/block:Chat}<br>
  461.  
  462.  
  463.     {block:Audio}
  464. <table><tr><td><div id="audioplayer">{AudioPlayerBlack} </div>      
  465. <div id="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="100">{/block:AlbumArt}</div></td><td  class="td2"><b>Plays:</b>{PlayCountWithLabel}
  466. <br>{block:Artist}<b>Artist:</b> {Artist}{/block:Artist}
  467. <br>{block:Album}<b>Album:</b> {Album}{/block:Album}
  468. <br>{block:TrackName}<b>Title:</b> {TrackName}{/block:TrackName}
  469. </td></tr></table>
  470. {block:IndexPage}{block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}{/block:IndexPage}
  471. {block:PermalinkPage}{block:Caption}
  472. {Caption}
  473. {/block:Caption}{/block:PermalinkPage}
  474. {/block:Audio}
  475.  
  476.  
  477.     {block:Video}
  478. {Video-500}
  479. {block:IndexPage}{block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}{/block:IndexPage}
  480. {block:PermalinkPage}{block:Caption}
  481. {Caption}
  482. {/block:Caption}{/block:PermalinkPage}
  483.     {/block:Video}
  484.    
  485.     {block:Answer}
  486.     <div class="quote">{Question}</div>
  487.     <center><span style="font-size:40px;color:{color:quote};">◥</span> <img src="{AskerPortraitURL-16}" style="margin:3px;"> {Asker}</center><br>
  488.  
  489.     {Answer}
  490.     {/block:Answer}
  491.  
  492.     <div class="info">
  493.     {block:IfShowTags}{block:HasTags}{block:Tags}→<a href="{TagURL}"> {Tag}</a> {/block:Tags}<br>{/block:HasTags}{/block:IfShowTags}
  494. {block:PostNotes}{PostNotes}{/block:PostNotes}
  495.     {block:Date}<a href="{Permalink}">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix} {Year}</a>{/block:Date} {block:RebloggedFrom}| <a href="{ReblogParentURL}">VIA</a>{/block:RebloggedFrom} {block:ContentSource}|  <a href="{SourceURL}">SOURCE</a>{/block:ContentSource}</a><br>
  496. {block:NoteCount}{NoteCount} ♥ | {/block:NoteCount}<a href="{ReblogURL}" target="_blank" title="reblog this post!">REBLOG</a>
  497.  
  498.  
  499.     </div>
  500.  
  501.  
  502. </div>
  503. {/block:Posts}
  504. </div>
  505. </div>
  506.  </body>
  507. </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!