API tools faq
paste
Advertisement
Guest User

theme 56, "wrecked" by daisydose

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