API tools faq
paste
Advertisement
lexaofrp

THEME 35: MIND OF MINE

lexaofrp
Feb 17th, 2016
549
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.04 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  4. <script src="http://static.tumblr.com/pq6sadp/72Dnoxbpp/jquery.style-my-tooltips.js"></script>
  5. <script>(function($){$(document).ready(function(){$("[title]").style_my_tooltips({tip_follows_cursor:true,tip_delay_time:70,tip_fade_speed:70
  6. }
  7. );
  8. });
  9. })(jQuery);
  10. </script>
  11.  
  12. <head>
  13. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
  14. <script>
  15. /* questions? ask oddhour.tumblr.com */
  16. var updatePhotosetCss = "<style id='updatePhotosetStyle'> .photoset .photoset_row.photoset_row_1 img { max-width: 540px; } .photoset .photoset_row.photoset_row_2 img { max-width: 256px; } .photoset .photoset_row.photoset_row_3 img { max-width: 173px; } .photoset .photoset_row { text-align: center; width: 540px; } .photoset { width: 540px; }</style>";
  17. function updatePhotoset() {
  18.  
  19. $(".photoset").each( function (i, e) {
  20. if($(this.contentDocument).find("#updatePhotosetStyle").size() <= 0)
  21. $(this.contentDocument).find("head").append(updatePhotosetCss);
  22. var photoset = $(this.contentDocument).find(".photoset");
  23. var photosetRows = photoset.find(".photoset_row");
  24. photoset.find(".photoset_photo")
  25. .each(function () {
  26. var hiResSrc = $(this).attr("href");
  27. var img = $(this).find('img');
  28. img.attr("src", hiResSrc );
  29. img.attr("style", "");
  30. });
  31. photosetRows.attr("style", "").css("margin-bottom", "-5px");
  32. photoset.attr("style","");
  33.  
  34. $(this).height($(this.contentDocument.body).height());
  35. });
  36. }
  37.  
  38. updatePhotoset();
  39.  
  40. var photosetTimer = setInterval(updatePhotoset, 1500);
  41. $(window).on('load', function () { setTimeout(function() {clearInterval(photosetTimer)}, 2000); })
  42. </script>
  43. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  44. <link href='https://fonts.googleapis.com/css?family=Varela+Round' rel='stylesheet' type='text/css'>
  45.  
  46. <title>{Title}</title>
  47.  
  48. <link rel="shortcut icon" href="{Favicon}">
  49. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  50. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  51.  
  52. <style> *, body, body:hover, a, a:hover { cursor:url(http://img69.imageshack.us/img69/7673/cursorw.png), auto; }</style>
  53.  
  54. <meta name="image:Background" content=""/>
  55. <meta name="image:Sidebar" content=""/>
  56. <meta name="image:Navicon1" content=""/>
  57. <meta name="image:Navicon2" content=""/>
  58. <meta name="image:Navicon3" content=""/>
  59. <meta name="image:Navicon4" content=""/>
  60.  
  61. <meta name="color:Background" content="#ffffff"/>
  62. <meta name="color:PostBG" content="#ffffff"/>
  63. <meta name="color:Text" content="#000000"/>
  64. <meta name="color:Post Links" content="#000000"/>
  65. <meta name="color:Hover" content="#000000"/>
  66. <meta name="color:Links" content="#000000"/>
  67. <meta name="color:NavLinksBG" content="#000000"/>
  68. <meta name="color:Scrollbar" content="#ffffff"/>
  69. <meta name="color:ScrollbarBG" content="#000000"/>
  70. <meta name="color:Blockquote" content="#000000"/>
  71. <meta name="color:Shadow" content="#eeeeee"/>
  72. <meta name="color:container" content="#ffffff"/>
  73.  
  74. <meta name="text:BeforeLink1 URL" content="/"/>
  75. <meta name="text:BeforeLink1" content="One"/>
  76. <meta name="text:BeforeLink2 URL" content="/"/>
  77. <meta name="text:BeforeLink2" content="two"/>
  78. <meta name="text:BeforeLink3 URL" content="/"/>
  79. <meta name="text:BeforeLink3" content="three"/>
  80. <meta name="text:BeforeLink4 URL" content="/"/>
  81. <meta name="text:BeforeLink4" content="four"/>
  82. <meta name="text:BeforeLink5 URL" content="/"/>
  83. <meta name="text:BeforeLink5" content="five"/>
  84. <meta name="text:BeforeLink6 URL" content="/"/>
  85. <meta name="text:BeforeLink6" content="six"/>
  86.  
  87. <meta name="text:AfterLink1 URL" content="/"/>
  88. <meta name="text:AfterLink1" content="one"/>
  89. <meta name="text:AfterLink2 URL" content="/"/>
  90. <meta name="text:AfterLink2" content="two"/>
  91. <meta name="text:AfterLink3 URL" content="/"/>
  92. <meta name="text:AfterLink3" content="three"/>
  93. <meta name="text:AfterLink4 URL" content="/"/>
  94. <meta name="text:AfterLink4" content="four"/>
  95. <meta name="text:AfterLink5 URL" content="/"/>
  96. <meta name="text:AfterLink5" content="five"/>
  97. <meta name="text:AfterLink6 URL" content="/"/>
  98. <meta name="text:AfterLink6" content="six"/>
  99.  
  100.  
  101. <style type="text/css">
  102.  
  103. #s-m-t-tooltip {
  104.  
  105. max-width:100px;
  106. margin-left:10px;
  107. padding:5px;
  108. background: {color:text};
  109. text:1px solid {color:postbg};
  110. font-family: arial;
  111. font-size:10px;
  112. letter-spacing:0px;
  113. text-transform:uppercase;
  114. color:{color:postbg};
  115. z-index:2;
  116. }
  117.  
  118.  
  119. blockquote {
  120. font-size:10px;
  121. font-family:'arial';
  122. max-width:545px;
  123. margin-left:5px;
  124. margin-right:5px;
  125. letter-spacing:0px;
  126. border-left:1px solid {color:post links};
  127. text-align:left;
  128. padding:5px;
  129. padding-left:7px;
  130. font-weight:normal;
  131. color:{color:postbg};
  132. background-color:{color:blockquote};
  133. text-shadow: 0px 0px 2px {color:shadow};
  134. }
  135.  
  136. blockquote img{
  137. max-width:350px;
  138. }
  139.  
  140. blockquote blockquote img{
  141. max-width:330px;
  142. }
  143.  
  144. blockquote a{
  145. color:{color:postbg};
  146. }
  147.  
  148. blockquote blockquote, blockquote blockquote blockquote blockquote, blockquote blockquote blockquote blockquote blockquote blockquote, blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote, blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote, blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote{
  149. background-color:{color:blockquote};
  150. color:{color:text};
  151. border-left:solid 1px {color:post links};
  152. text-shadow: 0px 0px 2px {color:shadow};
  153. }
  154.  
  155. blockquote img{
  156. max-width:360px;
  157. }
  158.  
  159. blockquote blockquote img{
  160. max-width:300px;
  161. }
  162.  
  163. blockquote blockquote blockquote, blockquote blockquote blockquote blockquote blockquote, blockquote blockquote blockquote blockquote blockquote blockquote blockquote, blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote, blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote{
  164. font-size:10px;
  165. font-family:'arial';
  166. max-width:545px;
  167. margin-left:5px;
  168. margin-right:5px;
  169. letter-spacing:0px;
  170. border-left:1px solid{color:post links};
  171. text-align:left;
  172. padding:5px;
  173. padding-left:7px;
  174. font-weight:normal;
  175. color:{color:postbg};
  176. background-color:{color:blockquote};
  177. text-shadow: 0px 0px 2px {color:shadow};
  178. }
  179.  
  180. small{
  181. font-size:10px;
  182. }
  183.  
  184. code {
  185. font-size:9px;
  186. font-family:'arial';
  187. color:{color:text};
  188. text-transform:none;
  189.  
  190. }
  191.  
  192. hr{
  193. text:none;
  194. text-top:dashed 1px {color:text};
  195. }
  196.  
  197. pre {
  198. font-family:'arial';
  199. text-align:right;
  200. font-size:10px;
  201. max-width:540px;
  202. padding:5px;
  203. font-weight:bold;
  204. font-style:italic;
  205. color:{color:postbg};
  206. background-color: {color:text};}
  207. h1{
  208. font-family:'arial';
  209. font-weight:bold;
  210. font-style:italic;
  211. letter-spacing:-2px;
  212. font-size:20px;
  213. color: {color:text};
  214. text-align:right;
  215. margin-bottom:5px;
  216. text-shadow: 1px 1px 0px {color:shadow};
  217. }
  218.  
  219. h2{
  220. margin-top:0px;
  221. margin-bottom:5px;
  222. text-align:center;
  223. font-weight:bold;
  224. font-size:12px;
  225. text-transform:uppercase;
  226. font-family: arial;
  227. font-weight:bold;
  228. padding-left:10px;
  229. min-height:20px;
  230. padding-top:7px;
  231. text-decoration:underline;
  232. text-shadow: 1px 1px 1px {color:shadow};
  233. color:{color:text};
  234. }
  235.  
  236. h3{
  237. margin-top:-5px;
  238. margin-bottom:5px;
  239. text-align:left;
  240. font-weight:bold;
  241. font-size:12px;
  242. font-family: arial;
  243. font-style:italic;
  244. font-weight:bold;
  245. padding-left:5px;
  246. margin-top:5px;
  247. min-height:10px;
  248. padding-top:8px;
  249. padding-bottom:8px;
  250. border-left:1px solid {color:text};
  251. background-color:{color:text};
  252. background: -o-linear-gradient(left, {color:postbg}, {color:text});
  253. background: -moz-linear-gradient(left, {color:postbg}, {color:text});
  254. background: linear-gradient(to left, {color:postbg}, {color:text});
  255. text-shadow: -1px 0px 0px {color:shadow};
  256. color:{color:postbg};
  257. }
  258.  
  259. b{
  260. font-weight:bold;
  261. background-color:{color:postbg};
  262. text:1px solid {color:text};
  263. color:{color:postbg};
  264. padding:2px;
  265. margin-bottom:5px;
  266. }
  267.  
  268.  
  269. h4{
  270. font-family:'arial';
  271. text-align:center;
  272. font-size:10px;
  273. max-width:500px;
  274. padding:10px ;
  275. color:{color:text};
  276. background-color: {color:postbg};
  277. }
  278.  
  279. pre{
  280. font-family:'arial';
  281. font-weight:bold;
  282. font-size:12px;
  283. text-align:right;
  284. text-transform:uppercase;
  285. color:{color:postbg};
  286. border-bottom: 2px solid {color:text};
  287. padding-top:7px;
  288. padding-bottom:3px;
  289. margin-top:0px;
  290. text-shadow: 0px 0px 2px {color:shadow};
  291. }
  292.  
  293. small{
  294. font-size:10px;
  295. }
  296.  
  297. /*GENERAL*/
  298.  
  299. body {
  300. font-family:'arial';
  301. font-size:10px;
  302. background-image:url('{image:background}');
  303. background-attachment:fixed;
  304. background-position:bottom center;
  305. color:{color:text};
  306. background-color:{color:background};
  307. text-shadow: 0px 0px 2px {color:shadow};}
  308.  
  309. a {
  310. color:{color:post links};
  311. text-decoration:none;
  312. -webkit-transition:all 0.5s ease-in-out;
  313. -moz-transition:all 0.5s ease-in-out;
  314. -o-transition:all 0.5s ease-in-out;
  315. transition:all 0.5s ease-in-out;}
  316.  
  317. a:hover {
  318. color:{color:Hover};
  319. text-decoration:underline;
  320. -webkit-transition:all 0.5s ease-in-out;
  321. -moz-transition:all 0.5s ease-in-out;
  322. -o-transition:all 0.5s ease-in-out;
  323. transition:all 0.5s ease-in-out;}
  324.  
  325.  
  326. /*END GENERAL*/.links {
  327. position:absolute;
  328. display:inline-block;
  329. margin-left:50%;
  330. left:-470px;
  331. top:400px;
  332. width:250px;
  333. height:40px;
  334. padding-bottom:2px;
  335. overflow:visible;
  336. z-index:999999;
  337. -webkit-transition:all 0.5s ease-in-out;
  338. -moz-transition:all 0.5s ease-in-out;
  339. -o-transition:all 0.5s ease-in-out;
  340. transition:all 0.5s ease-in-out;
  341. }
  342.  
  343. .links a {
  344. display:inline-block;
  345. text-align:center;
  346. margin-left:10px;
  347. margin-right:0px;
  348. margin-top:7px;
  349. margin-bottom:0px;
  350. padding-top:5px;
  351. padding-bottom:10px;
  352. padding-left:7px;
  353. padding-right:5px;
  354. width:80px;
  355. height:9px;
  356. font-family:arial;
  357. font-size:12px;
  358. text-decoration:none;
  359. text-transform:uppercase;
  360. color:{color:text};
  361. -webkit-transition:all 0.7s linear;
  362. -moz-transition:all 0.7s linear;
  363. -o-transition:all 0.7s linear;
  364. transition:all 0.7s linear;
  365. text-shadow: 0px 0px 2px {color:shadow};
  366. }
  367.  
  368. .plinks, .pslinks{
  369. position:fixed;
  370. margin-left:210px;
  371. width:170px;
  372. height:100px;
  373. margin-top:10px;
  374. padding-top:70px;
  375. border:1px solid {color:text};
  376. color:{color:links};
  377. }
  378.  
  379. .pslinks{
  380. margin-left:20px;
  381. margin-top:200px;
  382. }
  383.  
  384. .plinks a, .pslinks a{
  385. display:inline-block;
  386. text-align:right;
  387. margin-left:10px;
  388. margin-right:-1px;
  389. margin-top:10px;
  390. margin-bottom:-3px;
  391. padding-top:5px;
  392. padding-bottom:5px;
  393. padding-left:5px;
  394. padding-right:5px;
  395. width:50px;
  396. height:10px;
  397. font-family:arial;
  398. font-size:10px;
  399. text-decoration:none;
  400. font-weight:bold;
  401. text-transform:uppercase;
  402. background-color:{color:navlinksbg};
  403. color:{color:links};
  404. border:1px solid {color:links};
  405. border-left:10px solid {color:links};
  406.  
  407. -webkit-transition:all 0.7s linear;
  408. -moz-transition:all 0.7s linear;
  409. -o-transition:all 0.7s linear;
  410. transition:all 0.7s linear;
  411. text-shadow: 0px 0px 2px {color:shadow};
  412. }
  413.  
  414. .plinks h1, .pslinks h1{
  415. font-size:15px;
  416. text-transform:uppercase;
  417. padding-right:13px;
  418. margin-top:-40px;
  419. text-shadow: 0px 0px 2px {color:shadow};
  420. }
  421.  
  422. .plinks a:hover, .pslinks a:hover {
  423. text-decoration:none;
  424. color:{color:Hover};
  425. letter-spacing:5px;
  426. border-bottom:2px solid {color:hover};
  427. -webkit-transition:all 0.7s linear;
  428. -moz-transition:all 0.7s linear;
  429. -o-transition:all 0.7s linear;
  430. transition:all 0.7s linear;}
  431. /*Acco*/
  432.  
  433. .box {
  434. position:fixed;
  435. width: 100px;
  436. left:50%;
  437. top:50%;
  438. margin-left:-360px;
  439. margin-top:-282px;
  440. background-clip: padding-box;
  441. text-align: center;
  442.  
  443. }
  444.  
  445. .box:hover{
  446. letter-spacing:2px;
  447. }
  448.  
  449. .button {
  450. display:block;
  451. text-align:center;
  452.  
  453. padding-bottom:6px;
  454. padding-left:7px;
  455. padding-right:5px;
  456. margin-left:-50px;
  457. width:100px;
  458. height:13px;
  459. font-family:'arial';
  460. font-size:10px;
  461. font-weight:bold;
  462. text-decoration:none;
  463. text-transform:uppercase;
  464. letter-spacing:2px;
  465. color:{color:text};
  466. background:{color:container};
  467. -webkit-transition:all 0.7s ease-in-out;
  468. -moz-transition:all 0.7s ease-in-out;
  469. -o-transition:all 0.7s ease-in-out;
  470. transition:all 0.7s ease-in-out;
  471. font-weight:bold;
  472. border:1px solid {color:text};
  473. box-shadow: 0px 0px 2px 0px {color:shadow};
  474. }
  475.  
  476. .button a {
  477. color:{color:links};
  478. }
  479.  
  480. .button:hover {
  481. color: {color:hover};
  482. letter-spacing:2px;
  483. }
  484.  
  485. .overlay {
  486. position: fixed;
  487. top: 0;
  488. bottom: 0;
  489. left: 0;
  490. right: 0;
  491. transition: opacity 500ms;
  492. visibility: hidden;
  493. opacity: 0;
  494. }
  495. .overlay:target {
  496. visibility: visible;
  497. opacity: 1;
  498. }
  499.  
  500. .popup {
  501. top: 50%;
  502. left:50%;
  503. margin-left:-350px;
  504. margin-top:116px;
  505. padding: 20px;
  506. background:{color:container};
  507. width: 400px;
  508. height:420px;
  509. position: relative;
  510. transition: all 5s ease-in-out;
  511. border:1px solid {color:text};
  512.  
  513. z-index:99999999999999;
  514. }
  515.  
  516. .popup .close {
  517. position: absolute;
  518. top: 0px;
  519. right: -30px;
  520. transition: all 200ms;
  521. font-size: 10px;
  522. font-weight: bold;
  523. text-decoration: none;
  524. text-transform:uppercase;
  525. font-family:arial;
  526. color: {color:links};
  527. }
  528. .popup .close:hover {
  529. color: {color:hover};
  530. }
  531. .popup .content {
  532. max-height: 30%;
  533. overflow: auto;
  534. }
  535.  
  536.  
  537. /*SIDEBAR*/
  538. .title{
  539. position:fixed;
  540. width:250px;
  541. height:17px;
  542. padding-top:25px;
  543. margin-left:450px;
  544. margin-top:0px;
  545. color:{color:text};
  546. text-align:center;
  547. text-transform:uppercase;
  548. font-style:italic;
  549. font-family:arial;
  550. font-size:12px;
  551. letter-spacing:1px;
  552. text-decoration:underline;
  553. text-shadow: 0px 0px 2px {color:shadow};
  554. font-weight:bold;
  555. }
  556.  
  557. .container{
  558. position:fixed;
  559. left:50%;
  560. top:50%;
  561. margin-top:-250px;
  562. margin-left:-350px;
  563. height:460px;
  564. width:710px;
  565. background:{color:container};
  566. box-shadow: 0px 0px 2px 0px {color:shadow};
  567. border: 1px solid {color:text};
  568. }
  569.  
  570. .description{
  571. position:absolute;
  572. margin-left:440px;
  573. margin-top:310px;
  574. width:250px;
  575. overflow:auto;
  576. height:130px;
  577. line-height:15px;
  578. text-align:justify;
  579. padding-left:10px;
  580. padding-right:5px;
  581. background-image:url('{image:desc}');
  582. }
  583.  
  584. .pict{
  585. position:absolute;
  586. width:230px;
  587. height:230px;
  588. margin-left:460px;
  589. margin-top:60px;
  590. z-index:9;
  591. overflow:hidden;
  592. background-image:url('{image:sidebar}');
  593. box-shadow: 0px 0px 2px 0px {color:shadow};
  594. }
  595.  
  596. .pagination {
  597. position:absolute;
  598. margin-left:50%;
  599. left:-100px;
  600. bottom:-40px;
  601. padding:5px;
  602. width:200px;
  603. height:13px;
  604. padding-bottom:5px;
  605. font-weight:bold;
  606. z-index:99;
  607. text-align:center;
  608. }
  609.  
  610. .pagination a{
  611. color:{color:postbg};
  612. }
  613.  
  614. .pagination a:hover{
  615. text-decoration:none;
  616. color:{color:hover};
  617. -webkit-transition:all 0.5s ease-in-out;
  618. -moz-transition:all 0.5s ease-in-out;
  619. -o-transition:all 0.5s ease-in-out;
  620. transition:all 0.5s ease-in-out;}
  621.  
  622. .current_page {
  623. display:inline-block;
  624. color:{color:hover};
  625. text-decoration:underline;
  626. padding:2px 3px;
  627. }
  628.  
  629. /*END SIDEBAR*/
  630.  
  631. /*POSTS*/
  632. #c{
  633. height:440px;
  634. width:440px;
  635. margin-top:10px;
  636. z-index:-9999999999999999;
  637. position:absolute;
  638. margin-left:0px;
  639. overflow:auto;
  640. }
  641.  
  642. .posts {
  643. width:400px;
  644. margin-left:10px;
  645. color:{color:text};
  646. z-index:-9;
  647. }
  648.  
  649. .entries {
  650. width:400px;
  651. padding:10px;
  652. border:1px solid {color:text};
  653. border-bottom:none;
  654. color:{color:text};
  655. background-color:{color:postbg};
  656. z-index:-9;
  657. box-shadow: 0px 0px 2px 0px {color:shadow};
  658. }
  659.  
  660. .entries img{
  661. max-width:540px;
  662. }
  663.  
  664. .info {
  665. display:block;
  666. padding:5px;
  667. padding-bottom:5px;
  668. font-family:'arial';
  669. font-weight:bold;
  670. font-size:8px;
  671. width:410px;
  672. text-transform:uppercase;
  673. color:{color:Post links};
  674. background-color:{color:postbg};
  675. margin-bottom:20px;
  676. border:1px solid {color:text};
  677. border-top:none;
  678. margin-bottom:30px;
  679. text-shadow: 0px 0px 2px {color:shadow};
  680. box-shadow: 0px 0px 2px 0px {color:shadow};
  681. }
  682.  
  683. .info a {
  684. color:{color:post links};
  685. -webkit-transition:all 0.5s ease-in-out;
  686. -moz-transition:all 0.5s ease-in-out;
  687. -o-transition:all 0.5s ease-in-out;
  688. transition:all 0.5s ease-in-out;}
  689.  
  690. .info a:hover {
  691. color:{color:hover};
  692. -webkit-transition:all 0.5s ease-in-out;
  693. -moz-transition:all 0.5s ease-in-out;
  694. -o-transition:all 0.5s ease-in-out;
  695. transition:all 0.5s ease-in-out;}
  696.  
  697. .noties{
  698. margin-top:-10px;
  699. text-align:right;
  700. text-shadow: 0px 0px 2px {color:shadow};
  701. }
  702.  
  703.  
  704. .tags a {
  705. display:inline-block;
  706. margin-right:5px;
  707. line-height:2px;
  708. background-color:{color:postbg};
  709. color:{color:post links};
  710. text-shadow: 0px 0px 2px {color:shadow};
  711. }
  712.  
  713. .tags a:hover{
  714. color:{color:hover};
  715. }
  716.  
  717. .post_title {
  718. display:block;
  719. padding:5px;
  720. text-align:center;
  721. font-size:15px;
  722. font-family:'arial';
  723. text-transform:uppercase;
  724. font-weight:bold;
  725. text-shadow: 0px 0px 2px {color:shadow};
  726. }
  727.  
  728. .text {
  729. display:block;
  730. padding:5px;
  731. text-align:justify;
  732. color:{color:Text};
  733. }
  734.  
  735. .photo img {
  736. display:block;
  737. margin-bottom:5px;
  738. }
  739.  
  740. .quote {
  741. display:block;
  742. padding:10px;
  743. text-align:center;
  744. font-size:20px;
  745. font-family:'times';
  746. font-style:italic;
  747. color:{color:postbg};
  748. background-color:{color:postbg};}
  749.  
  750. .source {
  751. display:block;
  752. padding:5px;
  753. text-align:right;
  754. font-size:9px;}
  755.  
  756. .chat li {
  757. display:block;
  758. padding:5px;
  759. color:{color:text};}
  760.  
  761. .audioimg img {
  762. width:100px;
  763. height:100px;
  764. color:{color:text};
  765. font-family:'arial';
  766. text-align:center;
  767. text-transform:uppercase;}
  768.  
  769. .audioinfo {
  770. color:{color:Text};}
  771.  
  772.  
  773. #ask{
  774. font-family:arial;
  775. font-size:10px;
  776. width:380px;
  777. padding:10px;
  778. }
  779.  
  780. .question{
  781. min-height:10px;
  782. width:300px;
  783. color:{color:text};
  784. padding:10px;
  785. font-family:arial;
  786. text-align:left;
  787. font-size:10px;
  788. margin-left:70px;
  789. text-shadow: 0px 0px 2px {color:shadow};
  790. -webkit-text-top-left-radius: 5px;
  791. -webkit-text-top-right-radius: 5px;
  792. -moz-text-radius-topleft: 5px;
  793. -moz-text-radius-topright: 5px;
  794. text-top-left-radius: 5px;
  795. text-top-right-radius: 5px;
  796. }
  797.  
  798. .question h3{
  799. font-family:arial;
  800. text-align:left;
  801. font-style:normal;
  802. }
  803.  
  804. .asker a{
  805. color:;{color:post links};
  806. }
  807.  
  808. .asker{
  809. height:10px;
  810. padding-top:7px;
  811. width:325px;
  812. margin-top:15px;
  813. margin-left:50px;
  814. padding-right:5px;
  815. text-align:right;
  816. font-family:arial;
  817. font-weight:bold;
  818. font-size:10px;
  819. text-decoration:underline;
  820. text-transform:uppercase;
  821. color:{color:post links};
  822. -webkit-border-bottom-right-radius: 5px;
  823. -webkit-border-bottom-left-radius: 5px;
  824. -moz-text-radius-bottomright: 5px;
  825. -moz-text-radius-bottomleft: 5px;
  826. border-bottom-right-radius: 5px;
  827. border-bottom-left-radius: 5px;
  828. text-shadow: 1px 0px 2px {color:shadow} ;
  829. }
  830.  
  831. .askim{
  832. position:absolute;
  833. margin-top:6px;
  834. margin-left:5px;
  835. text:{color:text} solid 5px;
  836. height:48px;
  837. }
  838.  
  839. .askim img{
  840. box-shadow: 1px 0px 2px {color:shadow} ;
  841. -webkit-box-shadow: 1px 0px 2px {color:shadow};
  842. -moz-box-shadow:1px 0px 2px {color:shadow};
  843. }
  844.  
  845. .answerer{
  846. margin-left:0px;
  847. text-align:left;
  848. color:{color:text};
  849. letter-spacing:0px;
  850. }
  851. /*END POSTS*/
  852.  
  853. /*SCROLLBAR*/
  854.  
  855. ::-webkit-scrollbar {
  856. height:2px;
  857. width:2px;
  858. background-color:{color:scrollbarBG};}
  859.  
  860. ::-webkit-scrollbar-thumb {
  861. height:auto;
  862. background-color:{color:scrollbar};}
  863.  
  864.  
  865. .notes {
  866. font-family:'arial';
  867. text-align:left;
  868. text-transform:uppercase;
  869. font-size:8px;
  870. width:400px;
  871. margin-left:10px;
  872. margin-top:20px;
  873. color:{color:text};
  874. }
  875.  
  876. .notes li{
  877. list-style-type:none;
  878. padding:5px;
  879. }
  880.  
  881. .notes img {
  882. opacity:0;
  883. display:none;
  884. }
  885.  
  886. .notes a{
  887. color:{color:post links};
  888. }
  889.  
  890. #credit {
  891. position:fixed;
  892. font-family:'arial';
  893. color:{color:postbg};
  894. text-transform:uppercase;
  895. font-weight:bold;
  896. font-size:11px;
  897. width:10px;
  898. height:10px;
  899. right:5px;
  900. bottom:5px;
  901. padding:5px;
  902. opacity:1;
  903. letter-spacing:4px;
  904. }
  905.  
  906. .cvr{
  907. position:fixed;
  908. left:50%;
  909. top:50%;
  910. margin-left:-349px;
  911. margin-top:-255px;
  912. z-index:99999999999999999999999999999;
  913. width:92px;
  914. height:10px;
  915. background:{color:container};
  916. }
  917. /*END SCROLLBAR*/
  918.  
  919. </style>
  920. </head>
  921. <body>
  922.  
  923. <!--SIDEBAR-->
  924. <div class="container">
  925. <div class="cvr"></div>
  926. <div class="links">
  927. <div class="box">
  928. <a class="button" href="#popup1">Navigate</a>
  929. </div>
  930.  
  931. <div id="popup1" class="overlay">
  932. <div class="popup">
  933. <h1 style="margin-top:0px; text-align:center;">navigate</h1>
  934. <a class="close" href="#">x</a>
  935. <img src="{image:navicon1}" style="width:70px; height:70px; box-shadow: 0px 0px 2px 0px {color:shadow}; position:fixed; margin-top:100px; margin-left:30px"/>
  936. <img src="{image:navicon2}" style="width:70px; height:70px; box-shadow: 0px 0px 2px 0px {color:shadow}; margin-left: 110px; margin-top:20px; position:fixed;"/>
  937. <div class="plinks"> <h1>before <br> acceptance</h1>
  938. {block:ifbeforelink1}<a href="{text:Beforelink1 URL}">{text:Beforelink1}</a>{block:ifbeforelink2}<a href="{text:Beforelink2 URL}">{text:Beforelink2}</a>{block:ifbeforelink3}<a href="{text:Beforelink3 URL}">{text:Beforelink3}</a>{block:ifbeforelink4}<a href="{text:Beforelink4 URL}">{text:Beforelink4}</a>{block:ifbeforelink5}<a href="{text:Beforelink5 URL}">{text:Beforelink5}</a>{block:ifbeforelink6}<a href="{text:Beforelink6 URL}">{text:Beforelink6}</a>
  939. </div>
  940. <img src="{image:navicon3}" style="width:70px; height:70px; box-shadow: 0px 0px 2px 0px {color:shadow}; position:fixed; margin-top:290px; margin-left:220px"/>
  941. <img src="{image:navicon4}" style="width:70px; height:70px; box-shadow: 0px 0px 2px 0px {color:shadow}; margin-left: 300px; margin-top:210px; position:fixed;"/>
  942. <div class="pslinks"> <h1>after <br> acceptance</h1>
  943. {block:ifafterlink1}<a href="{text:afterlink1 URL}">{text:afterlink1}</a>{block:ifafterlink2}<a href="{text:afterlink2 URL}">{text:afterlink2}</a>{block:ifafterlink3}<a href="{text:afterlink3 URL}">{text:afterlink3}</a>{block:ifafterlink4}<a href="{text:afterlink4 URL}">{text:afterlink4}</a>{block:ifafterlink5}<a href="{text:afterlink5 URL}">{text:afterlink5}</a>{block:ifafterlink6}<a href="{text:afterlink6 URL}">{text:afterlink6}</a>
  944. </div>
  945. </div>
  946. </div>
  947. </div>
  948. <div class="title">{title}</div>
  949. <div class="pict"></div>
  950.  
  951. <div class="description">{description}</div>
  952. <div id="c">
  953. <div class="posts">
  954.  
  955. {block:Posts}
  956.  
  957. <div class="entries">
  958.  
  959.  
  960. <!--TEXT POSTS-->
  961.  
  962. {block:Text}
  963.  
  964. {block:Title}<div class="post_title">{Title}</div>{/block:Title}
  965. <div class="text">{Body}</div>
  966.  
  967. {/block:Text}
  968.  
  969. <!--END TEXT POSTS-->
  970.  
  971. <!--PHOTO POSTS-->
  972.  
  973. {block:Photo}
  974. <div class="photo"><center><img src="{PhotoURL-400}"/></center></div>
  975. <div class="text">{Caption}</div>
  976.  
  977. {/block:Photo}
  978.  
  979. <!--END PHOTO POSTS-->
  980.  
  981. <!--PHOTOSET POSTS-->
  982.  
  983. {block:Photoset}
  984.  
  985. <center><div class="photo">{Photoset-400}</div></center>
  986. <div class="text">{Caption}</div>
  987.  
  988. {/block:Photoset}
  989.  
  990. <!--END PHOTOSET POSTS-->
  991.  
  992. <!--QUOTE POSTS-->
  993.  
  994. {block:Quote}
  995.  
  996. <div class="quote">"{Quote}"</div>
  997. <div class="source">{Source}</div>
  998.  
  999. {/block:Quote}
  1000.  
  1001. <!--END QUOTE POSTS-->
  1002.  
  1003. <!--LINK POSTS-->
  1004.  
  1005. {block:Link}
  1006.  
  1007. <div class="post_title"><a href="{URL}">{Name}</a></div>
  1008. {block:Description}<div class="text">{Description}</div>{/block:Description}
  1009.  
  1010. {/block:Link}
  1011.  
  1012. <!--END LINK POSTS-->
  1013.  
  1014. <!--CHAT POSTS-->
  1015.  
  1016. {block:Chat}
  1017.  
  1018. {block:Title}<div class="post_title">{Title}</div>{/block:Title}
  1019. <div class="chat">
  1020. <ul>
  1021. {block:Lines}<li class="{Alt}">{block:Label}<b>{Label}</b> {/block:Label}{Line}</li>{/block:Lines}
  1022. </ul>
  1023. </div>
  1024.  
  1025. {/block:Chat}
  1026.  
  1027. <!--END CHAT POSTS-->
  1028.  
  1029. <!--AUDIO POSTS-->
  1030.  
  1031. {block:Audio}
  1032.  
  1033. <table>
  1034. <tr>
  1035. <td>
  1036. {block:AlbumArt}<div class="audioimg"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
  1037. </td>
  1038. <td>
  1039. <div class="audioplayer">{AudioPlayerBlack}</div>
  1040. <div class="audioinfo">{block:Artist}<b>Name</b>: {Artist}{/block:Artist}<br>
  1041. {block:Album}<b>Album</b>: {Album}{/block:Album}<br>
  1042. {block:TrackName}<b>Track</b>: {TrackName}{/block:TrackName}</div>
  1043. </td>
  1044. </tr>
  1045. </table>
  1046. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  1047.  
  1048. {/block:Audio}
  1049.  
  1050. <!--END AUDIO POSTS-->
  1051.  
  1052. <!--VIDEO POSTS-->
  1053.  
  1054. {block:Video}
  1055.  
  1056. <center><div class="photo">{VideoEmbed-400}</div></center>
  1057. <div class="text">{Caption}</div>
  1058.  
  1059. {/block:Video}
  1060.  
  1061. <!--END VIDEO POSTS-->
  1062.  
  1063. <!--ANSWER POSTS-->
  1064. <div class="whole">
  1065. {block:Answer}
  1066. <div id="ask">
  1067. <div class="askim">
  1068. <img src="{AskerPortraitURL-48}"/></div>
  1069. <div class="question">{Question}</div>
  1070. <div class="asker">{Asker}</div><br>
  1071. {block:Answerer}{Answerer}{Answer}{/block:Answerer}</div>{/block:Answer}{Replies}</div>
  1072.  
  1073. <!--END ANSWER POSTS-->
  1074. </div>
  1075. <div class="info">
  1076. <a><center><a href="{Permalink}">{TimeAgo}</a></a>&nbsp;•&nbsp;<a href="{ReblogURL}" target="_blank" class="details">Reblog</a>&nbsp;•&nbsp;{NoteCount}
  1077.  
  1078. </center>
  1079. {block:HasTags}
  1080. <div class="tags"> {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>
  1081. {/block:HasTags}
  1082. </div>
  1083. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  1084. {/block:Posts}
  1085. {/block:PermalinkPage}
  1086. </div>
  1087. </div>
  1088.  
  1089. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}<div class="pagination">
  1090. {block:PreviousPage}<a href="{PreviousPage}">BACK</a>{/block:PreviousPage}{block:JumpPagination length="5"}
  1091. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  1092. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  1093. {block:NextPage}<a href="{NextPage}">NEXT</a>{/block:NextPage}{/block:Pagination}</div>
  1094. </div>
  1095. </div>
  1096. </div>
  1097. </div>
  1098. </div>
  1099. <div id="credit">
  1100. <a href="http://beatriceofrp.tumblr.com" title="beatriceofrp">©</a>
  1101. </div>
  1102. </div>
  1103. </div>
  1104. <!--END POSTS-->
  1105.  
  1106. </body>
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!