zuvia

T19 - FLAMEO HOTMAN

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