API tools faq
paste
Advertisement
legilimens

theme 031: musica

legilimens
Dec 19th, 2014
137
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.78 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. <!--------------------------------------------------------------
  5.  
  6. theme 031: musica by legilimen.
  7. shoot me a message if you need help!
  8.  
  9. ---------------------------------------------------------->
  10.  
  11. <html>
  12. <head>
  13.  
  14. <link rel="shortcut icon" href="{Favicon}">
  15. <meta name="description" content="{MetaDescription}" />
  16.  
  17. <meta name="color:background" content="#ffffff"/>
  18. <meta name="color:text" content="#919191"/>
  19. <meta name="color:link" content="#7e7f80"/>
  20. <meta name="color:scrollbar" content="#000">
  21. <meta name="color:link hover" content="#141212"/>
  22. <meta name="color:links" content="#fff">
  23. <meta name="color:quote" content="#000">
  24. <meta name="color:post info" content="#000">
  25. <meta name="color:ask bg" content="#000">
  26. <meta name="color:ask border" content="#000">
  27.  
  28. <meta name="text:subtitle" content="landfill"/>
  29. <meta name="text:name" content="bob dylan"/>
  30. <meta name="text:music" content="♫"/>
  31. <meta name="text:previous page" content="sunset"/>
  32. <meta name="text:next page" content="sunrise"/>
  33. <meta name="image:sidebar" content=""/>
  34. <meta name="image:sidebar2" content=""/>
  35. <meta name="image:backgroundimage" content=""/>
  36.  
  37. <meta name="text:link1" content="">
  38. <meta name="text:link1 url" content="/">
  39. <meta name="text:link2" content="">
  40. <meta name="text:link2 url" content="/">
  41. <meta name="text:link3" content="">
  42. <meta name="text:link3 url" content="/">
  43. <meta name="text:link4" content="">
  44. <meta name="text:link4 url" content="/">
  45. <meta name="text:link5" content="">
  46. <meta name="text:link5 url" content="/">
  47. <meta name="text:link6" content="">
  48. <meta name="text:link6 url" content="/">
  49. <meta name="text:link7" content="">
  50. <meta name="text:link7 url" content="/">
  51.  
  52. <script src="http://static.tumblr.com/me5sfsd/1YFl414t0/jquery142.js"></script>
  53.  
  54.  
  55. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  56. <title>{Title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  57. <link rel="shortcut icon" href="{Favicon}" />
  58. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  59. <link href='http://fonts.googleapis.com/css?family=Open+Sans:400' rel='stylesheet' type='text/css'>
  60. <style type="text/css">
  61.  
  62. *, body, a, a:hover {cursor: url(http://i1347.photobucket.com/albums/p715/breezeblocks/themes/cursor_zpsc12dc478.png), auto;}
  63.  
  64.  
  65. a {
  66. color:{color:link};
  67. text-decoration:none;
  68. -moz-transition-duration:0.6s;
  69. -webkit-transition-duration:0.6s;
  70. -o-transition-duration:0.6s;
  71. }
  72.  
  73. a:hover {
  74. color:{color:link hover};
  75. }
  76.  
  77.  
  78. ::-webkit-scrollbar-thumb{
  79. background-color: {color:scrollbar};
  80. border: 2px solid {color:background};
  81. height:auto;
  82. border-radius: 500px;
  83. }
  84.  
  85. ::-webkit-scrollbar {
  86. height:auto;
  87. width:7px;
  88. background-color: {color:scrollbar};
  89. border:5px solid {color:background};
  90. border-radius: 500px;
  91. }
  92.  
  93.  
  94. body {
  95. background-color:{color:background};
  96. background-image: url({image:backgroundimage});
  97. background-repeat:repeat;
  98. width:100%;
  99. height:100%;
  100. background-attachment: fixed;
  101. font-family:consolas;
  102. font-weight:lighter;
  103. font-size:9;
  104. letter-spacing:0px;
  105. }
  106.  
  107. h1 {
  108. font-weight:normal;
  109. font-size:12px;
  110. text-align:justify;
  111. font-family:arial;
  112. line-height:100%;
  113. text-transform:none;
  114. color:{color:text};
  115. }
  116.  
  117. h2 {
  118. font-size:12px;
  119. text-align:left;
  120. line-height:100%;
  121. letter-spacing:1px;
  122. color:{color:quote};
  123. text-transform:none;
  124. font-family: 'Open Sans' sans-serif;
  125. padding:10px;
  126. }
  127.  
  128. blockquote {
  129. border-left:1px dotted {color:text};
  130. padding-left:15px;
  131. padding-top:5px;
  132. padding-bottom:5px;
  133. margin:10px;
  134. }
  135.  
  136.  
  137. #theme {
  138. background-color:{color:background};
  139. width:700px;
  140. margin: 0 auto -12px auto;
  141. text-align: center;
  142. }
  143.  
  144. #sidebar {
  145. color:{color:text};
  146. width:350px;
  147. margin-top:100px;
  148. margin-left:-200px;
  149. text-align:left;
  150. position:fixed;
  151.  
  152. }
  153.  
  154. #sidebar img{
  155. width: 50px;
  156. border-radius:25px;
  157. padding: 0px;
  158. margin-left:-100px;
  159. margin-top:50px;
  160. z-index:1;
  161. }
  162.  
  163.  
  164. .links {
  165. padding-right:2px;
  166. font-size:11px;
  167. text-transform:lowercase;
  168. width:200px;
  169. padding:20px;
  170. position:relative;
  171. font-family:consolas;
  172. text-align:right;
  173. line-height:150%;
  174. letter-spacing:10px;
  175. margin-top:-50px;
  176. margin-left:0px;
  177. background-color:#eee;
  178.  
  179. }
  180.  
  181. .links a{
  182. letter-spacing:0px;
  183. color:{color:text};
  184. -moz-transition-duration:.2s;
  185. -webkit-transition-duration:.2s;
  186. -o-transition-duration:.2s;
  187. }
  188.  
  189. .links a:hover{
  190. color:{color:link hover};
  191. -moz-transition-duration:.2s;
  192. -webkit-transition-duration:.2s;
  193. -o-transition-duration:.2s;
  194. }
  195.  
  196. .desc {
  197. margin-left:0px;
  198. font-style:none;
  199. font-size:11px;
  200. font-family: consolas;
  201. color:{color:text};
  202. letter-spacing:0px;
  203. line-height:120%;
  204. padding:5px 20px 20px 20px;
  205. width:200px;
  206. margin-top:0px;
  207. background-color:#eee;
  208. }
  209.  
  210. .musica {
  211. margin-left:785px;
  212. margin-bottom:10px;
  213. font-style:none;
  214. font-size:50px;
  215. font-family: helvetica;
  216. color:{color:text};
  217. letter-spacing:0px;
  218. line-height:120%;
  219. background-color:#eee;
  220. margin-top:350px;
  221. padding:10px 20px 10px 20px;
  222. position:fixed;
  223. }
  224.  
  225. .subtitle{
  226. margin-left:0px;
  227. padding:20px 20px 10px 20px;
  228. margin-top:-50px;
  229. text-align:left;
  230. font-weight:bold;
  231. font-size:14px;
  232. font-family: consolas;
  233. color:{color:text};
  234. letter-spacing:0px;
  235. line-height:120%;
  236. width:200px;
  237. background-color:#eee;
  238. }
  239.  
  240. .stuffheader4{
  241. margin-left:350px;
  242. padding:10px 10px 5px 10px;
  243. margin-top:60px;
  244. text-align:center;
  245. font-weight:lighter;
  246. font-size:30px;
  247. font-family: helvetica;
  248. color:{color:text};
  249. letter-spacing:0px;
  250. line-height:120%;
  251. width:200px;
  252. bottom:0;
  253. margin-bottom:50px;
  254. position:fixed;
  255. background-color:#eee;
  256. }
  257.  
  258. .arrow-left {
  259. width: 0;
  260. height: 0;
  261. border-bottom: 15px solid transparent;
  262. border-top: 15px solid transparent;
  263. margin-left:-15px;
  264. margin-top:-60px;
  265. border-right: 15px solid #eee;
  266. }
  267.  
  268. .arrow-right {
  269. width: 0;
  270. height: 0;
  271. border-bottom: 15px solid transparent;
  272. border-top: 15px solid transparent;
  273. margin-left:240px;
  274. margin-top:60px;
  275. padding:0;
  276. border-left: 15px solid #eee;
  277. z-index:.1;
  278. }
  279.  
  280. .arrow-left2 {
  281. width: 0;
  282. height: 0;
  283. border-bottom: 15px solid transparent;
  284. border-top: 15px solid transparent;
  285. margin-left:-15px;
  286. margin-top:375px;
  287. margin-left:770px;
  288. border-right: 15px solid #eee;
  289. position:fixed;
  290. }
  291.  
  292.  
  293. .pagination {
  294. text-transform:lowercase;
  295. letter-spacing:0px;
  296. font-size:9px;
  297. text-align:center;
  298. font-family:consolas;
  299. width:225px;
  300. margin-left:0px;
  301. margin-top:50px;
  302. opacity:1;
  303. text-align:center;
  304. }
  305.  
  306. .pagination a {
  307. color:{color:text};
  308. }
  309.  
  310. .pagination a:hover {
  311. color:{color:link hover};
  312. }
  313.  
  314.  
  315. #stuffcontainer {
  316. float:left;
  317. margin-left:200px;
  318. margin-top:100px;
  319. margin-bottom:0px;
  320. text-align:justify;
  321. text-transform:none;
  322. background-color:{color:background};
  323. color:{color:text};
  324. margin-bottom: 35px;
  325. max-height:300px;
  326. height:300px;
  327. max-width:400px;
  328. width:400px;
  329. overflow-x:hidden;
  330. overflow-y:auto;
  331. padding:50px;
  332. box-shadow:5px 5px 5px 5px #484848;
  333. }
  334.  
  335. #stuff {
  336. width:400px;
  337. margin-top:0px;
  338. text-align:justify;
  339. font-size:11px;
  340. margin-bottom:50px;
  341. line-height:100%;
  342. letter-spacing:0px;
  343. color:{color:text};
  344. }
  345.  
  346. .caption {
  347. width:400px;
  348. text-align:justify;
  349. line-height:120%;
  350. text-transform:none;
  351. }
  352.  
  353.  
  354. /**Ask Posts**/
  355.  
  356. .ask {
  357. padding:0px;
  358. font-size:11px;
  359. text-align:left;
  360. padding-bottom:2px
  361. color:{color:text};
  362. }
  363.  
  364. .ans {
  365. text-align:left;
  366. padding:0px;
  367. color:{color:text};
  368. }
  369.  
  370. /**Audio Posts**/
  371.  
  372. .audio {
  373. height:60px;
  374. padding:10px;
  375. margin-bottom:15px;
  376. background-color:{color:post background};
  377. }
  378.  
  379. .audio-album {
  380. position:relative;
  381. width:60px;
  382. -webkit-transition: opacity 0.6s linear;
  383. opacity: 1;
  384. }
  385.  
  386. .audio-player {
  387. opacity:1;
  388. filter:alpha(opacity=90);
  389. width:30px;
  390. height:30px;
  391. overflow:hidden;
  392. position:relative;
  393. border:5px solid #fff;
  394. z-index:2;
  395. color:#fff;
  396. margin-top:-50px;
  397. margin-left:10px;
  398. background-color:#fff;
  399. opacity:0;
  400. -webkit-transition: all 0.6s ease-out;
  401. -o-transition: all 0.6s ease-out;
  402. -webkit-transition: all 0.6s ease-out;
  403. -moz-transition: all 0.6s ease-out;
  404. }
  405.  
  406. .audio-info {
  407. margin-top:-55px;
  408. position:relative;
  409. margin-left:90px;
  410. line-height:150%;
  411. padding:2px;
  412. }
  413.  
  414. .audio:hover .audio-player {
  415. opacity:.6;
  416. -webkit-transition: all 0.6s ease-out;
  417. -o-transition: all 0.6s ease-out;
  418. -webkit-transition: all 0.6s ease-out;
  419. -moz-transition: all 0.6s ease-out;
  420. }
  421.  
  422.  
  423.  
  424. /**Chat Posts**/
  425.  
  426. .chat {
  427. line-height:160%;
  428. list-style:none;
  429. }
  430.  
  431. .line.odd {
  432. background:#fafafa;
  433. margin-bottom:2px;
  434. padding:5px;
  435. list-style:none;
  436. }
  437.  
  438. .line.even {
  439. background:{color:background};
  440. margin-bottom:2px;
  441. padding:5px;
  442. list-style:none;
  443. }
  444.  
  445. .label {
  446. padding-right:1px;
  447. text-transform:uppercase;
  448. font-weight:bold;
  449. }
  450.  
  451. /**Post Info, Notes**/
  452.  
  453. #postinfo {
  454. font-family:{text:font};
  455. width:380px;
  456. font-size:9px;
  457. text-transform:lowercase;
  458. font-style:normal;
  459. text-align:left;
  460. margin-top:-16px;
  461. padding:5px 10px 0px 0px;
  462. }
  463.  
  464. #postinfo a {
  465. color:{color:text};
  466. -moz-transition-duration:.2s;
  467. -webkit-transition-duration:.2s;
  468. -o-transition-duration:.2s;
  469. }
  470.  
  471. #postinfo a:hover {
  472. color:{color:link hover};
  473. text-transform:underline;
  474. -moz-transition-duration:.2s;
  475. -webkit-transition-duration:.2s;
  476. -o-transition-duration:.2s;
  477. }
  478.  
  479. #tags {
  480. text-transform:lowercase;
  481. font-size:9px;
  482. font-family:{text:font};
  483. text-align:left;
  484. margin-top:-11px;
  485. width:380px;
  486. letter-spacing:0px;
  487. padding:3px 10px 5px 0px;
  488. }
  489.  
  490. #tags a{
  491. color:{color:text};
  492. -moz-transition-duration:.2s;
  493. -webkit-transition-duration:.2s;
  494. -o-transition-duration:.2s;
  495. }
  496.  
  497. #tags a:hover {
  498. color:{color:link hover};
  499. text-transform:underline;
  500. -moz-transition-duration:.2s;
  501. -webkit-transition-duration:.2s;
  502. -o-transition-duration:.2s;
  503. }
  504.  
  505. .note {
  506. text-transform:lowercase;
  507. font-style:normal;
  508. letter-spacing:0px;
  509. font-size: 9px;
  510. text-align:left;
  511. line-height:90%;
  512. margin-left:0px;
  513. margin-top: 50px;
  514. }
  515.  
  516. .note li {
  517. list-style-type:none;
  518. padding:10px 10px 10px 10px;
  519. text-align:left;
  520. -moz-transition-duration:0.5s;
  521. -webkit-transition-duration:0.5s;
  522. -o-transition-duration:0.5s;
  523. }
  524.  
  525. .note img{
  526. display:none;
  527. }
  528.  
  529. .note li a{
  530. font-style: none;
  531. background-color: {color:background};
  532. padding:10px 10px 10px 10px;
  533. }
  534.  
  535. .note li a:hover{
  536. font-style:none;
  537. background-color: {color:askbg};
  538. padding:10px 10px 10px 10px;
  539. }
  540.  
  541. #credit {
  542. position:fixed;
  543. font-size:10px;
  544. font-weight:normal;
  545. line-height:150%;
  546. letter-spacing:0px;
  547. right:10px;
  548. bottom:10px;
  549. text-transform:uppercase;
  550. text-align:center;
  551. }
  552.  
  553. #credit a {
  554. padding:3px;
  555. color:{color:post info};
  556. background-color:{color:background};
  557. -moz-transition-duration:0.5s;
  558. -webkit-transition-duration:0.5s;
  559. -o-transition-duration:0.5s;
  560. }
  561.  
  562.  
  563.  
  564. {CustomCSS}
  565.  
  566. #s-m-t-tooltip {
  567.  
  568. max-width:300px;
  569.  
  570. padding:6px 8px 6px 8px;
  571.  
  572. margin:20px 0px 0px 20px;
  573.  
  574. background-color:#fff; /* change the background color */
  575.  
  576. font-family:calibri; /* change the font */
  577.  
  578. font-style:none;
  579.  
  580. font-size:10px; /* change the font size */
  581.  
  582. line-height:11px;
  583.  
  584. letter-spacing:0px; /* change the letter spacing */
  585.  
  586. text-transform:none; /* can be uppercase, lowercase, none*/
  587.  
  588. color:#000; /* change the text color */
  589.  
  590. z-index: 100;
  591.  
  592. }
  593.  
  594. </style></head>
  595. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  596.  
  597. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  598.  
  599. <script>
  600.  
  601. (function($){
  602.  
  603. $(document).ready(function(){
  604.  
  605. $("a[title]").style_my_tooltips({
  606.  
  607. tip_follows_cursor:true,
  608.  
  609. tip_delay_time:10,
  610.  
  611. tip_fade_speed:100,
  612.  
  613. attribute:"title"
  614.  
  615. });
  616.  
  617. });
  618.  
  619. })(jQuery);
  620.  
  621. </script>
  622.  
  623. <body>
  624.  
  625.  
  626. <div id="theme">
  627.  
  628. <div id="sidebar">
  629. <div id="sidebarimage"><a href="/"><img src="{image:sidebar}"></a></div><P>
  630.  
  631. <div class="arrow-left"></div>
  632. <div class="subtitle">
  633. {text:subtitle}
  634. </div>
  635. <div class="desc">
  636. {Description}
  637. </div>
  638. <div id="sidebarimage"><a href="/"><img src="{image:sidebar2}" style="float:right;"></a></div>
  639.  
  640. <div class="arrow-right"></div>
  641. <div class="links">
  642. {block:IfLink1}
  643. <a href="{text:link1 url}">{text:link1}</a>
  644. {/block:IfLink1}
  645. {block:IfLink2}
  646. <a href="{text:link2 url}">{text:link2}</a>
  647. {/block:IfLink2}
  648. {block:IfLink3}
  649. <a href="{text:link3 url}">{text:link3}</a>
  650. {/block:IfLink3}
  651. {block:IfLink4}
  652. <a href="{text:link4 url}">{text:link4}</a>
  653. {/block:IfLink4}
  654. {block:IfLink5}
  655. <a href="{text:link5 url}">{text:link5}</a>
  656. {/block:IfLink5}
  657. {block:IfLink6}
  658. <a href="{text:link6 url}">{text:link6}</a>
  659. {/block:IfLink6}
  660. {block:IfLink7}
  661. <a href="{text:link7 url}">{text:link7}</a>
  662. {/block:IfLink7}
  663. </div>
  664.  
  665.  
  666. <div class="pagination">{block:Pagination}
  667. {block:PreviousPage}<a href="{PreviousPage}">&larr; {text:previous page}</a>{/block:PreviousPage}&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
  668. {block:NextPage}<a href="{NextPage}">{text:next page} &rarr;</a>{/block:NextPage}
  669. {/block:Pagination}</div>
  670.  
  671. </div>
  672.  
  673. <div class="arrow-left2"></div>
  674. <div class="musica">
  675. {text:music}
  676. </div>
  677.  
  678.  
  679. <div id="stuffcontainer">
  680.  
  681. {block:Posts}
  682.  
  683. <div id="stuff">
  684.  
  685. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  686.  
  687. {block:Quote}<h2>“{Quote}”</h2><h1>{Source}</h1>{/block:Quote}
  688.  
  689. {block:Link}<a href="{URL}"><h2>{Name}</h2></a>
  690. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  691.  
  692. {block:Photo}<center><img src="{PhotoURL-400}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  693.  
  694. {block:Photoset}<center>{Photoset-400}</center>
  695. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  696.  
  697. {block:Chat}{block:Title}<h2>{Title}</h2>{/block:Title} <div class="chat"> {block:Lines} <li class="line {Alt}"> {block:Label} <span class="label"> {Label}</span> {/block:Label}{Line}</li> {/block:Lines}</div>{/block:Chat}
  698.  
  699. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  700.  
  701. {block:Answer}<div class="ask"><b>{Asker} asked:</b><br> {Question}</div><div class="ans">{Answer}</div>
  702. <div style= text-align:center;></div>{/block:answer}
  703.  
  704. {block:Audio}
  705. <div class="audio">
  706. {block:AlbumArt}<img class="audio-album" src="{AlbumArtURL}">{/block:AlbumArt}<div class="audio-player">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>
  707.  
  708. <div class="audio-info">
  709. {block:TrackName}<b>Track:</b> {TrackName}<BR>{/block:TrackName}
  710. {block:Artist}<b>Artist:</b> {Artist}<BR>{/block:Artist}
  711. {block:Album}<b>Album:</b> {Album}<BR>{/block:Album}
  712. {block:PlayCount}<b>Plays:</b> {PlayCount}<BR>{/block:PlayCount}
  713. </div></div>
  714. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  715. {/block:Audio}
  716. <br><br>
  717.  
  718. <div id="postinfo">{block:Date}<a href="{Permalink}">{TimeAgo}{/block:Date}</a> with {block:NoteCount}<a href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount} {block:PermalinkPage}<div style="float:right">{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}&nbsp&nbsp{block:ContentSource} <a href="{SourceURL}">©</a>{/block:ContentSource}</div>{/block:PermalinkPage}</div><br><div id="tags">{block:HasTags}<u>filed under:</u>{block:Tags} &nbsp&nbsp<a href="{TagURL}">{Tag},</a>{/block:Tags}{/block:HasTags}</div></div>
  719. <div class="note"> {block:PostNotes}{PostNotes}{/block:PostNotes} </div>
  720. {/block:Posts}
  721.  
  722. <div id="credit"><a href="http://legilimen.tumblr.com/" title="@legilimenthemes">LG</a></div>
  723.  
  724. </div>
  725. </div>
  726. </div>
  727. </body>
  728. </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!