API tools faq
paste
Advertisement
lokiphile

Lokiphile Tumblr theme 20

lokiphile
Sep 17th, 2013
2,219
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.73 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <html>
  5. <title>{Title}</title>
  6.  
  7. <link rel="shortcut icon" href="{Favicon}">
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  10.  
  11. <!---- theme by noelle @ accioloki.tumblr.com
  12.  
  13. Please don’t remove or alter the credit
  14. Do not redistribute as your own
  15. Edit away! but please don’t use it as a base code
  16. Don't use snippets from this please
  17. I think that’s everything, enjoy! if you have any questions, just ask me and I’ll help you! :D
  18.  
  19. To put something in the updates tab, ctrl+f INSERT UPDATES HERE and replace what's already in there with your updates :)
  20.  
  21. --->
  22.  
  23.  
  24. <meta name="color:Background" content="#ffffff"/>
  25. <meta name="color:Banner" content="#b8b8b8"/>
  26. <meta name="color:Post background" content="#b8b8b8"/>
  27. <meta name="color:Title" content="#838282"/>
  28. <meta name="color:Title Background" content="#b8b8b8"/>
  29. <meta name="color:Text" content="#838282"/>
  30. <meta name="color:Link" content="#b8b8b8"/>
  31. <meta name="color:Link Hover" content="#b8b8b8"/>
  32.  
  33.  
  34. <meta name="color:Description button" content="#b8b8b8"/>
  35. <meta name="color:Description button hover" content="#b8b8b8"/>
  36. <meta name="color:Description Text" content="#b8b8b8"/>
  37. <meta name="color:Description background" content="#b8b8b8"/>
  38.  
  39.  
  40. <meta name="color:Links button" content="#b8b8b8"/>
  41. <meta name="color:Links button hover" content="#b8b8b8"/>
  42. <meta name="color:Navigation" content="#b8b8b8"/>
  43. <meta name="color:Button" content="#b8b8b8"/>
  44. <meta name="color:Button Hover" content="#b8b8b8"/>
  45. <meta name="color:navlinks" content="#b8b8b8"/>
  46. <meta name="color:navlinks hover" content="#b8b8b8"/>
  47.  
  48.  
  49. <meta name="color:Updates button" content="#b8b8b8"/>
  50. <meta name="color:Updates button hover" content="#b8b8b8"/>
  51. <meta name="color:Updates background" content="#b8b8b8"/>
  52.  
  53.  
  54. <meta name="color:Pagination" content="#b8b8b8"/>
  55.  
  56. <meta name="color:Ask bubble" content="#b8b8b8"/>
  57.  
  58. <meta name="color:Tags" content="#b8b8b8"/>
  59.  
  60.  
  61.  
  62. <meta name="image:Background" content=""/>
  63. <meta name="image:Banner" content=""/>
  64. <meta name="image:Description picture" content=""/>
  65. <meta name="image:Updates picture" content=""/>
  66.  
  67.  
  68.  
  69. <meta name="text:Link One Url" content="" />
  70. <meta name="text:Link One Title" content="" />
  71.  
  72. <meta name="text:Link Two Url" content="" />
  73. <meta name="text:Link Two Title" content="" />
  74.  
  75. <meta name="text:Link Three Url" content="" />
  76. <meta name="text:Link Three Title" content="" />
  77.  
  78. <meta name="text:Link Four Url" content="" />
  79. <meta name="text:Link Four Title" content="" />
  80.  
  81. <meta name="text:Link Five Url" content="" />
  82. <meta name="text:Link Five Title" content="" />
  83.  
  84. <meta name="text:Link Six Url" content="" />
  85. <meta name="text:Link Six Title" content="" />
  86.  
  87. <meta name="text:Link Seven Url" content="" />
  88. <meta name="text:Link Seven Title" content="" />
  89.  
  90. <meta name="color:scroll" content= />
  91. <meta name="color:scrollbg" content= />
  92. <meta name="if:Webkit Scrollbar" content="1" />
  93.  
  94. <!-------------------------------FONTS------------------------------------>
  95.  
  96. <link href='http://fonts.googleapis.com/css?family=Parisienne|Codystar|Poiret+One|Abril+Fatface' rel='stylesheet' type='text/css'>
  97.  
  98.  
  99. <link href='http://fonts.googleapis.com/css?family=Josefin+Sans:400,600,400italic' rel='stylesheet' type='text/css'>
  100.  
  101. <link href='http://fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'>
  102.  
  103. <link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
  104. <link href='http://fonts.googleapis.com/css?family=Old+Standard+TT:400,400italic' rel='stylesheet' type='text/css'>
  105.  
  106. <link href='http://fonts.googleapis.com/css?family=Petit+Formal+Script' rel='stylesheet' type='text/css'>
  107. <link href='http://fonts.googleapis.com/css?family=Cabin+Condensed' rel='stylesheet' type='text/css'>
  108.  
  109.  
  110.  
  111.  
  112.  
  113.  
  114. <style type="text/css">
  115.  
  116. body {
  117. background:{color:background} url("{image:Background}") repeat;
  118. margin:0px;
  119. color:{color:text};
  120. font-family: 'Cabin Condensed', sans-serif;
  121. font-size:12px;
  122. line-height:100%;
  123. }
  124.  
  125.  
  126.  
  127. a {
  128. text-decoration:none;
  129. outline:none;
  130. -moz-outline-style:none;
  131. color:{color:link};
  132. }
  133.  
  134. a{
  135. text-decoration:none;
  136. color:{color:link};
  137. -webkit-transition: all 0.3s ease-out;
  138. -moz-transition: all 0.3s ease-out;
  139. transition: all 0.3s ease-out;
  140. }
  141.  
  142. a:hover {
  143. color:{color:link hover};
  144. -webkit-transition: all 0.3s ease-out;
  145. -moz-transition: all 0.3s ease-out;
  146. transition: all 0.3s ease-out;
  147. }
  148.  
  149. #post img {
  150. border:none;
  151. max-width:500px !important;
  152.  
  153.  
  154. }
  155.  
  156. blockquote {
  157. padding-left:5px;
  158. border-left:2px solid;
  159. }
  160.  
  161. blockquote blockquote {
  162. padding-left:5px;
  163. border-left:2px solid;
  164. }
  165.  
  166.  
  167. h1 {
  168. font-size:15px;
  169. font-family: 'Petit formal script';
  170. text-align:center;
  171. }
  172.  
  173.  
  174. #container {
  175. position:absolute;
  176. margin-top:250px;
  177. margin-left:-285px;
  178. left:50%;
  179. padding:10px;
  180. width:610px;
  181. font-weight:normal;
  182. color:{color:text};
  183.  
  184.  
  185. }
  186.  
  187. #entries{
  188. margin-top:-100px;
  189. padding-top:10px;
  190. padding-bottom:30px;
  191. color:{color:text};
  192. width:550px;
  193. transition-duration: 0.8s;
  194. -moz-transition-duration: 0.8s;
  195. -webkit-transition-duration: 0.8s;
  196. -o-transition-duration: 0.8s;
  197. }
  198.  
  199.  
  200.  
  201. #post {
  202. opacity:1;
  203. z-index:100;
  204. margin-bottom:20px;
  205. margin-top:10px;
  206. padding-bottom:5px;
  207. margin-left:15px;
  208. width:500px;
  209. overflow:hidden;
  210. line-height:110%;
  211. background:{color:post background};
  212. padding:10px;
  213. color:{color:text};
  214. transition-duration: 0.8s;
  215. -moz-transition-duration: 0.8s;
  216. -webkit-transition-duration: 0.8s;
  217. -o-transition-duration: 0.8s;
  218.  
  219.  
  220. }
  221.  
  222.  
  223.  
  224.  
  225. #center{
  226. width:600px;
  227. left:50%;
  228. margin-left:-300px;
  229. position:absolute;
  230. height:60px;
  231. background:none;
  232. z-index:20;
  233. margin-top:0px;
  234. zindex:999999999;
  235. transition-duration: 0.8s;
  236. -moz-transition-duration: 0.8s;
  237. -webkit-transition-duration: 0.8s;
  238. -o-transition-duration: 0.8s;
  239.  
  240.  
  241. }
  242.  
  243. #back {
  244. position:fixed;
  245. margin-top:30px;
  246. font-size:10px;
  247. background:{color:banner} url("{image:banner}") repeat;
  248. height:90px;
  249. width:560px;
  250. padding-top:9px;
  251. padding-bottom:11px;
  252. padding-left:20px;
  253. padding-right:20px;
  254. text-align:center;
  255. z-index:999999999999999999999;
  256. transition-duration: 0.6s;
  257. -moz-transition-duration: 0.6s;
  258. -webkit-transition-duration: 0.6s;
  259. -o-transition-duration: 0.6s;
  260.  
  261.  
  262.  
  263. }
  264.  
  265.  
  266. #title {
  267. margin-top:10px;
  268. opacity:1;
  269. padding-top:7px;
  270. padding-bottom:7px;
  271. width:600px;
  272. height:17px;
  273. font-size:21px;
  274. font-family: 'Parisienne', cursive;
  275. text-align:center;
  276. color:{color:title};
  277. line-height:100%;
  278. letter-spacing:1px;
  279. background:{color:title background};
  280. transition-duration: 0.8s;
  281. -moz-transition-duration: 0.8s;
  282. -webkit-transition-duration: 0.8s;
  283. -o-transition-duration: 0.8s;
  284. z-index:9999999999999999999999999999999999;
  285. }
  286.  
  287.  
  288. #center:hover #title{
  289. opacity:0;
  290. transition-duration: 0.8s;
  291. -moz-transition-duration: 0.8s;
  292. -webkit-transition-duration: 0.8s;
  293. -o-transition-duration: 0.8s;
  294. }
  295.  
  296.  
  297.  
  298.  
  299.  
  300.  
  301. #all{
  302. margin-top:-50px;
  303. margin-left:-20px;
  304. position:fixed;
  305. width:600px;
  306. height:auto;
  307. text-align:center;
  308.  
  309.  
  310. }
  311.  
  312.  
  313. #linkage{
  314. margin-top:109px;
  315. opacity:1;
  316. height:7px;
  317. width:600px;
  318. position:fixed;
  319. font-size:11px;
  320. text-align:center;
  321. border:none;
  322. text-align:right;
  323. background:#000000;
  324. transition-duration: 0.8s;
  325. -moz-transition-duration: 0.8s;
  326. -webkit-transition-duration: 0.8s;
  327. -o-transition-duration: 0.8s;
  328.  
  329. }
  330.  
  331. #desc{
  332. left:0;
  333. text-align: center;
  334. float:left;
  335. background:{color:Description button};
  336. z-index:2;
  337. width:200px;
  338. height:7px;
  339. border-style:none;
  340. display: inline-block;
  341. opacity:1;
  342. transition-duration: 0.8s;
  343. -moz-transition-duration: 0.8s;
  344. -webkit-transition-duration: 0.8s;
  345. -o-transition-duration: 0.8s;
  346. }
  347.  
  348. #desc:hover{
  349. position:relative;
  350. background: {color:Description button hover};
  351. letter-spacing:110%;
  352. transition-duration: 0.8s;
  353. -moz-transition-duration: 0.8s;
  354. -webkit-transition-duration: 0.8s;
  355. -o-transition-duration: 0.8s;
  356. }
  357.  
  358.  
  359.  
  360.  
  361. #description {
  362. font-size:11px;
  363. margin-top:-250px;
  364. opacity:1;
  365. padding:15px;
  366. width:570px;
  367. height:79px;
  368. z-index:4;
  369. text-align:left;
  370. color:{color:description text};
  371. background:{color:description background};
  372. line-height:180%;
  373. overflow:auto;
  374. transition-duration: 0.8s;
  375. -moz-transition-duration: 0.8s;
  376. -webkit-transition-duration: 0.8s;
  377. -o-transition-duration: 0.8s;
  378.  
  379. }
  380.  
  381. #desc:hover #description{
  382. margin-top:-109px;
  383. transition-duration: 0.8s;
  384. -moz-transition-duration: 0.8s;
  385. -webkit-transition-duration: 0.8s;
  386. -o-transition-duration: 0.8s;
  387.  
  388. }
  389.  
  390. #links {
  391. float:right;
  392. margin-right:200px;
  393. text-align: center;
  394. background:{color:Links button};
  395. z-index:2;
  396. width:200px;
  397. height:7px;
  398. border-style:none;
  399. display: inline-block;
  400. opacity:1;
  401. transition-duration: 0.8s;
  402. -moz-transition-duration: 0.8s;
  403. -webkit-transition-duration: 0.8s;
  404. -o-transition-duration: 0.8s;
  405. }
  406.  
  407. #links:hover{
  408. background:{color:Links button hover};
  409. transition-duration: 0.8s;
  410. -moz-transition-duration: 0.8s;
  411. -webkit-transition-duration: 0.8s;
  412. -o-transition-duration: 0.8s;
  413. }
  414.  
  415.  
  416.  
  417.  
  418. #navigation{
  419. opacity:1;
  420. text-align:center;
  421. position:fixed;
  422. width:559px;
  423. height:70px;
  424. z-index:4;
  425. margin-top:-250px;
  426. margin-left:-200px;
  427. padding:20px 20px 20px 21px;
  428. background:{color:navigation};
  429. transition-duration: 0.8s;
  430. -moz-transition-duration: 0.8s;
  431. -webkit-transition-duration: 0.8s;
  432. -o-transition-duration: 0.8s;
  433.  
  434. }
  435.  
  436.  
  437. div.button a{
  438. text-align: center;
  439. margin:0px 5px 7px 0px;
  440. padding:10px 20px 10px 20px;
  441. color: {color:navlinks};
  442. background: {color:button};
  443. position:relative;
  444. width:60px;
  445. display: inline-block;
  446. transition-duration: 0.8s;
  447. -moz-transition-duration: 0.8s;
  448. -webkit-transition-duration: 0.8s;
  449. -o-transition-duration: 0.8s;
  450.  
  451. }
  452.  
  453. div.button a:hover{
  454. color: {color:navlinks hover};
  455. background: {color:button hover};
  456. transition-duration: 0.8s;
  457. -moz-transition-duration: 0.8s;
  458. -webkit-transition-duration: 0.8s;
  459. -o-transition-duration: 0.8s;
  460. }
  461.  
  462.  
  463. #links:hover #navigation{
  464. margin-top:-110px;
  465. transition-duration: 0.8s;
  466. -moz-transition-duration: 0.8s;
  467. -webkit-transition-duration: 0.8s;
  468. -o-transition-duration: 0.8s;
  469. }
  470.  
  471.  
  472.  
  473.  
  474.  
  475. #updates{
  476. text-align: center;
  477. float:right;
  478. background:{color:Updates button};
  479. z-index:2;
  480. width:200px;
  481. margin-top:-7px;
  482. height:7px;
  483. border-style:none;
  484. display: inline-block;
  485. opacity:1;
  486. transition-duration: 0.8s;
  487. -moz-transition-duration: 0.8s;
  488. -webkit-transition-duration: 0.8s;
  489. -o-transition-duration: 0.8s;
  490. }
  491.  
  492. #updates:hover{
  493. background:{color:Updates button hover};
  494. letter-spacing:110%;
  495. transition-duration: 0.8s;
  496. -moz-transition-duration: 0.8s;
  497. -webkit-transition-duration: 0.8s;
  498. -o-transition-duration: 0.8s;
  499. }
  500.  
  501. #words{
  502. opacity:1;
  503. margin-top:-250px;
  504. margin-left:-400px;
  505. position:fixed;
  506. width:560px;
  507. height:69px;
  508. padding:20px;
  509. background:{color:updates background};
  510. text-align:left;
  511. line-height:120%;
  512. overflow:auto;
  513. transition-duration: 0.8s;
  514. -moz-transition-duration: 0.8s;
  515. -webkit-transition-duration: 0.8s;
  516. -o-transition-duration: 0.8s;
  517. }
  518.  
  519. #updates:hover #words{
  520. margin-top:-109px;
  521. transition-duration: 0.8s;
  522. -moz-transition-duration: 0.8s;
  523. -webkit-transition-duration: 0.8s;
  524. -o-transition-duration: 0.8s;
  525. }
  526.  
  527. #pic{
  528. float:left;
  529. width:auto;
  530. height:90px;
  531. margin-top:-10px;
  532. margin-right:10px;
  533. margin-left:-10px;
  534. }
  535.  
  536. #pic img{
  537. width:auto;
  538. height:100px;
  539. }
  540.  
  541. #pic2{
  542. float:right;
  543. width:auto;
  544. height:90px;
  545. margin-top:-10px;
  546. margin-right:-10px;
  547. margin-left:10px;
  548. }
  549.  
  550. #pic2 img{
  551. width:auto;
  552. height:100px;
  553. }
  554.  
  555. #pagination {
  556. opacity:0;
  557. margin-top:-32px;
  558. width:600px;
  559. height:7px;
  560. padding-top:10px;
  561. padding-bottom:15px;
  562. background:{color:pagination};
  563. letter-spacing:3px;
  564. font-size:9px;
  565. font-family: calibri;
  566. text-align:center;
  567. position:fixed;
  568. z-index:9999999999999999;
  569. color:{color:title};
  570. transition-duration: 0.6s;
  571. -moz-transition-duration: 0.6s;
  572. -webkit-transition-duration: 0.6s;
  573. -o-transition-duration: 0.6s;
  574. }
  575.  
  576. #center:hover #pagination{
  577. opacity:1;
  578. transition-duration: 0.6s;
  579. -moz-transition-duration: 0.6s;
  580. -webkit-transition-duration: 0.6s;
  581. -o-transition-duration: 0.6s;
  582. }
  583.  
  584.  
  585. #quote{
  586. float:left;
  587. padding-top:5px;
  588. font-family:georgia;
  589. font-size:38px;
  590. height:auto;
  591. margin-top:5px;
  592.  
  593. }
  594.  
  595.  
  596.  
  597.  
  598. #info {
  599. z-index:999999999999999999999999999999999999999;
  600. padding:2px 0px 2px 0px;
  601. font-family: 'Lato', sans-serif;
  602. font-size:7.5px;
  603. letter-spacing:1px;
  604. width:200px;
  605. height:10px;
  606. margin-left:175px;
  607. margin-top:-15px;
  608. text-align:center;
  609. opacity:1;
  610. background:{color:links button};
  611. word-wrap:break-word;
  612. transition-duration: 0.8s;
  613. -moz-transition-duration: 0.8s;
  614. -webkit-transition-duration: 0.8s;
  615. -o-transition-duration: 0.8s;
  616. }
  617.  
  618. #via{
  619. opacity:0;
  620. margin-top:-14px;
  621. margin-left:0px;
  622. padding:2px 0px 2px 0px;
  623. font-family: 'Lato', sans-serif;
  624. font-size:7px;
  625. letter-spacing:1px;
  626. width:200px;
  627. height:10px;
  628. background:{color:description button};
  629. text-transform:uppercase;
  630. word-wrap:break-word;
  631. transition-duration: 0.8s;
  632. -moz-transition-duration: 0.8s;
  633. -webkit-transition-duration: 0.8s;
  634. -o-transition-duration: 0.8s;
  635. }
  636.  
  637. #info:hover #via{
  638. opacity:1;
  639. margin-left:-200px;
  640. transition-duration: 0.8s;
  641. -moz-transition-duration: 0.8s;
  642. -webkit-transition-duration: 0.8s;
  643. -o-transition-duration: 0.8s;
  644. }
  645.  
  646.  
  647. #source{
  648. opacity:0;
  649. margin-top:-14px;
  650. margin-left:0px;
  651. padding:2px 0px 2px 0px;
  652. font-family: 'Lato', sans-serif;
  653. font-size:7px;
  654. letter-spacing:1px;
  655. width:200px;
  656. height:10px;
  657. background:{color:updates button};
  658. text-transform:uppercase;
  659. word-wrap:break-word;
  660. transition-duration: 0.8s;
  661. -moz-transition-duration: 0.8s;
  662. -webkit-transition-duration: 0.8s;
  663. -o-transition-duration: 0.8s;
  664. }
  665.  
  666. #info:hover #source{
  667. opacity:1;
  668. margin-left:200px;
  669. transition-duration: 0.8s;
  670. -moz-transition-duration: 0.8s;
  671. -webkit-transition-duration: 0.8s;
  672. -o-transition-duration: 0.8s;
  673. }
  674.  
  675.  
  676. .line{
  677. margin-top:-7px;
  678. position:absolute;
  679. margin-left:-160px;
  680. width:520px;
  681. height:1px;
  682. background:#d8d8d8;
  683. z-index:-1;
  684. transition-duration: 0.8s;
  685. -moz-transition-duration: 0.8s;
  686. -webkit-transition-duration: 0.8s;
  687. -o-transition-duration: 0.8s;
  688. }
  689.  
  690.  
  691.  
  692. #tags{
  693. padding:2px;
  694. margin-left:500px;
  695. margin-top:0px;
  696. position:absolute;
  697. font-size:9px;
  698. width:120px;
  699. text-align:left;
  700. opacity:0;
  701. background: none;
  702. transition-duration: 0.6s;
  703. -moz-transition-duration: 0.6s;
  704. -webkit-transition-duration: 0.6s;
  705. -o-transition-duration: 0.6s;
  706. word-wrap:break-word;
  707. }
  708.  
  709. #post:hover #tags {
  710. position:absolute;
  711. margin-left:522px;
  712. text-align:left;
  713. opacity:1;
  714. transition-duration: 0.6s;
  715. -moz-transition-duration: 0.6s;
  716. -webkit-transition-duration: 0.6s;
  717. -o-transition-duration: 0.6s;
  718. z-index:3;
  719. word-wrap:break-word;
  720. }
  721. #tagsh{
  722. width:120px;
  723. background:{color:tags};
  724. height:10px;
  725. padding:2px 0px 4px 0px;
  726. margin-bottom:2px;
  727. }
  728.  
  729.  
  730.  
  731. ol.notes {
  732. font-weight:normal;
  733. margin-top:20px;
  734. margin-left:15px;
  735. width:520px;
  736. padding: 0px;
  737. list-style-type: none;
  738. border-bottom: solid 1px #ccc;
  739.  
  740. }
  741.  
  742. ol.notes li.note {
  743. padding: 10px;
  744. border-bottom: solid 1px #ccc;
  745. }
  746.  
  747. ol.notes li.note img.avatar {
  748. vertical-align: -4px;
  749. margin-right: 10px;
  750. width: 16px;
  751. height: 16px;
  752. }
  753.  
  754. ol.notes li.note span.action {
  755. font-weight: normal;
  756. }
  757.  
  758. ol.notes li.note .answer_content {
  759. font-weight: normal;
  760.  
  761. }
  762.  
  763. ol.notes li.note blockquote {
  764. border-color: #eee;
  765. padding: 4px 10px;
  766. margin: 10px 0px 0px 25px;
  767. }
  768.  
  769. ol.notes li.note blockquote a {
  770. text-decoration: none;
  771. }
  772.  
  773.  
  774.  
  775. .bubble {
  776. font-size:10px;
  777. position:absolute;
  778. width:460px;
  779. height:auto;
  780. margin:5px 0px 20px 0px;
  781. position: relative;
  782. padding:10px 20px 20px 20px;
  783. word-wrap:break-word;
  784. background:{color:Ask bubble};
  785.  
  786.  
  787. }
  788.  
  789. .bubble p {
  790. margin:1px 0px;
  791. }
  792.  
  793.  
  794. #answer {
  795. margin-top:1px;
  796. padding-right:2px;
  797. border-top: 1px solid #f2f2f2;
  798. text-align:right;
  799. border-right:5px solid #f2f2f2;
  800.  
  801.  
  802. }
  803.  
  804. .askborder {
  805. float: left;
  806. margin: 1px 4px 0 0;
  807. padding: 2px;
  808. background: #eee
  809. }
  810.  
  811. #audioplayer {
  812. position:absolute;
  813. margin-top:37px;
  814. margin-bottom:45px;
  815. margin-left:34px;
  816. width:30px;
  817. height:30px;
  818. z-index:5;
  819. opacity:0.8;
  820. overflow:hidden;
  821. transition-duration: 0.4s;
  822. -moz-transition-duration: 0.4s;
  823. -webkit-transition-duration: 0.4s;
  824. -o-transition-duration: 0.4s;
  825. }
  826.  
  827. #musicinfo{
  828. position:absolute;
  829. margin-left:110px;
  830. margin-top:-100px;
  831. padding:right:5px;
  832. width:400px;
  833. height:100px;
  834. overflow:auto;
  835. word-wrap:break-word;
  836. }
  837.  
  838. #albumart2 {
  839. position:relative;
  840. padding-right:5px;
  841. width:100px;
  842. height:100px;
  843.  
  844.  
  845. }
  846.  
  847. #albumart2 img {
  848. width:100px;
  849. height:100px;
  850.  
  851.  
  852. }
  853. #albumart {
  854. position:relative;
  855. margin-top:-100px;
  856. margin-left:0px;
  857. padding-right:5px;
  858. width:100px;
  859. height:100px;
  860. z-index:3;
  861. }
  862.  
  863. #albumart img {
  864. width:100px;
  865. height:100px;
  866.  
  867.  
  868. }
  869.  
  870. .chat{
  871. background: #ffffff;
  872. margin: 0;
  873. font-size:11px;
  874. font-family: 'Cabin Condensed', sans-serif;;
  875. }
  876.  
  877. .chat.chat1 {
  878. margin-left: 0px;
  879. }
  880.  
  881. .chat .chat1 .chat2 {
  882. background: # ffffff;
  883. color:{color:text};
  884. margin-bottom: 1px;
  885. padding: 4px 4px 5px 5px;
  886. border-style:none;
  887. }
  888.  
  889. .chat2 {
  890. background:#D8D8D8;
  891. color:{color:text};
  892. margin-bottom: 1px;
  893. padding: 4px 4px 5px 5px;
  894. border-style:none;
  895. }
  896.  
  897. .chat .chat1 .chat2.even {
  898. background: #ffffff;
  899. color: {color:text};
  900. }
  901.  
  902. .chat .chat1 .chat2 span {
  903. font-weight: bold;
  904.  
  905. }
  906.  
  907. #credit {
  908. position:fixed;
  909. margin-top:0px;
  910. padding-right:5px;
  911. right:0px;
  912. bottom:3px;
  913. left:40px
  914. width:80px;
  915. line-height:5px;
  916. letter-spacing:0px;
  917. font:10px trebuchet ms;
  918. color:{color:link};
  919. text-transform:uppercase;
  920. transition-duration: 0.4s;
  921. -moz-transition-duration: 0.4s;
  922. -webkit-transition-duration: 0.4s;
  923. -o-transition-duration: 0.4s;
  924. }
  925.  
  926. #credit:hover{
  927. bottom:9px;
  928. color:{color:link hover};
  929. transition-duration: 0.4s;
  930. -moz-transition-duration: 0.4s;
  931. -webkit-transition-duration: 0.4s;
  932. -o-transition-duration: 0.4s;
  933. }
  934.  
  935.  
  936. iframe#tumblr_controls {
  937. height:29px;
  938. width:auto;
  939. white-space:nowrap;
  940. filter: invert(50%); opacity:0.3;
  941. transition-duration: 0.8s;
  942. -moz-transition-duration: 0.8s;
  943. -webkit-transition-duration: 0.8s;
  944. -o-transition-duration: 0.8s;
  945. }
  946.  
  947. iframe#tumblr_controls:hover{
  948. filter: invert(50%); opacity:1;
  949. transition-duration: 0.8s;
  950. -moz-transition-duration: 0.8s;
  951. -webkit-transition-duration: 0.8s;
  952. -o-transition-duration: 0.8s;
  953. }
  954.  
  955.  
  956. {block:ifWebkitScrollbar}
  957.  
  958. ::-webkit-scrollbar {width: 5px; height:5px; background:{color:scrollbg};}
  959.  
  960. ::-webkit-scrollbar-corner {background:{color:scroll};}
  961.  
  962. ::-webkit-scrollbar-thumb:vertical {background:{color:scroll}; }
  963.  
  964. ::-webkit-scrollbar-thumb:horizontal {background:{color:scroll};}
  965.  
  966. {/block:ifWebkitScrollbar}
  967.  
  968.  
  969. {CustomCSS}</style></head><body>
  970.  
  971.  
  972.  
  973.  
  974. <div id="center">
  975.  
  976. <div id="back">
  977.  
  978. <div id="all">
  979.  
  980. <div id="title">{Title}</div>
  981. <div id="pagination">
  982. {block:Pagination}
  983. {block:PreviousPage}
  984. <a href="{PreviousPage}">←</a>
  985. {/block:PreviousPage}
  986.  
  987. {block:JumpPagination length="5"}
  988. {block:CurrentPage}
  989. <b><font size="1"><span class="current_page">{PageNumber}</span></b></font></b>
  990. {/block:CurrentPage}
  991.  
  992. {block:JumpPage}
  993. <a class="jump_page" href="{URL}">{PageNumber}</a>
  994. {/block:JumpPage}
  995. {/block:JumpPagination}
  996.  
  997. {block:NextPage}
  998. <a href="{NextPage}">→</a>
  999. {/block:NextPage}
  1000. {/block:Pagination}
  1001. </div>
  1002.  
  1003.  
  1004. <div id="linkage">
  1005.  
  1006. <div id="desc">
  1007.  
  1008. <div id="description"><div id="pic2"><img src="{image:description picture}"></div> {Description}
  1009.  
  1010.  
  1011. </div></div>
  1012.  
  1013. <div id="links">
  1014.  
  1015. <div id="navigation"><div class="button">
  1016.  
  1017. <a href="/">home</a>
  1018. <a href="/archive">archive</a>
  1019. <a href="/ask">ask</a>
  1020.  
  1021. {block:IfLinkOneTitle}<a href="{text:Link One Url}">{text:Link One Title}</a>{/block:ifLinkOneTitle}
  1022.  
  1023. {block:ifLinkTwoTitle}<a href="{text:Link Two Url}">{text:Link Two Title}</a>{/block:ifLinkTwoTitle}
  1024.  
  1025. {block:ifLinkThreeTitle}<a href="{text:Link Three Url}">{text:Link Three Title}</a>{/block:ifLinkThreeTitle}
  1026.  
  1027. {block:ifLinkFourTitle}<a href="{text:Link Four Url}">{text:Link Four Title}</a>{/block:ifLinkFourTitle}
  1028.  
  1029. {block:ifLinkFiveTitle}<a href="{text:Link Five Url}">{text:Link Five Title}</a>{/block:ifLinkFiveTitle}
  1030.  
  1031. {block:ifLinkSixTitle}<a href="{text:Link Six Url}">{text:Link Six Title}</a>{/block:ifLinkSixTitle}
  1032.  
  1033. {block:ifLinkSevenTitle}<a href="{text:Link Seven Url}">{text:Link Seven Title}</a>{/block:ifLinkSevenTitle}
  1034.  
  1035. </div></div>
  1036. </div>
  1037.  
  1038.  
  1039. <div id="updates">
  1040. <div id="words">
  1041.  
  1042. <div id="pic"><img src="{image:updates picture}"></div>
  1043.  
  1044. <big><b><i><center><u>&nbsp;Updates&nbsp; </u></center></i></b></big><br>
  1045.  
  1046. <!-------------------------INSERT UPDATES HERE----------------------->
  1047.  
  1048. UPDATES<br>
  1049. UPDATES <br>
  1050. UPDATES<br>
  1051. UPDATES<br>
  1052. UPDATES<br>
  1053.  
  1054.  
  1055.  
  1056.  
  1057. <!---------------------------------END-------------------------------->
  1058. </div>
  1059. </div>
  1060.  
  1061.  
  1062.  
  1063.  
  1064. </div>
  1065.  
  1066.  
  1067.  
  1068.  
  1069. </div>
  1070. </div>
  1071. </div>
  1072.  
  1073.  
  1074.  
  1075.  
  1076.  
  1077.  
  1078.  
  1079. <div id="credit"><a target="blank"href="http://accioloki.tumblr.com"><font color="{color:text}">© accioloki </a></font></div>
  1080.  
  1081. <div id="container">
  1082. <div id="entries">{block:Posts}<div id="post">
  1083.  
  1084. {block:HasTags}<div id="tags"><div id="tagsh"><center>Tagged as:</center></div>{block:Tags} <dt>o<a href="{TagURL}">&nbsp;&nbsp;{Tag}</a></dt>{/block:Tags}</div>{/block:HasTags}
  1085.  
  1086.  
  1087. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  1088.  
  1089. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1090.  
  1091. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  1092.  
  1093. {block:Quote}<div id="quote">“</div>&nbsp;&nbsp;&nbsp;&nbsp;{Quote}<br>
  1094. {block:Source}<div align="right">— {Source}</div>{/block:Source}
  1095. {/block:Quote}
  1096.  
  1097. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  1098.  
  1099. {block:Chat}
  1100. {block:Title}
  1101. <h1><a href="{Permalink}">{Title}</a></h1>
  1102. {/block:Title}
  1103. <div class="chat">
  1104. <div class="chat1">
  1105. {Block:Lines}
  1106. <div class="chat2 {Alt}">
  1107. {Block:Label}
  1108. <span>{Label}</span>
  1109. {/block:Label}
  1110. {Line}</div>
  1111. {/block:Lines}
  1112. </div>
  1113. </div>
  1114. {/block:Chat}
  1115.  
  1116.  
  1117. {block:Audio}
  1118. <div id= "audioplayer">{AudioPlayerGrey}</div>
  1119. <div id="albumart2"><img src="http://static.tumblr.com/4wyqgof/Dyvm2qmp1/default.jpg"></div>{block:AlbumArt}<div id="albumart"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  1120. <div id="musicinfo">{block:Artist}
  1121. {Artist}
  1122. {/block:Artist}
  1123. {block:TrackName}
  1124. {TrackName}
  1125. {/block:TrackName}
  1126. {block:Album}
  1127. {Album}
  1128. {/block:Album}
  1129. {block:Caption}{Caption}{/block:Caption}</div>{/block:Audio}
  1130.  
  1131. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1132.  
  1133.  
  1134.  
  1135. {block:Answer}<div class="bubble"><br><big><u><bubble style="font-family: 'Petit formal script';">{Asker}</u></style></big>&nbsp; whispered:&nbsp;{Question}</div><center><div id="answer">{Answer}</div></center>{/block:Answer}
  1136.  
  1137. </div>
  1138. <div id="info">{DayOfMonth} {ShortMonth}&nbsp;<big>|</big>&nbsp;<a href="{Permalink}">
  1139. {NoteCount}</a>
  1140.  
  1141. <div id="via"> <a href="{ReblogParentURL}" title="via"> VIA:&nbsp;{ReblogParentName} </a></div>
  1142.  
  1143. <div id="source"> {block:RebloggedFrom} {block:ContentSource}<a href="{SourceURL}" title="source">Source:&nbsp;{ReblogRootName} </a>{/block:ContentSource}{/block:RebloggedFrom}</div>
  1144.  
  1145.  
  1146. <div class="line"></div> </div>
  1147.  
  1148.  
  1149.  
  1150. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1151. {/block:Posts}
  1152.  
  1153.  
  1154. </div>
  1155. </div>
  1156.  
  1157.  
  1158.  
  1159.  
  1160. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!