Advertisement
thematchgirl

Theme 07

Feb 8th, 2013
662
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.35 KB | None | 0 0
  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. <link href='http://fonts.googleapis.com/css?family=Satisfy|Oxygen|Ruda' rel='stylesheet' type='text/css'>
  7. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  8. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  9.  
  10. <meta name="color:background" content="#fff" />
  11. <meta name="color:text" content="#feabce" />
  12. <meta name="color:scrollbar" content="#feabce" />
  13. <meta name="color:scrollbar background" content="#fff" />
  14. <meta name="color:selection" content="#feabce" />
  15. <meta name="color:selection text" content="#fff" />
  16. <meta name="color:link" content="#ff99cc" />
  17. <meta name="color:link shadow" content="#ccc" />
  18. <meta name="color:link hover" content="#7d7d7d" />
  19. <meta name="color:italic" content="#ff99cc" />
  20. <meta name="color:bold" content="#ff99cc" />
  21. <meta name="color:bold shadow" content="#ccc" />
  22. <meta name="color:italic shadow" content="#ccc" />
  23. <meta name="color:blockquote" content="#fecae1" />
  24. <meta name="color:top bar" content="#fef2fa" />
  25. <meta name="color:top bar border" content="#fecae1" />
  26. <meta name="color:hearts" content="#fde1ee" />
  27. <meta name="color:hearts hover" content="#fdf8fc" />
  28. <meta name="color:title" content="#feabce" />
  29. <meta name="color:2nd title background" content="#fecae1" />
  30. <meta name="color:2nd title text" content="#fff" />
  31. <meta name="color:menu link" content="#feabce" />
  32. <meta name="color:additional link background" content="#fecae1" />
  33. <meta name="color:additional link text" content="#fff" />
  34. <meta name="color:additional link border" content="#fff" />
  35. <meta name="color:additional link background hover" content="#feabce" />
  36. <meta name="color:additional link text hover" content="#feabce" />
  37. <meta name="color:additional link border hover" content="#fecae1" />
  38. <meta name="color:description background" content="#fef2fa" />
  39. <meta name="color:description border" content="#fecae1" />
  40. <meta name="color:description text" content="#feabce" />
  41. <meta name="color:post border 1" content="#fef2fa" />
  42. <meta name="color:post border 2" content="#fecae1" />
  43. <meta name="color:post" content="#fff" />
  44. <meta name="color:pagination current page" content="#ffccff" />
  45. <meta name="color:pagination current page border" content="#fff" />
  46. <meta name="color:pagination page number border" content="#ffccff" />
  47. <meta name="color:pagination page number" content="#fff" />
  48. <meta name="color:credit" content="#fff" />
  49. <meta name="color:post buttons" content="#fecae1" />
  50. <meta name="color:post buttons text" content="#fff" />
  51. <meta name="color:post title" content="#feabce" />
  52. <meta name="color:info border" content="#fecae1" />
  53. <meta name="color:asker and album art border" content="#fecae1" />
  54. <meta name="color:music info and question" content="#fef2fa" />
  55. <meta name="color:link title background" content="#fff" />
  56. <meta name="color:link title border" content="#fef2fa" />
  57. <meta name="color:back to top" content="#feabce" />
  58.  
  59. <meta name="image:background" content="http://static.tumblr.com/wj6gala/Ktimhsui7/bgr.png" />
  60. <meta name="image:top bar" content="http://static.tumblr.com/wj6gala/QfFmhsuj3/bgr2.png" />
  61. <meta name="image:post border" content="http://static.tumblr.com/wj6gala/QfFmhsuj3/bgr2.png" />
  62.  
  63. <meta name="if:ShowCaptions" content="1" />
  64. <meta name="if:FadingImages" content="1" />
  65. <meta name="if:InfiniteScroll" content="1" />
  66. <meta name="if:LazyLoad" content="1" />
  67.  
  68. <meta name="text:Link1" content="" />
  69. <meta name="text:Link1URL" content=""/>
  70. <meta name="text:Link2" content="" />
  71. <meta name="text:Link2URL" content=""/>
  72. <meta name="text:Link3" content="" />
  73. <meta name="text:Link3URL" content=""/>
  74. <meta name="text:Link4" content="" />
  75. <meta name="text:Link4URL" content=""/>
  76. <meta name="text:Link5" content="" />
  77. <meta name="text:Link5URL" content=""/>
  78. <meta name="text:Link6" content="" />
  79. <meta name="text:Link6URL" content=""/>
  80. <meta name="text:Link7" content="" />
  81. <meta name="text:Link7URL" content=""/>
  82. <meta name="text:Link8" content="" />
  83. <meta name="text:Link8URL" content=""/>
  84. <meta name="text:Title 2" content="I didn't lose you"/>
  85.  
  86. </head>
  87. <style>
  88. body {
  89. background:url({image:background}) fixed {color:background};
  90. font-family:Cambria;
  91. text-align:justify;
  92. color:{color:text};
  93. font-size:12px;
  94. }
  95.  
  96. ::-webkit-scrollbar-thumb:vertical {
  97. background-color: {color:scrollbar};
  98. width:10px;
  99. height:auto;
  100. }
  101.  
  102. ::-webkit-scrollbar-thumb:horizontal {
  103. background-color: {color:scrollbar};
  104. width:auto;
  105. height:10px;
  106. }
  107.  
  108. ::-webkit-scrollbar {
  109. height:10px;
  110. width:10px;
  111. background-color: {color:scrollbar background};
  112. }
  113.  
  114.  
  115. ::-moz-selection {background-color:{color:selection}; color: {color:selection text};}
  116. ::selection {background-color:{color:selection}; color: {color:selection text};}
  117.  
  118. a {
  119. color:{color:link};
  120. text-decoration:none;
  121. -webkit-transition: all 0.6s ease-in-out;
  122. -moz-transition: all 0.6s ease-in-out;
  123. -o-transition: all 0.6s ease-in-out;
  124. transition: all 0.6s ease-in-out;
  125. text-shadow: 1px 1px 1px {color:link shadow};
  126. }
  127.  
  128. a:hover {
  129. color:{color:link hover};
  130. -webkit-transition: all 0.6s ease-in-out;
  131. -moz-transition: all 0.6s ease-in-out;
  132. -o-transition: all 0.6s ease-in-out;
  133. transition: all 0.6s ease-in-out;
  134. }
  135.  
  136. i, em {
  137. text-shadow: 1px 1px 1px {color:italic shadow};
  138. color:{color:italic};
  139. }
  140.  
  141. b, strong {
  142. text-shadow: 1px 1px 1px {color:bold shadow};
  143. color:{color:bold};
  144. }
  145.  
  146. blockquote, pre {
  147. border-left:5px solid {color:blockquote};
  148. border-bottom:1px solid {color:blockquote};
  149. padding:5px;
  150. width:80%;
  151. word-wrap:break-word;
  152. }
  153.  
  154. blockquote img {
  155. max-width:400px;
  156. }
  157.  
  158. #top {
  159. position:fixed;
  160. width:100%;
  161. top:0;
  162. left:0;
  163. z-index:100;
  164. }
  165.  
  166. #top2 {
  167. width:100%;
  168. background:url({image:top bar}) {color:top bar};
  169. display:block;
  170. }
  171.  
  172. #topbox {
  173. display:block;
  174. width:150000px;
  175. height:30px;
  176. }
  177.  
  178. .bulet {
  179. display:inline-block;
  180. background:url({image:top bar}) {color:top bar};
  181. border:5px solid {color:top bar border};
  182. border-top:0;
  183. width:50px;
  184. height:25px;
  185. -webkit-border-bottom-right-radius: 50px;
  186. -webkit-border-bottom-left-radius: 50px;
  187. -moz-border-radius-bottomright: 50px;
  188. -moz-border-radius-bottomleft: 50px;
  189. border-bottom-right-radius: 50px;
  190. border-bottom-left-radius: 50px;
  191. margin-left:-5px;
  192. }
  193.  
  194. .heart {
  195. position: relative;
  196. font-size: 15px;
  197. width:0;
  198. height:0;
  199. -webkit-transition:all 1s ease;
  200. -moz-transition:all 1s ease;
  201. -o-transition:all 1s ease;
  202. transition:all 1s ease;
  203. }
  204.  
  205. .heart::before, .heart::after {
  206. position: absolute;
  207. content: "";
  208. width: 2em;
  209. height: 3.2em;
  210. background: {color:hearts};
  211. -moz-border-radius: 1em 1em 0 0;
  212. border-radius: 1em 1em 0 0;
  213. -webkit-transform: rotate(-45deg);
  214. -moz-transform: rotate(-45deg);
  215. -ms-transform: rotate(-45deg);
  216. -o-transform: rotate(-45deg);
  217. transform: rotate(-45deg);
  218. -webkit-transform-origin: 0 100%;
  219. -moz-transform-origin: 0 100%;
  220. -ms-transform-origin: 0 100%;
  221. -o-transform-origin: 0 100%;
  222. transform-origin: 0 100%;
  223. -webkit-transition:all 1s ease;
  224. -moz-transition:all 1s ease;
  225. -o-transition:all 1s ease;
  226. transition:all 1s ease;
  227. }
  228.  
  229. .heart::after {
  230. left: -1.9em;
  231. -webkit-transform: rotate(45deg);
  232. -moz-transform: rotate(45deg);
  233. -ms-transform: rotate(45deg);
  234. -o-transform: rotate(45deg);
  235. transform: rotate(45deg);
  236. -webkit-transform-origin: 100% 100%;
  237. -moz-transform-origin: 100% 100%;
  238. -ms-transform-origin: 100% 100%;
  239. -o-transform-origin: 100% 100%;
  240. transform-origin: 100% 100%;
  241. -webkit-transition:all 1s ease;
  242. -moz-transition:all 1s ease;
  243. -o-transition:all 1s ease;
  244. transition:all 1s ease;
  245. }
  246.  
  247. .title {
  248. font-size:30px;
  249. font-family: 'Satisfy', Respective;
  250. text-align:center;
  251. margin-bottom:10px;
  252. color:{color:title};
  253. display:block
  254. padding:10px;
  255. margin-left:-30%;
  256. margin-top:15%;
  257. }
  258.  
  259. .links {
  260. display:inline;
  261. margin-left:-1em;
  262. position: absolute;
  263. font-size: 11px;
  264. margin-top:-1.2em;
  265. width:0;
  266. height:0;
  267. font-family:Ruda;
  268. color:{color:menu link};
  269. text-transform:lowercase;
  270. width:80%;
  271. opacity:0;
  272. border:none;
  273. -webkit-transition:all 1s ease;
  274. -moz-transition:all 1s ease;
  275. -o-transition:all 1s ease;
  276. transition:all 1s ease;
  277. }
  278.  
  279. .hover:hover {
  280. -webkit-transition:all 1s ease;
  281. -moz-transition:all 1s ease;
  282. -o-transition:all 1s ease;
  283. transition:all 1s ease;
  284. }
  285.  
  286. .hover:hover .links {
  287. opacity:1;
  288. }
  289.  
  290. .hover:hover .heart::before, .hover:hover .heart::after {
  291. background: {color:hears hover};
  292. }
  293.  
  294. #link {
  295. margin-left:-4em;
  296. position: absolute;
  297. margin-top:3em;
  298. width:100px;
  299. height:20px;
  300. opacity:0;
  301. -webkit-transition:all 1s ease;
  302. -moz-transition:all 1s ease;
  303. -o-transition:all 1s ease;
  304. transition:all 1s ease;
  305. }
  306.  
  307. .link {
  308. font-size: 11px;
  309. padding:5px;
  310. background:{color:additional link background};
  311. color:{color:additional link text};
  312. text-transform:lowercase;
  313. width:100%;
  314. border:1px solid {color:additional link border};
  315. border-bottom:none;
  316. text-align:center;
  317. -webkit-transition:all 1s ease;
  318. -moz-transition:all 1s ease;
  319. -o-transition:all 1s ease;
  320. transition:all 1s ease;
  321. display:none;
  322. }
  323.  
  324. .link a {
  325. background:{color:additional link background};
  326. color:{color:additional link text};
  327. text-transform:lowercase;
  328. text-shadow:none;
  329. }
  330.  
  331. .hover:hover #link {
  332. opacity:1;
  333. height:160px;
  334. }
  335.  
  336. .hover:hover .link {
  337. display:block;
  338. }
  339.  
  340. .link:hover {
  341. background:{color:additional link background hover};
  342. color:{color:additional link text hover};
  343. border:1px solid {color:additional link border hover};
  344. border-bottom:none;
  345. }
  346.  
  347. .link:hover a {
  348. color:{color:additional link text hover};
  349. }
  350.  
  351. #description {
  352. width:15%;
  353. position:fixed;
  354. top:18%;
  355. left:10%;
  356. }
  357.  
  358.  
  359. .title2 {
  360. border:5px solid {color:2nd title background};
  361. background: {color:2nd title background};
  362. padding:10px;
  363. text-align:center;
  364. text-transform:uppercase;
  365. color: {color:2nd title text};
  366. font-size:15px;
  367. width:100%;
  368. }
  369.  
  370. .desc {
  371. background:{color:description background};
  372. border:5px solid {color:description border};
  373. color:{color:description text};
  374. border-top:0;
  375. padding:10px;
  376. text-align:justify;
  377. font-size:12px;
  378. -webkit-border-bottom-right-radius: 30px;
  379. -webkit-border-bottom-left-radius: 30px;
  380. -moz-border-radius-bottomright: 30px;
  381. -moz-border-radius-bottomleft: 30px;
  382. border-bottom-right-radius: 30px;
  383. border-bottom-left-radius: 30px;
  384. width:100%;
  385. max-height:50%;
  386. overflow:auto;
  387. }
  388.  
  389. .desc:first-letter {
  390. font-size:25px;
  391. font-style:italic;
  392. }
  393.  
  394. #entry {
  395. {block:Description}margin-left:20%;{/block:Description}
  396. margin-left:30%;
  397. margin-top:9.5%;
  398. }
  399.  
  400. .contain {
  401. width:520px;
  402. padding:20px;
  403. background:url({image:post border}) {color:post border 1};
  404. -webkit-border-radius: 30px;
  405. -moz-border-radius: 30px;
  406. border-radius: 30px;
  407. border:1px solid {color:post border 2};
  408. margin-top:10px;
  409. }
  410.  
  411. .post {
  412. width:500px;
  413. background:{color:post};
  414. padding:10px;
  415. -webkit-border-radius: 30px;
  416. -moz-border-radius: 30px;
  417. border-radius: 30px;
  418. }
  419.  
  420. .post img {
  421. {block:iffadingimages}opacity:.5;{/block:iffadingimages}
  422. margin-top:5px;
  423. -webkit-border-radius: 30px;
  424. -moz-border-radius: 30px;
  425. border-radius: 30px;
  426. -webkit-transition: all 0.8s ease-out;
  427. -moz-transition: all 0.8s ease-out;
  428. transition: all 0.8s ease-out;
  429. }
  430.  
  431. {block:iffadingimages}.post img:hover {
  432. opacity:1;{/block:iffadingimages}
  433. }
  434.  
  435. .photo {
  436. {block:iffadingimages}opacity:.5;{/block:iffadingimages}
  437. -webkit-border-radius: 30px;
  438. -moz-border-radius: 30px;
  439. border-radius: 30px;
  440. margin-top:5px;
  441. -webkit-transition: all 0.8s ease-out;
  442. -moz-transition: all 0.8s ease-out;
  443. transition: all 0.8s ease-out;
  444. }
  445.  
  446. {block:iffadingimages}.photo:hover {
  447. opacity:1;
  448. }{/block:iffadingimages}
  449.  
  450. #pagination {
  451. text-align:center;
  452. margin-top:10px;
  453. margin-bottom:10px;
  454. width:560px;
  455. font-size:30px;
  456. font-style:italic;
  457. font-weight:700;
  458. }
  459.  
  460. .current_page {
  461. padding:5px;
  462. color:{color:pagination current page};
  463. -webkit-text-stroke: 1px {color:pagination current border};
  464. text-shadow:
  465. 3px 3px 0 {color:pagination current border},
  466. -1px -1px 0 {color:pagination current border},
  467. 1px -1px 0 {color:pagination current border},
  468. -1px 1px 0 {color:pagination current border},
  469. 1px 1px 0 {color:pagination current border};
  470. }
  471.  
  472. #pagination a {
  473. padding: 5px;
  474. color:{color:pagination page number};
  475. text-decoration: none;
  476. -webkit-text-stroke: 1px {color:pagination page number border};
  477. text-shadow:
  478. 3px 3px 0 {color:pagination page number border},
  479. -1px -1px 0 {color:pagination page number border},
  480. 1px -1px 0 {color:pagination page number border},
  481. -1px 1px 0 {color:pagination page number border},
  482. 1px 1px 0 {color:pagination page number border};
  483. }
  484.  
  485. #copyright {
  486. position:fixed;
  487. bottom:10px;
  488. right:10px;
  489. height:10px;
  490. background:{color:credit};
  491. padding:5px;
  492. border-radius:10%;
  493. -moz-border-radius:10%;
  494. -o-border-radius:10%;
  495. -webkit-border-radius:10%;
  496. }
  497.  
  498. #linkies {
  499. position:absolute;
  500. margin-top:-20px;
  501. margin-left:5%;
  502. z-index:10;
  503. opacity:0;
  504. -webkit-transition: all 0.7s ease-in-out;
  505. -moz-transition: all 0.7s ease-in-out;
  506. -o-transition: all 0.7s ease-in-out;
  507. -ms-transition: all 0.7s ease-in-out;
  508. transition: all 0.7s ease-in-out;
  509. }
  510.  
  511. .linkies {
  512. background:{color:post buttons};
  513. width:10px;
  514. height:10px;
  515. padding:5px;
  516. border-radius:7.5px;
  517. -moz-border-radius:7.5px;
  518. -o-border-radius:7.5px;
  519. -webkit-border-radius:7.5px;
  520. display:inline-block;
  521. margin-right:2px;
  522. -webkit-transition: all 0.7s ease-in-out;
  523. -moz-transition: all 0.7s ease-in-out;
  524. -o-transition: all 0.7s ease-in-out;
  525. -ms-transition: all 0.7s ease-in-out;
  526. transition: all 0.7s ease-in-out;
  527. }
  528.  
  529. .linkies p, .linkies a {
  530. text-align:center;
  531. margin-left:-5px;
  532. margin-top:-5px;
  533. opacity:0;
  534. display:none;
  535. color:{color:post buttons text};
  536. background:{color:post buttons};
  537. width:10px;
  538. padding:5px;
  539. margin-right:5px;
  540. border-radius:7.5px;
  541. -moz-border-radius:7.5px;
  542. -o-border-radius:7.5px;
  543. -webkit-border-radius:7.5px;
  544. -webkit-transition: all 0.7s ease-in-out;
  545. -moz-transition: all 0.7s ease-in-out;
  546. -o-transition: all 0.7s ease-in-out;
  547. -ms-transition: all 0.7s ease-in-out;
  548. transition: all 0.7s ease-in-out;
  549. }
  550.  
  551. .linkies:hover p {
  552. opacity:1;
  553. display:block;
  554. }
  555. .post:hover #linkies {
  556. opacity:1;
  557. }
  558.  
  559. .judul {
  560. margin-top:20px;
  561. font-size:30px;
  562. font-family: 'Satisfy', Respective;
  563. text-align:right;
  564. margin-bottom:10px;
  565. color:{color:post title};
  566. display:block;
  567. text-shadow: 1px 1px 1px {color:post};
  568. line-height:20px;
  569. }
  570.  
  571. .judul a, a.judul {
  572. text-transform:capitalize;
  573. text-shadow: 1px 1px 1px {color:post};
  574. }
  575.  
  576. #tags {
  577. width:100%;
  578. border-top:2px solid {color:info border};
  579. text-align:center;
  580. margin-top:10px;
  581. font-size:10px;
  582. }
  583.  
  584. #tags a {
  585. text-shadow:none;
  586. }
  587.  
  588. .td1 img {
  589. border-radius:50%;
  590. -moz-border-radius:50%;
  591. -o-border-radius:50%;
  592. -webkit-border-radius:50%;
  593. border:5px solid {color:asker and album art border};
  594. }
  595.  
  596. .td2 {
  597. background:{color:music info and question};
  598. padding:10px;
  599. border-radius:15%;
  600. -moz-border-radius:15%;
  601. -o-border-radius:15%;
  602. -webkit-border-radius:15%;
  603. }
  604.  
  605. #albumart {
  606. border:5px solid {color:asker and album art border};
  607. display:block;
  608. height:250px;
  609. width:250px;
  610. }
  611.  
  612. #albumart img {
  613. display:block;
  614. -webkit-border-radius: 0px;
  615. -moz-border-radius: 0px;
  616. border-radius: 0px;
  617. opacity:1;
  618. margin:0;
  619. }
  620.  
  621. #audioplayer {
  622. width:35px;
  623. height:40px;
  624. overflow:hidden;
  625. position:absolute;
  626. background:#fff;
  627. margin-top:140px;
  628. margin-left:135px;
  629. opacity: 0.7;
  630. filter:alpha(opacity=70);
  631. -moz-opacity: 0.7;
  632. -khtml-opacity: 0.7;
  633. }
  634.  
  635. iframe#tumblr_controls {
  636. right:3px !important;
  637. position: fixed !important;
  638. opacity: 0.7;
  639. -webkit-transition: all 0.8s ease-out;
  640. -moz-transition: all 0.8s ease-out;
  641. transition: all 0.8s ease-out;
  642. -webkit-filter: invert(100%);
  643. -moz-filter: invert(100%);
  644. -o-filter: invert(100%);
  645. -ms-filter: invert(100%);
  646. filter: invert(100%);
  647. }
  648.  
  649. #s-m-t-tooltip{
  650. max-width: 500px;
  651. z-index:5000;
  652. margin:24px 14px 7px 12px;
  653. padding:5px;
  654. font-size:9px;
  655. line-height:16px;
  656. background:{color:link title background};
  657. border:1px solid {color:link title border};
  658. }
  659.  
  660. #scrolltotop {
  661. font-size:50px;
  662. color:{color:back to top};
  663. position:fixed;
  664. bottom: 10%;
  665. left: 35%;
  666. }
  667.  
  668. #scrollToTop:link,
  669. #scrollToTop:visited {
  670. color: #feabce;
  671. background-color: {color:back to top}
  672. display: none;
  673. position: fixed;
  674. bottom: 10%;
  675. left: 20%;
  676. font-size:50px;
  677. }
  678.  
  679. .postnotes {
  680. font-size:10px;
  681. border-top:1px solid {color:info border};
  682. padding-top:5px;
  683. text-align:justify;
  684. }
  685.  
  686. </style>
  687.  
  688. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  689. {block:IfLazyLoad}<script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  690. <script type="text/javascript" charset="utf-8">
  691. var $j = jQuery.noConflict();
  692. $j(function() {
  693. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  694. $j("img").lazyload({
  695. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  696. effect: "fadeIn",
  697. });
  698. });
  699. </script>{/block:IfLazyLoad}
  700.  
  701. {block:IfInfiniteScroll}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script> {/block:IfInfiniteScroll}
  702. <script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  703. <script type="text/javascript"
  704. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  705. <script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  706. <script src="http://static.tumblr.com/pdgxkke/bRomet3vm/jquery.style-my-tooltips.js"></script>
  707. <script>
  708. (function($){
  709. $(document).ready(function(){
  710. $("[title]").style_my_tooltips();
  711. });
  712. })(jQuery);
  713. </script>
  714.  
  715. <body>
  716.  
  717. <a href="http://thematchgirl.tumblr.com" title="This theme is made by thematchgirl">
  718. <div id="copyright">
  719. <div class="gift"></div>
  720. <span class="cred">The Match Girl</span>
  721. </div>
  722. </a>
  723.  
  724. <div id="top">
  725. <div id="top2">
  726. <table width="75%" align="center" style="margin-top:-45px;">
  727. <tr>
  728. <td width="10%;"></td>
  729. <td class="hover" style="margin-left:10px;">
  730. <a href="/"><div class="heart"></div>
  731. <div class="links"><br><br>Home</div></a>
  732. </td>
  733. <td class="hover">
  734. <a href="/ask"><div class="heart"></div>
  735. <div class="links"><br><br>ask?</div></a>
  736. </td>
  737. <td width="40%" valign="middle">
  738. <div class="title">{title}</div>
  739. </td>
  740. <td class="hover">
  741. <a href="/archive"><div class="heart"></div>
  742. <div class="links" style="margin-left:-20px;"><br><br>archive</div></a>
  743. </td>
  744. <td class="hover">
  745. <a href="/#"><div class="heart"></div>
  746. <div class="links"><br><br>links</div></a>
  747. <div id="link">
  748. {block:iflink1}<a href="{text:Link1URL}" class="link">{text:Link1}</a>{/block:iflink1}
  749. {block:iflink2}<a href="{text:Link2URL}" class="link">{text:Link2}</a>{/block:iflink2}
  750. {block:iflink3}<a href="{text:Link3URL}" class="link">{text:Link3}</a>{/block:iflink3}
  751. {block:iflink4}<a href="{text:Link4URL}" class="link">{text:Link4}</a>{/block:iflink4}
  752. {block:iflink5}<a href="{text:Link5URL}" class="link">{text:Link5}</a>{/block:iflink5}
  753. {block:iflink6}<a href="{text:Link6URL}" class="link">{text:Link6}</a>{/block:iflink6}
  754. {block:iflink7}<a href="{text:Link7URL}" class="link">{text:Link7}</a>{/block:iflink7}
  755. {block:iflink8}<a href="{text:Link7URL}" class="link">{text:Link8}</a>{/block:iflink8}
  756. </div>
  757. </td>
  758. </tr>
  759. </table>
  760. </div>
  761.  
  762. <div id="topbox">
  763. <div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet"></div><div class="bulet">
  764. </div>
  765. </div>
  766. </div>
  767.  
  768. <div class="topp">
  769. <a href="javascript:;" id="scrollToTop">▲</a>
  770. </div>
  771.  
  772. {block:Description}<div id="description">
  773. <div class="description">
  774. <div class="title2">{text:title 2}</div>
  775. <div class="desc">{description}</div>
  776. </div>
  777. </div>{/block:Description}
  778.  
  779. <div id="entry">
  780. <div class= "autopagerize_page_element">
  781. {block:posts}
  782. <div class="contain">
  783. <div class="post">
  784. <div id="linkies">
  785. <a href="{ReblogParentURL}" title="Reblog this post"><div class="linkies"><p>R<br>E<br>B<br>L<br>O<br>G</div></a>
  786. {block:NoteCount}<a href="{Permalink}" title="{NoteCount} notes"><div class="linkies"><p>{NoteCount}<br>N<br>O<br>T<br>E<br>S</div></a>{/block:NoteCount}
  787. {block:ContentSource}<a href="{SourceURL}" title="Go To Source"><div class="linkies"><p>S<br>O<br>U<br>R<br>C<br>E</div></a>{block:ContentSource}
  788. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}"><div class="linkies"><p>V<br>I<br>A</div></a>{/block:RebloggedFrom}
  789. </div>
  790.  
  791. {block:Text}
  792. {block:Title}
  793. <a href="{Permalink}"><div class="judul">{Title}</div></a>
  794. {/block:Title}
  795. {Body}
  796. {/block:Text}
  797.  
  798. {block:Photo}
  799. <center><a href="{PhotoURL-HighRes}"><img src="{PhotoURL-500}" alt=""></a></center>
  800. {block:IndexPage}
  801. {block:IfShowCaptions}
  802. {block:Caption}{Caption}{/block:Caption}
  803. {/block:IfShowCaptions}{/block:IndexPage}
  804. {block:PermalinkPage}
  805. {block:Caption}{Caption}{/block:Caption}
  806. {/block:PermalinkPage}
  807. {/block:Photo}
  808.  
  809. {block:Photoset}
  810. <div class="photo"><center>{Photoset-500}</center></div>
  811. {block:IndexPage}
  812. {block:IfShowCaptions}
  813. {block:Caption}{Caption}{/block:Caption}
  814. {/block:IfShowCaptions}{/block:IndexPage}
  815. {block:PermalinkPage}
  816. {block:Caption}{Caption}{/block:Caption}
  817. {/block:PermalinkPage}
  818. {/block:Photoset}
  819.  
  820. {block:Quote}
  821. <span style="font-size:25px;padding:5px;">❞ <i>{Quote}</i></span><br>
  822. <span align="right">{block:Source}— {Source}{/block:Source}</span>
  823. {/block:Quote}
  824.  
  825. {block:Answer}
  826. <table>
  827. <tr>
  828. <td valign="middle" class="td1">
  829. <center><img src="{AskerPortraitURL-96}" align="left"></center></td><td class="td2" width="370px">{Asker} whispered: {Question}</div></td></tr></table>
  830. {Answer}
  831. {/block:Answer}
  832.  
  833. {block:Link}
  834. <a href="{URL}" {Target}><div class="judul">→ {Name}</div></a>
  835. {block:indexpage}
  836. {block:IfShowCaptions}
  837. {block:Description}{Description}{/block:Description}
  838. {/block:IfShowCaptions}
  839. {/block:indexpage}
  840. {block:permalinkpage}
  841. {block:Description}{Description}{/block:Description}
  842. {block:permalinkpage}
  843. {/block:Link}
  844.  
  845. {block:Chat}
  846. {block:Title}
  847. <a href="{Permalink}"><div class="judul">{Title}</div></a>
  848. {/block:Title}
  849. <table>{block:Lines}<tr><td>{block:Label}<b>{Label}</b>{/block:Label}</td><td style="padding-left:10px;"> {Line}</td></tr>{/block:Lines}</table>
  850. {/block:Chat}
  851.  
  852.  
  853. {block:Audio}
  854. <table><tr><td width="250px" height="250px"><div id="audioplayer">{AudioPlayerWhite} </div>
  855. <div id="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="250">{/block:AlbumArt}</div></td>
  856. <td class="td2" width="250"><b>Plays:</b>{PlayCountWithLabel}
  857. <br>{block:Artist}<b>Artist:</b> {Artist}{/block:Artist}
  858. <br>{block:Album}<b>Album:</b> {Album}{/block:Album}
  859. <br>{block:TrackName}<b>Title:</b> {TrackName}{/block:TrackName}
  860. <br>
  861. {block:IndexPage}
  862. {block:IfShowCaptions}
  863. {block:Caption}{Caption}{/block:Caption}
  864. {/block:IfShowCaptions}{/block:IndexPage}
  865. {block:PermalinkPage}
  866. {block:Caption}{Caption}{/block:Caption}
  867. {/block:PermalinkPage}
  868. </td></tr></table>
  869. {/block:Audio}
  870.  
  871.  
  872. {block:Video}
  873. {Video-500}
  874. {block:IndexPage}
  875. {block:IfShowCaptions}
  876. {block:Caption}{Caption}{/block:Caption}
  877. {/block:IfShowCaptions}{/block:IndexPage}
  878. {block:PermalinkPage}
  879. {block:Caption}{Caption}{/block:Caption}
  880. {/block:PermalinkPage}
  881. {/block:Video}
  882.  
  883. <div id="tags">
  884. <a href="{Permalink}">Posted on {block:Date}{ShortMonth} {DayOfMonth}{DayOfMonthSuffix} {Year}{/block:Date}</a><br>
  885. {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}
  886.  
  887. {block:PostNotes}<div class="postnotes">
  888. {PostNotes}
  889. </div> {/block:PostNotes}
  890.  
  891. </div>
  892. </div>
  893. </div>
  894. {/block:posts}
  895.  
  896. {block:ifnotinfinitescroll}{block:Pagination}<div id="pagination">
  897. {block:JumpPagination length="6"}
  898. {block:CurrentPage}<span class="current_page">{PageNumber}</span>&nbsp;&nbsp;{/block:CurrentPage}
  899. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>&nbsp;&nbsp;{/block:JumpPage}
  900. {/block:JumpPagination}
  901. </div>{/block:Pagination}{/block:ifnotinfinitescroll}
  902.  
  903. </div>
  904. </div>
  905.  
  906. </body>
  907. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement