API tools faq
paste
Advertisement
babesthetique

For spencer - not for release.

babesthetique
Feb 4th, 2016
97
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.47 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!--
  3.  
  4. Theme for Spence, rp purposes only.
  5. Farahmir base code.
  6.  
  7. -->
  8.  
  9. <!DOCTYPE html>
  10. <head>
  11.  
  12.  
  13. <title>{Title}</title>
  14.  
  15. <link rel="shortcut icon" href="{Favicon}">
  16. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  17. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  18.  
  19. <!--Default Variables-->
  20.  
  21. <meta name="color:Background" content="#f9f9f9"/>
  22. <meta name="color:Posts Bg" content="#ffffff"/>
  23. <meta name="color:Sidebar Links" content="#bbbbbb"/>
  24. <meta name="color:Text" content="#bbbbbb"/>
  25. <meta name="color:Link" content="#bbbbbb"/>
  26.  
  27. <meta name="image:Sidebar Image" content="http://i.imgur.com/SUxbgUn.png"/>
  28.  
  29. <meta name="text:Title1" content="LITTLE DEVIL" />
  30.  
  31. <meta name="text:Now Playing" content="TroyBoi - Do You?" />
  32. <meta name="text:mp3" content="https://dl.dropboxusercontent.com/s/yelb8zl9lwia9ud/TroyBoi%20-%20Do%20You_.mp3?dl=0" />
  33.  
  34.  
  35. <!-- jquery for tooltips-->
  36.  
  37.  
  38. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  39.  
  40. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  41.  
  42. <script>
  43.  
  44. (function($){
  45.  
  46. $(document).ready(function(){
  47.  
  48. $("a[title]").style_my_tooltips({
  49.  
  50. tip_follows_cursor:true,
  51.  
  52. tip_delay_time:30,
  53.  
  54. tip_fade_speed:300,
  55.  
  56. attribute:"title"
  57.  
  58. });
  59.  
  60. });
  61.  
  62. })(jQuery);
  63.  
  64. </script>
  65.  
  66.  
  67.  
  68. <script type="text/javascript"
  69. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  70. <script>
  71. $(document).ready(function() {
  72. //
  73. $('a.poplight[href^=#]').click(function() {
  74. var popID = $(this).attr('rel'); //Get Popup Name
  75. var popURL = $(this).attr('href'); //Get Popup href to define size
  76. var query= popURL.split('?');
  77. var dim= query[1].split('&');
  78. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  79. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  80. var popMargTop = ($('#' + popID).height() + 80) / 2;
  81. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  82. //Apply Margin to Popup
  83. $('#' + popID).css({
  84. 'margin-top' : -popMargTop,
  85. 'margin-left' : -popMargLeft
  86. });
  87. $('body').append('<div id="fade"></div>');
  88. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  89. return false;
  90. });
  91. $('a.close, #fade').live('click', function() {
  92. $('#fade , .popup_block').fadeOut(function() {
  93. $('#fade, a.close').remove(); //fade them both out
  94. });
  95. return false;
  96. });
  97. });
  98. </script>
  99.  
  100.  
  101. <!--CSS customization here. -->
  102.  
  103. <style type="text/css">
  104.  
  105.  
  106.  
  107.  
  108.  
  109. ::selection {
  110. background:transparent;
  111. color:#bbbbbb;
  112. text-shadow: 0px 0px 2px #fff, -2px 0px 0px #dcd679;
  113. }
  114.  
  115. ::-moz-selection {
  116. background:transparent;
  117. color:#bbbbbb;
  118. text-shadow: 0px 0px 2px #fff, -2px 0px 0px #dcd679;
  119. }
  120.  
  121. ::-webkit-selection {
  122. background:transparent;
  123. color:#bbbbbb;
  124. text-shadow: 0px 0px 2px #fff, -2px 0px 0px #dcd679;
  125. }
  126.  
  127.  
  128. ::-webkit-scrollbar-thumb {
  129. height:auto;
  130. background-color: #f1f1f1;
  131. }
  132.  
  133. ::-webkit-scrollbar {
  134. height:9px;
  135. width:6px;
  136. background-color: {color:posts bg};
  137. }
  138.  
  139.  
  140.  
  141.  
  142.  
  143.  
  144.  
  145. #s-m-t-tooltip{
  146. position:absolute;
  147. margin-top: 15px;
  148. z-index:9999;
  149. background:#fff;
  150. font-family:trebuchet;
  151. text-transform:uppercase;
  152. font-size:8px;
  153. border:1px solid #f1f1f1;
  154. padding:5px;
  155. }
  156.  
  157.  
  158.  
  159. /*basics*/
  160. blockquote {padding:0px 5px;
  161. border-left:1px solid #f1f1f1;
  162. margin-left:30px;
  163. }
  164.  
  165. body {
  166. background:{color:background};
  167. color:{color:text};
  168. font-family:Lucida;
  169. font-size:11px;
  170. text-align:justify;
  171. margin:0;
  172. line-height:16px;}
  173.  
  174.  
  175. a {
  176. color:{color:link};
  177. text-decoration:none;
  178. -webkit-transition: all .3s;
  179. -moz-transition: all .3s;
  180. -o-transition: all .3s;
  181. -ms-transition: all .3s;
  182. transition: all .3s;
  183.  
  184. }
  185.  
  186. a:hover {
  187. color:#dcd679;
  188. -webkit-transition: all .3s;
  189. -moz-transition: all .3s;
  190. -o-transition: all .3s;
  191. -ms-transition: all .3s;
  192. transition: all .3s;
  193.  
  194. }
  195.  
  196. img{opacity:1;
  197. border:none;
  198. text-decoration:none}
  199.  
  200.  
  201. small {
  202. font-size:9px;}
  203.  
  204. big {
  205. font-size:12px;}
  206.  
  207.  
  208. #title {
  209. font-size:22px;
  210. width:420px;
  211. margin-left:-20px;
  212. border-bottom:1px solid #f1f1f1;
  213. font-weight:bold;
  214. padding:10px;
  215. line-height:18px;
  216. font-family:arial;
  217. margin-bottom:10px;
  218. text-transform:uppercase;
  219. text-align:center;
  220. -webkit-text-fill-color: #fff; /* Will override color (regardless of order) */
  221. -webkit-text-stroke-width: 1px;
  222. -webkit-text-stroke-color: {color:text};
  223.  
  224. }
  225.  
  226.  
  227. /*sidebar*/
  228. #sidebar {
  229. text-align:left;
  230. position:fixed;
  231. margin-left:-400px;
  232. margin-top:200px;
  233. width:300px;
  234. font-family:arial;
  235. }
  236.  
  237. #sidebarim {
  238. position:fixed;
  239. margin-left:0px;
  240. margin-top:0px;
  241.  
  242. }
  243.  
  244. #sidebarim img {
  245. width:220px;
  246.  
  247. }
  248.  
  249. #blogt {
  250. position:fixed;
  251. margin-top:300px;
  252. margin-left:0px;
  253. font-size:36px;
  254. font-weight:bold;
  255. -webkit-text-fill-color: #fff; /* Will override color (regardless of order) */
  256. -webkit-text-stroke-width: 1px;
  257. -webkit-text-stroke-color: {color:text};
  258. }
  259.  
  260. #links {
  261. position:fixed;
  262. margin-top:382px;
  263. margin-left:10px;
  264. line-height:10px;
  265. text-transform:uppercase;
  266. font-size:9px;
  267. font-family:trebuchet ms;
  268. text-align:right;
  269. }
  270.  
  271.  
  272. #links a {
  273. margin-right:20px;
  274. display:inline-block;
  275. margin-bottom:5px;
  276. color:{color:sidebar links};
  277. -webkit-transition: all .3s;
  278. -moz-transition: all .3s;
  279. -o-transition: all .3s;
  280. -ms-transition: all .3s;
  281. transition: all .3s;
  282. }
  283.  
  284. #links a:hover{
  285. color:#dcd679;
  286. -webkit-transition: all .3s;
  287. -moz-transition: all .3s;
  288. -o-transition: all .3s;
  289. -ms-transition: all .3s;
  290. transition: all .3s;
  291. }
  292.  
  293. #description {
  294. position:fixed;
  295. margin-top:324px;
  296. margin-left:6px;
  297. width:230px;
  298. border-bottom:1px solid #f1f1f1;
  299. }
  300.  
  301.  
  302. /*pagination*/
  303. #pagination {
  304. margin:50px 0;
  305. text-transform:lowercase;
  306. font-weight:bold;
  307. }
  308. #pagination a {
  309. padding:0 15px;
  310. }
  311.  
  312. /*container*/
  313. #con {
  314. left:50%;
  315. margin-left:-100px;
  316. position:absolute;
  317. }
  318.  
  319.  
  320.  
  321. /*posts*/
  322.  
  323. #entries {
  324. margin-top:70px;
  325. width:400px;
  326. }
  327.  
  328.  
  329.  
  330. #posts {
  331. width:400px;
  332. {block:IndexPage}
  333. margin-bottom:40px;
  334. {/block:IndexPage}
  335. {block:PermalinkPage}
  336. margin-bottom:50px;
  337. {/block:PermalinkPage}
  338. padding:20px;
  339. background:{color:posts bg};
  340. box-shadow:1px 1px #f1f1f1;
  341. border-bottom:2px solid #f1f1f1;
  342.  
  343.  
  344. }
  345. #posts img {
  346. max-width:400px;
  347. }
  348.  
  349. #posts img, #posts li, #posts blockquote {max-width: 100%;}
  350. .caption {width:100%;
  351. margin-top:10px;
  352.  
  353. }
  354.  
  355. /*quote*/
  356.  
  357. #titlequote{text-align:left;
  358. font-size:14px;
  359. line-height:18px;
  360. font-weight:bold;
  361. }
  362. #source {
  363. margin-top:15px;
  364. margin-left:15px;}
  365.  
  366. /*audio*/
  367.  
  368. .player {
  369. width:25px;
  370. height:25px;
  371. overflow:hidden;
  372. position:absolute;
  373. background:white;}
  374.  
  375. .audioinfo {
  376. margin-left:50px;
  377. }
  378.  
  379.  
  380. /*asks*/
  381. .q {margin-bottom:10px;
  382. }
  383. .as {
  384. font-weight:bold;}
  385.  
  386. .a {
  387. margin-top:10px;
  388. }
  389.  
  390.  
  391. /*chat*/
  392.  
  393. .chat ol {
  394. padding:0;
  395. list-style:none;
  396. }
  397. .line {padding:5px 0;}
  398.  
  399. .label {font-weight:bold;
  400. }
  401.  
  402.  
  403.  
  404.  
  405.  
  406. /*permalink and notes*/
  407.  
  408. #permalink {
  409. padding-top:5px;
  410. width:440px;
  411. border-top:1px solid #f1f1f1;
  412. margin-left:-20px;
  413. margin-bottom:-12px;
  414. margin-top:15px;
  415. font-family:trebuchet ms;
  416. font-size:9px;
  417. text-transform:uppercase;
  418. text-align:right;
  419. }
  420. #permalink a {margin-right:10px;
  421. }
  422.  
  423.  
  424. .tags {
  425.  
  426. margin-left:5px;
  427. padding-top:5px;
  428. text-align:left;
  429. word-break:break-all;
  430. font-size:9px;
  431. }
  432.  
  433. .pagenotes {
  434. {block:IndexPage}
  435. display: none!important;
  436. {/block:IndexPage}
  437. width:400px;
  438. text-align:left;
  439.  
  440. }
  441. .pagenotes img {
  442. display:none!important;}
  443. .pagenotes li {
  444. list-style-type:none;
  445. padding:5px 0px;
  446. text-align:left;
  447. margin:0 0 0 -40px;
  448. }
  449.  
  450.  
  451. .popup_block{
  452. display:none;
  453. background:#fff;
  454. padding:20px;
  455. border:1px solid #eee; /* if you want a solid white pop-up, delete this */
  456. float:left;
  457. position:fixed;
  458. top:50%;left:50%;
  459. z-index: 99999;
  460. -webkit-box-shadow: 0px 0px 20px #000; /* delete for solid white */
  461. -moz-box-shadow: 0px 0px 20px #000; /* delete for solid white */
  462. box-shadow: 0px 0px 20px #000; /* delete for solid white */
  463. }
  464.  
  465. *html #fade {position: absolute;}
  466. *html .popup_block {position: absolute;}
  467. #fade {
  468. display:none;
  469. position:fixed;
  470. left:0px;
  471. top:0px;
  472. width:100%;
  473. height:100%;
  474. z-index:9999;
  475. background:#000; /* change to #fff for solid white */
  476. opacity:0.5; /* change to opacity:1; */
  477. }
  478.  
  479.  
  480. .auto {
  481. position:fixed;
  482. bottom:15px;
  483. left:15px;
  484. width:15px;
  485. height:15px;
  486. padding:5px;
  487. border:4px double #f1f1f1;
  488. }
  489.  
  490.  
  491. .autoplay {
  492. width:15px;
  493. height:15px;
  494. overflow:hidden;
  495. }
  496.  
  497. .autofix {
  498. margin-top:-3px;
  499. margin-left:-52px;
  500. }
  501.  
  502.  
  503.  
  504.  
  505. {CustomCSS}
  506.  
  507.  
  508. </style>
  509.  
  510.  
  511.  
  512. </head>
  513.  
  514. <body>
  515.  
  516. <div id="con">
  517.  
  518. <div id="sidebar">
  519. <div id="blogt">{text:Title1}</div>
  520. <div id="sidebarim"><img src="{image:Sidebar Image}"></div>
  521. <div id="description">
  522. <span style="text-transform:uppercase; font-weight:bold; font-size:11px; text-shadow:1px 1px #d7d7d7">Spencer Cho • Twenty• Unemployed </span>
  523. <br>
  524. <span style="font-size:9px; font-family:trebuchet ms; font-style:italic;">She learned how to smile with <span style="font-weight:900; text-transform:uppercase; text-shadow:1px 1px #dcd679">blood</span> in her mouth.<br>
  525. She was <span style="font-weight:900; text-transform:uppercase; text-shadow:1px 1px #dcd679">brave</span>, she was <span style="font-weight:900; text-transform:uppercase; text-shadow:1px 1px #dcd679">beautiful</span>, bit it was <span style="font-weight:900; text-transform:uppercase; text-shadow:1px 1px #dcd679">ugly</span>.</span>
  526. </div>
  527. <div id="links">
  528. <a href="/">home</a>
  529. <a href="/ask">ask</a>
  530. <a href="/submit">submit</a>
  531. <a href="#?w=300" rel="box1" class="poplight">about</a>
  532. <a href="#?w=300" rel="box2" class="poplight">friends</a>
  533. </div>
  534.  
  535.  
  536. </div>
  537.  
  538.  
  539. <a title="{text:Now Playing}">
  540. <div class="auto">
  541. <div class="autoplay">
  542. <div class="autofix">
  543. <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_multi.swf" width="158" height="20">
  544. <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_multi.swf" />
  545. <param name="bgcolor" value="1f1f1f" />
  546. <param name="FlashVars" value="mp3={text:mp3}
  547. &amp;width=158&amp;height=20&amp;volume=75&amp;autoplay=1&amp;loop=1&amp;shuffle=0&amp;showslider=0&amp;showloading=never&amp;buttonwidth=40&amp;bgcolor=ffffff&amp;bgcolor1=ffffff&amp;bgcolor2=ffffff&amp;buttoncolor=bbbbbb&amp;buttonovercolor=bbbbbb&amp;showlist=0" />
  548. </object>
  549. </div>
  550. </div>
  551. </div>
  552. </a>
  553.  
  554. <div id="entries">
  555.  
  556. {block:Posts}
  557. <div id="posts">
  558.  
  559.  
  560. {block:Quote}
  561.  
  562.  
  563. <div id="titlequote">“{Quote}”</div>
  564. {block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
  565. {/block:Quote}
  566.  
  567.  
  568.  
  569. {block:Text}
  570.  
  571. {block:Title}
  572. <div id="title">{Title}</div>{/block:Title}
  573. {Body}
  574. {/block:Text}
  575.  
  576. {block:Link}
  577. <div id="title"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
  578. {/block:Link}
  579.  
  580. {block:Chat}
  581. {block:Title}
  582. <h1>{Title}</h1>
  583. {/block:Title}
  584. <div class="chat">
  585. <ol>{block:Lines}
  586. <li class="line {Alt}">
  587. {block:Label}
  588. <span class="label">
  589. {Label}</span>
  590. {/block:Label}{Line}</li>
  591. {/block:Lines}
  592. </ol></div>
  593. {/block:Chat}
  594.  
  595. {block:Photo}
  596. {LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}
  597. {/block:Photo}
  598.  
  599. {block:Photoset}
  600. {Photoset-400}
  601. {/block:Photoset}
  602.  
  603. {block:Video}
  604. {Video-400}
  605. {/block:Video}
  606.  
  607. {block:Audio}
  608. <div class="player">{AudioPlayerWhite}</div>
  609. <div class="audioinfo">
  610. {block:TrackName}{TrackName}{/block:TrackName}{block:Artist}<br>{Artist}{/block:Artist}
  611. </div>
  612. {/block:Audio}
  613.  
  614. {block:Answer}
  615. <div class="q">
  616. <div class="as">{Asker} said: </div>
  617. {Question}</div>
  618. <div class="a">{Answer}</div>
  619. {/block:Answer}
  620.  
  621. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  622.  
  623. {block:Date}
  624. <div id="permalink">
  625.  
  626. <a href="{Permalink}" >{12Hour}:{Minutes} {AmPm}</a>{block:NoteCount}<a href="{Permalink}">+ {NoteCount}</a>{/block:NoteCount}
  627.  
  628. <span style="margin-left:-12px;"><a href="{ReblogParentURL}"title="{ReblogParentName}">
  629. <a href="{ReblogURL}" target="_blank">reblog</a></span>
  630.  
  631. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  632. </div>
  633. {/block:Date}
  634.  
  635.  
  636.  
  637. </div>
  638.  
  639.  
  640. {block:PostNotes}
  641. <div class="pagenotes">
  642. {PostNotes}
  643. </div>
  644. {/block:PostNotes}
  645.  
  646.  
  647. {/block:Posts}
  648.  
  649. <div id="pagination">
  650. {block:Pagination}
  651. {block:PreviousPage}
  652. <a href="{PreviousPage}">&larr; previous </a>
  653. {/block:PreviousPage}
  654.  
  655.  
  656. {block:NextPage}
  657. <a href="{NextPage}">next &rarr;</a>
  658. {/block:NextPage}
  659. {/block:Pagination}
  660. </div>
  661.  
  662.  
  663.  
  664. </div>
  665.  
  666. </div>
  667.  
  668.  
  669. {block:ContentSource}
  670. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  671. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  672. {/block:SourceLogo}
  673. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  674. {/block:ContentSource}
  675.  
  676. </body>
  677.  
  678. <div id="box1" class="popup_block">
  679. CONTENT
  680. CONTENT
  681. CONTENT
  682. </div>
  683.  
  684. </div></div></div></div></div></div></div></div></div></div>
  685.  
  686. <div id="box2" class="popup_block">
  687. CONTENT
  688. CONTENT
  689. CONTENT
  690. </div>
  691.  
  692. </div></div></div></div></div></div></div></div></div></div>
  693.  
  694.  
  695.  
  696.  
  697. </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!