API tools faq
paste
alithegreat

THEME 25; MIDNIGHT MEMORIES

alithegreat
Aug 31st, 2014
957
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.19 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.  
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <head>
  6.  
  7. <title>{Title}</title>
  8. <link rel="shortcut icon" href="{Favicon}">
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  11.  
  12. <!----
  13.  
  14. BASE: Themesbyvanne@tumblr
  15. THEME: Wonderlandsrps@tumblr
  16. NUMBER: 25
  17. TITLE: Midnight Memories
  18.  
  19. Don't be a bitch mkay??? Just follow my terms on the theme post. :-)
  20.  
  21. --->
  22.  
  23. <meta name="image:Sidebar" content=""/>
  24. <meta name="image:Icon" content=""/>
  25. <meta name="image:Background" content=""/>
  26.  
  27. <meta name="color:Asker BG" content=""/>
  28. <meta name="color:Asker Text" content=""/>
  29. <meta name="color:Background" content=""/>
  30. <meta name="color:Blockquote" content=""/>
  31. <meta name="color:Border" content=""/>
  32. <meta name="color:Description" content=""/>
  33. <meta name="color:Entries" content=""/>
  34. <meta name="color:Info" content=""/>
  35. <meta name="color:Link" content=""/>
  36. <meta name="color:Navhover" content=""/>
  37. <meta name="color:Navigation" content=""/>
  38. <meta name="color:Navigation Links" content=""/>
  39. <meta name="color:Pre BG" content=""/>
  40. <meta name="color:Pre Text" content=""/>
  41. <meta name="color:Question BG" content=""/>
  42. <meta name="color:Question Text" content=""/>
  43. <meta name="color:Scrollbar" content=""/>
  44. <meta name="color:Text" content=""/>
  45. <meta name="color:Title" content=""/>
  46.  
  47. <meta name="text:mainlink1" content=""/>
  48. <meta name="text:maintext1" content=""/>
  49.  
  50. <meta name="text:mainlink2" content=""/>
  51. <meta name="text:maintext2" content=""/>
  52.  
  53. <meta name="text:mainlink3" content=""/>
  54. <meta name="text:maintext3" content=""/>
  55.  
  56. <meta name="text:blurb" content=""/>
  57. <meta name="text:answer text" content=""/>
  58.  
  59. <script src=”http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js”></script>
  60.  
  61. <script src=”http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js”></script>
  62.  
  63. <script>
  64.  
  65. (function($){
  66.  
  67. $(document).ready(function(){
  68.  
  69. $(“a[title]”).style_my_tooltips({
  70.  
  71. tip_follows_cursor:true,
  72.  
  73. tip_delay_time:30,
  74.  
  75. tip_fade_speed:300,
  76.  
  77. attribute:”title”
  78.  
  79. });
  80.  
  81. });
  82.  
  83. })(jQuery);
  84.  
  85. </script>
  86.  
  87. <style type="text/css">
  88.  
  89. ::-webkit-scrollbar-thumb {
  90. height:auto;
  91. background-color:{color:Background};
  92. }
  93.  
  94. ::-webkit-scrollbar {
  95. height:10px;
  96. width:6px;
  97. background-color:{color:Scrollbar};
  98. }
  99.  
  100. #s-m-t-tooltip {
  101. margin-top: 15px;
  102. font-family: arial;
  103. font-size: 8px;
  104. text-transform:uppercase;
  105. padding:2px;
  106. background-color:{color:Entries};
  107. color:{color:Text};
  108. border:1px solid {color:Border};
  109. z-index:9999;
  110. }
  111.  
  112. body {
  113. background: {color:Background};
  114. background-image:url('{image:Background}');
  115. background-attachment:fixed;
  116. font-family: arial;
  117. font-size: 11px;
  118. color: {color:Text};
  119. }
  120.  
  121. blockquote {
  122. padding-left:5px;
  123. margin:0px 2px 0px 11px;
  124. border-left:2px solid {color:Blockquote};
  125. }
  126.  
  127. a {
  128. text-decoration: none;
  129. color: {color:Link};
  130. }
  131.  
  132. pre {
  133. font-family:arial;
  134. font-size:8px;
  135. text-transform:Uppercase;
  136. background-color:{color:Pre Bg};
  137. padding:2px;
  138. text-align:center;
  139. border-left:2px solid {color:border};
  140. border-right:2px solid {color:border};
  141. word-wrap: break-word;
  142. color:{color:Pre Text};
  143. }
  144.  
  145. small, sub {
  146. font-size:10px;
  147. }
  148.  
  149. b, strong {
  150. color:{color:Title};
  151. }
  152.  
  153. #iconbar {
  154. position:fixed;
  155. margin-top:345px;
  156. margin-left:30px;
  157. width:120px;
  158. height:120px;
  159. padding:0px;
  160. border:1px solid {color:Border};
  161. }
  162.  
  163. #photo1bar {
  164. position:fixed;
  165. margin-top:40px;
  166. margin-left:30px;
  167. padding:0px;
  168. border:1px solid {color:Border};
  169. height:300px;
  170. width:350px;
  171. }
  172.  
  173. #description {
  174. position: fixed;
  175. margin-top:-10px;
  176. margin-left:400px;
  177. padding: 20px;
  178. width:150px;
  179. height:110%;
  180. font-size:11px;
  181. letter-spacing:-1px;
  182. text-align:justify;
  183. text-transform:lowercase;
  184. border:1px solid {color:Border};
  185. background-color:{color:Description};
  186. }
  187.  
  188. #desc {
  189. margin-top:150px;
  190. }
  191.  
  192. #quotebar {
  193. position:fixed;
  194. margin-top:345px;
  195. margin-left:243px;
  196. width:97px;
  197. padding:20px;
  198. text-transform:lowercase;
  199. font-weight:bold;
  200. font-size:11px;
  201. letter-spacing:-1px;
  202. height:80px;
  203. border:1px solid {color:border};
  204. background-color:{color:Description};
  205. }
  206.  
  207. #navbar1 {
  208. position: fixed;
  209. margin-left:155px;
  210. margin-top: 345px;
  211. width: 80px;
  212. height: 135px;
  213. padding: 0px;
  214. background-color:{color:Navbar};
  215. border: 0px solid {color:Border};}
  216.  
  217. #navigation {
  218. margin-top:0px;
  219. margin-right:0px;
  220. text-align:center;
  221. }
  222.  
  223. #navigation a {
  224. display:inline-block;
  225. text-align:center;
  226. border-right:1px solid {color:Border};
  227. border-top:1px solid {color:Border};
  228. border-bottom:1px solid {color:Border};
  229. border-left:4px solid {color:Border};
  230. width:80px;
  231. height:20px;
  232. line-height:20px;
  233. text-transform:uppercase;
  234. font-weight:bold;
  235. font-family:arial;
  236. font-size:8px;
  237. letter-spacing:1px;
  238. margin-bottom:3px;
  239. background-color:{color:Navigation};
  240. color:{color:Navigation Links};
  241. -webkit-transition: all 0.2s ease-in-out;
  242. -moz-transition: all 0.2s ease-in-out;
  243. -o-transition: all 0.2s ease-in-out;
  244. }
  245.  
  246. #navigation a:hover {
  247. display:inline-block;
  248. text-align:center;
  249. font-style:italic;
  250. background-color:{color:Navhover};
  251. color:{color:Navigation Links};
  252. -webkit-transition: all 0.5s ease-in-out;
  253. -moz-transition: all 0.5s ease-in-out;
  254. -o-transition: all 0.5s ease-in-out;
  255. }
  256.  
  257.  
  258. #entries {
  259. position:absolute;
  260. width:522px;
  261. margin-left:600px;
  262. padding:10px;
  263. margin-top:30px;
  264. border: 0px solid {color:Border};}
  265.  
  266.  
  267. #entry {
  268. background-color:{color:Entries};
  269. margin-bottom:0px;
  270. padding:10px;
  271. border:1px solid {color:Border}}
  272.  
  273. #entrybg {
  274. padding:2px;
  275. background-color:{color:Sidebar BG};
  276. background-image:url('{image:Sidebar BG}');
  277. background-attachment:fixed;
  278. border:1px solid {color:Border};
  279. }
  280.  
  281. img {
  282. max-width: 100%;
  283. }
  284.  
  285. #posttitles {
  286. text-align: center;
  287. font-size: 18px;
  288. font-style:italic;
  289. letter-spacing:0px;
  290. text-transform:uppercase;
  291. font-family:arial;
  292. padding:0px;
  293. border-bottom:0px double {color:Border};
  294. margin-bottom:5px;
  295. color: {color:Title};
  296. }
  297.  
  298. #pagination {
  299. text-align:center;
  300. margin-top: 10px;
  301. word-spacing:10px;
  302. }
  303.  
  304. #pagination a {
  305. display: inline-block;
  306. text-transform:uppercase;
  307. font-size:8px;
  308. font-family:arial;
  309. font-style:italic;
  310. letter-spacing:1px;
  311. text-align: center;
  312. }
  313.  
  314. #questionbox {
  315. padding:5px;
  316. margin-bottom:10px;
  317. background-color:transparent;
  318. border-left:0px double {color:Border};
  319. border-right:0px double {color:Border};
  320. }
  321.  
  322. #question {
  323. text-align:center;
  324. padding:5px;
  325. word-wrap: break-word;
  326. letter-spacing:0px;
  327. margin-bottom:10px;
  328. margin-top:15px;
  329. font-family:arial;
  330. background-color:{color:Question BG};
  331. color:{color:Question Text};
  332. text-transform:uppercase;
  333. padding:10px;
  334. border-left:3px solid {color:Asker BG};
  335. border-right:3px solid {color:Asker BG};
  336. font-size:8px;
  337. }
  338.  
  339. .askerr1 {
  340. float:left;
  341. display:inline-block;
  342. z-index:10;
  343. font-family:arial;
  344. font-size:8px;
  345. text-align:left;
  346. width:485px;
  347. letter-spacing:1px;
  348. text-transform:uppercase;
  349. font-weight:bold;
  350. height:15px;
  351. line-height:15px;
  352. padding-left:5px;
  353. color:{color:Asker Text};
  354. background-color:{color:Asker BG};
  355. }
  356.  
  357. .askerr2 {
  358. float:right;
  359. display:inline-block;
  360. z-index:10;
  361. margin-top:-10px;
  362. font-family:arial;
  363. font-size:8px;
  364. text-align:right;
  365. width:485px;
  366. letter-spacing:1px;
  367. text-transform:uppercase;
  368. font-weight:bold;
  369. height:15px;
  370. line-height:15px;
  371. padding-right:5px;
  372. color:{color:Asker Text};
  373. background-color:{color:Asker BG};
  374. }
  375.  
  376. #answer {
  377. text-align:center;
  378. padding:5px;
  379. word-wrap: break-word;
  380. letter-spacing:0px;
  381. margin-bottom:10px;
  382. margin-top:15px;
  383. font-family:arial;
  384. background-color:{color:Question BG};
  385. color:{color:Question Text};
  386. text-transform:uppercase;
  387. padding:5px;
  388. border-left:3px solid {color:Asker BG};
  389. border-right:3px solid {color:Asker BG};
  390. border-bottom:3px solid {color:Asker bG};
  391. font-size:8px;
  392. }
  393.  
  394. .playerbuttonbg {
  395. position: absolute;
  396. left: 20px;
  397. top: 20px;
  398. width: 19px;
  399. height: 19px;
  400. background-color: #ffffff;
  401. padding: 10px;
  402. -webkit-border-radius: 40px;
  403. -moz-border-radius: 40px;
  404. border-radius: 40px;
  405. opacity: .4;
  406. filter: alpha(opacity=40);
  407. opacity: 0.4;
  408. -khtml-opacity: 0.4;
  409. transition: opacity .7s ease-in-out;
  410. -moz-transition: opacity .7s ease-in-out;
  411. -webkit-transition: opacity .7s ease-in-out;
  412. }
  413.  
  414. .playerbuttonbg:hover {
  415. opacity: 1;
  416. filter: alpha(opacity=100);
  417. -moz-opacity: 1;
  418. -khtml-opacity: 1;
  419. }
  420.  
  421. .newplayerbutton {
  422. position: relative;
  423. width: 19px;
  424. height: 19px;
  425. overflow: hidden;
  426. }
  427.  
  428. .playerbuttonhug {
  429. position: absolute;
  430. top: -18px;
  431. left: -7px;
  432. }
  433.  
  434. .tumblr_audio_player {
  435. height: 90px;
  436. width: 270px;
  437. -moz-transform: scale(0.60, 0.60);
  438. -webkit-transform: scale(0.60, 0.60);
  439. -o-transform: scale(0.60, 0.60);
  440. -ms-transform: scale(0.60, 0.60);
  441. transform: scale(0.60, 0.60);
  442. -moz-transform-origin: top left;
  443. -webkit-transform-origin: top left;
  444. -o-transform-origin: top left;
  445. -ms-transform-origin: top left;
  446. transform-origin: top left;
  447. }
  448.  
  449. .audioimgwrapper {
  450. position: absolute;
  451. left: 0px;
  452. top: 0px;
  453. -webkit-border-radius: 40px;
  454. -moz-border-radius: 40px;
  455. border-radius: 40px;
  456. overflow: hidden;
  457. width: 79px;
  458. height: 79px;
  459. }
  460.  
  461. .audioimgwrapper img {
  462. width: 100%;
  463. height: auto;
  464. -webkit-border-radius: 40px;
  465. -moz-border-radius: 40px;
  466. border-radius: 40px;
  467. }
  468.  
  469. .trackdetails {
  470. width: auto;
  471. display:inline-block;
  472. margin-left: 90px;
  473. min-height: 85px;
  474. }
  475.  
  476. .audiowrapper {
  477. position: relative;
  478. display:inline-block;
  479. }
  480.  
  481. #permalink {
  482. text-align: center;
  483. border: 1px solid {color:Border};
  484. position: relative;
  485. font-size:8px;
  486. background-color:{color:info};
  487. text-transform:uppercase;
  488. font-family:arial;
  489. margin-top: -1px;
  490. padding-top: 5px;
  491. margin-left:0px;
  492. margin-right:0px;
  493. padding-bottom:5px;
  494. }
  495.  
  496. #credit{
  497. font-size: 8px;
  498. font-style:none;
  499. float: center;
  500. position: fixed;
  501. bottom: 15px;
  502. right: 15px;
  503. color:{color:text};
  504. text-transform:uppercase;
  505. letter-spacing:1px;
  506. font-family:arial;
  507. }
  508.  
  509. #credit a{
  510. color: {color:text};
  511. padding:4px;
  512. -moz-transition-duration:0.5s;
  513. -webkit-transition-duration:0.5s;
  514. -o-transition-duration:0.5s;
  515. }
  516.  
  517.  
  518. </style>
  519.  
  520. </head>
  521.  
  522. <body>
  523.  
  524. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  525.  
  526. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  527.  
  528. <script>
  529.  
  530. (function($){
  531.  
  532. $(document).ready(function(){
  533.  
  534. $("a[title]").style_my_tooltips({
  535.  
  536. tip_follows_cursor:true,
  537.  
  538. tip_delay_time:10,
  539.  
  540. tip_fade_speed:60,
  541.  
  542. attribute:"title"
  543.  
  544. });
  545.  
  546. });
  547.  
  548. })(jQuery);
  549.  
  550. </script>
  551.  
  552. <div id="description"><br><br><br><br><br>{Description}<div id="pagination">
  553. {block:PreviousPage}<a href="{PreviousPage}">fall</a>{/block:PreviousPage}
  554. {block:NextPage} <a href="{NextPage}">rise</a>{/block:NextPage}
  555. </div></div>
  556.  
  557. <div id="navbar1"><div id="navigation">
  558. <a href="/">index</a><br>
  559. <a href="/ask">inquire</a><Br>
  560. <a href="{text:mainlink1}">{text:maintext1}</a><br>
  561. <a href="{text:mainlink2}">{text:maintext2}</a><br>
  562. <a href="{text:mainlink3}">{text:maintext3}</a><br>
  563. </div></div>
  564.  
  565. <div id="photo1bar"><img src="{image:Sidebar}"></div>
  566.  
  567. <div id="iconbar"><img src="{image:Icon}"></div>
  568.  
  569. <div id="quotebar">{text:blurb}</div>
  570.  
  571.  
  572. <div id="entries">
  573. {block:Posts}
  574. <div id="entry">
  575.  
  576.  
  577. {block:Text}
  578. <div id="posttitles">{block:Title}{Title}{/block:Title}</div>
  579. {Body}
  580. {/block:Text}
  581.  
  582. {block:Photo}
  583. {LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  584. {block:Caption}{Caption}{/block:Caption}
  585. {/block:Photo}
  586.  
  587. {block:Photoset}
  588. {Photoset-500}
  589. {block:Caption}{Caption}{/block:Caption}
  590. {/block:Photoset}
  591.  
  592. {block:Quote}
  593. <div id="posttitles">{Quote}</div>
  594. {block:Source}<br>—{Source}{/block:Source}
  595. {/block:Quote}
  596.  
  597. {block:Link}
  598. <div id="posttitles"><a href="{URL}" {Target}>{Name}</a></div>
  599. {block:Description}{Description}{/block:Description}
  600. {/block:Link}
  601.  
  602. {block:Chat}
  603. {block:Title}<div id="posttitles">{Title}</div>{/block:Title}
  604. {block:Lines}
  605. {block:Label}<b>{Label}</b>{/block:Label} {Line}<br>
  606. {/block:Lines}
  607. {/block:Chat}
  608.  
  609. {block:Audio}{block:AudioPlayer}
  610. <div class="audiowrapper">
  611. {block:AlbumArt}
  612. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  613. {/block:AlbumArt}
  614.  
  615. <div class="playerbuttonbg">
  616. <div class="newplayerbutton">
  617. <div class="playerbuttonhug">
  618.  
  619. {AudioPlayerWhite}
  620.  
  621. </div>
  622. </div>
  623. </div>
  624.  
  625. <div class="trackdetails">
  626.  
  627. {block:TrackName}{TrackName}{/block:TrackName}<br/>
  628. {block:Artist}Artist: {Artist}{/block:Artist}<br/>
  629. {block:Album}Album: {Album}{/block:Album}<br/>
  630. {PlayCountWithLabel}
  631.  
  632. </div>
  633. </div>
  634. {/block:AudioPlayer}
  635.  
  636. {block:Caption}{Caption}{/block:Caption}{/block:Audio}
  637.  
  638. {block:Video}
  639. {Video-500}
  640. {block:Caption}{Caption}{/block:Caption}
  641. {/block:Video}
  642.  
  643. {block:Answer}
  644. <div id="questionbox"><div class="askerr1">{Asker} sent:</div> <div id="question">{Question}</div> <div class="askerr2">{text:answer text} answered:</div> <div id="answer">{Answer}</div></div>
  645. {/block:Answer}
  646.  
  647.  
  648. </div><div id="permalink">
  649. {block:Date}<i>Posted on:</i> {TimeAgo}{/block:Date} ▾ <a href="{Permalink}">
  650. {NoteCountWithLabel}</a> <a href="{ReblogURL}" target="_blank">Reblog</a>
  651.  
  652. {block:RebloggedFrom} ▾ <i>post details:</i> <a href="{ReblogParentURL}"title="{ReblogParentTitle}">via</a> & <a href="{ReblogRootURL}"title="{ReblogRoottitle}">source</a>{/block:RebloggedFrom}
  653.  
  654. <br>{block:HasTags} <i>tagged with:</i> {block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}
  655. </div>
  656. <!-- /div entry ---> <br><br>
  657.  
  658. <div id="credit"> <a href="http://wonderlandsrps.tumblr.com/">wonderlandsrps</a></div>
  659.  
  660. </body>
  661.  
  662. </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!