API tools faq
paste
letsrp

Music In Me - Theme #3

letsrp
Apr 30th, 2013
571
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.23 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2.  
  3. <!--
  4. ゜・。。・゜☆゜・。。(◕‿◕✿)・゜゜・。。・゜☆゜・。。・゜
  5.  
  6. .---. .-''-.,---------. .-'''-..-------. .-------.
  7. | ,_| .'_ _ \ \/ _ | _ _ \ \ _(`)_ \
  8. ,-./ ) / ( ` ) `--. ,---(`' )/`--| ( ' ) | | (_ o._)|
  9. \ '_ '`). (_ o _) | | \ (_ o _). |(_ o _) / | (_,_) /
  10. > (_) )| (_,_)___| :_ _: (_,_). '.| (_,_).' __| '-.-'
  11. ( . .-'' \ .---. (_I_) .---. \ | |\ \ | | |
  12. `-'`-'|__\ `-' / (_(=)_)\ `-' | | \ `' | |
  13. | \ / (_I_) \ /| | \ // )
  14. `--------``'-..-' '---' `-...-' ''-' `'-' `---'
  15.  
  16.  
  17. this theme was made by letsrp @ tumblr.com
  18. - don't use as base to make your own themes
  19. - don't edit and redistribute it
  20. - keep credit
  21. - don't steal, please
  22.  
  23. ゜・。。・゜☆゜・。。(◕‿◕✿)・゜゜・。。・゜☆゜・。。・゜
  24. -->
  25.  
  26. <html>
  27. <head>
  28. <title>{Title}</title>
  29. <link rel="shortcut icon" href="{Favicon}" />
  30. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  31. <meta name="description" content="{MetaDescription}" />
  32. <link href='http://fonts.googleapis.com/css?family=Cuprum:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
  33.  
  34.  
  35. <!-- DEFAULT VARIABLES -->
  36. <meta name="color:Background" content="#f8f2e3"/>
  37. <meta name="color:Side" content="#9e5050"/>
  38. <meta name="color:Circles" content="#8f3b3e"/>
  39. <meta name="color:Circles Hover" content="#d1a4ab"/>
  40. <meta name="color:Posts" content="#f3dea5"/>
  41. <meta name="color:Desc Text" content="#f1ead1"/>
  42. <meta name="color:Text" content="#6d5d44"/>
  43. <meta name="color:Links" content="#8d7247"/>
  44. <meta name="color:Links Hover" content="#080809"/>
  45. <meta name="color:Permalink" content="#b3ab91"/>
  46. <meta name="color:Border" content="#4b202a"/>
  47. <meta name="color:Scrollbar" content="#9e5050"/>
  48. <meta name="color:Title" content="#b38345"/>
  49. <meta name="color:Title Shadow" content="#fffff"/>
  50.  
  51. <meta name="image:Sidebar" content="http://static.tumblr.com/66f5c1984493420c27d4ce74dd766ce4/yy7o4zk/BnOmm1jxh/tumblr_static_2007-zanessa-zannessa-17159536-1707-2560.png"/>
  52. <meta name="image:Background" content=""/>
  53.  
  54. <meta name="if:Show Tags" content="1"/>
  55.  
  56. <meta name="text:Link 1 Title" content="home"/>
  57. <meta name="text:Link 1" content="/#" />
  58. <meta name="text:Link 2 Title" content="ask"/>
  59. <meta name="text:Link 2" content="/#" />
  60. <meta name="text:Link 3 Title" content="archive"/>
  61. <meta name="text:Link 3" content="/#" />
  62. <meta name="text:Link 4 Title" content="submit"/>
  63. <meta name="text:Link 4" content="/#" />
  64.  
  65.  
  66. <style type="text/css">
  67.  
  68. body{
  69. color:{color:Text};
  70. background-attachment:fixed;
  71. background-image: url('{image:Background}');
  72. background-color:{color:Background};
  73. text-align:justify;
  74. line-height:12px;
  75. font-family:cuprum;
  76. font-size:10px;
  77. }
  78.  
  79. a{
  80. color:{color:Links};
  81. text-decoration:none;
  82. }
  83.  
  84. a:hover{
  85. color:{color:Links Hover};
  86. text-decoration:none;
  87. }
  88.  
  89. blockquote{
  90. padding-left:3px;
  91. margin-bottom:0px;
  92. margin-left:10px;
  93. margin-right:10px;
  94. border-left:3px solid {color:Background};
  95. }
  96.  
  97. #entries{
  98. position:relative;
  99. margin-left:-8px;
  100. margin-top:-8px;
  101. width:650px;
  102. background-color:{color:posts};
  103. }
  104.  
  105. #posts{
  106. overflow:hidden;
  107. position:relative;
  108. margin-top:0px;
  109. margin-bottom:-35px;
  110. margin-left:40px;
  111. padding:30px;
  112. text-align:justify;
  113. width:500px;
  114. background-color:{color:posts};
  115. {block:IfUppercase}text-transform: uppercase;{/block:IfUppercase}
  116. }
  117.  
  118.  
  119. #audio{
  120. margin-bottom:5px;
  121. width:500px;
  122. height:105px;
  123. }
  124.  
  125. .albumart{
  126. width:100px;
  127. height:100px;
  128. }
  129.  
  130. .albumart img{
  131. width:100px;
  132. height:100px;
  133. float:left;
  134. }
  135.  
  136. .playercontainer{
  137. opacity: .2;
  138. display:block;
  139. width:100px;
  140. height:100px;
  141. }
  142.  
  143. .playercontainer:hover{
  144. opacity:.7;
  145. -webkit-transition: all 0.5s ease-in-out;
  146. -moz-transition: all 0.5s ease-in-out;
  147. -o-transition: all 0.5s ease-in-out;
  148. -ms-transition: all 0.5s ease-in-out;
  149. transition: all 0.5s ease-in-out;
  150. }
  151.  
  152. .player{
  153. margin-left:36px;
  154. margin-top:36px;
  155. width:25px;
  156. height:25px;
  157. overflow:hidden;
  158. }
  159.  
  160. .audioinfo{
  161. margin-left:110px;
  162. float:left;
  163. background-color:{color:Text};
  164. width:388px;
  165. padding:2px;
  166. margin-top:3px;
  167. }
  168.  
  169.  
  170. #info{
  171. display:block; margin:5px 0px 2px 0px;
  172. padding:4px;
  173. color:{color:Text};
  174. font-size:8px;
  175. font-family:calibri;
  176. line-height:110%;
  177. text-transform:uppercase;
  178. width:492px;
  179. letter-spacing:1px;
  180. text-align:center;
  181. border-top:1px dotted {color:Permalink};
  182. }
  183.  
  184. #info a{
  185. color:{color:Links};
  186. }
  187.  
  188. #info a:hover{
  189. color:{color:Links Hover};
  190. }
  191.  
  192. #tags{
  193. margin-right:7px;
  194. font-family:cambria;
  195. text-align:center;
  196. text-transform:uppercase;
  197. font-size:8px;
  198. opacity:1;
  199. -webkit-transition:0.3s linear;
  200. outline: none;
  201. }
  202.  
  203. #entries:hover #tags{
  204. opacity:1; display:block;
  205. }
  206.  
  207.  
  208. @font-face { font-family: "beansprout"; src: url('http://static.tumblr.com/pwgdr2n/aDQm3ij6n/1-beansprout-dna.ttf'); }
  209.  
  210. #title2{
  211. font-size:31px;
  212. color:{color:Title};
  213. font-style:normal;
  214. font-family:"beansprout";
  215. text-align:center;
  216. text-shadow:1px 1px 0px {color:Title Shadow};
  217. }
  218.  
  219. #source{
  220. margin-top:3px;
  221. text-align:right;
  222. margin-bottom:5px;
  223. font-size:10px;
  224. }
  225.  
  226. .chat{
  227. line-height: 12px;
  228. list-style: none;
  229. }
  230.  
  231. .chat ul{
  232. line-height: 15px;
  233. list-style: none;
  234. line-height:20px;
  235. }
  236.  
  237. .person1{
  238. background-color:{color:Background};
  239. color: {color:Text};
  240. }
  241.  
  242. .person1 .label{
  243. font-weight: bold;
  244. color:{color:Text};
  245. }
  246.  
  247. .person2{
  248. color: {color:Text};
  249. left: 5px;
  250. }
  251.  
  252.  
  253. ::-webkit-scrollbar{
  254. width: 9px;
  255. height: 4px;
  256. background:{color:Background};
  257. }
  258.  
  259. ::-webkit-scrollbar-thumb{
  260. background-color: {color:Scrollbar};
  261. }
  262.  
  263. #q{
  264. background-color:{color:Background};
  265. color:{color:Text};
  266. margin-left:10px;
  267. width:450px;
  268. height:auto;
  269. margin-top:7px;
  270. padding:10px;
  271. text-align:left;
  272. font-size:11px;
  273. font-family: cuprum;
  274. text-transform:uppercase;
  275. }
  276.  
  277. #pagination{
  278. color:{color:text};
  279. font-size:15px;
  280. font-family:cuprum;
  281. text-decoration:none;
  282. text-align:center;
  283. margin-top:1px;
  284. }
  285.  
  286. #pagination a{
  287. color:{color:Links};
  288. padding:2px;
  289. }
  290.  
  291. @font-face{
  292. font-family: "whoa";
  293. src: url('http://static.tumblr.com/pwgdr2n/P7mm3isl4/whoadna.ttf');
  294. }
  295.  
  296. #s{
  297. width:220px;
  298. margin-left:642px;
  299. height:100%;
  300. position:fixed;font-size:37px;
  301. overflow:hidden;
  302. background-color:{color:Side};
  303. margin-top:0px;
  304. background-image: url('{image:Sidebar}');
  305. }
  306.  
  307. .side {
  308. margin-top:250px;
  309. margin-left:55px;
  310. width:120px;
  311. }
  312.  
  313. .desc{
  314. font: italic 12px cambria;
  315. color:{color:Desc Text};
  316. margin-top:2px;
  317. line-height:12px;
  318. }
  319.  
  320. #lie { /*move circle links around*/
  321. margin-left:875px;
  322. margin-top:165px;
  323. position:fixed;
  324. }
  325.  
  326. #link1 {
  327. margin-left:0px;
  328. margin-top:27px;
  329. position:absolute
  330. }
  331.  
  332. #link1 a{
  333. line-height:60px;
  334. text-transform:uppercase;
  335. background-color:{Color:Circles};
  336. font-size:10px;
  337. letter-spacing:1px;
  338. font-family:consolas;
  339. color:white;
  340. width:60px;
  341. height:60px;
  342. display:inline-block;
  343. -moz-border-radius: 75px;
  344. border-radius: 75px;
  345. text-align:center;
  346. }
  347.  
  348. #link1 a:hover{
  349. line-height:60px;
  350. text-transform:uppercase;
  351. background-color:{Color:Circles Hover};
  352. font-size:10px;
  353. letter-spacing:4px;
  354. font-family:consolas;
  355. color:white;
  356. width:60px;
  357. height:60px;
  358. display:inline-block;
  359. -moz-border-radius: 75px;
  360. border-radius: 75px;
  361. text-align:center;
  362. transition: all 0.5s ease-in-out;
  363. -webkit-transition: all 0.5s ease-in-out;
  364. }
  365.  
  366.  
  367. #link2 {
  368. margin-left:0px;
  369. margin-top:95px;
  370. position:absolute
  371. }
  372.  
  373. #link2 a{
  374. line-height:60px;
  375. text-transform:uppercase;
  376. background-color:{Color:Circles};
  377. font-size:10px;
  378. letter-spacing:1px;
  379. font-family:consolas;
  380. color:white;
  381. width:60px;
  382. height:60px;
  383. display:inline-block;
  384. -moz-border-radius: 75px;
  385. border-radius: 75px;
  386. text-align:center;
  387. }
  388.  
  389. #link2 a:hover{
  390. line-height:60px;
  391. text-transform:uppercase;
  392. background-color:{Color:Circles Hover};
  393. font-size:10px;
  394. letter-spacing:4px;
  395. font-family:consolas;
  396. color:white;
  397. width:60px;
  398. height:60px;
  399. display:inline-block;
  400. -moz-border-radius: 75px;
  401. border-radius: 75px;
  402. text-align:center;
  403. transition: all 0.5s ease-in-out;
  404. -webkit-transition: all 0.5s ease-in-out;
  405. }
  406.  
  407. #link3 {
  408. margin-left:0px;
  409. margin-top:163px;
  410. position:absolute
  411. }
  412.  
  413. #link3 a{
  414. line-height:60px;
  415. text-transform:uppercase;
  416. background-color:{Color:Circles};
  417. font-size:10px;
  418. letter-spacing:1px;
  419. font-family:consolas;
  420. color:white;
  421. width:60px;
  422. height:60px;
  423. display:inline-block;
  424. -moz-border-radius: 75px;
  425. border-radius: 75px;
  426. text-align:center;
  427. }
  428.  
  429. #link3 a:hover{
  430. line-height:60px;
  431. text-transform:uppercase;
  432. background-color:{Color:Circles Hover};
  433. font-size:10px;
  434. letter-spacing:4px;
  435. font-family:consolas;
  436. color:white;
  437. width:60px;
  438. height:60px;
  439. display:inline-block;
  440. -moz-border-radius: 75px;
  441. border-radius: 75px;
  442. text-align:center;
  443. transition: all 0.5s ease-in-out;
  444. -webkit-transition: all 0.5s ease-in-out;
  445. }
  446.  
  447. #link4 {
  448. margin-left:0px;
  449. margin-top:230px;
  450. position:absolute
  451. }
  452.  
  453. #link4 a{
  454. line-height:60px;
  455. text-transform:uppercase;
  456. background-color:{Color:Circles};
  457. font-size:10px;
  458. letter-spacing:1px;
  459. font-family:consolas;
  460. color:white;
  461. width:60px;
  462. height:60px;
  463. display:inline-block;
  464. -moz-border-radius: 75px;
  465. border-radius: 75px;
  466. text-align:center;
  467. }
  468.  
  469. #link4 a:hover{
  470. line-height:60px;
  471. text-transform:uppercase;
  472. background-color:{Color:Circles Hover};
  473. font-size:10px;
  474. letter-spacing:4px;
  475. font-family:consolas;
  476. color:white;
  477. width:60px;
  478. height:60px;
  479. display:inline-block;
  480. -moz-border-radius: 75px;
  481. border-radius: 75px;
  482. text-align:center;
  483. transition: all 0.5s ease-in-out;
  484. -webkit-transition: all 0.5s ease-in-out;
  485. }
  486.  
  487. #cont {
  488. position:fixed;
  489. margin-top:0px;
  490. margin-left:-8px;
  491. height:100%;
  492. width:650px;
  493. background-color:{color:Posts};
  494. }
  495.  
  496. {CustomCSS}
  497. </style>
  498. </head>
  499. <body>
  500.  
  501.  
  502. <div id="lie">
  503. <div id="link1"><a href="{Text:Link 1}">{Text:Link 1 Title}</a></div>
  504. <div id="link2"><a href="{Text:Link 2}">{Text:Link 2 Title}</a></div>
  505. <div id="link3"><a href="{Text:Link 3}">{Text:Link 3 Title}</a></div>
  506. <div id="link4"><a href="{Text:Link 4}">{Text:Link 4 Title}</a></div>
  507.  
  508.  
  509. </div>
  510. </div>
  511. </div>
  512. </div>
  513.  
  514. <div id="s">
  515. <div class="side">
  516. <center><br>
  517. <img src="{PortraitURL-96}"style="background:{color:Border}; padding:3px;"><br><div class="desc">{Description}<br>
  518. <div id="pagination">{block:PreviousPage}<a href="{PreviousPage}">«</a> {/block:PreviousPage}{block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}</div>
  519.  
  520.  
  521. </center>
  522.  
  523. </div></div></div></div></div>
  524.  
  525.  
  526. <div id="cont"></div>
  527. <div id="entries">{block:IfShowHeader}
  528. <div id="headerimage"><img src="{image:header}"/></center>
  529. </div>{/block:IfShowHeader}
  530.  
  531. {block:Posts}
  532. <div id="posts">
  533. {block:Title}<div id="title2">{Title}</div>{/block:Title}
  534. {block:Text}{Body}{/block:Text}
  535.  
  536. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  537.  
  538. {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  539.  
  540. {block:Quote}<div id="title2">"{Quote}"</div>
  541. {block:Source}<div id="source">— {Source}</div>{/block:Source}{/block:Quote}
  542.  
  543. {block:Link}<div id="title2"><a href="{URL}" class="link" {Target}>{Name}</a></div>
  544. {block:Description}{Description}{/block:Description}
  545. {/block:Link}
  546.  
  547. {block:Chat}<div class="chat"><ul>{block:Lines}<li class="person{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>{/block:Chat}
  548.  
  549. {block:Audio}<div id="_">{block:AlbumArt}<img src="{AlbumArtURL}" width="80px" height="80px" align="left" style="margin-right:10px" />{/block:AlbumArt}<div style="width:495px; height:30px;padding:2px;background-color:#fff; margin-left:0px;">
  550. {AudioPlayerWhite}</div><br>
  551. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  552. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  553. {block:ExternalAudio}<b>Download:</b> <a href="{ExternalAudioURL}">click here</a><br />{/block:ExternalAudio}<b>Played:</b> {PlayCount} times
  554. {block:Caption}{Caption}{/block:Caption}<br clear="all" /></div> {/block:Audio}
  555.  
  556. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  557.  
  558. {block:Answer}
  559. <img src="{AskerPortraitURL-48}" align="right" style="padding:0px; border:3px solid {color:Border};"/>
  560. <div id="q">{Asker} asked: {Question}</div>{Answer}{/block:Answer}
  561.  
  562. {block:Date}
  563. <div id="info"> posted <a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:RebloggedFrom} via <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a> {block:ContentSource} © <a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource}{/block:RebloggedFrom}{block:NoteCount} with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</div>{block:IfShowTags}{block:HasTags}<div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}{/block:IfShowTags}</div><br>{/block:posts}{block:PostNotes}{PostNotes}{/block:PostNotes}
  564.  
  565.  
  566. </div>
  567. </div>
  568. </div>
  569. </body>
  570.  
  571. <div style="position:fixed; bottom:3px; right:5px;font-family:arial; font-size:10px;"><a href="http://letsrp.tumblr.com">©</a>
  572. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!