API tools faq
paste
Advertisement
lexaofrp

THEME 50: ATLANTIS

lexaofrp
Mar 15th, 2017
1,180
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.46 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:100,tip_fade_speed:400
  6. }
  7. );
  8. });
  9. })(jQuery);
  10. </script>
  11.  
  12.  
  13.  
  14. <head><title>{Title}</title>
  15. <link rel=“stylesheet” href=“https://cdn.linearicons.com/free/1.0.0/icon-font.min.css”>
  16. <link href="https://fonts.googleapis.com/css?family=Raleway:800,900" rel="stylesheet">
  17. <link rel="stylesheet" href="templates/clean/template.css" type="text/css"/>
  18. <link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
  19.  
  20. <link rel="shortcut icon" href="{Favicon}">
  21. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  22. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  23.  
  24. <meta name="image:Background" content=""/>
  25. <meta name="image:Header" content=""/>
  26. <meta name="image:DescIcon" content=""/>
  27. <meta name="image:PNG" content=""/>
  28. <meta name="image:Icon" content=""/>
  29.  
  30. <meta name="color:Background" content="#000000"/>
  31. <meta name="color:PostBG" content="#ffffff"/>
  32. <meta name="color:InfoBG" content="#000000"/>
  33. <meta name="color:Text" content="#ffffff"/>
  34. <meta name="color:Links" content="#ffffff" />
  35. <meta name="color:LinksBG" content="#ffffff"/>
  36. <meta name="color:Post Links" content="#ffffff"/>
  37. <meta name="color:Hover" content="#000000"/>
  38. <meta name="color:Scrollbar" content="#ffffff"/>
  39. <meta name="color:ScrollbarBg" content="#ffffff"/>
  40. <meta name="color:Desctext" content="#ffffff"/>
  41. <meta name="color:Border" content="#000000"/>
  42. <meta name="color:Container" content="#000000"/>
  43.  
  44. <meta name="text:Animated Title" content="TITLE"/>
  45. <meta name="text:Home URL" content="/"/>
  46. <meta name="text:Ask URL" content="/"/>
  47. <meta name="text:Link 1 URL" content="/"/>
  48. <meta name="text:Link 2 URL" content="/"/>
  49. <meta name="text:Link 3 URL" content="/"/>
  50.  
  51. <script src="https://use.fontawesome.com/255525e9a0.js"></script>
  52. <style type="text/css">
  53. @font-face {
  54. font-family: 'shellahera';
  55. src: url('https://dl.dropboxusercontent.com/s/miskzma8x88oj22/ShellaheraScriptDemo.ttf?dl=0');
  56.  
  57. }
  58.  
  59. #s-m-t-tooltip {
  60.  
  61. max-width:100px;
  62. margin-left:10px;
  63. margin-top:10px;
  64. padding:3px;
  65. padding-bottom:2px;
  66. background: {color:postbg};
  67. border:1px solid {color:text};
  68. font-family: arial;
  69. font-size:8px;
  70. letter-spacing:0px;
  71. border-radius:3px;
  72. text-transform:uppercase;
  73. color:{color:text};
  74. text-shadow: 1px 1px 0px rgba(255,255,255,.3);
  75. z-index:999999999999999999999999999999999999; }
  76.  
  77. body {
  78. font-family: arial;
  79. font-size:9px;
  80. background:url('{image:background}') fixed bottom;
  81. color:{color:text};
  82. font-weight:normal;
  83. letter-spacing:1px;
  84. background-color:{color:background};
  85. text-shadow: 1px 1px 0px rgba(255,255,255,.3);}
  86.  
  87.  
  88. blockquote {
  89. font-size:9px;
  90. font-family: arial;
  91. margin-left:5px;
  92. margin-right:5px;
  93. border-left:4px solid{color:hover};
  94. text-align:left;
  95. padding:2px;
  96. padding-left:5px;
  97. font-weight:normal;
  98. color:{color:text};
  99. background-color:{color:postbg};
  100. }
  101.  
  102. blockquote a{
  103. color:{color:hover};
  104. }
  105.  
  106. 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{
  107. background-color:{color:postbg};
  108. color:{color:text};
  109. }
  110.  
  111. blockquote img {
  112. max-width:390px;
  113. }
  114.  
  115. blockquote blockquote img{
  116. max-width:350px;
  117. }
  118.  
  119. 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{
  120. font-size:9px;
  121. font-family: arial;
  122. margin-left:5px;
  123. margin-right:5px;
  124. letter-spacing:0px;
  125. border-left:2px solid{color:hover};
  126. text-align:left;
  127. padding:5px;
  128. padding-left:5px;
  129. font-weight:normal;
  130. color:{color:text};
  131. background-color:{color:postbg};
  132. }
  133.  
  134. small, sub, sup{
  135. font-size:10px;
  136. }
  137.  
  138. code {
  139. font-size:9px;
  140. font-family: arial;
  141. text-transform:none;
  142.  
  143. }
  144.  
  145. b, bold, strong{
  146. color:{color:post links};
  147. }
  148.  
  149. i{
  150. color:{color:hover};
  151. }
  152.  
  153. .header i{
  154. color:{color:links};
  155. }
  156.  
  157. hr{
  158. border:none;
  159. border-top:dashed 1px {color:text};
  160. }
  161.  
  162. pre {
  163. font-family: arial;
  164. text-align:center;
  165. font-size:10px;
  166. max-width:500px;
  167. padding:10px ;
  168. color:{color:text};
  169. background:{color:postbg};
  170. }
  171. h1{
  172. font-family: arial;
  173. font-size:10px;
  174. text-align:center;
  175. letter-spacing:5px;
  176. text-transform:uppercase;
  177. padding-bottom:3px;
  178. color:{color:post links};
  179. border-bottom:2px solid {color:post links};
  180. }
  181.  
  182. h2{
  183. text-shadow: 1px 1px 0px {color:hover};
  184. margin-top:-5px;
  185. color:{color:text};
  186. margin-bottom:5px;
  187. text-align:center;
  188. }
  189.  
  190. h3{
  191. color:{color:text};
  192. letter-spacing:2px;
  193. font-size:10px;
  194. text-transform:uppercase;
  195. font-weight:bold;
  196. text-align:right;
  197. }
  198.  
  199. h4{
  200. color:{color:text};
  201. letter-spacing:2px;
  202. font-size:10px;
  203. text-transform:uppercase;
  204. font-weight:bold;
  205. text-align:left;
  206. }
  207. /*GENERAL*/
  208.  
  209.  
  210. a {
  211. color:{color:Background};
  212. color:{color:post links};
  213. text-decoration:none;
  214. -webkit-transition:all 0.5s ease-in-out;
  215. -moz-transition:all 0.5s ease-in-out;
  216. -o-transition:all 0.5s ease-in-out;
  217. transition:all 0.5s ease-in-out;}
  218.  
  219. a:hover {
  220. color:{color:Hover};
  221. text-decoration:underline;
  222. -webkit-transition:all 0.5s ease-in-out;
  223. -moz-transition:all 0.5s ease-in-out;
  224. -o-transition:all 0.5s ease-in-out;
  225. transition:all 0.5s ease-in-out;}
  226.  
  227.  
  228. /*END GENERAL*/
  229. /*SIDEBAR*/
  230. .description{
  231. position:fixed;
  232. opacity:1;
  233. margin-top:4px;
  234. background:{color:border};
  235. width:100px;
  236. height:114px;
  237. color:{color:desctext};
  238. text-align:justify;
  239. overflow:auto;
  240. margin-left:460px;
  241. border:25px solid {color:border};
  242. outline:4px solid {color:postbg};
  243. -webkit-transition:all 0.5s ease-in-out;
  244. -moz-transition:all 0.5s ease-in-out;
  245. -o-transition:all 0.5s ease-in-out;
  246. transition:all 0.5s ease-in-out;
  247. }
  248.  
  249. .description p:first-letter, .desc p:first-letter{
  250. font-size:20px;
  251. padding-right:2px;
  252. font-style:italic;
  253. font-weight:bold;
  254.  
  255. text-transform:uppercase;
  256. text-shadow:-2px 2px 0px rgba(255,255,255,.2) ;
  257. }
  258.  
  259. .pngg{
  260. position:absolute;
  261. margin-left:460px;
  262. margin-top:338px;
  263. width:154px;
  264. height:170px;
  265. z-index:8;
  266. font-weight:normal;
  267. background-image:url('{image:PNG}');
  268. -webkit-transition:all 0.5s ease-in-out;
  269. -moz-transition:all 0.5s ease-in-out;
  270. -o-transition:all 0.5s ease-in-out;
  271. transition:all 0.5s ease-in-out;
  272. -webkit-border-bottom-right-radius: 3px;
  273. -moz-border-radius-bottomright: 3px;
  274. border-bottom-right-radius: 3px;
  275. }
  276.  
  277.  
  278. .title{
  279. position:fixed;
  280. padding:3px;padding-left:0px;padding-right:0px;
  281. margin-left:130px;font-size:8px;
  282. margin-top:168px;
  283. width:200px;
  284. height:8px;
  285. text-transform:uppercase;
  286. font-weight:bold;
  287. color:{color:text};
  288. border-bottom:none;
  289. text-align:center;
  290. font-style:italic;
  291. z-index:99999;background:{color:postbg};
  292. border:1px solid {color:text};
  293. font-family:arial;
  294. border-radius:3px;
  295. text-shadow: -1px -1px -1px rgba(0,0,0,.2);
  296. }
  297.  
  298. .ic{
  299. width:50px;
  300. height:50px;
  301. margin-left:505px;
  302. margin-top:200px;
  303. background:url('{image:icon}');
  304. z-index:9999;
  305. border:5px solid {color:postbg};
  306. position:fixed;
  307. border-radius:900px;
  308. }
  309.  
  310. .sb:hover .description{
  311. opacity:1;
  312. margin-top:5px;
  313. -webkit-transition:all 0.5s ease-in-out;
  314. -moz-transition:all 0.5s ease-in-out;
  315. -o-transition:all 0.5s ease-in-out;
  316. transition:all 0.5s ease-in-out;
  317. }
  318.  
  319. .png{
  320. position:fixed;
  321. height:508px;
  322. margin-top:0px;
  323. width:154px;
  324. background:{color:border};
  325. margin-left:460px;
  326. z-index:-2;
  327. -webkit-border-bottom-right-radius: 3px;
  328. -moz-border-radius-bottomright: 3px;
  329. border-bottom-right-radius: 3px;
  330. -webkit-transition:all 0.5s ease-in-out;
  331. -moz-transition:all 0.5s ease-in-out;
  332. -o-transition:all 0.5s ease-in-out;
  333. transition:all 0.5s ease-in-out;
  334. }
  335.  
  336.  
  337. .sb{
  338. position:fixed;
  339. width:460px;
  340. height:170px;
  341. margin-left:0px;
  342. margin-top:0px;
  343. z-index:6;
  344. background:url('{image:header}');
  345. -webkit-border-top-left-radius: 3px;
  346. -moz-border-radius-topleft: 3px;
  347. border-top-left-radius: 3px;}
  348.  
  349. .pic a{
  350. color:{color:desctext};
  351. }
  352.  
  353. /* Animate Background Image */
  354.  
  355. @-webkit-keyframes aitf {
  356. 0% { background-position: 0% 50%; }
  357. 100% { background-position: 100% 50%; }
  358. }
  359.  
  360. .tl p{
  361. position:fixed;
  362. height:160px;
  363. width:220px;
  364. ms-transform: rotate(-10deg); /* IE 9 */
  365. -webkit-transform: rotate(-10deg); /* Safari */
  366. transform: rotate(-10deg); /* Standard syntax */
  367. }
  368.  
  369. .tl {
  370. background-image: -webkit-linear-gradient({color:border} 50%, {color:text} 50%);
  371. background-repeat: repeat;
  372. background-position: 0 0;
  373. background-size: 100% 50px;
  374. -webkit-text-fill-color: transparent;
  375. -webkit-background-clip: text;
  376. -webkit-animation: stripes 4s linear infinite;
  377. animation: stripes 4s linear infinite;
  378. ms-transform: rotate(-10deg); /* IE 9 */
  379. -webkit-transform: rotate(-10deg); /* Safari */
  380. transform: rotate(-10deg); /* Standard syntax */
  381. }
  382.  
  383. @-webkit-keyframes stripes {
  384. 100% {
  385. background-position: 0 -50px;
  386. }
  387. }
  388.  
  389. @keyframes stripes {
  390. 100% {
  391. background-position: 0 -50px;
  392. }
  393. }
  394. /* Other stuff */
  395.  
  396. .tl {
  397. position: fixed;
  398. margin-top:155px;
  399. width:200px;
  400. margin-left:230px;
  401. white-space: nowrap;
  402. text-align: center;
  403. font-weight: bold;
  404. font-size:40px;
  405. text-transform:lowercase;
  406. font-family:'shellahera';
  407. z-index:99999999;
  408. -webkit-transform: translateX(-50%) translateY(-50%);
  409. -ms-transform: translateX(-50%) translateY(-50%);
  410. transform: translateX(-50%) translateY(-50%);
  411. }
  412.  
  413. .header{
  414. position:fixed;
  415. width:250px;
  416. height:50px;
  417. padding:0px;
  418. z-index:999;
  419. text-align:left;
  420. margin-left:412px;
  421. margin-top:165px;
  422. text-align:center;
  423. z-index:9;
  424. }
  425.  
  426. .header a {
  427. display:inline-block;
  428. background:{color:linksbg};
  429. color:{color:links};
  430. width:11px;
  431. height:11px;
  432. text-align:center;
  433. font-weight:bold;
  434. font-size:10px;
  435. font-family: arial;
  436. padding:4px;
  437. padding-left:5px;
  438. margin-right:6px;
  439. margin-top:-10px;
  440. text-transform:uppercase;
  441. border-radius:500px;
  442. text-shadow: 1px 1px 0px rgba(255,255,255,.2);
  443. border:2px solid {color:infobg};
  444.  
  445. -webkit-transition:all 0.7s ease-in-out;
  446. -moz-transition:all 0.7s ease-in-out;
  447. -o-transition:all 0.7s ease-in-out;
  448. transition:all 0.7s ease-in-out;
  449. }
  450.  
  451. .header a:hover {
  452. text-decoration:none;
  453. letter-spacing:3px;
  454. color:{color:Hover};
  455. -webkit-transition:all 0.5s ease-in-out;
  456. -moz-transition:all 0.5s ease-in-out;
  457. -o-transition:all 0.5s ease-in-out;
  458. transition:all 0.5s ease-in-out;}
  459.  
  460. .pagination{
  461. position:fixed;
  462. margin-top:280px;
  463. width:50px;
  464. margin-left:506px;
  465. text-align:center;
  466. height:10px;
  467. padding:5px;
  468. padding-bottom:7px;
  469. padding-top:5px;
  470. font-weight:bold;
  471. z-index:99;
  472.  
  473. text-transform:uppercase;z-index:999999999999999;
  474. }
  475.  
  476. .pagination a {
  477. display:block;
  478. text-align:center;
  479. width:auto;
  480. font-size:8px;
  481. height:8px;
  482. color:{color:text};
  483. text-shadow: 1px 1px 1px rgba(0,0,0,.2);
  484. font-family:arial;
  485. padding:2px;
  486. padding-right:1px;
  487. margin-left:1px;
  488. border:1px solid {color:border};
  489. border-radius:3px;;
  490. background:{color:postbg};
  491.  
  492. }
  493.  
  494. .pagination a:hover{
  495. text-decoration:none;
  496. font-style:italic;
  497. color:{color:hover};
  498. -webkit-transition:all 0.5s ease-in-out;
  499. -moz-transition:all 0.5s ease-in-out;
  500. -o-transition:all 0.5s ease-in-out;
  501. transition:all 0.5s ease-in-out;}
  502.  
  503.  
  504. /*END SIDEBAR*/
  505. /*POSTS*/
  506. .content{
  507. overflow:visible;
  508. position:fixed;
  509. top:50%;
  510. left:50%;
  511. height:500px;
  512. width:450px;
  513. z-index:9;
  514. margin-left:-310px;
  515. margin-top:-250px;
  516.  
  517. }
  518.  
  519. .c{
  520. position:fixed;
  521. width:422px;
  522. height:300px;
  523. overflow:auto;
  524. margin-left:0px;
  525. margin-top:170px;
  526. z-index:99;
  527. background:{color:container};
  528. border:19px solid {color:container};
  529. -webkit-border-bottom-left-radius: 3px;
  530. -moz-border-radius-bottomleft: 3px;
  531. border-bottom-left-radius: 3px;
  532. }
  533.  
  534. .posts {
  535. width:420px;
  536. color:{color:text};
  537. font-weight:normal;
  538. }
  539.  
  540. .posts a{
  541. color:{color:post links};
  542. }
  543.  
  544. .entries {
  545. width:400px;
  546. padding:10px;
  547. font-weight:normal;
  548. color:{color:text};
  549. background-color:{color:postbg};
  550. margin-bottom:20px;
  551. margin-top:5px;
  552. padding-right:15px;
  553. padding-left:5px;
  554. border:1px solid {color:border};
  555. -webkit-transition-property: top, bottom;
  556. -webkit-transition-duration: 0.5s;
  557. -webkit-transition:all 0.5s ease-in-out;
  558. -moz-transition:all 0.5s ease-in-out;
  559. -o-transition:all 0.5s ease-in-out;
  560. transition:all 0.5s ease-in-out;
  561. }
  562.  
  563. .info {
  564. padding:5px;
  565. margin-left:-6px;
  566. margin-top:-15px;
  567.  
  568. font-family: 'arial';
  569. font-weight:bold;
  570. font-size:8px;
  571. padding-top:0px;
  572. padding-bottom:0px;
  573. width:410px;
  574. border:1px solid {color:border};
  575. line-height:15px;
  576. letter-spacing:2px;
  577. text-transform:uppercase;
  578. color:{color:Post links};
  579. background-color:{color:infobg};
  580. margin-bottom:10px;
  581. text-shadow:1px 1px 0px rgba(0,0,0,.3);
  582. -webkit-transition-property: top, bottom;
  583. -webkit-transition-duration: 0.5s;
  584. -webkit-transition:all 0.5s ease-in-out;
  585. -moz-transition:all 0.5s ease-in-out;
  586. -o-transition:all 0.5s ease-in-out;
  587. transition:all 0.5s ease-in-out;
  588. }
  589.  
  590. .info a {
  591. color:{color:Post Links};
  592. -webkit-transition-property: top, bottom;
  593. -webkit-transition-duration: 0.5s;
  594. -webkit-transition:all 0.5s ease-in-out;
  595. -moz-transition:all 0.5s ease-in-out;
  596. -o-transition:all 0.5s ease-in-out;
  597. transition:all 0.5s ease-in-out;}
  598.  
  599. .info a:hover {
  600. color:{color:hover};
  601. -webkit-transition-property: top, bottom;
  602. -webkit-transition-duration: 0.5s;
  603. -webkit-transition:all 0.5s ease-in-out;
  604. -moz-transition:all 0.5s ease-in-out;
  605. -o-transition:all 0.5s ease-in-out;
  606. transition:all 0.5s ease-in-out;}
  607.  
  608. .noties{
  609. margin-top:-10px;
  610. text-align:right;
  611. }
  612.  
  613. .tags{
  614. padding:5px;
  615. margin-bottom:-11px;
  616. margin-left:-6px;
  617. text-align:center;
  618. font-family: 'arial';
  619. font-weight:bold;
  620. font-size:8px;
  621. padding-top:0px;
  622. padding-bottom:0px;
  623. width:410px;
  624. border:1px solid {color:border};
  625. line-height:15px;
  626. letter-spacing:2px;
  627. text-transform:uppercase;
  628. color:{color:Post links};
  629. background-color:{color:infobg};
  630. text-shadow:1px 1px 0px rgba(0,0,0,.3);
  631. -webkit-transition:all 0.5s ease-in-out;
  632. -moz-transition:all 0.5s ease-in-out;
  633. -o-transition:all 0.5s ease-in-out;
  634. transition:all 0.5s ease-in-out;
  635. }
  636.  
  637. .tags a {
  638. display:inline-block;
  639. margin-right:5px;
  640. margin-top:0px;
  641. color:{color:Post Links};
  642. -webkit-transition:all 0.5s ease-in-out;
  643. -moz-transition:all 0.5s ease-in-out;
  644. -o-transition:all 0.5s ease-in-out;
  645. transition:all 0.5s ease-in-out;
  646. }
  647.  
  648. .tags a:hover{
  649. color:{color:hover};
  650. }
  651.  
  652. .post_title {
  653. display:block;
  654. padding:2px;
  655. text-align:right;
  656. font-size:10px;
  657. font-family: arial;
  658. letter-spacing:2px;
  659. border-bottom:1px solid {color:post links};
  660. text-transform:uppercase;
  661. font-weight:bold;
  662. color:{color:post links};
  663. }
  664.  
  665. .text {
  666. display:block;
  667. padding:5px;
  668. text-align:justify;
  669. color:{color:Text};
  670. }
  671.  
  672. .photo{margin-left:5px;}
  673.  
  674. .photo img {
  675. display:block;
  676. max-width:400px;
  677. }
  678.  
  679.  
  680. .posts img{
  681. max-width:400px;
  682. -webkit-transition:all 0.7s ease-in-out;
  683. -moz-transition:all 0.7s ease-in-out;
  684. -o-transition:all 0.7s ease-in-out;
  685. transition:all 0.7s ease-in-out;
  686. }
  687.  
  688. .posts img:hover{
  689. -webkit-filter: grayscale(1);
  690. filter: grayscale(1);
  691. }
  692.  
  693. .quote {
  694. display:block;
  695. padding:10px;
  696. text-align:center;
  697. font-size:10px;
  698. font-family:'shrikhand';
  699. color:{color:text};}
  700.  
  701. .source {
  702. display:block;
  703. padding:5px;
  704. text-align:center;
  705. font-size:9px;
  706. }
  707.  
  708. .chat li {
  709. display:block;
  710. padding:5px;
  711. color:{color:text};}
  712.  
  713. .audioimg img {
  714. width:100px;
  715. height:100px;
  716. color:{color:text};
  717. font-family: arial;
  718. text-align:center;
  719. text-transform:uppercase;}
  720.  
  721. .audioinfo {
  722. color:{color:Text};}
  723.  
  724. #ask{
  725. font-family:arial;
  726. font-size:8px;
  727. width:370px;
  728. margin-left:5px;
  729. padding:10px;
  730. padding-bottom:-0px;
  731. text-transform:uppercase;
  732. font-weight:normal;
  733. color:{color:text};
  734. letter-spacing:1px;
  735. text-shadow: 1px 1px 0px rgba(255,255,255,.2);
  736. }
  737.  
  738. .question{
  739. min-height:10px;
  740. width:305px;
  741. text-align:justify;
  742. color:{color:text};
  743. padding:5px;
  744. font-weight:bold;
  745. font-family:arial;
  746. margin-left:50px;
  747. margin-top:10px;
  748. border-bottom:1px solid {color:border};
  749. -webkit-text-top-left-radius: 5px;
  750. -webkit-text-top-right-radius: 5px;
  751. -moz-text-radius-topleft: 5px;
  752. -moz-text-radius-topright: 5px;
  753. text-top-left-radius: 5px;
  754. text-top-right-radius: 5px;
  755. }
  756.  
  757.  
  758. .question img{
  759. -webkit-border-radius: 50px;
  760. -moz-border-radius: 50px;
  761. border-radius: 50px;
  762. padding:3px;
  763. margin-left:-55px;
  764. margin-top:-8px;
  765. border:1px solid {color:border};
  766. box-shadow: 0px 0px 2px rgba(255,255,255,.5) ;
  767. -webkit-box-shadow:0px 0px 2px rgba(255,255,255,.5) ;
  768. -moz-box-shadow:0px 0px 2px rgba(255,255,255,.5) ;
  769. }
  770. .answer{
  771. margin-top:20px;
  772. text-transform:none;
  773. color:{color:text};
  774. }
  775. /*END POSTS*/
  776.  
  777. /*SCROLLBAR*/
  778.  
  779. ::-webkit-scrollbar {
  780. height:0px;
  781. width:0px;
  782. background-color:{color:scrollbarBG};}
  783.  
  784. ::-webkit-scrollbar-thumb {
  785. height:auto;
  786. background-color:{color:scrollbar};}
  787.  
  788.  
  789. .notes {
  790. font-family: arial;
  791. text-align:left;
  792. text-transform:uppercase;
  793. font-size:8px;
  794. width:auto;
  795. margin-left:-30px;
  796. margin-top:20px;
  797. color:{color:border};
  798. background-color:rgba(0,0,0,0);
  799. }
  800.  
  801. .notes li{
  802. list-style-type:none;
  803. background-color:rgba(0,0,0,0);
  804. padding:5px;
  805. }
  806.  
  807. .notes img {
  808. opacity:0;
  809. display:none;
  810. }
  811.  
  812. .notes a{
  813. color:{color:post links};
  814. }
  815.  
  816. #credit {
  817. position:fixed;
  818. font-family: arial;
  819. color:{color:Border};
  820. text-transform:uppercase;
  821. font-weight:bold;
  822. font-size:11px;
  823. width:10px;
  824. height:10px;
  825. right:5px;
  826. bottom:5px;
  827. padding:5px;
  828. opacity:1;
  829. letter-spacing:4px;
  830. }
  831.  
  832.  
  833. /*END SCROLLBAR*/
  834.  
  835. </style>
  836. </head>
  837. <body>
  838.  
  839. <!--SIDEBAR-->
  840.  
  841. <!--END SIDEBAR-->
  842.  
  843. <!--POSTS-->
  844. <div class="content">
  845. <div class="pic">
  846.  
  847. </div>
  848.  
  849. <div class="tl">
  850. <span>{text:animated title}</span></div>
  851. <div class="description"><img align="left" src="{image:descicon}" style="padding:2px; border:1px solid {color:border}; height:35px; width:35px; margin-right:10px;"/><p style="margin-top:-5px">{description}</p></div>
  852. <div class="sb"></div>
  853. <div class="pngg"></div>
  854. <div class="png"></div>
  855. <div class="pagination">
  856. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">BACK</a>{/block:PreviousPage}{/block:Pagination}{block:Pagination}{block:NextPage}<a href="{NextPage}">NEXT</a>{/block:NextPage}{/block:Pagination}
  857. </div>
  858. <div class="icc"></div><div class="ic"></div>
  859.  
  860. <div class="sidebar"></div>
  861. <div class="title">❝&nbsp;{title}&nbsp;❞</div>
  862.  
  863. <div class="header">
  864. <a href="{text:Home URL}" title="refresh"><i class="fa fa-home" aria-hidden="true"></i></a><a href="{text:Ask URL}" title="inquiries"><i class="fa fa-comment-o" aria-hidden="true"></i></a><a href="{text:Link 1 URL}" title="navigate"><i class="fa fa-globe" aria-hidden="true"></i></a><a href="{text:Link 2 URL}" title="themes"><i class="fa fa-star-o" aria-hidden="true"></i></a></div>
  865. <div class="c">
  866. <div class="posts">
  867.  
  868. {block:Posts}
  869.  
  870. <div class="entries">
  871. <div class="info"><center>
  872. <a href="{Permalink}">{NoteCount} notes</a>&nbsp;•&nbsp;<a href="{Permalink}">{TimeAgo}</a>&nbsp;•&nbsp;<a href="{ReblogURL}" target="_blank" class="details">Reblog</a></a>
  873. </center></div>
  874.  
  875.  
  876. <!--TEXT POSTS-->
  877.  
  878. {block:Text}
  879.  
  880. {block:Title}<div class="post_title">{Title}</div>{/block:Title}
  881. <div class="text">{Body}</div>
  882.  
  883. {/block:Text}
  884.  
  885. <!--END TEXT POSTS-->
  886.  
  887. <!--PHOTO POSTS-->
  888.  
  889. {block:Photo}
  890.  
  891. <div class="photo"><center><img src="{PhotoURL-400}"/></center></div>
  892. <div class="text">{Caption}</div>
  893.  
  894. {/block:Photo}
  895.  
  896. <!--END PHOTO POSTS-->
  897.  
  898. <!--PHOTOSET POSTS-->
  899.  
  900. {block:Photoset}
  901.  
  902. <center><div class="photo">{Photoset-400}</div></center>
  903. <div class="text">{Caption}</div>
  904.  
  905. {/block:Photoset}
  906.  
  907. <!--END PHOTOSET POSTS-->
  908.  
  909. <!--QUOTE POSTS-->
  910.  
  911. {block:Quote}
  912.  
  913. <div class="quote">❝{Quote}❞ </div>
  914. <div class="source" style="text-align: left; font-weight:bold;">&mdash;{Source}</div>
  915.  
  916. {/block:Quote}
  917.  
  918. <!--END QUOTE POSTS-->
  919.  
  920. <!--LINK POSTS-->
  921.  
  922. {block:Link}
  923.  
  924. <div class="post_title"><a href="{URL}">{Name}</a></div>
  925. {block:Description}<div class="text">{Description}</div>{/block:Description}
  926.  
  927. {/block:Link}
  928.  
  929. <!--END LINK POSTS-->
  930.  
  931. <!--CHAT POSTS-->
  932.  
  933. {block:Chat}
  934.  
  935. {block:Title}<div class="post_title">{Title}</div>{/block:Title}
  936. <div class="chat">
  937. <ul>
  938. {block:Lines}<li class="{Alt}">{block:Label}<b>{Label}</b> {/block:Label}{Line}</li>{/block:Lines}
  939. </ul>
  940. </div>
  941.  
  942. {/block:Chat}
  943.  
  944. <!--END CHAT POSTS-->
  945.  
  946. <!--AUDIO POSTS-->
  947.  
  948. {block:Audio}
  949.  
  950. <table>
  951. <tr>
  952. <td>
  953. {block:AlbumArt}<div class="audioimg"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
  954. </td>
  955. <td>
  956. <div class="audioplayer">{AudioPlayerWhite}</div>
  957. <div class="audioinfo">{block:Artist}<b>Name</b>: {Artist}{/block:Artist}<br>
  958. {block:Album}<b>Album</b>: {Album}{/block:Album}<br>
  959. {block:TrackName}<b>Track</b>: {TrackName}{/block:TrackName}</div>
  960. </td>
  961. </tr>
  962. </table>
  963. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  964.  
  965. {/block:Audio}
  966.  
  967. <!--END AUDIO POSTS-->
  968.  
  969. <!--VIDEO POSTS-->
  970.  
  971. {block:Video}
  972.  
  973. <center><div class="photo">{VideoEmbed-400}</div></center>
  974. <div class="text">{Caption}</div>
  975.  
  976. {/block:Video}
  977.  
  978. <!--END VIDEO POSTS-->
  979.  
  980. <!--ANSWER POSTS-->
  981. {block:Answer}
  982. <div id="ask">
  983. <div class="question">
  984. <img src="{AskerPortraitURL-30}"/><p style="margin-top:-35px;"><b>{Asker}:</b> {Question}</p></div>
  985. <div class="answer">
  986. {Answer}</div></div>
  987. {/block:answer}
  988. <!--END ANSWER POSTS-->
  989. {block:HasTags}
  990. <div class="tags"> {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>
  991. {/block:HasTags} {block:PostNotes}<div id="notes">{PostNotes}{/block:PostNotes}</div>
  992.  
  993. {/block:Posts}
  994.  
  995. </div>
  996. {/block:PermalinkPage}
  997. </div>
  998. </div>
  999. </div>
  1000. </div>
  1001.  
  1002.  
  1003. <div id="credit">
  1004. <a href="http://beatriceofrp.tumblr.com" title="beatriceofrp">©</a>
  1005. </div>
  1006. </div>
  1007. </div>
  1008. <!--END POSTS-->
  1009.  
  1010. </body>
  1011.  
  1012. </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!