API tools faq
paste
Advertisement
thematchgirl

Theme 04

thematchgirl
Jan 3rd, 2013
246
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 25.54 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 href='http://fonts.googleapis.com/css?family=Grand+Hotel|PT+Sans+Narrow|Playball|Ruda|Codystar' rel='stylesheet' type='text/css'>
  6.   <link rel="shortcut icon" href="{Favicon}">
  7. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  8. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  9.  </head>
  10. <meta name="color:background" content="" />
  11. <meta name="color:background2" content="" />
  12. <meta name="color:scrollbar" content="#FBC5D8" />
  13. <meta name="color:scrollbar border" content="#FBC5D8" />
  14. <meta name="color:selection" content="#FBC5D8" />
  15. <meta name="color:post" content="#fff" />
  16. <meta name="color:post border" content="#feedfe" />
  17. <meta name="color:description" content="#fff" />
  18. <meta name="color:description border" content="#feedfe" />
  19. <meta name="color:icon border" content="#feedfe" />
  20. <meta name="color:text" content="#8B7A5E" />
  21. <meta name="color:italic" content="#8B7A5E" />
  22. <meta name="color:bold" content="#8B7A5E" />
  23. <meta name="color:shadow" content="#ff99cc" />
  24. <meta name="color:line" content="#FBC5D8" />
  25. <meta name="color:title" content="#FFFF" />
  26. <meta name="color:link" content="#FBC5D8" />
  27. <meta name="color:link shadow" content="#ccc" />
  28. <meta name="color:link hover" content="#FCD9E5" />
  29. <meta name="color:date background" content="#FBC5D8" />
  30. <meta name="color:date color" content="#FFFFFF" />
  31. <meta name="color:tag" content="#8B7A5E" />
  32. <meta name="color:quote" content="#f7f7f7" />
  33. <meta name="color:blockquote background" content="#f7f7f7" />
  34. <meta name="color:blockquote border" content="#FBC5D8" />
  35. <meta name="color:links background" content="#FFFFFF" />
  36. <meta name="color:links background hover" content="#FFEAF2" />
  37. <meta name="color:links color" content="#FBC5D8" />
  38. <meta name="color:links color hover" content="#FFFFFF" />
  39. <meta name="color:links border" content="#FFEAF2" />
  40. <meta name="color:links border hover" content="#FCD9E5" />
  41. <meta name="color:tooltip" content="#FFFFFF" />
  42. <meta name="color:tooltip border" content="#feedfe" />
  43. <meta name="color:music" content="#feedfe" />
  44. <meta name="color:pagination background" content="#FFFFFF" />
  45. <meta name="color:pagination border" content="#feedfe" />
  46. <meta name="color:pagination background hover" content="#FFFFFF" />
  47. <meta name="color:pagination border hover" content="#feedfe" />
  48. <meta name="color:little petal" content="#ffccff" />
  49. <meta name="color:big petal" content="#ffecf5" />
  50. <meta name="color:flower circle" content="#ff33ff" />
  51. <meta name="color:scrolltotop" content="#ffccff" />
  52.  
  53. <meta name="image:background" content="http://www.pastelpatterns.com/small/smallpattern-13.png" />
  54. <meta name="image:background2" content="http://www.pastelpatterns.com/small/smallpattern-6.png" />
  55.  
  56. <meta name="text:Music" content="" >
  57. <meta name="text:Link1" content="" />
  58. <meta name="text:Link1URL" content=""/>
  59. <meta name="text:Link2" content="" />
  60. <meta name="text:Link2URL" content=""/>
  61. <meta name="text:Link3" content="" />
  62. <meta name="text:Link3URL" content=""/>
  63. <meta name="text:Link4" content="" />
  64. <meta name="text:Link4URL" content=""/>
  65. <meta name="text:Link5" content="" />
  66. <meta name="text:Link5URL" content=""/>
  67. <meta name="text:Link6" content="" />
  68. <meta name="text:Link6URL" content=""/>
  69. <meta name="text:Link7" content="" />
  70. <meta name="text:Link7URL" content=""/>
  71. <meta name="text:Link8" content="" />
  72. <meta name="text:Link8URL" content=""/>
  73.  
  74. <meta name="if:Fading Images" content="1" />
  75. <meta name="if:Show Captions" content="1" />
  76. <meta name="if:Music Player" content="0" />
  77. <meta name="if:Show Tags" content="0" />
  78. <meta name="if:Show Title" content="1" />
  79.  
  80. <style>
  81. body {
  82. background:url({image:background});
  83. font-family: ruda;
  84.    font-size: 11px;
  85.    background-color: {color:background};
  86.    background-attachment: fixed;
  87.    text-align: justify;
  88.    color:{color:text} ;
  89. overflow:auto;
  90. }
  91.  
  92. ::-webkit-scrollbar-thumb:vertical {
  93.     background-color: {color:scrollbar};
  94.     width:10px;
  95.     height:auto;
  96.     border:1px solid {color:scrollbar border};
  97.     }
  98.  
  99. ::-webkit-scrollbar-thumb:horizontal {
  100.     background-color: {color:scrollbar};
  101.     width:auto;
  102.     height:10px;
  103.     border:1px solid {color:scrollbar border};
  104.     }
  105.  
  106. ::-webkit-scrollbar {
  107.     height:10px;
  108.     width:10px;
  109.     background-color: {color:background};
  110.     }
  111.  
  112.  
  113. ::-moz-selection {background-color:{color:selection}; color: #fff;}
  114. ::selection {background-color: {color:selection}; color: #fff;}
  115.  
  116. a:link, a:active, a:visited {
  117. font-size:9px;
  118. text-transform:uppercase;
  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 2px {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:shadow};
  138. color:{color:italic}
  139. }
  140.  
  141.  
  142. b, strong {
  143. text-shadow: 1px 1px 1px {color:shadow};
  144. color:{color:bold}
  145. }
  146.  
  147. hr {
  148. background-color:{color:line};
  149. border:0;
  150. clear:both;
  151. color:{color:line};
  152. height:1px;
  153. }
  154.  
  155. blockquote {
  156. background:{color:blockquote b};
  157. border-left:5px solid {color:blockquote border};
  158. border-top:1px dotted {color:blockquote border};
  159. border-bottom:1px dotted {color:blockquote border};
  160. border-right:1px dotted {color:blockquote border};
  161. padding:5px;
  162. width:80%;
  163. }
  164.  
  165. .petal1 {
  166.   -webkit-border-top-left-radius: 100%;
  167. -webkit-border-bottom-right-radius: 100%;
  168. -moz-border-radius-topleft: 100%;
  169. -moz-border-radius-bottomright: 100%;
  170. border-top-left-radius: 100%;
  171. border-bottom-right-radius: 100%;
  172. background:{color:little petal};
  173. display:inline;
  174. width:50px;
  175. height:50px;
  176. position:absolute;
  177. margin-left:85px;
  178. margin-top:90px;
  179. }
  180.  
  181. .petal2 {
  182. -webkit-border-top-right-radius: 100%;
  183. -webkit-border-bottom-left-radius: 100%;
  184. -moz-border-radius-topright: 100%;
  185. -moz-border-radius-bottomleft: 100%;
  186. border-top-right-radius: 100%;
  187. border-bottom-left-radius: 100%;
  188. background:{color:little petal};
  189. display:inline;
  190. width:50px;
  191. height:50px;
  192. position:absolute;
  193. margin-left:135px;
  194. margin-top:90px;
  195. }
  196.  
  197. .petal3 {
  198. -webkit-border-top-right-radius: 100%;
  199. -webkit-border-bottom-left-radius: 100%;
  200. -moz-border-radius-topright: 100%;
  201. -moz-border-radius-bottomleft: 100%;
  202. border-top-right-radius: 100%;
  203. border-bottom-left-radius: 100%;
  204. background:{color:little petal};
  205. display:inline;
  206. width:50px;
  207. height:50px;
  208. position:absolute;
  209. margin-left:75px;
  210. margin-top:50px;
  211. transform:rotate(150deg);
  212. -ms-transform:rotate(150deg);
  213. -moz-transform:rotate(150deg);
  214. -webkit-transform:rotate(150deg);
  215. -o-transform:rotate(150deg);
  216. }
  217.  
  218. .petal4 {
  219. -webkit-border-top-right-radius: 100%;
  220. -webkit-border-bottom-left-radius: 100%;
  221. -moz-border-radius-topright: 100%;
  222. -moz-border-radius-bottomleft: 100%;
  223. border-top-right-radius: 100%;
  224. border-bottom-left-radius: 100%;
  225. background:{color:little petal};
  226. display:inline;
  227. width:50px;
  228. height:50px;
  229. position:absolute;
  230. margin-left:145px;
  231. margin-top:50px;
  232. transform:rotate(120deg);
  233. -ms-transform:rotate(120deg);
  234. -moz-transform:rotate(120deg);
  235. -webkit-transform:rotate(120deg);
  236. -o-transform:rotate(120deg);
  237. }
  238.  
  239. .petal5 {
  240.   -webkit-border-top-left-radius: 100%;
  241. -webkit-border-bottom-right-radius: 100%;
  242. -moz-border-radius-topleft: 100%;
  243. -moz-border-radius-bottomright: 100%;
  244. border-top-left-radius: 100%;
  245. border-bottom-right-radius: 100%;
  246. background:{color:little petal};
  247. display:inline;
  248. width:50px;
  249. height:50px;
  250. position:absolute;
  251. margin-left:110px;
  252. margin-top:25px;
  253. transform:rotate(-45deg);
  254. -ms-transform:rotate(-45deg); /* Internet Explorer */
  255. -moz-transform:rotate(-45deg); /* Firefox */
  256. -webkit-transform:rotate(-45deg); /* Safari and Chrome */
  257. -o-transform:rotate(-45deg); /* Opera */
  258. }
  259.  
  260. .bulet {
  261. z-index:1000;
  262. position:absolute;
  263. top:70px;
  264. left:118px;
  265. width:35px;
  266. height:35px;
  267. background:{color:flower circle};
  268. -webkit-border-radius: 50%;
  269. -moz-border-radius: 50%;
  270. border-radius: 50%;
  271. }
  272.  
  273. .bigpetal1 {
  274. z-index:-1;
  275. -webkit-border-radius: 50%;
  276. -moz-border-radius: 50%;
  277. border-radius: 50%;
  278. background:{color:big petal};
  279. width:75px;
  280. height:75px;
  281. margin-left:95px;
  282. margin-top:0px;
  283. position:absolute;
  284. }
  285.  
  286. .bigpetal2 {
  287. z-index:-1;
  288. -webkit-border-radius: 50%;
  289. -moz-border-radius: 50%;
  290. border-radius: 50%;
  291. background:{color:big petal};
  292. width:75px;
  293. height:75px;
  294. margin-left:48px;
  295. margin-top:32px;
  296. position:absolute;
  297. }
  298.  
  299. .bigpetal3 {
  300. z-index:-1;
  301. -webkit-border-radius: 50%;
  302. -moz-border-radius: 50%;
  303. border-radius: 50%;
  304. background:{color:big petal};
  305. width:75px;
  306. height:75px;
  307. margin-left:62px;
  308. margin-top:85px;
  309. position:absolute;
  310. }
  311.  
  312. .bigpetal4 {
  313. z-index:-1;
  314. -webkit-border-radius: 50%;
  315. -moz-border-radius: 50%;
  316. border-radius: 50%;
  317. background:{color:big petal};
  318. width:75px;
  319. height:75px;
  320. margin-left:129px;
  321. margin-top:85px;
  322. position:absolute;
  323. }
  324.  
  325. .bigpetal5 {
  326. z-index:-1;
  327. -webkit-border-radius: 50%;
  328. -moz-border-radius: 50%;
  329. border-radius: 50%;
  330. background:{color:big petal};
  331. width:75px;
  332. height:75px;
  333. margin-left:142px;
  334. margin-top:32px;
  335. position:absolute;
  336. }
  337.  
  338. .backflo {
  339. background:{color:big petal};
  340. width:50px;
  341. height:50px;
  342. margin-left:100px;
  343. margin-top:90px;
  344. position:absolute;
  345. }
  346.  
  347. #flower {
  348. position:fixed;
  349. bottom:63%;
  350. left:650px;
  351. }
  352.  
  353. #background2 {
  354. position:fixed;
  355. z-index:-10000;
  356. width:100%;
  357. height:50%;
  358. left:0;
  359. bottom:0;
  360. background:url({image:background2});
  361. background-color:{color:background2};
  362. border-top:10px solid {color:links border};
  363. }
  364.  
  365. #desc {
  366. position:fixed;
  367. top:35%;
  368. margin-left:-250px;
  369. z-index:100000000000000;
  370. opacity:0;
  371. -webkit-transition: all 0.5s ease-in-out;
  372.     -moz-transition: all 0.5s ease-in-out;
  373.     -o-transition: all 0.5s ease-in-out;
  374.     -ms-transition: all 0.5s ease-in-out;
  375.     transition: all 0.5s ease-in-out;
  376. }
  377.  
  378. #deskripsi {
  379. background:{color:description};
  380. border:3px solid {color:description border};
  381. padding:5px;
  382. text-align:justify;
  383. width:225px;
  384. }
  385.  
  386. #flower:hover #desc {
  387. opacity:1;
  388. margin-left:200px;
  389. }
  390.  
  391. #posts {
  392. {block:IndexPage}width: 700px;{/block:IndexPage}
  393. {block:PermalinkPage}width: 500px;{/block:PermalinkPage}
  394. margin-left:15px;
  395. margin-top:15px;
  396. }
  397.  
  398. .entry {
  399. background:{color:post};
  400. padding: 20px;
  401. position: relative;
  402. margin: 10px;
  403. border:1px solid {color:post border};
  404. {block:IndexPage}float: left;{/block:IndexPage}
  405. {block:IndexPage}width: 250px;{/block:IndexPage}
  406. {block:PermalinkPage}width: 500px;{/block:PermalinkPage}
  407. {block:PermalinkPage}margin-left: 30px;{/block:PermalinkPage}
  408. {block:PermalinkPage}padding: 30px;{/block:PermalinkPage}
  409. transition: all 1s ease-out;
  410. -o-transition: all 1s ease-out;
  411. -webkit-transition: all 1s ease-out;
  412. -moz-transition: all 1s ease-out;
  413. }
  414.  
  415. #albumart {
  416. border:5px inset {color:post border};
  417. }
  418.  
  419. #audioplayer {
  420. width:30px;
  421. height:30px;
  422. overflow:hidden;
  423. position:absolute;
  424. margin-top:40px;
  425. margin-left:35px;
  426. opacity: 0.7;
  427. filter:alpha(opacity=70);
  428. -moz-opacity: 0.7;
  429. -khtml-opacity: 0.7;
  430. }
  431.  
  432. #user {
  433. position:fixed;
  434. left:725px;
  435. top:15%;
  436. width:110px;
  437. font-size:10px;
  438. z-index:5;
  439. }
  440.  
  441. #user img {
  442. border:5px solid {color:icon border};
  443. }
  444.  
  445. #line {
  446. background:{color:icon border};
  447. width:10px;
  448. left:780px;
  449. height:50%;
  450. top:0;
  451. position:fixed;
  452. z-index:-10;
  453. }
  454.  
  455. #stats {
  456. margin-top:-30px;
  457. padding:5px;
  458. text-align:center;
  459. font-size:9px;
  460. background: {color:date background};
  461. color:{color:date color};
  462. margin-bottom:10px;
  463. position:absolute;
  464. }
  465.  
  466. #stats a {
  467. color:{color:date color};
  468. text-shadow:none;
  469. }
  470.  
  471. #info {
  472. padding:5px;
  473. text-align:center;
  474. font-size:8px;
  475. background: {color:date background};
  476. color:{color:date color};
  477. margin-bottom:10px;
  478. {block:IndexPage}opacity:0;{/block:IndexPage}
  479. transition: all 1s ease-out;
  480. -o-transition: all 1s ease-out;
  481. -webkit-transition: all 1s ease-out;
  482. -moz-transition: all 1s ease-out;
  483. {block:IndexPage}position:absolute;{/block:IndexPage}
  484. {block:PermalinkPage}position:relative;{/block:PermalinkPage}
  485. {block:PermalinkPage}opacity:1;{/block:PermalinkPage}
  486. text-shadow:none;
  487. }
  488.  
  489. #info a {
  490. color:{color:date color};
  491. text-shadow:none;
  492. }
  493.  
  494. {block:IndexPage}.entry:hover #info {
  495. opacity:1;{/block:IndexPage}
  496. }
  497.  
  498. .tag {
  499. font-size:8px;
  500. margin-top:15px;
  501. }
  502.  
  503. .tag a {
  504. border-bottom:1px dotted {color:tag};
  505. color:{color:tag};
  506. text-shadow:none;
  507. text-transform:lowercase;
  508. }
  509.  
  510. #link {
  511. position:fixed;
  512. left:725px;
  513. top:63%;
  514. }
  515.  
  516. #link a {
  517. padding: 5px;
  518.     margin-bottom: 4px;
  519.     width: 100px;
  520.     font-family: consolas;
  521.     font-size: 10px;
  522.     text-transform: uppercase;
  523.     letter-spacing: 1px;
  524.     display: inline-block;
  525.     text-align: center;
  526.     color: {color:links color};
  527.     background-color:{color:links background};
  528.     -webkit-transition: all 0.5s ease-in-out;
  529.     -moz-transition: all 0.5s ease-in-out;
  530.     -o-transition: all 0.5s ease-in-out;
  531.     -ms-transition: all 0.5s ease-in-out;
  532.     transition: all 0.5s ease-in-out;
  533.     border-left: 10px solid {color:links border};
  534.     border-right: 10px solid {color:links border};
  535.     text-shadow:none;
  536. }
  537.  
  538. #link a:hover {
  539. color: {color:links color hover};
  540. background-color:{color:links background hover};
  541. border-left: 10px solid {color:links border hover};
  542. border-right: 10px solid {color:links border hover};
  543. }
  544.  
  545. #nama {
  546. position:fixed;
  547. font-family:Codystar;
  548. width:250px;
  549. font-size:35px;
  550. line-height:35px;
  551. margin-top:50px;
  552. margin-left:625px;
  553. color:{color:title};
  554. -webkit-transform: rotate(-90deg);
  555. -moz-transform: rotate(-90deg);
  556. -o-transform: rotate(-90deg);
  557. writing-mode: tb-rl;
  558. filter: flipV flipH;
  559. }
  560.  
  561. iframe#tumblr_controls {
  562. right:0;
  563. top:250px;
  564. position:fixed;
  565. font-family:ruda;
  566. -webkit-transition: opacity 0.7s linear;
  567. opacity: 0.2;
  568. -webkit-transition: all 0.8s ease-out;
  569. -moz-transition: all 0.8s ease-out;
  570. transition: all 0.8s ease-out;
  571. white-space:nowrap;
  572. -webkit-filter: invert(100%);
  573. -moz-filter: invert(100%);
  574. -o-filter: invert(100%);
  575. -ms-filter: invert(100%);
  576. filter: invert(100%);
  577. }
  578.  
  579.  
  580. #s-m-t-tooltip{
  581.   max-width: 500px;
  582.   z-index:5000;
  583.   margin:24px 14px 7px 12px;
  584.   padding:5px;
  585.   font-size:9px;
  586.   line-height:16px;
  587.   background:{color:tooltip};
  588. border:1px solid {color:tooltip border};
  589. }
  590.  
  591. .title a {
  592. text-align:center;
  593. font-size:20px;
  594. font-family:Grand Hotel;
  595. text-shadow:none;
  596. color:{color:title};
  597. }
  598.  
  599. #music {
  600. width:200px;
  601. position:fixed;
  602. left:650px;
  603. bottom:-50px;
  604. padding:15px;
  605. transition: all 0.4s ease-out;
  606. -o-transition: all 0.4s ease-out;
  607. -webkit-transition: all 0.4s ease-out;
  608. -moz-transition: all 0.4s ease-out;
  609. z-index:80000000000000000000;
  610. }
  611.  
  612. #gambar {
  613. width:10px;
  614. height:10px;
  615. padding:15px;
  616. background:{color:music};
  617. }
  618.  
  619. #musik {
  620. opacity:1;
  621. height:10px;
  622. padding:10px;
  623. background:{color:music};
  624. transition: all 0.4s ease-out;
  625. -o-transition: all 0.4s ease-out;
  626. -webkit-transition: all 0.4s ease-out;
  627. -moz-transition: all 0.4s ease-out;
  628. width:100px;
  629. }
  630.  
  631. #music:hover {
  632. bottom:-15px;
  633. }
  634.  
  635. ul {list-style-type:circle;}
  636.  
  637. {block:ifFadingImages}.entry .photo {
  638. opacity: .5;
  639. transition: all 0.8s ease-out;
  640. -o-transition: all 0.8s ease-out;
  641. -webkit-transition: all 0.8s ease-out;
  642. -moz-transition: all 0.8s ease-out;
  643. }
  644.  
  645. .entry .photo:hover {
  646. opacity:1;
  647. }
  648.  
  649. .entry img {
  650. opacity: .5;
  651. transition: all 0.8s ease-out;
  652. -o-transition: all 0.8s ease-out;
  653. -webkit-transition: all 0.8s ease-out;
  654. -moz-transition: all 0.8s ease-out;
  655. }
  656.  
  657. .entry img:hover {
  658. opacity:1;
  659. }
  660. {/block:ifFadingImages}
  661.  
  662. #next {
  663. position:fixed;
  664. top:50%;
  665. left:650px;
  666. padding:10px;
  667. background:{color:pagination background};
  668. z-index:500000000000;
  669. border:5px solid {color:pagination border};
  670. color: {color:pagination border};
  671. transition: all 0.8s ease-out;
  672. -o-transition: all 0.8s ease-out;
  673. -webkit-transition: all 0.8s ease-out;
  674. -moz-transition: all 0.8s ease-out;
  675. text-shadow:none;
  676. }
  677.  
  678. #next:hover {
  679. background:{color:pagination background hover};
  680. border:5px solid {color:pagination border hover};
  681. color: {color:pagination border hover};
  682. transition: all 0.8s ease-out;
  683. -o-transition: all 0.8s ease-out;
  684. -webkit-transition: all 0.8s ease-out;
  685. -moz-transition: all 0.8s ease-out;
  686. }
  687.  
  688. #prev {
  689. position:fixed;
  690. top:45%;
  691. left:650px;
  692. padding:10px;
  693. background:{color:pagination background};
  694. z-index:500000000000;
  695. border:5px solid {color:pagination border};
  696. color: {color:pagination border};
  697. transition: all 0.8s ease-out;
  698. -o-transition: all 0.8s ease-out;
  699. -webkit-transition: all 0.8s ease-out;
  700. -moz-transition: all 0.8s ease-out;
  701. text-shadow:none;
  702. }
  703.  
  704. #prev:hover {
  705. background:{color:pagination background hover};
  706. border:5px solid {color:pagination border hover};
  707. color: {color:pagination border hover};
  708. transition: all 0.8s ease-out;
  709. -o-transition: all 0.8s ease-out;
  710. -webkit-transition: all 0.8s ease-out;
  711. -moz-transition: all 0.8s ease-out;
  712. }
  713.  
  714. #credit {
  715. padding:5px;
  716. font-size:20px;
  717. background:#feedfe;
  718. color:#ffff;
  719. position:fixed;
  720. bottom:0;
  721. right:-150px;
  722. transition: all 0.8s ease-out;
  723. -o-transition: all 0.8s ease-out;
  724. -webkit-transition: all 0.8s ease-out;
  725. -moz-transition: all 0.8s ease-out;
  726. text-shadow:none;
  727. }
  728.  
  729. #credit:hover {
  730. right:0;
  731. }
  732.  
  733. #credit a {
  734. color:#ffff;
  735. text-shadow:none;
  736. }
  737.  
  738. .td1 {
  739. background:{color:date background};
  740. font-size:8px;
  741. color:{color:date color};
  742. text-shadow: 2px 2px 2px {color:shadow};
  743. width:25%;
  744. }
  745.  
  746. .td1 a {
  747. color:{color:date color};
  748. }
  749.  
  750. .td2 {
  751. background:{color:quote};
  752. text-shadow: 2px 2px 2px {color:shadow};
  753. width:75%;
  754. padding:5px;
  755. }
  756.  
  757. .td1 a {
  758. color:{color:date color};
  759. }
  760.  
  761. #scrolltotop {
  762. font-size:50px;
  763. color:{color:scrolltotop};
  764. position:fixed;
  765. bottom:25%;
  766. right:15%;
  767. }
  768.  
  769. #scrollToTop:link,
  770.     #scrollToTop:visited {
  771.         color: {color:scrolltotop};
  772.         background-color: transparent;
  773.         display: none;
  774.         position: fixed;
  775.         bottom: 150px;
  776.         right: 150px;
  777. font-size:50px;
  778.     }
  779.  
  780. </style>
  781.  
  782. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  783. <script src="http://static.tumblr.com/pdgxkke/bRomet3vm/jquery.style-my-tooltips.js"></script>
  784. <script>
  785.     (function($){
  786.         $(document).ready(function(){
  787.             $("[title]").style_my_tooltips();
  788.         });
  789.     })(jQuery);
  790. </script>
  791.  
  792. {block:IndexPage}
  793.  
  794. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  795.  
  796. <script>
  797. $(function(){
  798. var $container = $('#posts');
  799. $container.imagesLoaded(function(){
  800. $container.masonry({
  801. itemSelector: '.entry',
  802. });
  803. });
  804. $container.infinitescroll({
  805. itemSelector : ".entry",
  806. navSelector : "div.pagination",
  807. nextSelector : ".pagination a#next",
  808. loadingImg : "",
  809. loadingText : "<em></em>",
  810. bufferPx : 10000,
  811. extraScrollPx: 12000,
  812. },
  813. // trigger Masonry as a callback
  814. function( newElements ) {
  815.   var $newElems = $( newElements ).css({ opacity: 0 });
  816. // ensure that images load before adding to masonry layout
  817. $newElems.imagesLoaded(function(){
  818. $newElems.animate({ opacity: 1 });
  819. $container.masonry( 'appended', $newElems, true );
  820. });
  821. }
  822. );
  823. });
  824. </script>{/block:IndexPage}
  825.  
  826. <script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  827.  
  828.  <body>
  829.  
  830.     <div class="topp">
  831.         <a href="javascript:;" id="scrollToTop">▲</a>
  832.     </div>
  833.  
  834.  
  835. <a href="http://thematchgirl.tumblr.com" title="theme maker"><div id="credit">❊ THE MATCH GIRL</div></a>
  836.  
  837. {block:NextPage}<a href="{NextPage}"><div id="next">&gt;&gt;</div></a>{/block:NextPage}
  838. {block:PreviousPage}<a href="{PreviousPage}"><div id="prev">&lt;&lt;</div></a>{/block:PreviousPage}
  839.  
  840. {block:IfMusicPlayer}
  841. {block:IndexPage}<div id="music">
  842.  <div id="gambar"><img src="http://media.tumblr.com/tumblr_m7vzt8IQjM1r6o8v2.gif"></div>
  843.  <div id="musik">{text:Music}</div>
  844. </div>
  845. {/block:IndexPage}
  846. {/block:IfMusicPlayer}
  847.  
  848. {block:ifShowTitle}<div id="nama">{title}</div>{/block:ifShowTitle}
  849.  
  850. <div id="link"><a href="/" title="Home">Home</a><br>
  851. <a href="/ask" title="Message Me!">Message</a><br>
  852. <a href="/archive" title="This Blog Archive">Archive</a><br>
  853. <a href="/mobile" title="Mobile Version">mobile</a><br>
  854.  {block:iflink1}<a href="{text:Link1URL}" title="{text:Link1}" >{text:Link1}</a><br> {/block:iflink1}
  855.  {block:iflink2}<a href="{text:Link2URL}" title="{text:Link2}" >{text:Link2}</a><br> {block:iflink2}
  856.  {block:iflink3}<a href="{text:Link3URL}" title="{text:Link3}" >{text:Link3}</a><br> {/block:iflink3}
  857. </div>
  858. <div id="background2">
  859. </div>
  860. <div id="flower">
  861. {block:description}<div id="desc"><table><tr><td><span style="font-size:50px;margin-top:20px;margin-right:-10px;color:{color:description border};">◀</td><td><div id="deskripsi">{description}</div></td></tr></table>{/block:description}</div>
  862. <div class="backflo"></div>
  863.  <div class="bigpetal1"></div>
  864.  <div class="bigpetal2"></div>
  865.  <div class="bigpetal3"></div>
  866.  <div class="bigpetal4"></div>
  867.  <div class="bigpetal5"></div>
  868.  {block:iflink4}<a href="{text:Link4URL}" title="{text:Link4}" >{/block:iflink4}<div class="petal1"></div>{block:iflink4}</a>{/block:iflink4}
  869.   {block:iflink5}<a href="{text:Link5URL}" title="{text:Link5}" >{/block:iflink5}<div class="petal2"></div></a>{block:iflink5}</a>{/block:iflink5}
  870.   {block:iflink6}<a href="{text:Link6URL}" title="{text:Link6}" >{/block:iflink6}<div class="petal3"></div></a>{block:iflink6}</a>{/block:iflink6}
  871.   {block:iflink7}<a href="{text:Link7URL}" title="{text:Link7}" >{/block:iflink7}<div class="petal4"></div></a>{block:iflink7}</a>{/block:iflink7}
  872.   {block:iflink8}<a href="{text:Link8URL}" title="{text:Link8}" >{/block:iflink8}<div class="petal5"></div></a>{block:iflink8}</a>{/block:iflink8}
  873.   <div class="bulet"></div>
  874.   </div>
  875.  
  876.   <div id="posts">
  877. {block:Posts}
  878.  
  879. <div class="entry">
  880.  
  881. <div id="stats">
  882.     {block:Date}<a href="{Permalink}" title="Permalink" >{ShortMonth} {DayOfMonth}{DayOfMonthSuffix} {Year}</a>{/block:Date}
  883. </div>
  884.  
  885.  
  886. {block:Text}
  887.     {block:Title}
  888.     <div class="title"><a href="{Permalink}" class="ttitle" title="Title" >{Title}</a></div>
  889.     {/block:Title}
  890.     {Body}
  891.     {/block:Text}
  892.    
  893.    {block:Photo}
  894. {block:IndexPage}<center><a href="{PhotoURL-HighRes}"><img src="{PhotoURL-250}" alt=""></a></center>{/block:IndexPage}
  895. {block:PermalinkPage}<a href="{PhotoURL-HighRes}"><img src="{PhotoURL-500}" alt=""></a>{/block:PermalinkPage}
  896. {block:IndexPage}{block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}{/block:IndexPage}
  897. {block:PermalinkPage}{block:Caption}
  898. {Caption}
  899. {/block:Caption}{/block:PermalinkPage}
  900. {/block:Photo}
  901.  
  902. {block:Photoset}
  903. <div class="photo">{block:IndexPage}{Photoset-250}{/block:IndexPage}
  904. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}</div>
  905. {block:IndexPage}{block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}{/block:IndexPage}
  906. {block:PermalinkPage}{block:Caption}
  907. {Caption}
  908. {/block:Caption}{/block:PermalinkPage}
  909. {/block:Photoset}
  910.    
  911.     {block:Quote}
  912.    <table><tr><td valign="middle" class="td1"><center><span style="font-size:30px;padding:5px;">✎</span><br>{block:Source}{Source}{/block:Source}</center></td><td class="td2">{Quote}</td></tr></table>
  913.     {/block:Quote}
  914.    
  915.    {block:Answer}
  916.    <table><tr><td valign="middle" class="td1"><center><img src="{AskerPortraitURL-40}" style="margin:3px;padding:5px;"><br>{Asker}</center></td><td class="td2">{Question}</div></td></tr></table>
  917.     {Answer}
  918.     {/block:Answer}
  919.  
  920.     {block:Link}
  921.     <div class="title"><a href="{URL}" target="{Target}" class="ttitle"  title="Title"> {Name}  →</a></div>
  922.     {block:Description} {Description} {/block:Description}
  923.     {/block:Link}
  924.    
  925.     {block:Chat}
  926.    {block:Title}
  927.     <div class="title"><a href="{Permalink}" class="ttitle"  title="Title">{Title}</a></div>
  928.     {/block:Title}
  929.     {block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>
  930.  
  931.     {/block:Lines}
  932.     {/block:Chat}
  933.  
  934.  
  935.     {block:Audio}
  936. <table><tr><td><div id="audioplayer">{AudioPlayerWhite} </div>      
  937. <div id="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="100">{/block:AlbumArt}</div></td><td  class="td2"><b>Plays:</b>{PlayCountWithLabel}
  938. <br>{block:Artist}<b>Artist:</b> {Artist}{/block:Artist}
  939. <br>{block:Album}<b>Album:</b> {Album}{/block:Album}
  940. <br>{block:TrackName}<b>Title:</b> {TrackName}{/block:TrackName}
  941. </td></tr></table>
  942. {block:IndexPage}{block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}{/block:IndexPage}
  943. {block:PermalinkPage}{block:Caption}
  944. {Caption}
  945. {/block:Caption}{/block:PermalinkPage}
  946. {/block:Audio}
  947.  
  948.  
  949.     {block:Video}
  950.     {block:IndexPage}{Video-250}{/block:IndexPage}
  951. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  952. {block:IndexPage}{block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}{/block:IndexPage}
  953. {block:PermalinkPage}{block:Caption}
  954. {Caption}
  955. {/block:Caption}{/block:PermalinkPage}
  956.     {/block:Video}
  957.    
  958.    
  959.  
  960. <div id="info">
  961.    {block:RebloggedFrom}✄ <a href="{ReblogParentURL}" title="Reblogged From" >VIA</a>{/block:RebloggedFrom} {block:ContentSource} ✄  <a href="{SourceURL}" title="Source" >SOURCE</a>{/block:ContentSource}</a> ✄
  962. {block:NoteCount}{NoteCount} ♥ ✄ {/block:NoteCount}<a href="{ReblogURL}" target="_blank" title="Reblog this post!">REBLOG</a>
  963. </div>
  964.  
  965.    {block:IfShowTags} <div class="tag">{block:HasTags}{block:Tags}→<a href="{TagURL}"> {Tag}</a> {/block:Tags}<br>{/block:HasTags}
  966. {block:PostNotes}{PostNotes}{/block:PostNotes}</div>{/block:IfShowTags}
  967.  
  968. </div>
  969.  
  970.  
  971.  
  972. {/block:Posts}
  973. </div>
  974. <div id="line"></div>
  975.  
  976.  </body>
  977. </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!