API tools faq
paste
Advertisement
letsrp

Sky High - Theme #1

letsrp
Apr 13th, 2013
1,953
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.74 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. Theme by letsrp @ tumblr
  5.  
  6. - You can edit this theme but please don't redistribute it to others.
  7. - keep the credit, always.
  8. - to change the pop up links url, scroll down a bit to find linkset[0]-[3]
  9. If you want to add more links to one set make sure you have a small + sign before the = sign in the code.
  10. -->
  11.  
  12. <html>
  13. <head>
  14.  
  15. <script type="text/javascript">
  16.  
  17. /***********************************************
  18. * Pop-it menu- © Dynamic Drive (www.dynamicdrive.com)
  19. * This notice MUST stay intact for legal use
  20. * Visit http://www.dynamicdrive.com/ for full source code
  21. ***********************************************/
  22.  
  23. var defaultMenuWidth="150px" //set default menu width.
  24.  
  25. var linkset=new Array()
  26. //SPECIFY MENU SETS AND THEIR LINKS. FOLLOW SYNTAX LAID OUT
  27.  
  28. linkset[0]='<a href="/">Full Plot</a>'
  29. linkset[0]+='<a href="/">Guidelines</a>'
  30. linkset[0]+='<a href="/">Faceclaims</a>'
  31. linkset[0]+='<a href="/">Application</a>'
  32. linkset[0]+='<a href="/">App Count</a>'
  33.  
  34. linkset[1]='<a href="/">Follow List</a>'
  35. linkset[1]+='<a href="/">Around</a>'
  36. linkset[1]+='<a href="/">Other</a>'
  37.  
  38. linkset[2]='<a href="/">All</a>'
  39. linkset[2]+='<a href="/">Open Males</a>'
  40. linkset[2]+='<a href="/">Taken Males</a>'
  41. linkset[2]+='<a href="/">Open Females</a>'
  42. linkset[2]+='<a href="/">Taken Females</a>'
  43.  
  44. linkset[3]='<a href="/">Gossip Blog</a>'
  45. linkset[3]+='<a href="/">Challange Blog</a>'
  46. linkset[3]+='<a href="/">Confession Booth</a>'
  47.  
  48.  
  49.  
  50. ////No need to edit beyond here
  51.  
  52. var ie5=document.all && !window.opera
  53. var ns6=document.getElementById
  54.  
  55. if (ie5||ns6)
  56. document.write('<div id="popitmenu" onMouseover="clearhidemenu();" onMouseout="dynamichide(event)"></div>')
  57.  
  58. function iecompattest(){
  59. return (document.compatMode && document.compatMode.indexOf("CSS")!=-1)? document.documentElement : document.body
  60. }
  61.  
  62. function showmenu(e, which, optWidth){
  63. if (!document.all&&!document.getElementById)
  64. return
  65. clearhidemenu()
  66. menuobj=ie5? document.all.popitmenu : document.getElementById("popitmenu")
  67. menuobj.innerHTML=which
  68. menuobj.style.width=(typeof optWidth!="undefined")? optWidth : defaultMenuWidth
  69. menuobj.contentwidth=menuobj.offsetWidth
  70. menuobj.contentheight=menuobj.offsetHeight
  71. eventX=ie5? event.clientX : e.clientX
  72. eventY=ie5? event.clientY : e.clientY
  73. //Find out how close the mouse is to the corner of the window
  74. var rightedge=ie5? iecompattest().clientWidth-eventX : window.innerWidth-eventX
  75. var bottomedge=ie5? iecompattest().clientHeight-eventY : window.innerHeight-eventY
  76. //if the horizontal distance isn't enough to accomodate the width of the context menu
  77. if (rightedge<menuobj.contentwidth)
  78. //move the horizontal position of the menu to the left by it's width
  79. menuobj.style.left=ie5? iecompattest().scrollLeft+eventX-menuobj.contentwidth+"px" : window.pageXOffset+eventX-menuobj.contentwidth+"px"
  80. else
  81. //position the horizontal position of the menu where the mouse was clicked
  82. menuobj.style.left=ie5? iecompattest().scrollLeft+eventX+"px" : window.pageXOffset+eventX+"px"
  83. //same concept with the vertical position
  84. if (bottomedge<menuobj.contentheight)
  85. menuobj.style.top=ie5? iecompattest().scrollTop+eventY-menuobj.contentheight+"px" : window.pageYOffset+eventY-menuobj.contentheight+"px"
  86. else
  87. menuobj.style.top=ie5? iecompattest().scrollTop+event.clientY+"px" : window.pageYOffset+eventY+"px"
  88. menuobj.style.visibility="visible"
  89. return false
  90. }
  91.  
  92. function contains_ns6(a, b) {
  93. //Determines if 1 element in contained in another- by Brainjar.com
  94. while (b.parentNode)
  95. if ((b = b.parentNode) == a)
  96. return true;
  97. return false;
  98. }
  99.  
  100. function hidemenu(){
  101. if (window.menuobj)
  102. menuobj.style.visibility="hidden"
  103. }
  104.  
  105. function dynamichide(e){
  106. if (ie5&&!menuobj.contains(e.toElement))
  107. hidemenu()
  108. else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
  109. hidemenu()
  110. }
  111.  
  112. function delayhidemenu(){
  113. delayhide=setTimeout("hidemenu()",500)
  114. }
  115.  
  116. function clearhidemenu(){
  117. if (window.delayhide)
  118. clearTimeout(delayhide)
  119. }
  120.  
  121. if (ie5||ns6)
  122. document.onclick=hidemenu
  123.  
  124. </script>
  125.  
  126. <title>{Title}</title>
  127. <link rel="shortcut icon" href="{Favicon}" />
  128. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  129. <meta name="description" content="{MetaDescription}" />
  130. <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700,300' rel='stylesheet' type='text/css'>
  131.  
  132. <!-- DEFAULT VARIABLES -->
  133. <meta name="color:Background" content="#badfe0"/>
  134. <meta name="color:Posts" content="#f7f7f7"/>
  135. <meta name="color:Entry" content="#eceae8"/>
  136. <meta name="color:Side" content="#6cbbbd"/>
  137. <meta name="color:Side Text" content="#ffffff"/>
  138. <meta name="color:Text" content="#c0c00"/>
  139. <meta name="color:Links" content="#1e8b96"/>
  140. <meta name="color:Links Hover" content="#f0f8fa"/>
  141. <meta name="color:Info" content="#9fdbdd"/>
  142. <meta name="color:Border" content="#91cecf"/>
  143. <meta name="color:Scrollbar" content="#347579"/>
  144. <meta name="color:CLink BG" content="#ffffff"/>
  145. <meta name="color:CLinks" content="#408e96"/>
  146. <meta name="color:CLinks Hover" content="#0a5366"/>
  147.  
  148. <meta name="image:Header" content="http://static.tumblr.com/7fe06abf2231d760a8bcfd9577c4fa5a/yy7o4zk/bftml7jbm/tumblr_static_tonight_by_star_artista.jpg"/>
  149. <meta name="image:Background" content=""/>
  150. <meta name="image:SidePic" content="http://static.tumblr.com/19fe2b60aa88305f6bdbd832aeea6c28/yy7o4zk/V8rml7l0p/tumblr_static_untitled-1.jpg"/>
  151.  
  152. <meta name="if:Show Header" content="1"/>
  153. <meta name="if:Show Tags" content="1"/>
  154. <meta name="if:Show Circle Links" content="1"/>
  155.  
  156. <meta name="text:Link Set1" content="before applying" />
  157. <meta name="text:Link Set2" content="after applying" />
  158. <meta name="text:Link Set3" content="characters" />
  159. <meta name="text:Link Set4" content="features" />
  160.  
  161.  
  162. <style type="text/css">
  163.  
  164. ::-webkit-scrollbar {width:7px;height:4px;background:{color:Background};}
  165. ::-webkit-scrollbar-thumb {background-color:{color:Scrollbar};}
  166.  
  167. body{
  168. color:{color:Text};
  169. background-attachment:fixed;
  170. background-color:{color:Background};
  171. background-image: url('{image:Background}');
  172. text-align:justify;
  173. font-family:cambria;
  174. font-size:10px;
  175. }
  176.  
  177. a {color: {color:Links}; text-decoration:none;}
  178. a:hover {color:{color:Links Hover}; text-decoration:none;}
  179.  
  180. #cont {
  181. position:fixed;
  182. margin-top:-8px;
  183. margin-left:330px;
  184. height:100%;
  185. width:630px;
  186. background-color:{color:Entry};
  187. }
  188.  
  189. #line {
  190. background-color:{color:Entry};
  191. position:fixed;
  192. margin-top:-8px;
  193. margin-left:960px;
  194. height:100%;
  195. width:6px;
  196. border-left:8px
  197. solid {color:Border};
  198. border-right: 20px solid {color:Border};
  199. }
  200.  
  201. #circ {
  202. position:fixed;
  203. margin-top:480px;
  204. margin-left:-5px;
  205. height:180px;
  206. width:180px;
  207. background-color:{color:CLink BG};
  208. border-radius:100px;
  209. }
  210.  
  211. .circ2 {
  212. margin-top:15px;
  213. margin-left:0px;
  214. height:150px;
  215. width:150px;
  216. }
  217.  
  218.  
  219. #entries {
  220. position:relative;
  221. background-color:{color:Entry};
  222. margin-top:-8px;
  223. margin-left:330px;
  224. float:left;
  225. text-align:justify;
  226. height:100%;
  227. width:630px;
  228. }
  229.  
  230. #posts {
  231. position:relative;
  232. margin-top:30px;
  233. margin-bottom:-5px;
  234. margin-left:42px;
  235. padding:25px;
  236. text-align:justify;
  237. width:500px;
  238. background-color:{color:posts};
  239. }
  240.  
  241.  
  242. #headerimage img {
  243. margin-top:-3px;
  244. width:630px;
  245. height:310px;
  246. text-align:center;
  247. border-bottom:3px double {color:Side};
  248. }
  249.  
  250.  
  251. #side {
  252. background-color:{color:Side};
  253. position: fixed;
  254. margin-top:-8px;
  255. margin-left:130px;
  256. float:left;
  257. text-align:justify;
  258. height:100%;
  259. width:200px;
  260. background-image: url('{image:SidePic}');
  261. }
  262.  
  263. #linkzz {
  264. width: 200px;
  265. font-family: calibri;
  266. font-size: 10px;
  267. letter-spacing: 1px;
  268. text-align: center;
  269. margin-top:20px;
  270. line-height: 20px;
  271. margin-left:-3px;
  272. text-transform: uppercase;
  273. }
  274.  
  275. #linkzz a {
  276. display: inline-block;
  277. background:{color:Border};
  278. width: 45px;
  279. height: 12px;
  280. line-height: 12px;
  281. padding:2px;
  282. color: {color:links};
  283. text-decoration: none;
  284. -webkit-transition: all 0.5s ease-in-out;
  285. -moz-transition: all 0.5s ease-in-out;
  286. -o-transition: all 0.5s ease-in-out;
  287. -ms-transition: all 0.5s ease-in-out;
  288. transition: all 0.5s ease-in-out;
  289. }
  290.  
  291. #linkzz a:hover {
  292. background-color:transparent;
  293. color:{color:Links Hover};
  294. }
  295.  
  296. #info {
  297. display:block;
  298. background-color:{color:Info};
  299. margin:5px 0px 2px 0px;
  300. padding:4px 5px 4px 5px;
  301. color:{color:Text};
  302. font-size:8px;
  303. font-family: calibri, helvetica, arial;
  304. line-height:110%;
  305. text-transform:uppercase;
  306. width:492px;
  307. text-align:center;
  308. }
  309.  
  310. #info a {
  311. color:{color:Links};
  312. }
  313.  
  314. #info a:hover {
  315. color:{color:Links Hover};
  316. }
  317.  
  318. #tags {
  319. margin-right:7px;
  320. font-family:calibri;
  321. text-align:right;
  322. text-transform:lowercase;
  323. font-size:9px;
  324. opacity:1;
  325. -webkit-transition:0.3s linear;
  326. outline: none;
  327. font-style:italic;
  328. }
  329.  
  330. #entries:hover #tags{opacity:1; display:block;}
  331.  
  332. .bubble {
  333. align:right;
  334. background: {color:Entry};
  335. margin:7px 0px 5px 66px;
  336. padding:10px;
  337. position: relative;
  338. -moz-border-radius:5px;
  339. -webkit-border-radius:5px;
  340. border-radius:5px;
  341. }
  342.  
  343. .bubble p {
  344. margin:1px 0px;
  345. }
  346.  
  347. .bubble span {
  348. display:block;
  349. position:absolute;
  350. width:1px;
  351. height:1px;
  352. font-size: 9px;
  353. line-height: 1px;
  354. left:-10px;
  355. top:10px;
  356. border-top:7px solid transparent;
  357. border-bottom:7px solid transparent;
  358. border-right:10px solid {color:Entry};
  359. }
  360.  
  361. .askborder {
  362. float: left;
  363. margin: 1px 4px 0 0;
  364. padding: 2px;
  365. background: {color:Info};}
  366.  
  367. #title2 {
  368. font-size:18px;
  369. font-style:normal;
  370. text-align:center;
  371. text-transform: uppercase;
  372. font-family: 'Open Sans Condensed';
  373. color:{color:Text};
  374. }
  375.  
  376. blockquote {
  377. border-left:3px solid {color:Border};
  378. padding-left:5px;
  379. margin-right:30px;
  380. margin-left:25px;
  381. }
  382.  
  383. #source {
  384. margin-top:3px;
  385. text-align:right;
  386. margin-bottom:5px;
  387. font-size:10px;
  388. }
  389.  
  390. .chat {
  391. line-height: 12px;
  392. list-style: none;
  393. margin-left:-30px;
  394. }
  395. .chat ul {
  396. line-height: 15px;
  397. list-style: none;
  398. line-height:20px;
  399. }
  400. .person1 {
  401. color: {color:Text}
  402. left:5px;
  403. }
  404. .person1 .label {
  405. font-weight: bold;
  406. color:{color:Text};
  407. }
  408. .person2 {
  409. color: {color:Text};}
  410. left: 5px;
  411. }
  412.  
  413. ::-webkit-scrollbar {width:7px;height:4px;background:{color:Background};}
  414. ::-webkit-scrollbar-thumb {background-color:{color:Scrollbar};}
  415.  
  416. .desc {
  417. font-family: calibri, helvetica, arial;
  418. text-align: center;
  419. font-size: 8px;
  420. color:{color:Side Text};;
  421. text-transform: uppercase;
  422. padding:10px;
  423. width:165px;
  424. height:auto;
  425. margin-top:0px;
  426. margin-left:5px;
  427. letter-spacing: 1px;
  428. }
  429.  
  430. .tit1{
  431. padding: 6px;
  432. margin-top:50px;
  433. height:20px;
  434. width:80px;
  435. border-top:3px double {color:Border};
  436. border-bottom:3px double {color:Border};
  437. }
  438.  
  439. .tit11{
  440. color: {color:Side Text};
  441. letter-spacing: 4px;
  442. font-size: 12px;
  443. padding: 3px;
  444. margin-top:-30px;
  445. text-align:center;
  446. text-transform: uppercase;
  447. font-family: 'Open Sans Condensed';
  448. }
  449.  
  450. #popitmenu{
  451. position: absolute;
  452. background-color: {color:Background};
  453. border:1px solid {color:Border};
  454. font: normal 8px Calibri;
  455. text-transform:uppercase;
  456. letter-spacing: 1px;
  457. line-height: 18px;
  458. z-index: 100;
  459. }
  460.  
  461. #popitmenu a{
  462. text-decoration: none;
  463. padding-left: 6px;
  464. color: {color:CLinks};
  465. display: block;
  466. }
  467.  
  468. #popitmenu a:hover{
  469. background-color: {color:Clink BG};
  470. color:{color:Clinks Hover};
  471. font-size:9px;
  472. }
  473.  
  474.  
  475. #cnav {
  476. width: 120px;
  477. height: auto;
  478. font-family: calibri;
  479. font-size: 8px;
  480. letter-spacing: 1px;
  481. text-align: center;
  482. margin-top:48px;
  483. line-height: 20px;
  484. text-transform: uppercase;
  485. }
  486.  
  487. #cnav a {
  488. display: inline-block;
  489. width: 120px;
  490. height: 12px;
  491. line-height: 12px;
  492. color: {color:Clinks};
  493. text-decoration: none;
  494. -webkit-transition: all 0.5s ease-in-out;
  495. -moz-transition: all 0.5s ease-in-out;
  496. -o-transition: all 0.5s ease-in-out;
  497. -ms-transition: all 0.5s ease-in-out;
  498. transition: all 0.5s ease-in-out;
  499. }
  500. #cnav a:hover {
  501. background-color: transparent;
  502. }
  503.  
  504. #pagination {
  505. font-size:30px;
  506. text-align: center;
  507. font-family:cambria;
  508. text-align:center;
  509. }
  510.  
  511. #pagination a{
  512. color:{color:Link};
  513. }
  514.  
  515. #lamusica {
  516. display:block;
  517. height:auto;
  518. position:relative;
  519. min-height:120px;
  520. }
  521.  
  522. .musica {
  523. width:392px;
  524. position:relative;
  525. padding:5px;
  526. {block:IndexPage}overflow:hidden;{/block:IndexPage};
  527. min-height:120px;
  528. }
  529.  
  530. .audioplayercircle {
  531. position: absolute;
  532. z-index: 3;
  533. background: white;
  534. -webkit-border-radius: 50px;
  535. -moz-border-radius: 50px;
  536. top: 35px;
  537. left: 35px;
  538. opacity: .7;
  539. filter:alpha(opacity=70)}
  540.  
  541. .audioplayer {
  542. width: 20px;
  543. height: 30px;
  544. overflow: hidden;
  545. margin: 17px 24px 13px 16px;
  546. }
  547.  
  548. .audiodata {
  549. font:10px calibri;
  550. color:{color:Text};
  551. text-transform:uppercase;
  552. height:15px;
  553. text-align:left;
  554. margin-right: 22px;
  555. padding:0px 7px!important;
  556. background-color:{color:Entry};
  557.  
  558. }
  559.  
  560. .audiodata b{
  561. color:{color:Text};
  562. }
  563.  
  564. </style>
  565.  
  566. {CustomCSS}
  567.  
  568. </style>
  569. </head>
  570. <body>
  571.  
  572. <div id="line">
  573. {block:IfShowCircleLinks}
  574. <div id="circ"><center><div id="cnav">
  575. <a href="#" onMouseover="showmenu(event,linkset[0])" onMouseout="delayhidemenu()">{text:Link Set1}</a><br>
  576. <a href="#" onMouseover="showmenu(event,linkset[1], '180px')" onMouseout="delayhidemenu()">{text:Link Set2}</a><br>
  577. <a href="#" onMouseover="showmenu(event,linkset[2], '180px')" onMouseout="delayhidemenu()">{text:Link Set3}</a><br>
  578. <a href="#" onMouseover="showmenu(event,linkset[3], '180px')" onMouseout="delayhidemenu()">{text:Link Set4}</a>
  579. </div></div>{block:IfShowCircleLinks}
  580. </div></div>
  581.  
  582. <div id="side">
  583. <center>
  584. <div class="tit1"></center>
  585. <div class="tit11">{Title}</center>
  586.  
  587. <div id="linkzz">
  588. <a href="/">refresh</a>
  589. <a href="/ask">askbox</a>
  590. <a href="http://letsrp.tumblr.com/">credit</a>
  591. </div>
  592.  
  593. <div class="desc">{Description}
  594. <br></div>
  595.  
  596. <div id="pagination">{block:PreviousPage}<a href="{PreviousPage}">«</a> {/block:PreviousPage}{block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}</div>
  597.  
  598. </div></div></div></div>
  599.  
  600.  
  601. <div id="cont"></div>
  602. <div id="entries">{block:IfShowHeader}
  603. <div id="headerimage"><img src="{image:header}"/></center>
  604. </div>{/block:IfShowHeader}
  605.  
  606. {block:Posts}
  607. <div id="posts">
  608. {block:Title}<div id="title2">{Title}</div>{/block:Title}
  609. {block:Text}{Body}{/block:Text}
  610.  
  611. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  612.  
  613. {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  614.  
  615. {block:Quote}<div id="title2">"{Quote}"</div>
  616. {block:Source}<div id="source">— {Source}</div>{/block:Source}{/block:Quote}
  617.  
  618. {block:Link}<div id="title2"><a href="{URL}" class="link" {Target}>{Name}</a></div>
  619. {block:Description}{Description}{/block:Description}
  620. {/block:Link}
  621.  
  622. {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}
  623.  
  624.  
  625. {block:Audio}
  626. <div id="lamusica">
  627. <div class="musica">
  628. <img src="http://static.tumblr.com/2lqtwbf/coolyqooj/untitled-1.png" alt="default album art" width="120" height="120" style="position:absolute; vertical-align:middle;" />{block:AlbumArt}<img width="120" height="120" src="{AlbumArtURL}" style="position:absolute;" />
  629. {/block:AlbumArt}
  630. <div class="audioplayercircle"><div class="audioplayer">{AudioPlayerWhite}</div></div><div class="something"><table style="float:right;" width="270px" cellspacing="1px" cellpadding="0">
  631. {block:TrackName}<tr><td class="audiodata"><b>Song: </b>{TrackName}</td>
  632. </tr>{/block:TrackName}
  633. {block:Artist}<tr><td class="audiodata"><b>Artist: </b> {Artist}</td>
  634. </tr>{/block:Artist}
  635. {block:Album}<tr><td class="audiodata"><b>Album: </b>{Album}</td>
  636. </tr>{/block:Album}
  637. {block:ExternalAudio}<tr><td class="audiodata"><a href="{ExternalAudioURL}" target="_blank">Source</a></td></tr>{/block:ExternalAudio}
  638. </table>
  639. </div></div>{block:Caption}{Caption}{/block:Caption}
  640. </div>{/block:Audio}
  641.  
  642.  
  643. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  644.  
  645. {block:Answer}<img src="{AskerPortraitURL-48}" align="left" class="askborder"><div class="bubble"><span></span><i>{Asker}: {Question}&nbsp;</i></div>
  646. <div style="margin-left:40px;">
  647. {Answer}</div>{/block:Answer}
  648.  
  649. {block:Date}
  650. <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}
  651.  
  652.  
  653. </div>
  654. </div>
  655. </div>
  656. </div>
  657. </div>
  658. </div>
  659. </body>
  660. </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!