zuvia

T21 - MINUET

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