API tools faq
paste
Advertisement
Guest User

theme 51, "crystalised" by daisydose

a guest
Nov 7th, 2013
2,920
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.41 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. theme 51, "crystalised" by daisydose.
  3. please keep the credit.
  4. -->
  5.  
  6. <html lang="en">
  7.  
  8. <head>
  9.  
  10. <meta name="color:Background" content="#ffffff"/>
  11. <meta name="color:Title" content="#aaa"/>
  12. <meta name="color:Text" content="#363636"/>
  13. <meta name="color:Link" content="#282929"/>
  14. <meta name="color:scrollbar" content="#727272"/>
  15. <meta name="color:Hover" content="#ddd"/>
  16. <meta name="image:Background" content=""/>
  17. <meta name="image:Sidebar 2" content=""/>
  18. <meta name="image:Sidebar" content=""/>
  19. <meta name="color:sidebar bg" content="#aaa"/>
  20. <meta name="color:description" content="#aaa"/>
  21. <meta name="color:link bg" content="#aaa"/>
  22. <meta name="color:link hover" content="#ccc"/>
  23. <meta name="color:titlebar" content="#e2c094" />
  24. <meta name="text:Link One" content="" />
  25. <meta name="text:Link One Title" content="link 1" />
  26. <meta name="text:Link Two" content="" />
  27. <meta name="text:Link Two Title" content="link 2"/>
  28. <meta name="text:Link Three" content="" />
  29. <meta name="text:Link Three Title" content="link 3" />
  30. <meta name="text:Link Four Title" content="link 4" />
  31. <meta name="text:Link Four" content="" />
  32. <meta name="text:titlebar" content="you applied the pressure to have me crystalised"/>
  33.  
  34. </script>
  35.  
  36.  
  37. <style type="text/css">
  38.  
  39. #tumblr_controls{
  40. position:fixed !important;
  41. -webkit-filter: invert(100%)
  42. }
  43.  
  44. @font-face { font-family: "arma"; src: url('http://static.tumblr.com/jdjsstr/8ovm78cbb/pf_arma_five_1_.ttf'); }
  45.  
  46.  
  47. @font-face { font-family: "cedarcursive"; src: url('http://themes.googleusercontent.com/static/fonts/cedarvillecursive/v1/cuCe6HrkcqrWTWTUE7dw-5zpMnghKP_wiJrQSyqob5U.woff'); }
  48.  
  49. @font-face { font-family: "caviardreams"; src: url('http://static.tumblr.com/4yxykdm/xXTlrecqr/caviardreams.ttf'); }
  50.  
  51. iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  52.  
  53. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  54.  
  55. ::-webkit-scrollbar { width: 8px; height: 4px; background: #eeeeee; border:1px solid #EEE0E5; -webkit-border-radius:999px;}
  56.  
  57. ::-webkit-scrollbar-thumb { background-color:{color:scrollbar};-webkit-border-radius:5px; border:1px solid #fff;}
  58.  
  59. body, a, a:hover {cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), progress;}
  60.  
  61. body{
  62. margin:5px;
  63. background-color: {color:Background};
  64. background-image:url({image:Background});
  65. background-attachment: fixed;
  66. background-repeat: repeat;
  67. font-size: 8px;
  68. font-family: arma;
  69. line-height:8px;
  70. color:{color:Text};
  71. }
  72.  
  73. a:link, a:active, a:visited{
  74. color:{color:link};
  75. text-shadow:0px 0px 0px #000;
  76. text-decoration: none;
  77. -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;-o-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
  78. }
  79.  
  80. a:hover {
  81. text-decoration: none;
  82. text-shadow:0px 0px 0px #000;
  83. cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;
  84. }
  85.  
  86. #cunt{width:250px; height:auto;}
  87. {block:PermalinkPage}
  88. width:410px;
  89. {/block:PermalinkPage}
  90. }
  91.  
  92. #center{
  93. padding-top:3px;
  94. padding-bottom:3px;
  95. position:fixed !important;
  96. width:250px;
  97. height:207px;
  98. background-color:#fff;
  99. {block:PermalinkPage}
  100. width:410px;
  101. height:207px;
  102. {/block:PermalinkPage}
  103. }
  104.  
  105. #posts{
  106. opacity: 1;
  107. float:center;
  108. {block:indexpage}
  109. width:800px;
  110. {/block:indexpage}
  111. {block:permalinkpage}
  112. width:800px;
  113. margin-top: 150px;
  114. {/block:permalinkpage}
  115. margin-left: 350px;
  116. margin-top: 150px;
  117. transition: all 0.5s ease-out;
  118. -o-transition-transition: all 0.5s ease-out;
  119. -webkit-transition: all 0.5s ease-out;
  120. -moz-transition: all 0.5s ease-out;
  121. }
  122.  
  123. #posts:hover{
  124. opacity: 1;
  125. transition: all 0.5s ease-out;
  126. -o-transition-transition: all 0.5s ease-out;
  127. -webkit-transition: all 0.5s ease-out;
  128. -moz-transition: all 0.5s ease-out;
  129. }
  130.  
  131. #entry{
  132. opacity:.8;
  133. font-family: calibri;
  134. font-size: 10px;
  135. text-align:left;
  136. z-index:1;
  137. float:left;
  138. margin:20px;
  139. border-radius:0px;
  140. border:1px solid #eee;
  141. padding:15px;
  142. width: 250px;
  143. height: auto;
  144. {block:PermalinkPage}
  145. width: 450px;
  146. height: auto;
  147. {/block:PermalinkPage}
  148. line-height:11px;
  149. background-color:#fff;
  150. margin-right:4px;
  151. overflow:hidden;
  152. margin-bottom:4px;
  153. padding-bottom: 16px;
  154. transition: all 0.9s ease-out;
  155. -o-transition-transition: all 0.9s ease-out;
  156. -webkit-transition: all 0.9s ease-out;
  157. -moz-transition: all 0.9s ease-out;
  158. }
  159.  
  160. #entry:hover{
  161. opacity: 1;
  162. transition: all 0.9s ease-out;
  163. -o-transition-transition: all 0.9s ease-out;
  164. -webkit-transition: all 0.9s ease-out;
  165. -moz-transition: all 0.9s ease-out;
  166. }
  167.  
  168. #sidebar {
  169. position:fixed !important;
  170. opacity: .9;
  171. width: 573px;
  172. height: 120px;
  173. margin-top: -134px;
  174. padding:7px;
  175. margin-left: 370px;
  176. border:1px solid #fff;
  177. background: {color:sidebar bg};
  178. z-index:9999;
  179. border-radius:5px;
  180. transition: all 0.9s ease-out;
  181. -o-transition-transition: all 0.5s ease-out;
  182. -webkit-transition: all 0.5s ease-out;
  183. -moz-transition: all 0.5s ease-out;
  184. }
  185.  
  186. #desc{
  187. position:fixed !important;
  188. opacity: 0;
  189. width: 319px;
  190. height: 25px;
  191. margin-top: -80px;
  192. margin-left: 120px;
  193. padding:7px;
  194. font-size: 11px;
  195. line-height:25px;
  196. text-transform:uppercase;
  197. color:{color:description};
  198. font-family: Calibri;
  199. text-align:center;
  200. transition: all 0.5s ease-out;
  201. -o-transition-transition: all 0.5s ease-out;
  202. -webkit-transition: all 0.5s ease-out;
  203. -moz-transition: all 0.5s ease-out;
  204. }
  205.  
  206. #sidebar:hover #desc{
  207. opacity: 1;
  208. transition: all 0.5s ease-out;
  209. -o-transition-transition: all 0.5s ease-out;
  210. -webkit-transition: all 0.5s ease-out;
  211. -moz-transition: all 0.5s ease-out;
  212. }
  213.  
  214. div#hey{
  215. position:fixed !important;
  216. opacity: 1;
  217. background:{color:description bg};
  218. width: 333px;
  219. height: 50px;
  220. margin-top: -80px;
  221. padding:7;
  222. margin-left: 120px;
  223. text-align: center;
  224. -webkit-transition: all 0.5s ease;
  225. -moz-transition: all 0.5s ease;
  226. -o-transition: all 0.5s ease;
  227. }
  228.  
  229. #hey:hover{
  230. opacity:1;
  231. transition: all 0.9s ease-out;
  232. -o-transition-transition: all 0.5s ease-out;
  233. -webkit-transition: all 0.5s ease-out;
  234. -moz-transition: all 0.5s ease-out;
  235. }
  236.  
  237. #sidebarpic{
  238. opacity:.95;
  239. width:120px;
  240. z-index:9999;
  241. border-radius:9999px;
  242. -webkit-transition: all 0.9s ease;
  243. -moz-transition: all 0.9s ease;
  244. -o-transition: all 0.9s ease;
  245. }
  246.  
  247. #sidebarpic:hover{
  248. -webkit-transition: all 0.9s ease;
  249. -moz-transition: all 0.9s ease;
  250. -o-transition: all 0.9s ease;
  251. }
  252.  
  253. #sidebarpic img{
  254. opacity:.95;
  255. border-radius:9999px;
  256. width:120px;
  257. height:120px;
  258. margin-left:-3px;
  259. z-index:9999;
  260. -webkit-transition: all 0.9s ease;
  261. -moz-transition: all 0.9s ease;
  262. -o-transition: all 0.9s ease;
  263. }
  264.  
  265. #sidebarpic img:hover{
  266. -webkit-transition: all 0.9s ease;
  267. -moz-transition: all 0.9s ease;
  268. -o-transition: all 0.9s ease;
  269. }
  270.  
  271. #sidebarpic2{
  272. opacity:.95;
  273. width:120px;
  274. z-index:9999;
  275. margin-left:456px;
  276. margin-top:-120px;
  277. border-radius:5px;
  278. -webkit-transition: all 0.9s ease;
  279. -moz-transition: all 0.9s ease;
  280. -o-transition: all 0.9s ease;
  281. }
  282.  
  283. #sidebarpic2:hover{
  284. -webkit-transition: all 0.9s ease;
  285. -moz-transition: all 0.9s ease;
  286. -o-transition: all 0.9s ease;
  287. }
  288.  
  289. #sidebarpic2 img{
  290. opacity:.95;
  291. z-index:9999;
  292. border-radius:9999px;
  293. width:120px;
  294. height:120px;
  295. -webkit-transition: all 0.9s ease;
  296. -moz-transition: all 0.9s ease;
  297. -o-transition: all 0.9s ease;
  298. }
  299.  
  300. #sidebarpic2 img:hover{
  301. -webkit-transition: all 0.9s ease;
  302. -moz-transition: all 0.9s ease;
  303. -o-transition: all 0.9s ease;
  304. }
  305.  
  306. #link1 a{
  307. position:absolute;
  308. opacity:1;
  309. font-size: 10px;
  310. line-height:30px;
  311. text-align: center;
  312. width: 157px;
  313. height: 30px;
  314. font-family: calibri;
  315. color:{color:text};
  316. border-radius:25px 0px 0px 0px;
  317. text-transform:lowercase;
  318. display:in-line block;
  319. margin:5px;
  320. background:{color:link bg};
  321. margin-top:-120px;
  322. margin-left:120px;
  323. padding:4px;
  324. padding-bottom:4px;
  325. -webkit-transition: all 0.5s ease-in-out;
  326. -moz-transition: all 0.5s ease-in-out;
  327. -o-transition: all 0.5s ease-in-out;
  328. -ms-transition: all 0.5s ease-in-out;
  329. transition: all 0.5s ease-in-out;
  330. }
  331.  
  332. #link1 a:hover{
  333. opacity:1;
  334. background:{color:link hover};
  335. -webkit-transition: all 0.5s ease-in-out;
  336. -moz-transition: all 0.5s ease-in-out;
  337. -o-transition: all 0.5s ease-in-out;
  338. -ms-transition: all 0.5s ease-in-out;
  339. transition: all 0.5s ease-in-out;
  340. }
  341.  
  342. #link2 a{
  343. position:absolute;
  344. opacity:1;
  345. font-size: 10px;
  346. line-height:30px;
  347. text-align: center;
  348. width: 157px;
  349. height: 30px;
  350. font-family: calibri;
  351. color:{color:text};
  352. border-radius:0px 25px 0px 0px;
  353. text-transform:lowercase;
  354. display:in-line block;
  355. margin:5px;
  356. background:{color:link bg};
  357. margin-top:-120px;
  358. margin-left:288px;
  359. padding:4px;
  360. padding-bottom:4px;
  361. -webkit-transition: all 0.5s ease-in-out;
  362. -moz-transition: all 0.5s ease-in-out;
  363. -o-transition: all 0.5s ease-in-out;
  364. -ms-transition: all 0.5s ease-in-out;
  365. transition: all 0.5s ease-in-out;
  366. }
  367.  
  368. #link2 a:hover{
  369. opacity:1;
  370. background:#fff;
  371. background:{color:link hover};
  372. -webkit-transition: all 0.5s ease-in-out;
  373. -moz-transition: all 0.5s ease-in-out;
  374. -o-transition: all 0.5s ease-in-out;
  375. -ms-transition: all 0.5s ease-in-out;
  376. transition: all 0.5s ease-in-out;
  377. }
  378.  
  379. #link3 a{
  380. position:absolute;
  381. opacity:1;
  382. font-size: 10px;
  383. line-height:30px;
  384. text-align: center;
  385. width: 157px;
  386. height: 30px;
  387. font-family: calibri;
  388. color:{color:text};
  389. border-radius:0px 0px 0px 25px;
  390. text-transform:lowercase;
  391. display:in-line block;
  392. margin:5px;
  393. background:{color:link bg};
  394. margin-top:-39px;
  395. margin-left:120px;
  396. padding:4px;
  397. padding-bottom:4px;
  398. -webkit-transition: all 0.5s ease-in-out;
  399. -moz-transition: all 0.5s ease-in-out;
  400. -o-transition: all 0.5s ease-in-out;
  401. -ms-transition: all 0.5s ease-in-out;
  402. transition: all 0.5s ease-in-out;
  403. }
  404.  
  405. #link3 a:hover{
  406. opacity:1;
  407. background:#fff;
  408. background:{color:link hover};
  409. -webkit-transition: all 0.5s ease-in-out;
  410. -moz-transition: all 0.5s ease-in-out;
  411. -o-transition: all 0.5s ease-in-out;
  412. -ms-transition: all 0.5s ease-in-out;
  413. transition: all 0.5s ease-in-out;
  414. }
  415.  
  416. #link4 a{
  417. position:absolute;
  418. opacity:1;
  419. font-size: 10px;
  420. line-height:30px;
  421. text-align: center;
  422. width: 157px;
  423. height: 30px;
  424. font-family: calibri;
  425. color:{color:text};
  426. border-radius:0px 0px 25px 0px;
  427. text-transform:lowercase;
  428. display:in-line block;
  429. margin:5px;
  430. background:{color:link bg};
  431. margin-top:-39px;
  432. margin-left:288px;
  433. padding:4px;
  434. padding-bottom:4px;
  435. -webkit-transition: all 0.5s ease-in-out;
  436. -moz-transition: all 0.5s ease-in-out;
  437. -o-transition: all 0.5s ease-in-out;
  438. -ms-transition: all 0.5s ease-in-out;
  439. transition: all 0.5s ease-in-out;
  440. }
  441.  
  442. #link4 a:hover{
  443. opacity:1;
  444. background:#fff;
  445. background:{color:link hover};
  446. -webkit-transition: all 0.5s ease-in-out;
  447. -moz-transition: all 0.5s ease-in-out;
  448. -o-transition: all 0.5s ease-in-out;
  449. -ms-transition: all 0.5s ease-in-out;
  450. transition: all 0.5s ease-in-out;
  451. }
  452.  
  453. #daisydose{
  454. position:fixed !important;
  455. font-family: calibri;
  456. font-size: 8px;
  457. word-spacing:3px;
  458. color: #000;
  459. bottom:5px;
  460. right:-51px;
  461. text-transform:uppercase;
  462. -webkit-transition: all 0.3s ease-in-out;
  463. -moz-transition: all 0.3s ease-in-out;
  464. -o-transition: all 0.3s ease-in-out;
  465. -ms-transition: all 0.3s ease-in-out;
  466. transition: all 0.3s ease-in-out;
  467. }
  468.  
  469. #daisydose:hover{
  470. opacity:1;
  471. right:5px;
  472. -webkit-transition: all 0.3s ease-in-out;
  473. -moz-transition: all 0.3s ease-in-out;
  474. -o-transition: all 0.3s ease-in-out;
  475. -ms-transition: all 0.3s ease-in-out;
  476. transition: all 0.3s ease-in-out;
  477. }
  478.  
  479.  
  480.  
  481. @font-face { font-family: "sig"; src: url('http://static.tumblr.com/vilw5yj/6l7ma3fqc/signerica_medium.ttf'); }
  482.  
  483. @font-face { font-family: "playdate"; src: url('http://static.tumblr.com/4yxykdm/XVZlrfl3m/playdate_1_.ttf'); }
  484.  
  485. @font-face { font-family: "arrow"; src: url('http://static.tumblr.com/mp9knux/Xavmkh4lx/arrows.otf'); }
  486.  
  487. @font-face { font-family: "littlefont"; src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf'); }
  488.  
  489. @font-face { font-family: 'pixel'; src: local('04b24'), url('http://static.tumblr.com/zm7jcjw/dtClscghb/04b_24__.ttf') format('woff'); }
  490.  
  491. #entry .perma a{
  492. color:;}
  493.  
  494. .permalink {
  495. display: block;
  496. border-top: 1px solid #ddd;
  497. padding: 3px;
  498. margin: 4px 8px 0px 8px;
  499. font-family: pixel;
  500. font-size: 8px;
  501. color: #424242;
  502. line-height: 18px;
  503. text-align: center;
  504. text-decoration: none;
  505. text-transform:uppercase;
  506. -webkit-transition: color 0.9s ease-out;
  507. -moz-transition: color 0.9s ease-out;
  508. }
  509.  
  510. #entry .perma a{
  511. color:;
  512. -webkit-transition: color 0.9s ease-out;
  513. -moz-transition: color 0.9s ease-out;
  514. }
  515.  
  516.  
  517. #entry .perma{
  518. width:auto;
  519. height:auto;
  520. position: absolute;
  521. line-height: 10px;
  522. overflow:hidden;
  523. font-family:Calibri;
  524. text-transform:uppercase;
  525. text-align:center;
  526. font-size:10px;
  527. margin-left:4px;
  528. margin-top:5px;
  529. color:{color:Text};
  530. border-radius:2px;
  531. background:#fff;
  532. opacity: 0;
  533. padding:5px;
  534. transition: all 0.7s ease-out;
  535. -o-transition-transition: all 0.7s ease-out;
  536. -webkit-transition: all 0.7s ease-out;
  537. -moz-transition: all 0.7s ease-out;
  538. }
  539.  
  540. #entry:hover .perma{
  541. opacity:0.95;
  542. -webkit-transition: all 0.7s ease-in-out;
  543. -moz-transition: all 0.7s ease-in-out;
  544. -o-transition: all 0.7s ease-in-out;
  545. -ms-transition: all 0.7s ease-in-out;
  546. transition: all 0.7s ease-in-out;
  547. }
  548.  
  549. #entry .perma2{
  550. width:auto;
  551. height:15px;
  552. position: absolute;
  553. line-height: 15px;
  554. overflow:hidden;
  555. font-family:Calibri;
  556. text-transform:uppercase;
  557. text-align:center;
  558. font-size:12px;
  559. margin-left:33px;
  560. margin-top:5px;
  561. color:{color:Text};
  562. border-radius:2px;
  563. background:#fff;
  564. opacity: 0;
  565. padding:5px;
  566. transition: all 0.7s ease-out;
  567. -o-transition-transition: all 0.7s ease-out;
  568. -webkit-transition: all 0.7s ease-out;
  569. -moz-transition: all 0.7s ease-out;
  570. }
  571.  
  572. #entry:hover .perma2{
  573. opacity:0.95;
  574. -webkit-transition: all 0.7s ease-in-out;
  575. -moz-transition: all 0.7s ease-in-out;
  576. -o-transition: all 0.7s ease-in-out;
  577. -ms-transition: all 0.7s ease-in-out;
  578. transition: all 0.7s ease-in-out;
  579. }
  580.  
  581. .permalinktext {
  582. display: block;
  583. padding: 2px;
  584. margin: 8px 2px 0px 8px;
  585. font-family: calibri;
  586. letter-spacing: 0px;
  587. font-size: 8px;
  588. color: #aaaaaa;
  589. line-height: 10px;
  590. letter-spacing:1px;
  591. text-align: right;
  592. text-transform:uppercase;
  593. -webkit-transition: color 0.5s ease-out;
  594. -moz-transition: color 0.5s ease-out;
  595. border-top: 1px solid #f4f4f4;
  596. }
  597.  
  598.  
  599.  
  600. #postnotes{
  601. text-align: left;
  602. }
  603.  
  604. #postnotes blockquote{
  605. border: 0px;
  606. }
  607.  
  608. askk {
  609. font-family: calibri;
  610. color: {color:Title};
  611. font-size:8px;
  612. text-transform:uppercase;
  613. letter-spacing:1px;
  614. z-index:1;
  615. }
  616.  
  617. @font-face { font-family: "lovenote"; src: url('http://static.tumblr.com/4yxykdm/k6plrfhwf/ck_love_note.ttf'); }
  618.  
  619.  
  620. .title{
  621. font-family:consolas;
  622. font-size: 11px;
  623. line-height: 11px;
  624. color: {color:Title};
  625. font-weight: normal;
  626. letter-spacing: 0px;
  627. text-transform: normal;
  628. padding: 2px 0px 0px 0px;
  629. }
  630.  
  631.  
  632. blockquote{
  633. padding:0px 0px 0px 2px;
  634. margin:0px 0px 0px 1px;
  635. border-left: 3px solid {color:scrollbar};
  636. }
  637. ul, ol, li{
  638. list-style:none;
  639. margin:0px;
  640. padding:0px;
  641. }
  642.  
  643. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  644. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:Title};
  645. }
  646.  
  647. a.links {
  648. font-family: ronda;
  649. font-size: 8px;
  650. line-height: 8px;
  651. text-transform: normal;
  652. letter-spacing:0px;
  653. display:block;
  654. padding: 0px;
  655. margin-bottom: 0px;
  656. }
  657.  
  658. a.links:hover {
  659. font-style: none;
  660. text-decoration: none;
  661. letter-spacing:10px;
  662. }
  663.  
  664. @font-face { font-family: "s"; src: url('http://static.tumblr.com/yo59jgt/m4om1rino/signerica_fat.ttf'); }
  665.  
  666. @font-face { font-family: "rw"; src: url('http://static.tumblr.com/fxpo5zq/y0bm4ndht/raleway_thin.otf'); }
  667.  
  668. @font-face { font-family: "signerica"; src: url('http://static.tumblr.com/yo59jgt/m4om1rino/signerica_fat.ttf'); }
  669.  
  670. @font-face { font-family: "stars"; src: url('http://static.tumblr.com/hcfbjje/sfRlpm8t0/starsfromoureyes.ttf'); }
  671.  
  672. @font-face {font-family:"Always a Good Time"; src: url('http://static.tumblr.com/9wzbixa/PUwmj3iyh/kgalwaysagoodtime.ttf');}
  673.  
  674. @font-face{font-family:"Marmellata Jam"; src: url('http://static.tumblr.com/9wzbixa/mf3mj3kzl/marmellata_jam__demo.ttf');}
  675.  
  676. @font-face{font-family: "Lala" ;src: url('http://static.tumblr.com/vpzhdvv/6d7m90v7t/111.woff'); }
  677.  
  678. @font-face { font-family: "basket";src: url('http://static.tumblr.com/ejm8w78/E7bmdzk1u/kgthefighter.ttf');,}
  679.  
  680. @font-face{font-family: "Ginette";src: url('http://static.tumblr.com/9wzbixa/ZKKmj2im3/ginette.ttf');}
  681.  
  682. @font-face{font-family:"Gruenewald"; src: url('http://static.tumblr.com/9wzbixa/Wsomj2iuz/gruenewald_va_normal.ttf');}
  683.  
  684. @font-face{font-family:"Jenna Sue";src:url('http://static.tumblr.com/9wzbixa/nq2mj2mox/jennasue.ttf');}
  685.  
  686. @font-face { font-family: "lovenote"; src: url('http://static.tumblr.com/4yxykdm/k6plrfhwf/ck_love_note.ttf'); }
  687.  
  688. div#titlebar{
  689. position: fixed !important;
  690. opacity:1;
  691. width:334px;
  692. height:25px;
  693. margin-left:120px;
  694. margin-top:-64px;
  695. font-family: calibri;
  696. font-size: 11px;
  697. background:transparent;
  698. text-align:center;
  699. text-transform: uppercase;
  700. z-index:99999;
  701. color: {color:titlebar};
  702. -webkit-transition: all 0.5s ease-in-out;
  703. -moz-transition: all 0.5s ease-in-out;
  704. -o-transition: all 0.5s ease-in-out;
  705. -ms-transition: all 0.5s ease-in-out;
  706. transition: all 0.5s ease-in-out; ;
  707. }
  708.  
  709. #sidebar:hover #titlebar{
  710. opacity:0;
  711. -webkit-transition: all 0.5s ease-in-out;
  712. -moz-transition: all 0.5s ease-in-out;
  713. -o-transition: all 0.5s ease-in-out;
  714. -ms-transition: all 0.5s ease-in-out;
  715. transition: all 0.5s ease-in-out;
  716. }
  717.  
  718. #audio {
  719. width:200px;
  720. height:auto;
  721. min-height:60px;
  722. padding-bottom:0px;
  723. }
  724. .cover {
  725. position:absolute;
  726. z-index:1;
  727. width:60px;
  728. height:60px;
  729. }
  730. .cover img {
  731. float:left;
  732. width:60px;
  733. height:60px;
  734. }
  735. .playbox {
  736. opacity:0.6;
  737. width:27px;
  738. height:30px;
  739. overflow:hidden;
  740. position:absolute;
  741. z-index:1000;
  742. margin-left:17px;
  743. margin-top:17px;
  744. text-align:center;
  745. }
  746. .info {
  747. margin-left:73px;
  748. margin-top:4px;
  749. line-height:14px;
  750. }
  751.  
  752.  
  753.  
  754. @font-face { font-family: "sunshine"; src: url('http://static.tumblr.com/5fd89aw/U3vli7rvs/sunshine_in_my_soul.ttf'); }
  755.  
  756. @font-face { font-family: "cedarcursive"; src: url('http://themes.googleusercontent.com/static/fonts/cedarvillecursive/v1/cuCe6HrkcqrWTWTUE7dw-5zpMnghKP_wiJrQSyqob5U.woff'); }
  757.  
  758.  
  759. @font-face { font-family: "sunshine"; src: url('http://static.tumblr.com/5fd89aw/U3vli7rvs/sunshine_in_my_soul.ttf'); }
  760.  
  761. @font-face { font-family: "elegant"; src: url('http://static.tumblr.com/mp9knux/sUTmgrk1k/elegantlight.ttf'); }
  762.  
  763. @font-face { font-family: "cedarcursive"; src: url('http://themes.googleusercontent.com/static/fonts/cedarvillecursive/v1/cuCe6HrkcqrWTWTUE7dw-5zpMnghKP_wiJrQSyqob5U.woff'); }
  764.  
  765. @font-face { font-family: "always"; src: url('http://static.tumblr.com/mp9knux/JEDmqi1b0/always_forever.ttf'); }
  766.  
  767. @font-face { font-family: "lobster"; src: url('http://static.tumblr.com/jzyx4rl/DWkm5u4r6/lobster_1.4.otf'); }
  768.  
  769.  
  770.  
  771. </style>
  772. <title>{title}</title>
  773. <link rel="shortcut icon" href="{favicon}">
  774. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  775. <meta name="viewport" content="width=720" />
  776. </head>
  777. <body onkeydown="return false">
  778. <div id="center">
  779. <div id="content">
  780.  
  781.  
  782. <div id="sidebar">
  783.  
  784. <div id="sidebarpic"><img src="{image:sidebar}"></div>
  785. <div id="sidebarpic2"><img src="{image:sidebar 2}"></div>
  786.  
  787.  
  788. <div id="desc">{Description}</div>
  789. <div id="titlebar"><center>{text:titlebar}</center></div>
  790.  
  791. <div id="link1"><a href="{text:link one}">{text:link one title}</a></div>
  792. <div id="link2"><a href="{text:link two}">{text:link two title}</a></div>
  793. <div id="link3"><a href="{text:link three}">{text:link three title}</a></div>
  794. <div id="link4"><a href="{text:link four}">{text:link four title}</a></div>
  795.  
  796. </div>
  797. </div>
  798.  
  799. <div id="posts">
  800. {block:Posts}
  801. <div id="entry">
  802.  
  803. {block:Text}
  804. {block:Title}<span class="title">{Title}</span>{/block:Title}
  805. <span class="entrytext">{Body}</span>
  806. <div class="permalinktext"> <a href="{ReblogURL}" target="_blank">reblog</a> <font color="#aaa">/</font> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">/</font> <a href="{permalink}">{timeago}</a> </div>
  807. {/block:Text}
  808.  
  809. {block:Link}
  810. <a href="{URL}" class="title">{Name}</a>
  811. {block:Description}{Description}{/block:Description}
  812. <div class="permalinktext"> <a href="{ReblogURL}" target="_blank">reblog</a> <font color="#aaa">/</font> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">/</font> <a href="{permalink}">{timeago}</a> </div>
  813. {block:Link}
  814.  
  815. {block:Photo}{block:IndexPage}
  816. <div class="perma">
  817. <a href="{ReblogURL}" target="_blank">{ReblogButton size="15"}</a>
  818. </span></div>
  819. <div class="perma2">
  820. <a href="{permalink}">{NoteCountwithlabel}</a></span></div>
  821.  
  822. {/block:IndexPage}
  823. {block:IndexPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width=250px </a>{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=450px/>{LinkCloseTag}{/block:PermalinkPage}
  824. {/block:Photo}
  825.  
  826.  
  827. {block:Quote}
  828. <span class="entrytext">{Quote}</span>
  829. {block:Source}<b><a href="{Permalink}">{Source}</a></b>{/block:Source}
  830. <div class="permalinktext"> <a href="{ReblogURL}" target="_blank">reblog</a> <font color="#aaa">/</font> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">/</font> <a href="{permalink}">{timeago}</a> </div>
  831. {/block:Quote}
  832.  
  833. {block:Chat}
  834. {block:Title}<span class="title">{Title}</span>{/block:Title}
  835. <ul class="chat">
  836. {block:Lines}
  837. <li class="user_{UserNumber}">
  838. {block:Label}
  839. <span class="label">{Label}</span>
  840. {/block:Label}
  841.  
  842. {Line}
  843. </li>
  844. {/block:Lines}
  845. </ul>
  846. <div class="permalinktext"> <a href="{ReblogURL}" target="_blank">reblog</a> <font color="#aaa">/</font> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">/</font> <a href="{permalink}">{timeago}</a> </div>
  847. {/block:Chat}
  848.  
  849.  
  850. {block:Audio}
  851.  
  852. <div id="audio"><div class="cover"><img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>{block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="playbox">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div><div class="info"><b>Artist:</b> <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br><b>Title:</b> <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br><b>Album:</b> <span{block:Album} style="display:none;"{/block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}{block:PlayCount}<br><b>Plays:</b> {FormattedPlayCount}{/block:PlayCount}</div></div>
  853. {block:IndexPage}
  854. {/block:IndexPage}
  855. {/block:Audio}
  856.  
  857. {block:Video}<center>
  858. <div style="padding-top:0px; padding-bottom:2px;">
  859. {Video-250}</div>
  860. <div style="padding-bottom:5px;">{block:Caption}{Caption}{/block:Caption}</div>
  861. <div class="permalinktext"> <a href="{ReblogURL}" target="_blank">reblog</a> <font color="#aaa">/</font> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">/</font> <a href="{permalink}">{timeago}</a> </div>
  862. {block:Video}
  863.  
  864. {block:Answer}
  865. <br>
  866. <div style="border-radius:5px; border: 1px solid #eee; margin: 3px; margin-top: -2px; min-height:30px; padding: 3px; background: white; box-shadow: 0px 0px 5px #eee;">
  867. <img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-right:3px; box-shadow: 0px 0px 0px 2px #E6DFDF; border-radius: 3px;"/>
  868. <askk>{Asker}</askk>: {Question}<br></div>
  869. <div style="font-family: calibri; font-size: 10px;">
  870. {Answer}
  871. </div>
  872. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">/</font> <a href="{permalink}">{timeago}</a> </div>
  873. {/block:Answer}
  874.  
  875. {block:PostNotes}<div align="middle">{caption}</div>
  876. <center>
  877.  
  878. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  879.  
  880. {block:HasTags}
  881. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  882. {block:RebloggedFrom}
  883. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  884. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  885.  
  886. {/block:RebloggedFrom}
  887. </center></span>
  888. <br>
  889. <div id="postnotes">{PostNotes}</div><br>
  890.  
  891. <center>{block:ContentSource}
  892. <br><a href="{SourceURL}">
  893. {lang:Source}:
  894. {block:SourceLogo}
  895. <img src="{BlackLogoURL}" width="{LogoWidth}"
  896. height="{LogoHeight}" alt="{SourceTitle}" />
  897. {/block:SourceLogo}
  898. {block:NoSourceLogo}
  899. {SourceLink}
  900. {/block:NoSourceLogo}
  901. </a>
  902. {/block:ContentSource}</center>
  903.  
  904. {/block:PostNotes}
  905. </div>
  906. {/block:Posts}
  907. </div></div>
  908.  
  909. {block:indexpage}
  910. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  911. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  912. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  913. <script type="text/javascript">
  914. $(window).load(function(){
  915. var $wall = $('#posts');
  916. $wall.imagesLoaded(function(){
  917. $wall.masonry({
  918. itemSelector: '#entry, #entry_photo',
  919. isAnimated : false
  920. });
  921. });
  922.  
  923. $wall.infinitescroll({
  924. navSelector : '#page-nav',
  925. nextSelector : '#page-nav a',
  926. itemSelector : '#entry, #entry_photo',
  927. bufferPx : 2000,
  928. debug : false,
  929. errorCallback: function() {
  930. $('#infscr-loading').fadeOut('normal');
  931. }},
  932. function( newElements ) {
  933. var $newElems = $( newElements );
  934. $newElems.hide();
  935. $newElems.imagesLoaded(function(){
  936. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  937. });
  938. }); $('#content').show(500);
  939. });
  940. </script>
  941. {/block:indexpage}
  942.  
  943. </body>
  944. <div id="daisydose">theme by <a href="http://daisydose.tumblr.com/">daisydose</a></div>
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!