zuvia

T18 - PRAGMA

Sep 3rd, 2012
21,416
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.45 KB | None | 0 0
  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. <!--
  5.  
  6. THEME #18 PRAGMA
  7. BY ZUVIA @ TUMBLR
  8.  
  9. -->
  10.  
  11. <html>
  12. <title>{title}</title>
  13. <link rel="shortcut icon" href="{Favicon}">
  14. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  15. {block:Description}
  16. <meta name="description" content="{MetaDescription}" />
  17. {/block:Description}
  18. <meta name="color:Background" content="#ffffff" />
  19. <meta name="color:Icon Bg" content="#eeeeee" />
  20. <meta name="color:Border" content="#ccddbb"/>
  21. <meta name="color:Entry" content="#ffffff" />
  22. <meta name="color:Entry text" content="#616161" />
  23. <meta name="color:Entries bold" content="#8BAA6C" />
  24. <meta name="color:Entries italic" content="#aeaeae" />
  25. <meta name="color:Sidebar" content="#ffffff" />
  26. <meta name="color:Sidebar text" content="#999999" />
  27. <meta name="color:Title" content="#662211" />
  28. <meta name="color:Link" content="#662211" />
  29. <meta name="color:Link hover" content="#8BAA6C" />
  30. <meta name="color:Mainlink bg" content="#ccddbb" />
  31. <meta name="color:Mainlink" content="#ffffff" />
  32. <meta name="color:Mainlink bg hover" content="#ffffff" />
  33. <meta name="color:Mainlink hover" content="#AFCA94" />
  34. <meta name="color:Extralink" content="#ffffff" />
  35. <meta name="color:Extralink bg" content="#bbbbaa" />
  36. <meta name="color:Extralink hover" content="#bbbbaa" />
  37. <meta name="color:Extralink bg hover" content="#ffffff" />
  38. <meta name="color:Perma Link" content="#442222" />
  39. <meta name="color:Perma Link bg" content="#DFDFDF" />
  40. <meta name="color:Nextpage" content="#90AF71" />
  41. <meta name="color:Nextpage hover" content="#ccddbb" />
  42. <meta name="color:Scrollbar face" content="#ccddbb" />
  43. <meta name="color:Scrollbar bg" content="#ffffff" />
  44.  
  45. <meta name="image:Background" content="http://static.tumblr.com/h5tdsbo/NAym3qngq/light_wool.png" />
  46. <meta name="image:Sidebar" content="http://static.tumblr.com/h5tdsbo/ABpm3qpk4/sbgimg.png" />
  47. <meta name="image:Sidebar Bg" content="" />
  48. <meta name="image:Icon" content="http://static.tumblr.com/h5tdsbo/aQzm3qpn6/icon.png" />
  49. <meta name="image:Icon Bg" content="http://static.tumblr.com/h5tdsbo/cqYm3qnhj/hexellence.png" />
  50.  
  51. <meta name="text:Music" content"" />
  52. <meta name="text:Link1" content="" />
  53. <meta name="text:Link1URL" content=""/>
  54. <meta name="text:Link2" content="" />
  55. <meta name="text:Link2URL" content=""/>
  56. <meta name="text:Link3" content="" />
  57. <meta name="text:Link3URL" content=""/>
  58. <meta name="text:Link4" content="" />
  59. <meta name="text:Link4URL" content=""/>
  60.  
  61. <meta name="font:Body" content="verdana" />
  62.  
  63. <meta name="if:ShowCaptions" content="0" />
  64. <meta name="if:FadingImages" content="0" />
  65. <meta name="if:InfiniteScroll" content="1" />
  66. <meta name="if:Bigger Posts" content="0" />
  67. <meta name="if:ShowTags" content="0" />
  68. <meta name="if:Links" content="1" />
  69. <meta name="if:LinksonLeft" content="1" />
  70. <meta name="if:MusicPlayer" content="0" />
  71.  
  72. <head>
  73.  
  74. <style type="text/css">
  75.  
  76.  
  77. @font-face {
  78. font-family: "ruluko-regular";
  79. src: url('http://static.tumblr.com/jtqlgf2/PtUm2dquz/ruluko-regular.ttf');}
  80.  
  81.  
  82. @font-face {
  83. font-family: "economica-regular";
  84. src: url('http://static.tumblr.com/jtqlgf2/EFzm1d5lh/economica-regular.ttf');
  85. }
  86.  
  87.  
  88. body {
  89. background-color:{color:background};
  90. background-image: url('{image:Background}');
  91. background-attachment:fixed;
  92. font-family:{font:body};
  93. font-size:10px;
  94. line-height:14px;
  95. text-align:justify;}
  96.  
  97. ::-webkit-scrollbar-thumb:vertical {
  98. background-color: {color:scrollbar face};
  99. height: 30px;}
  100.  
  101. ::-webkit-scrollbar {
  102. height: 30px;
  103. width: 6px;
  104. background-color: {color:scrollbar bg};}
  105.  
  106. iframe#tumblr_controls {
  107. position: fixed !important;
  108. right:2px !important;
  109. -moz-transition: all 0.8s ease-out;
  110. -webkit-transition: opacity 0.7s linear;
  111. -webkit-transition: all 0.8s ease-out;
  112. transition: all 0.8s ease-out;
  113. opacity: 0.5;}
  114.  
  115. iframe#tumblr_controls:hover {
  116. -webkit-transition: opacity 0.7s linear;
  117. -moz-transition: all 0.4s ease-out;
  118. -webkit-transition: all 0.4s ease-out;
  119. transition: all 0.4s ease-out;
  120. opacity: 1;}
  121.  
  122. ol.notes {
  123. padding-left:1px;
  124. font-family:georgia;
  125. font-size:10px;
  126. padding-top:10px;
  127. margin-top:-10px;
  128. text-transform:lowercase;
  129. letter-spacing:0px;
  130. border: 0px;
  131. list-style-type: decimal;
  132. }
  133.  
  134. ol.notes li.note {
  135. padding: 1px;
  136. letter-spacing: 0px;
  137. text-align: left;
  138. }
  139.  
  140. ol.notes li.note a{
  141. color:{color:link};}
  142.  
  143. ol.notes li.note span.action {
  144. font-weight: normal;
  145. }
  146.  
  147. ol.notes li.note img.avatar {
  148. vertical-align: -4px;
  149. margin-right: 10px;
  150. width: 0px;
  151. height: 0px;
  152. }
  153.  
  154. #posts {
  155. width:415px;
  156. margin-left:90px;
  157. margin-top:-10px;
  158. {block:IfBiggerPosts}width:515px;{/block:IfBiggerPosts}
  159. padding-left:8px;
  160. padding-right:8px;
  161. padding-top:8px;}
  162.  
  163. .post {
  164. {block:IfNotBiggerPosts}width:410px;{/block:IfNotBiggerPosts}
  165. {block:IfBiggerPosts}width:510px;{/block:IfBiggerPosts}
  166. }
  167.  
  168.  
  169. .post:hover .letags{
  170. opacity:1;}
  171.  
  172. .post:hover .reblog{
  173. opacity:1;
  174. margin-left:-30px;
  175. }
  176.  
  177. .entries {
  178. color:{color:entry text};
  179. overflow:hidden;
  180. background-color:{color:entry};
  181. {block:IfBiggerPosts}width:500px;{/block:IfBiggerPosts}
  182. {block:IfNotBiggerPosts}width:400px;{/block:IfNotBiggerPosts}
  183. margin-bottom:20px;
  184. position:relative;
  185. z-index:6;
  186. text-align:justify;
  187. font-size:11px;
  188. font-family:{font:body};
  189. padding:10px;
  190. }
  191.  
  192. .entries blockquote {
  193. border-left: 3px solid {color:link};
  194. padding-left: 8px;
  195. margin-left: 10px;
  196. }
  197.  
  198. .entries b, strong{
  199. color: {color:entries bold};}
  200.  
  201. .entries i, em{
  202. color:{color:entries italic};}
  203.  
  204. .entries a{
  205. color:{color:link};
  206. text-decoration:none;
  207. }
  208.  
  209. .entries a:hover{
  210. color:{color:link hover};}
  211.  
  212. .entries h1 {
  213. font-family: "ruluko-regular";
  214. font-weight:normal;
  215. font-size:16px;
  216. padding-left:10px;
  217. letter-spacing:2px;
  218. font-style:none;
  219. text-align:left;
  220. padding-bottom:8px;
  221. padding-top:3px;
  222. border-bottom: 1px dotted {color:link};}
  223.  
  224. .entries h3 {
  225. font-family: "ruluko-regular";
  226. font-weight:normal;
  227. font-size:18px;
  228. padding-left:10px;
  229. letter-spacing:1px;
  230. text-align:left;
  231. padding-bottom:8px;
  232. padding-top:3px;
  233. border-bottom: 1px dotted {color:link};}
  234.  
  235. .entries h2 {
  236. font-family: "ruluko-regular";
  237. font-size:16px;
  238. font-weight:normal;
  239. text-align:center;
  240. padding-bottom:8px;
  241. border-bottom: 1px dotted {color:link};
  242. }
  243.  
  244.  
  245. .entries img {
  246. {block:IfNotBiggerPosts}max-width:400px;{/block:IfNotBiggerPosts}
  247. {block:IfBiggerPosts}max-width:500px;{/block:IfBiggerPosts}}
  248.  
  249. {block:IfFadingImages}
  250. .photo{
  251. opacity:.8;
  252. -webkit-transition: all 0.7s ease-in-out;
  253. -moz-transition: all 0.7s ease-in-out;
  254. -o-transition: all 0.7s ease-in-out;
  255. -ms-transition: all 0.7s ease-in-out;
  256. transition: all 0.7s ease-in-out;}
  257.  
  258. .photo:hover{
  259. opacity:1;}
  260. {/block:IfFadingImages}
  261.  
  262. table{
  263. margin-left:-10px;
  264. {block:IfNotBiggerPosts}
  265. width:405px;
  266. {/block:IfNotBiggerPosts}
  267. {block:IfBiggerPosts}
  268. width:505px;
  269. {/block:IfBiggerPosts}}
  270.  
  271. th{
  272. border:0px solid;
  273. border-collapse:collapse;
  274. padding:2px;
  275. width:50px;}
  276.  
  277. td{
  278. text-align:right;
  279. border:0px solid;}
  280.  
  281. .ask {
  282. {block:IfNotBiggerPosts}
  283. width:385px;
  284. {/block:IfNotBiggerPosts}
  285. {block:IfBiggerPosts}
  286. width:485px;
  287. {/block:IfBiggerPosts}
  288. padding-left:8px;
  289. padding-top:8px;
  290. padding-right:8px;
  291. font-style:none;
  292. font-size:11px;
  293. margin-bottom:-2px;
  294. font-family: georgia;}
  295.  
  296. .ask a{
  297. color:{color:link};
  298. font-style:none;
  299. font-size:15px;
  300. font-family: "economica-regular";}
  301.  
  302. .answer{
  303. padding-bottom:4px;}
  304.  
  305. .chat{
  306. padding-top:5px;
  307. line-height:14px;}
  308.  
  309. .chat .lines {
  310. margin-left:0px;}
  311.  
  312. .chat .lines .line{
  313. padding:4px;
  314. border-bottom:1px dotted {color:border};}
  315.  
  316. .chat .lines .odd {
  317. border-bottom:1px dotted {color:border};}
  318.  
  319.  
  320. .audio{
  321. background: #e4e4e4;
  322. display:block;
  323. margin-bottom:0px;
  324. margin-left:60px;
  325. position:relative;
  326. padding-left:20px;
  327. padding-top:4px;
  328. border-radius:10px;
  329. margin-top:0px;}
  330.  
  331. .cover{
  332. margin-left:0px;}
  333.  
  334. .cover img{
  335. max-width:48px;
  336. float:left;}
  337.  
  338. .what{
  339. position:relative;
  340. margin-top:5px;
  341. margin-left:70px;
  342. padding-left:10px;}
  343.  
  344. {block:IndexPage}
  345. .reblog{
  346. position:absolute;
  347. margin-left:-10px;
  348. opacity:0;
  349. margin-top:15px;
  350. z-index:999;
  351. -webkit-transition: all 0.7s ease-in-out;
  352. -moz-transition: all 0.7s ease-in-out;
  353. -o-transition: all 0.7s ease-in-out;
  354. -ms-transition: all 0.7s ease-in-out;
  355. transition: all 0.7s ease-in-out;
  356. }
  357.  
  358. .reblog a{
  359. color:{color:perma link};
  360. text-decoration:none;
  361. background-color:{color:perma link bg};
  362. padding:4px;
  363. font-family:consolas;
  364. text-transform:uppercase;
  365. font-size:10px;
  366. letter-spacing:2px;}
  367.  
  368. .letags {
  369. position:relative;
  370. {block:ifnotbiggerposts}width:410px;{/block:ifnotbiggerposts}
  371. {block:ifbiggerposts}width:510px;{/block:ifbiggerposts}
  372. margin-top:-20px;
  373. margin-bottom:15px;
  374. border-top:1px dotted {color:border};
  375. background-color:{color:perma link bg};
  376. color:{color:entry text};
  377. font-size:10px;
  378. font-family:georgia;
  379. padding-right:10px;
  380. text-align:right;
  381. opacity:.8;
  382. -webkit-transition: all 0.5s ease-in-out;
  383. -moz-transition: all 0.5s ease-in-out;
  384. -o-transition: all 0.5s ease-in-out;
  385. -ms-transition: all 0.5s ease-in-out;
  386. transition: all 0.5s ease-in-out;}
  387.  
  388. .letags a{
  389. text-decoration:none;
  390. font-family:georgia;
  391. font-size:9px;
  392. padding-left:3px;
  393. color:{color:perma link};}
  394.  
  395. .letags a:hover{
  396. color:{color:link hover};}
  397.  
  398. .org{
  399. position:absolute;
  400. margin-top:-14px;
  401. padding-left:5px;
  402. text-align:left;
  403. color:{color:entry text};}
  404. {/block:IndexPage}
  405. {/block:IndexPage}
  406.  
  407. {block:PermalinkPage}
  408. .permalink {
  409. {block:IfBiggerPosts}width:506px;{/block:IfBiggerPosts}
  410. {block:IfNotBiggerPosts}width:406px;{/block:IfNotBiggerPosts}
  411. text-align: left;
  412. margin-left:10px;
  413. margin-top:-10px;
  414. padding-left:5px;
  415. padding-bottom:10px;
  416. font-size:10px;
  417. line-height:11px;
  418. letter-spacing:1px;
  419. font-family:georgia;
  420. text-align:center;
  421. color: {color:entry text};
  422. text-transform: lowercase;
  423. }
  424. {/block:PermalinkPage}
  425.  
  426. .permalink a {
  427. color: {color:link};
  428. text-decoration: none;
  429. font-family:georgia;
  430. text-transform:lowercase;
  431. letter-spacing:1px;
  432. font-size:10px;
  433. }
  434.  
  435. .permalink a:hover {
  436. color: {color:link hover};
  437. text-decoration: none;}
  438.  
  439. #pagination {
  440. margin-top:0px;
  441. margin-left:0px;
  442. width:270px;
  443. position:fixed;
  444. z-index:9999;
  445. text-align:center;
  446. border-top:1px dotted {color:title};
  447. }
  448.  
  449. #pagination a{
  450. color:{color:nextpage};
  451. font-family:{text:body};
  452. font-size:10px;
  453. padding-left:1px;
  454. padding-right:1px;
  455. padding-bottom:1px;
  456. text-align:center;
  457. text-decoration:none;}
  458.  
  459. #pagination a:hover{
  460. color:{color:nextpage hover};}
  461.  
  462. #fill{
  463. position:fixed;
  464. z-index:-99;
  465. width:180px;
  466. top:120px;
  467. {block:iflinksonleft}
  468. {block:ifbiggerposts}left:655px;{/block:ifbiggerposts}
  469. {block:ifnotbiggerposts}left:555px;{/block:ifnotbiggerposts}
  470. {/block:iflinksonleft}
  471. {block:ifnotLinksonLeft}
  472. {block:ifbiggerposts}left:900px;{/block:ifbiggerposts}
  473. {block:ifnotbiggerposts}left:800px;{/block:ifnotbiggerposts}
  474. {/block:ifnotLinksonLeft}
  475. height:105px;
  476. background-color:{color:icon bg};
  477. background-image: url('{image:icon bg}');
  478. background-attachment:fixed;}
  479.  
  480.  
  481. #sbg{
  482. position:fixed;
  483. {block:iflinksonleft}
  484. {block:ifbiggerposts}left:693px;{/block:ifbiggerposts}
  485. {block:ifnotbiggerposts}left:593px;{/block:ifnotbiggerposts}
  486. {/block:iflinksonleft}
  487. {block:ifnotlinksonleft}
  488. {block:ifbiggerposts}left:953px;{/block:ifbiggerposts}
  489. {block:ifnotbiggerposts}left:853px;{/block:ifnotbiggerposts}
  490. {/block:ifnotlinksonleft}
  491. top:127px;
  492. height:88px;
  493. width:87px;
  494. z-index:99;
  495. border-radius:0px 80px 0px 80px;
  496. background-color:{color:border};
  497. opacity:.4;}
  498.  
  499. #small1{
  500. position:fixed;
  501. {block:iflinksonleft}
  502. {block:ifbiggerposts}left:695px;{/block:ifbiggerposts}
  503. {block:ifnotbiggerposts}left:595px;{/block:ifnotbiggerposts}
  504. {/block:iflinksonleft}
  505. {block:ifnotlinksonleft}
  506. {block:ifbiggerposts}left:953px;{/block:ifbiggerposts}
  507. {block:ifnotbiggerposts}left:853px;{/block:ifnotbiggerposts}
  508. {/block:ifnotlinksonleft}
  509. top:129px;
  510. z-index:99;
  511. padding:6px;
  512. padding-bottom:4px;
  513. border-radius:50px 0px 50px 0px;
  514. background-color:{color:border};
  515. opacity:.9;}
  516.  
  517. #small1 img{
  518. border-radius:50px 0px 50px 0px;
  519. height:70px;
  520. width:70px;
  521. opacity:1;}
  522.  
  523.  
  524. #lelinks{
  525. border-left:1px dotted {color:border};
  526. padding-left:10px;
  527. padding-top:8px;
  528. position:fixed;
  529. top:230px;
  530. {block:iflinksonleft}
  531. {block:ifbiggerposts}left:735px;{/block:ifbiggerposts}
  532. {block:ifnotbiggerposts}left:635px;{/block:ifnotbiggerposts}
  533. {/block:iflinksonleft}
  534. {block:ifnotlinksonleft}
  535. {block:ifbiggerposts}left:995px;{/block:ifbiggerposts}
  536. {block:ifnotbiggerposts}left:895px;{/block:ifnotbiggerposts}
  537. {/block:ifnotlinksonleft}
  538. z-index:100;
  539. opacity:1;}
  540.  
  541. #lelinks a{
  542. display:block;
  543. margin-bottom:7px;
  544. width:50px;
  545. padding:4px;
  546. font-family: consolas;
  547. text-transform:uppercase;
  548. text-decoration:none;
  549. text-align:center;
  550. font-size:9px;
  551. letter-spacing:1px;
  552. color:{color:Extralink};
  553. background-color:{color:Extralink Bg};
  554. -webkit-transition: all 0.7s ease-in-out;
  555. -moz-transition: all 0.7s ease-in-out;
  556. -o-transition: all 0.7s ease-in-out;
  557. -ms-transition: all 0.7s ease-in-out;
  558. transition: all 0.7s ease-in-out;}
  559.  
  560. #lelinks a:hover{
  561. color:{color:Extralink hover};
  562. background-color:{color:Extralink Bg hover};}
  563.  
  564. #links{
  565. position:fixed;
  566. top:238px;
  567. {block:iflinks}
  568. {block:iflinksonleft}
  569. {block:ifbiggerposts}left:666px;{/block:ifbiggerposts}
  570. {block:ifnotbiggerposts}left:566px;{/block:ifnotbiggerposts}
  571. {/block:iflinksonleft}
  572. {block:ifnotlinksonleft}
  573. {block:ifbiggerposts}left:926px;{/block:ifbiggerposts}
  574. {block:ifnotbiggerposts}left:826px;{/block:ifnotbiggerposts}
  575. {/block:ifnotlinksonleft}
  576. {/block:iflinks}
  577. {block:ifnotlinks}
  578. {block:iflinksonleft}
  579. {block:ifbiggerposts}left:705px;{/block:ifbiggerposts}
  580. {block:ifnotbiggerposts}left:605px;{/block:ifnotbiggerposts}
  581. {/block:iflinksonleft}
  582. {block:ifnotlinksonleft}
  583. {block:ifbiggerposts}left:965px;{/block:ifbiggerposts}
  584. {block:ifnotbiggerposts}left:865px;{/block:ifnotbiggerposts}
  585. {/block:ifnotlinksonleft}
  586. {/block:ifnotlinks}
  587. z-index:99;
  588. text-align:center;
  589. opacity:1;
  590. -webkit-transition: all 0.7s ease-in-out;
  591. -moz-transition: all 0.7s ease-in-out;
  592. -o-transition: all 0.7s ease-in-out;
  593. -ms-transition: all 0.7s ease-in-out;
  594. transition: all 0.7s ease-in-out;}
  595.  
  596. #links a{
  597. display:block;
  598. margin-bottom:7px;
  599. width:50px;
  600. padding:4px;
  601. font-family: consolas;
  602. text-transform:uppercase;
  603. text-decoration:none;
  604. text-align:center;
  605. font-size:9px;
  606. letter-spacing:1px;
  607. color:{color:Mainlink};
  608. background-color:{color:Mainlink Bg};
  609. -webkit-transition: all 0.5s ease-in-out;
  610. -moz-transition: all 0.5s ease-in-out;
  611. -o-transition: all 0.5s ease-in-out;
  612. -ms-transition: all 0.5s ease-in-out;
  613. transition: all 0.5s ease-in-out;}
  614.  
  615. #links a:hover{
  616. color:{color:Mainlink hover};
  617. background-color:{color:Mainlink Bg hover};}
  618.  
  619. #title{
  620. position:fixed;
  621. {block:iflinksonleft}
  622. {block:ifbiggerposts}margin-left:810px;{/block:ifbiggerposts}
  623. {block:ifnotbiggerposts}margin-left:710px;{/block:ifnotbiggerposts}
  624. {/block:iflinksonleft}
  625. {block:ifnotLinksonLeft}
  626. {block:ifbiggerposts}margin-left:640px;{/block:ifbiggerposts}
  627. {block:ifnotbiggerposts}margin-left:540px;{/block:ifnotbiggerposts}
  628. {/block:ifnotLinksonLeft}
  629. margin-top:10px;}
  630.  
  631. #title h1{
  632. font-family: "economica-regular";
  633. font-size:18px;
  634. width:255px;
  635. text-transform:uppercase;
  636. margin-left:0px;
  637. margin-bottom:0px;
  638. text-align:left;
  639. color:{color:Title};
  640. border-bottom:1px dotted {Color:title};
  641. letter-spacing:1px;
  642. padding-top:4px;
  643. padding-bottom:6px;
  644. padding-left:10px;
  645. padding-right:5px;
  646. font-weight:normal;
  647. opacity:.7;}
  648.  
  649. #side{
  650. text-align:center;
  651. padding:10px;
  652. width:250px;
  653. background-color:{color:sidebar};
  654. background-image: url('{image:sidebar bg}');
  655. background-attachment:fixed;}
  656.  
  657. #side img{
  658. border-radius:10px;
  659. max-width:250px;
  660. opacity:.9;}
  661.  
  662. #desci{
  663. padding:5px;
  664. text-align:justify;
  665. color:{color:sidebar text};}
  666.  
  667. #desci a{
  668. text-decoration:none;
  669. color:{color:link};}
  670.  
  671.  
  672. {block:IfMusicPlayer}
  673. #lemusic{
  674. text-align:center;
  675. padding-top:2px;
  676. opacity:.6;
  677. padding-bottom:3px;
  678. margin-top:95px;
  679. {block:iflinksonleft}
  680. {block:ifbiggerposts}margin-left:670px;{/block:ifbiggerposts}
  681. {block:ifnotbiggerposts}margin-left:570px;{/block:ifnotbiggerposts}
  682. {/block:iflinksonleft}
  683. {block:ifnotlinksonleft}
  684. {block:ifbiggerposts}margin-left:925px;{/block:ifbiggerposts}
  685. {block:ifnotbiggerposts}margin-left:825px;{/block:ifnotbiggerposts}
  686. {/block:ifnotlinksonleft}
  687. width:110px;
  688. height:10px;
  689. position:fixed;
  690. z-index:999;
  691. overflow:Hidden;
  692. border-radius: 10px 10px 0px 0px;
  693. padding-left:4px;
  694. padding-right:4px;
  695. -webkit-transition: all 0.5s ease-in-out;
  696. -moz-transition: all 0.5s ease-in-out;
  697. -o-transition: all 0.5s ease-in-out;
  698. -ms-transition: all 0.5s ease-in-out;
  699. transition: all 0.5s ease-in-out;}
  700.  
  701. #lemusic:hover{
  702. padding-bottom:20px;
  703. opacity:1;
  704. margin-top:81px;}
  705. {/block:IfMusicPlayer}
  706.  
  707. {CustomCSS}
  708.  
  709. #credits{
  710. position:fixed;
  711. bottom:5px;
  712. right:5px;}
  713.  
  714. #credits a{
  715. color:{color:entry text};
  716. font-size:13px;
  717. text-decoration:none;
  718. opacity:.7;}
  719.  
  720. </style>
  721.  
  722. {block:IfInfiniteScroll}
  723. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  724. {/block:IfInfiniteScroll}
  725.  
  726. </head>
  727.  
  728. <body>
  729.  
  730. {block:IfMusicPlayer}
  731. <div id="lemusic">
  732. <img src="http://media.tumblr.com/tumblr_ll7wpyHlj71qi6qow.gif"></br>
  733. {block:IndexPage}{text:Music}{/block:IndexPage}
  734. </div>
  735. {/block:IfMusicPlayer}
  736.  
  737. <div id="credits"><a title="ZuviaThemes" href="http://zuvia.tumblr.com">☡┬</a></div>
  738. <div id="fill"></div>
  739.  
  740. <div id="sbg"></div>
  741. <div id="sbg1"></div>
  742. {block:IfLinks}
  743. <div id="lelinks">
  744. {block:IfLink1}<a href="{text:Link1URL}" class="lelink">{text:Link1}</a>{/block:IfLink1}
  745. {block:IfLink2}<a href="{text:Link2URL}" class="lelink">{text:Link2}</a>{/block:IfLink2}
  746. {block:IfLink3}<a href="{text:Link3URL}" class="lelink">{text:Link3}</a>{/block:IfLink3}
  747. {block:IfLink4}<a href="{text:Link4URL}" class="lelink">{text:Link4}</a>{/block:IfLink4}
  748. </div>
  749. {/block:IfLinks}
  750.  
  751. <div id="links">
  752. <a href="/" class="links">home</a>
  753. <a href="/archive" class="links">Archive</a>
  754. <a href="/ask" class="links">message</a>
  755. <a href="http://zuvia.tumblr.com" class="links">theme</a>
  756. </div>
  757. <div id="small1"><img src="{image:icon}">
  758.  
  759. </div>
  760.  
  761. <div id="title">
  762. <h1>{title}</h1>
  763. <div id="side">
  764. <img src="{image:sidebar}">
  765. <div id="desci">
  766. {Description}
  767. </div>
  768. </div>
  769. {block:IfNotInfiniteScroll}
  770. <div id="pagination">
  771. {block:Pagination}
  772. {block:PreviousPage}
  773. <a href="{PreviousPage}">←</a>
  774. {/block:PreviousPage}
  775.  
  776. {block:JumpPagination length="3"}
  777. {block:CurrentPage}
  778. <span class="current_page">{PageNumber}</span>
  779. {/block:CurrentPage}
  780.  
  781. {block:JumpPage}
  782. <a class="jump_page" href="{URL}">{PageNumber}</a>
  783. {/block:JumpPage}
  784. {/block:JumpPagination}
  785.  
  786. {block:NextPage}
  787. <a href="{NextPage}">→</a>
  788. {/block:NextPage}
  789. {/block:Pagination}
  790. </div>
  791. {/block:IfNotInfiniteScroll}
  792. </div>
  793.  
  794.  
  795.  
  796. <div id="posts">
  797.  
  798. {block:Posts}
  799.  
  800. <div class="post">
  801.  
  802. {block:IndexPage}
  803. <div class="reblog">
  804. <a href="{ReblogURL}" target="_blank">Reblog?</a>
  805. </div>
  806. {/block:IndexPage}
  807.  
  808. <div class="entries">
  809.  
  810. {block:Text}
  811. {block:Title}
  812. <h1>— {Title}</h1>
  813. {/block:Title}
  814. {Body}
  815. {/block:Text}
  816.  
  817. {block:Photo}
  818. <center>{LinkOpenTag}<div class="photo"><img src="{PhotoURL-500}" alt="{PhotoAlt}"></div>{LinkCloseTag}</center>
  819. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  820. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  821. {Caption}
  822. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  823. {/block:Photo}
  824.  
  825. {block:Photoset}
  826. <div class="photo">{block:IfNotBiggerPosts}{Photoset-400}{/block:IfNotBiggerPosts}
  827. {block:IfBiggerPosts}{Photoset-500}{/block:IfBiggerPosts}</div>
  828. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  829. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  830. {Caption}{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  831. {/block:Photoset}
  832.  
  833. {block:Quote}
  834. <h2>{Quote}</h2>
  835. {block:Source}
  836. <i><p align="right">{Source}{/block:Source}</i>
  837. {/block:Quote}
  838.  
  839. {block:Link}
  840. <h3><a href="{URL}" class="link" {Target}>— {Name} </a> </h3>
  841. {block:Description}
  842. <div class="description">{Description}</div>
  843. {/block:Description}
  844. {/block:Link}
  845.  
  846. {block:Chat}
  847. {block:Title}<h1>{Title}</h1>{/block:Title}
  848. <div class="chat">{block:Lines}
  849. <div class="lines"><div class="line {Alt}">
  850. {block:Label}<b>{Label}</b> {/block:Label}{Line}
  851. </div></div>{/block:Lines}</div>
  852. {/block:Chat}
  853.  
  854. {block:Video}
  855. {block:IfNotBiggerPosts}{Video-400}{block:IfNotBiggerPosts}
  856. {block:IfBiggerPosts}{Video-500}{/block:IfBiggerPosts}
  857. <center><i>{FormattedPlayCount}</i> plays</center><br />
  858. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  859. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  860. {Caption}
  861. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  862. {/block:Video}
  863.  
  864. {block:Audio}
  865. <div class="cover">{block:AlbumArt}
  866. <img src="{AlbumArtURL}" style="border-radius:50px 0px 50px 0px;">
  867. <img src="{AlbumArtURL}" style="border-radius:0px 50px 0px 50px; margin-left:-48px;">
  868. {/block:AlbumArt}</div><div class="audio">{AudioPlayerGrey}</div>
  869. <div class="what">
  870. {block:Artist}
  871. {Artist}
  872. {/block:Artist} | {block:TrackName}
  873. "{TrackName}"
  874. {/block:TrackName} </div>
  875. {block:IfShowCaptions}{block:Caption}<br />{Caption}{/block:Caption}{/block:IfShowCaptions}
  876. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}<br />
  877. {Caption}
  878. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  879. {/block:Audio}
  880.  
  881. {block:Answer}
  882. <div class="ask">
  883. <table>
  884.  
  885. <tr>
  886. <td colspan="2" style="padding:8px; background-color:{color:asker bg};border-bottom:1px dotted {color:perma bg}; text-align:left;">{Question}</td></tr>
  887. <tr>
  888. <td colspan="2" style="padding-right:5px;"><i>─ {Asker} <img src="{AskerPortraitURL-30}" style="border-radius: 0px 50px 0px 50px; float:right; margin-top:-10px;margin-left:-30px;"><img src="{AskerPortraitURL-30}" style="border-radius: 50px 0px 50px 0px; float:right; margin-top:-10px;"></i></td>
  889. </tr>
  890.  
  891. </table></div>
  892. <div class="answer"> {Answer}</div>
  893. {/block:Answer}
  894.  
  895. </div>
  896.  
  897.  
  898. {block:IndexPage}
  899. <div class="letags">
  900. posted:<a href="{Permalink}">{TimeAgo}</a> |<a href="{Permalink}">{NoteCount} notes</a>
  901. <div class="org">
  902. {block:RebloggedFrom}via: <a href="{ReblogParentURL}">{ReblogParentName}</a> | ori: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}
  903. </div></br>
  904. {block:IfShowTags}{block:HasTags}{block:Tags}
  905. <a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}{/block:IfShowTags}
  906. </div>
  907. {/block:IndexPage}
  908.  
  909. </div>
  910.  
  911. {block:PermalinkPage}
  912.  
  913. <div class="permalink">
  914. <div style="font-size: 10px;
  915. font-family:georgia;
  916. padding-right:20px;
  917. margin-top:-10px;
  918. padding-bottom:10px;
  919. margin-bottom:4px;
  920. padding-top:5px;
  921. line-height:10px;
  922. color: {color:entry text};
  923. text-transform: lowercase;
  924. text-align: center;">
  925. {block:Date}Posted {TimeAgo}{/block:Date} {block:NoteCount} | {NoteCount} note(s){/block:NoteCount}<br>
  926. {block:RebloggedFrom}
  927. <b>origin:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> | <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} <br>
  928. {block:HasTags}tags: {block:Tags}
  929. <a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}</div>
  930. {block:PostNotes}
  931. {PostNotes}
  932. {/block:PostNotes}
  933. </div>
  934.  
  935. {/block:PermalinkPage}
  936. {/block:Posts}
  937.  
  938.  
  939. </div>
  940.  
  941.  
  942. </body>
  943. </html>
Advertisement
Add Comment
Please, Sign In to add comment