API tools faq
paste
Advertisement
Guest User

theme 57, "mad sounds" / daisydose

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