API tools faq
paste
Advertisement
lexaofrp

THEME 51: GRAVITY!

lexaofrp
Jun 3rd, 2019
481
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 31.33 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  4. <script src="https://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:Sidebar" content=""/>
  26. <meta name="image:DescIcon" content=""/>
  27. <meta name="image:PopupIcon" content=""/>
  28. <meta name="image:PopupPNG" 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:Title1" content="TITLE"/>
  45. <meta name="text:Title2" content="TITLE"/>
  46. <meta name="text:PopupMainTitle" content="TITLE"/>
  47. <meta name="text:Popup" content="POPUP TEXT"/>
  48. <meta name="text:PopupTitle1" content="TITLE"/>
  49. <meta name="text:PopupTitle2" content="TITLE"/>
  50.  
  51. <meta name="text:Home URL" content="/"/>
  52. <meta name="text:Ask URL" content="/"/>
  53. <meta name="text:Link 3 URL" content="/"/>
  54. <meta name="text:Link 3 Name" content="/"/>
  55. <meta name="text:Link 4 URL" content="/"/>
  56. <meta name="text:Link 4 Name" content="/"/>
  57.  
  58. <script src="https://use.fontawesome.com/255525e9a0.js"></script>
  59. <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
  60. <link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
  61. <style type="text/css">
  62.  
  63. @font-face { font-family: luck; src: url('https://dl.dropboxusercontent.com/s/iflzjlfrtqh0jnp/Bristle%20Brush.ttf') ; }
  64. /** thank you @redjamies i hate importing fonts such a pain **/
  65.  
  66. #s-m-t-tooltip {
  67.  
  68. max-width:100px;
  69. margin-left:10px;
  70. margin-top:10px;
  71. padding:3px;
  72. padding-bottom:2px;
  73. background: {color:postbg};
  74. border:1px solid {color:text};
  75. font-family: 'Roboto';
  76. font-size:8px;
  77. letter-spacing:0px;
  78. border-radius:3px;
  79. text-transform:uppercase;
  80. color:{color:text};
  81. text-shadow: 1px 1px 0px rgba(255,255,255,.3);
  82. z-index:999999999999999999999999999999999999; }
  83.  
  84. body {
  85. font-family: 'Roboto';
  86. font-size:9px;
  87. background:url('{image:background}') fixed bottom;
  88. color:{color:text};
  89. font-weight:normal;
  90. letter-spacing:1px;
  91. background-color:{color:background};
  92. text-shadow: 1px 1px 0px rgba(255,255,255,.3);}
  93.  
  94.  
  95. blockquote {
  96. font-size:9px;
  97. font-family: 'Roboto';
  98. margin-left:5px;
  99. margin-right:5px;
  100. border-left:4px solid{color:hover};
  101. text-align:left;
  102. padding:2px;
  103. padding-left:5px;
  104. font-weight:normal;
  105. color:{color:text};
  106. background-color:{color:postbg};
  107. }
  108.  
  109. blockquote a{
  110. color:{color:hover};
  111. }
  112.  
  113. 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{
  114. background-color:{color:postbg};
  115. color:{color:text};
  116. }
  117.  
  118. blockquote img {
  119. max-width:390px;
  120. }
  121.  
  122. blockquote blockquote img{
  123. max-width:350px;
  124. }
  125.  
  126. 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{
  127. font-size:9px;
  128. font-family: 'Roboto';
  129. margin-left:5px;
  130. margin-right:5px;
  131. letter-spacing:0px;
  132. border-left:4px solid{color:hover};
  133. text-align:left;
  134. padding:5px;
  135. padding-left:5px;
  136. font-weight:normal;
  137. color:{color:text};
  138. background-color:{color:postbg};
  139. }
  140.  
  141. small, sub, sup{
  142. font-size:10px;
  143. }
  144.  
  145. code {
  146. font-size:9px;
  147. font-family: 'Roboto';
  148. text-transform:none;
  149.  
  150. }
  151.  
  152. b, bold, strong{
  153. color:{color:post links};
  154. }
  155.  
  156. i{
  157. color:{color:hover};
  158. }
  159.  
  160. .header i{
  161. color:{color:links};
  162. }
  163.  
  164. hr{
  165. border:none;
  166. border-top:dashed 1px {color:text};
  167. }
  168.  
  169. pre {
  170. font-family: 'Roboto';
  171. text-align:center;
  172. font-size:10px;
  173. max-width:500px;
  174. padding:10px ;
  175. color:{color:text};
  176. background:{color:postbg};
  177. }
  178. h1{
  179. font-family: 'Roboto';
  180. font-size:10px;
  181. text-align:center;
  182. letter-spacing:5px;
  183. text-transform:uppercase;
  184. padding-bottom:3px;
  185. color:{color:post links};
  186. border-bottom:2px solid {color:post links};
  187. }
  188.  
  189. h2{
  190. text-shadow: 1px 1px 0px {color:hover};
  191. margin-top:-5px;
  192. color:{color:text};
  193. margin-bottom:5px;
  194. text-align:center;
  195. }
  196.  
  197. h3{
  198. color:{color:text};
  199. letter-spacing:2px;
  200. font-size:10px;
  201. text-transform:uppercase;
  202. font-weight:bold;
  203. text-align:right;
  204. }
  205.  
  206. h4{
  207. color:{color:text};
  208. letter-spacing:2px;
  209. font-size:10px;
  210. text-transform:uppercase;
  211. font-weight:bold;
  212. text-align:left;
  213. }
  214. /*GENERAL*/
  215.  
  216.  
  217. a {
  218. color:{color:Background};
  219. color:{color:post links};
  220. text-decoration:none;
  221. -webkit-transition:all 0.5s ease-in-out;
  222. -moz-transition:all 0.5s ease-in-out;
  223. -o-transition:all 0.5s ease-in-out;
  224. transition:all 0.5s ease-in-out;}
  225.  
  226. a:hover {
  227. color:{color:Hover};
  228. text-decoration:underline;
  229. -webkit-transition:all 0.5s ease-in-out;
  230. -moz-transition:all 0.5s ease-in-out;
  231. -o-transition:all 0.5s ease-in-out;
  232. transition:all 0.5s ease-in-out;}
  233.  
  234.  
  235. /*END GENERAL*/
  236. /*SIDEBAR*/
  237. .description{
  238. position:fixed;
  239. opacity:0;
  240. margin-top:-800px;
  241. background:{color:border};
  242. width:170px;
  243. height:190px;
  244. color:{color:desctext};
  245. text-align:justify;
  246. overflow:auto;
  247. margin-left:0px;
  248. border:40px solid {color:border};
  249. -webkit-transition:all 0.5s ease-in-out;
  250. -moz-transition:all 0.5s ease-in-out;
  251. -o-transition:all 0.5s ease-in-out;
  252. transition:all 0.5s ease-in-out;
  253. }
  254.  
  255. .description p:first-letter, .desc p:first-letter{
  256. font-size:20px;
  257. padding-right:2px;
  258. font-style:italic;
  259. font-weight:bold;
  260.  
  261. text-transform:uppercase;
  262. text-shadow:-2px 2px 0px rgba(255,255,255,.2) ;
  263. }
  264.  
  265. .title{
  266. position: fixed;
  267. margin-top:245px;
  268. width:250px;
  269. margin-left:0px;
  270. color:{color:text};
  271. text-align: center;
  272. font-weight: bold;
  273. font-size:40px;
  274. text-shadow:
  275. -1px -1px 0 {color:border},
  276. 1px -1px 0 {color:border},
  277. -1px 1px 0 {color:border},
  278. 1px 1px 0 {color:border};
  279. font-family:'luck';
  280. }
  281.  
  282. .tl {
  283. position: fixed;
  284. margin-top:256px;
  285. left:50%;
  286. margin-left:100px;
  287. background-color:transparent;
  288. width:210px;
  289. z-index:99999999;
  290.  
  291. }
  292.  
  293. .tl p{
  294. background-color:{color:postbg};
  295. color:{color:text};
  296. text-align: center;
  297. font-weight: bold;
  298. font-size:8px;
  299. text-transform:uppercase;
  300. font-family:Roboto;
  301. text-shadow:none;
  302. padding:1px;
  303. width:auto;
  304. }
  305.  
  306. .sb:hover .description{
  307. opacity:.9;
  308. margin-top:0px;
  309. -webkit-transition:all 0.5s ease-in-out;
  310. -moz-transition:all 0.5s ease-in-out;
  311. -o-transition:all 0.5s ease-in-out;
  312. transition:all 0.5s ease-in-out;
  313. }
  314.  
  315. .png{
  316. position:fixed;
  317. height:538px;
  318. margin-top:0px;
  319. width:250px;
  320. background:{color:border};
  321. margin-left:460px;
  322. z-index:-32;
  323. -webkit-border-bottom-right-radius: 3px;
  324. -moz-border-radius-bottomright: 3px;
  325. border-bottom-right-radius: 3px;
  326. -webkit-transition:all 0.5s ease-in-out;
  327. -moz-transition:all 0.5s ease-in-out;
  328. -o-transition:all 0.5s ease-in-out;
  329. transition:all 0.5s ease-in-out;
  330. }
  331.  
  332.  
  333. .sb{
  334. position:fixed;
  335. width:250px;
  336. height:270px;
  337. left:50%;
  338. top:50%;
  339. margin-left:80px;
  340. margin-top:-270px;
  341. z-index:9;
  342. background:url('{image:sidebar}');
  343. -webkit-border-top-left-radius: 3px;
  344. -moz-border-radius-topleft: 3px;
  345. border-top-left-radius: 3px;}
  346.  
  347. .links{
  348. position:fixed;
  349. width:250px;
  350. height:50px;
  351. padding:0px;
  352. z-index:999;
  353. text-align:left;
  354. margin-left:465px;
  355. margin-top:305px;
  356. text-align:center;
  357. z-index:9;
  358. }
  359.  
  360. .links a {
  361. display:inline-block;
  362. background:{color:linksbg};
  363. color:{color:links};
  364. width:150px;
  365. height:11px;
  366. text-align:left;
  367. font-weight:bold;
  368. font-size:8px;
  369. font-family: 'Roboto';
  370. padding:4px;
  371. padding-left:5px;
  372. margin-right:6px;
  373. margin-top:15px;
  374. text-transform:uppercase;
  375. border-radius:5px;
  376. text-shadow: 1px 1px 0px rgba(255,255,255,.2);
  377.  
  378. -webkit-transition:all 0.7s ease-out;
  379. -moz-transition:all 0.7s ease-out;
  380. -o-transition:all 0.7s ease-out;
  381. transition:all 0.7s ease-out;
  382. }
  383.  
  384. .links i{
  385. background-color:{color:links};
  386. color:{color:linksbg};
  387. padding:5px;
  388. margin-top:-4px;
  389. margin-left:-6px;
  390. font-size:10px;
  391. width:15px;
  392. padding-right:0px;
  393. padding-bottom:4px;
  394. -webkit-border-top-left-radius: 5px;
  395. -webkit-border-bottom-left-radius: 5px;
  396. -moz-border-radius-topleft: 5px;
  397. -moz-border-radius-bottomleft: 5px;
  398. border-top-left-radius: 5px;
  399. border-bottom-left-radius: 5px;
  400. }
  401.  
  402. .links p{
  403. margin-top:1px;
  404. margin-left:30px;
  405. letter-spacing:4px;
  406. }
  407.  
  408. .links a:hover {
  409. text-decoration:none;
  410. letter-spacing:3px;
  411. background-color:{color:links};
  412. color:{color:linksbg};
  413. -webkit-transition:all 0.5s ease-in-out;
  414. -moz-transition:all 0.5s ease-in-out;
  415. -o-transition:all 0.5s ease-in-out;
  416. transition:all 0.5s ease-in-out;}
  417.  
  418.  
  419. .pagination{
  420. position:fixed;
  421. left:50%;
  422. top:50%;
  423. display:block;
  424. margin-top:263px;
  425. width:150px;
  426. margin-left:-100px;
  427. text-align:center;
  428. height:10px;
  429. padding:5px;
  430. padding-bottom:7px;
  431. padding-top:5px;
  432. font-weight:bold;
  433. text-transform:uppercase;
  434. z-index:999999999999999;
  435. }
  436.  
  437. .pagination a {
  438. display:inline-block;
  439. text-align:center;
  440. width:50px;
  441. font-size:8px;
  442. height:8px;
  443. color:{color:text};
  444. text-shadow: 1px 1px 1px rgba(255,255,255,.2);
  445. font-family:'Roboto';
  446. padding:5px;
  447. padding-right:2px;
  448. margin-left:5px;
  449. margin-bottom:5px;
  450. background:{color:container};
  451. -webkit-border-bottom-right-radius: 3px;
  452. -webkit-border-bottom-left-radius: 3px;
  453. -moz-border-radius-bottomright: 3px;
  454. -moz-border-radius-bottomleft: 3px;
  455. border-bottom-right-radius: 3px;
  456. border-bottom-left-radius: 3px;
  457.  
  458. }
  459.  
  460. .pagination a:hover{
  461. text-decoration:none;
  462. font-style:italic;
  463. color:{color:hover};
  464. -webkit-transition:all 0.5s ease-in-out;
  465. -moz-transition:all 0.5s ease-in-out;
  466. -o-transition:all 0.5s ease-in-out;
  467. transition:all 0.5s ease-in-out;}
  468.  
  469.  
  470. /*END SIDEBAR*/
  471.  
  472. /*POP UP*/
  473. .modal{
  474. position:fixed;
  475. left:50%;
  476. top:50%;
  477. margin-left:-30px;
  478. margin-top:180px;
  479. z-index:99;
  480. }
  481.  
  482. .modalbutton{
  483.  
  484. margin-left:110px;
  485. margin-top:8px;
  486. z-index:99;
  487. border-style: solid;
  488. border-width: 80px 250px 0px 0;
  489. border-color: transparent {color:links}; transparent transparent;
  490. }
  491.  
  492. .modalbutton a{
  493. font-weight:bold;
  494. text-align:center;
  495. padding-top:7px;
  496. padding-bottom:0px;
  497. padding-left:5px;
  498. padding-right:5px;
  499. font-family:Roboto;
  500. font-size:20px;
  501. text-decoration:none;
  502. text-transform:uppercase;
  503. background-color:{color:sblinks};
  504. color:{color:SBLInksbg};
  505. width:100px;
  506. position:fixed;
  507. height: 0;
  508. z-index:99;
  509.  
  510. }
  511.  
  512. .modalbutton p{
  513. margin-top:-55px;
  514. margin-left:135px;
  515. width:100px;
  516. -moz-transform: rotate(340deg);
  517. -webkit-transform: rotate(340deg);
  518. -o-transform: rotate(340deg);
  519. -ms-transform: rotate(340deg);
  520. transform: rotate(340deg);
  521. text-shadow:none;
  522. color:{color:linksbg};
  523. }
  524.  
  525. .modalbutton a:hover {
  526. color:{color:Hover};
  527. background-color:{color:SBLinksbg};
  528. -webkit-transition:all 0.5s ease-in-out;
  529. -moz-transition:all 0.5s ease-in-out;
  530. -o-transition:all 0.5s ease-in-out;
  531. transition:all 0.5s ease-in-out;}
  532.  
  533.  
  534. .modalDialog {
  535. position: fixed;
  536. font-family: Roboto;
  537. top:50%;
  538. margin-top:-270px ;
  539. left: 50%;
  540. margin-left:-380px;
  541. padding:20px;
  542. background-color: {color:postbg};
  543. z-index: 9999999999999999999999;
  544. opacity:0;
  545. -webkit-transition: opacity 400ms ease-in;
  546. -moz-transition: opacity 400ms ease-in;
  547. transition: opacity 400ms ease-in;
  548. pointer-events: none;
  549.  
  550. }
  551. .modalDialog:target {
  552. opacity:1;
  553. pointer-events: auto;
  554. }
  555. .modalDialog > div {
  556. width: 650px;
  557. height:480px;
  558. z-index: 9999999999999999999999;
  559. position: relative;
  560. padding: 5px 10px 13px 10px;
  561. background: {color:accent};
  562. }
  563.  
  564. .pu{
  565. position:fixed;
  566. margin-left:40px;
  567. margin-top:80px;
  568. width:330px;
  569. height: 250px;
  570. overflow:scroll;
  571. text-align:justify;
  572. border:20px solid transparent;
  573. height:170px;
  574. }
  575.  
  576. .pupng{
  577. position:fixed;
  578. margin-left:430px;
  579. margin-top:-10px;
  580. height:300px;
  581. width:230px;
  582. background-image:url('{image:PopupPNG}');
  583. }
  584.  
  585. .putl p{
  586.  
  587. text-align:right;
  588. padding:2px;
  589. text-align: center;
  590. font-weight: bold;
  591. color:{color:linksbg};
  592. background-color:{color:links};
  593. border:1px solid {color:linksbg};
  594. font-size:8px;
  595. text-transform:uppercase;
  596. font-family:Roboto;
  597. text-shadow:none;
  598. z-index:99999999;
  599.  
  600. }
  601.  
  602. .putl{
  603. position: fixed;
  604. margin-top:17px;
  605. margin-left:75px;
  606. width:300px;
  607.  
  608. text-align:center;
  609. z-index:99999;
  610. }
  611.  
  612. .puim{
  613. position:fixed;
  614. width:170px;
  615. height:60px;
  616. margin-left:135px;
  617. margin-top:-60px;
  618. text-align:center;
  619. font-family:'luck';
  620. color:{color:border};
  621. font-size:60px;
  622. }
  623.  
  624. .themes{
  625. position:fixed;
  626. margin-top:320px;
  627. margin-left:20px;
  628. width:530px;
  629. padding:20px;
  630. height:200px;
  631. display: inline-block;
  632. float:left;
  633. overflow-x:scroll;
  634. }
  635.  
  636. .themes img{
  637. padding:0px;
  638. width:150px;
  639. height:100px;
  640. display: block;
  641. float:left;
  642. border-radius:3px;
  643. overflow:visible;
  644. }
  645.  
  646. .th p{
  647. position:fixed;
  648. margin-left:0px;
  649. width:150px;
  650. margin-top:87px;
  651. text-align:center;
  652. overflow:auto;
  653. font-size:20px;
  654. color:{color:text};
  655. border-radius:3px;
  656. -moz-transform: rotate(350deg);
  657. -webkit-transform: rotate(350deg);
  658. -o-transform: rotate(350deg);
  659. -ms-transform: rotate(350deg);
  660. transform: rotate(350deg);
  661. -webkit-transition:all 0.5s ease-in-out;
  662. -moz-transition:all 0.5s ease-in-out;
  663. -o-transition:all 0.5s ease-in-out;
  664. transition:all 0.5s ease-in-out;
  665. }
  666.  
  667. .th a{
  668. color:{color:text};
  669. text-align:center;
  670. text-decoration:none;
  671. }
  672. .th1 p{
  673. position:fixed;
  674. margin-left:0px;
  675. width:150px;
  676. margin-top:87px;
  677. text-align:center;
  678. overflow:auto;
  679. font-size:20px;
  680. color:{color:text};
  681. border-radius:3px;
  682. -moz-transform: rotate(350deg);
  683. -webkit-transform: rotate(350deg);
  684. -o-transform: rotate(350deg);
  685. -ms-transform: rotate(350deg);
  686. transform: rotate(350deg);
  687. -webkit-transition:all 0.5s ease-in-out;
  688. -moz-transition:all 0.5s ease-in-out;
  689. -o-transition:all 0.5s ease-in-out;
  690. transition:all 0.5s ease-in-out;
  691. }
  692.  
  693. .th1 a{
  694. color:{color:text};
  695. text-align:center;
  696. text-decoration:none;
  697. }
  698.  
  699. .th2 p{
  700. position:fixed;
  701. margin-left:0px;
  702. width:150px;
  703. margin-top:87px;
  704. text-align:center;
  705. overflow:auto;
  706. font-size:20px;
  707. color:{color:text};
  708. border-radius:3px;
  709. -moz-transform: rotate(350deg);
  710. -webkit-transform: rotate(350deg);
  711. -o-transform: rotate(350deg);
  712. -ms-transform: rotate(350deg);
  713. transform: rotate(350deg);
  714. -webkit-transition:all 0.5s ease-in-out;
  715. -moz-transition:all 0.5s ease-in-out;
  716. -o-transition:all 0.5s ease-in-out;
  717. transition:all 0.5s ease-in-out;
  718. }
  719.  
  720. .th2 a{
  721. color:{color:text};
  722. font-size:20px;
  723. text-align:center;
  724. text-decoration:none;
  725. }
  726.  
  727. .theme:hover{
  728. color:{color:hover};
  729. -webkit-transition:all 0.5s ease-in-out;
  730. -moz-transition:all 0.5s ease-in-out;
  731. -o-transition:all 0.5s ease-in-out;
  732. transition:all 0.5s ease-in-out;
  733. }
  734.  
  735. .th, .th1, .th2{
  736. position:fixed;
  737. font-family:'luck';
  738. font-size:20px
  739. height:200px;
  740. -webkit-transition:all 0.5s ease-in-out;
  741. -moz-transition:all 0.5s ease-in-out;
  742. -o-transition:all 0.5s ease-in-out;
  743. transition:all 0.5s ease-in-out;
  744. }
  745.  
  746. .th1{
  747. margin-left:210px;
  748. }
  749.  
  750. .th2{
  751. margin-left:420px;
  752. }
  753.  
  754. .close {
  755. color: {color:text};
  756. line-height: 25px;
  757. position: absolute;
  758. right: -15px;
  759. margin-top:-28px;
  760. text-align: center;
  761. font-weight: bold;
  762. font-size:10px;
  763. }
  764.  
  765. .close:hover {
  766. color: {color:border};
  767. }
  768.  
  769.  
  770. /*POSTS*/
  771. .content{
  772. overflow:visible;
  773. position:fixed;
  774. top:50%;
  775. left:50%;
  776. height:540px;
  777. width:450px;
  778. z-index:8;
  779. margin-left:-380px;
  780. margin-top:-270px;
  781.  
  782. }
  783.  
  784. .c{
  785. position:fixed;
  786. width:422px;
  787. height:500px;
  788. overflow:auto;
  789. margin-left:0px;
  790. margin-top:0px;
  791. z-index:8;
  792. background:{color:container};
  793. border:19px solid {color:container};
  794. -webkit-border-bottom-left-radius: 3px;
  795. -moz-border-radius-bottomleft: 3px;
  796. border-bottom-left-radius: 3px;
  797. }
  798.  
  799. .posts {
  800. width:410px;
  801. font-family: 'Roboto';
  802. color:{color:text};
  803. font-weight:normal;
  804. }
  805.  
  806. .posts a{
  807. color:{color:post links};
  808. }
  809.  
  810. .entries {
  811. width:400px;
  812. padding:10px;
  813. font-weight:normal;
  814. color:{color:text};
  815. background-color:{color:postbg};
  816. margin-bottom:20px;
  817. margin-top:5px;
  818. padding-right:15px;
  819. padding-left:5px;
  820. font-family: 'Roboto';
  821. border:1px solid {color:border};
  822. -webkit-transition-property: top, bottom;
  823. -webkit-transition-duration: 0.5s;
  824. -webkit-transition:all 0.5s ease-in-out;
  825. -moz-transition:all 0.5s ease-in-out;
  826. -o-transition:all 0.5s ease-in-out;
  827. transition:all 0.5s ease-in-out;
  828. }
  829.  
  830. .info {
  831. padding:5px;
  832. margin-left:-6px;
  833. margin-top:-15px;
  834. text-align:right;
  835. font-family: ''Roboto'';
  836. font-weight:bold;
  837. font-size:8px;
  838. padding-top:0px;
  839. padding-bottom:0px;
  840. width:410px;
  841. border:1px solid {color:border};
  842. line-height:15px;
  843. letter-spacing:2px;
  844. text-transform:uppercase;
  845. color:{color:Postbg};
  846. background-color:{color:infobg};
  847. margin-bottom:10px;
  848. text-shadow: 1px 1px 0px rgba(255,255,255,.2);
  849. -webkit-transition-property: top, bottom;
  850. -webkit-transition-duration: 0.5s;
  851. -webkit-transition:all 0.5s ease-in-out;
  852. -moz-transition:all 0.5s ease-in-out;
  853. -o-transition:all 0.5s ease-in-out;
  854. transition:all 0.5s ease-in-out;
  855. }
  856.  
  857. .info i{
  858. margin-top:4px;
  859. color:{color:postbg};
  860. position:absolute;
  861. }
  862.  
  863. .info i:hover{
  864. cursor:pointer;
  865. }
  866.  
  867. .info a {
  868. color:{color:Postbg};
  869. text-align:right;
  870. -webkit-transition-property: top, bottom;
  871. -webkit-transition-duration: 0.5s;
  872. -webkit-transition:all 0.5s ease-in-out;
  873. -moz-transition:all 0.5s ease-in-out;
  874. -o-transition:all 0.5s ease-in-out;
  875. transition:all 0.5s ease-in-out;}
  876.  
  877. .info a:hover {
  878. color:{color:hover};
  879. -webkit-transition-property: top, bottom;
  880. -webkit-transition-duration: 0.5s;
  881. -webkit-transition:all 0.5s ease-in-out;
  882. -moz-transition:all 0.5s ease-in-out;
  883. -o-transition:all 0.5s ease-in-out;
  884. transition:all 0.5s ease-in-out;}
  885.  
  886. .noties{
  887. margin-top:-10px;
  888. text-align:right;
  889. }
  890.  
  891. .tags{
  892. padding:5px;
  893. margin-bottom:-11px;
  894. margin-left:-6px;
  895. text-align:center;
  896. font-family: 'Roboto';
  897. font-weight:bold;
  898. font-size:8px;
  899. padding-top:0px;
  900. padding-bottom:0px;
  901. width:410px;
  902. border:1px solid {color:border};
  903. line-height:15px;
  904. letter-spacing:2px;
  905. text-transform:uppercase;
  906. color:{color:Post links};
  907. background-color:{color:infobg};
  908. text-shadow: 1px 1px 0px rgba(255,255,255,.2);
  909. -webkit-transition:all 0.5s ease-in-out;
  910. -moz-transition:all 0.5s ease-in-out;
  911. -o-transition:all 0.5s ease-in-out;
  912. transition:all 0.5s ease-in-out;
  913. }
  914.  
  915. .tags a {
  916. display:inline-block;
  917. margin-right:5px;
  918. margin-top:0px;
  919. color:{color:Postbg};
  920. -webkit-transition:all 0.5s ease-in-out;
  921. -moz-transition:all 0.5s ease-in-out;
  922. -o-transition:all 0.5s ease-in-out;
  923. transition:all 0.5s ease-in-out;
  924. }
  925.  
  926. .tags a:hover{
  927. color:{color:hover};
  928. }
  929.  
  930. .post_title {
  931. display:block;
  932. padding:2px;
  933. text-align:right;
  934. font-size:10px;
  935. font-family: 'Roboto';
  936. letter-spacing:2px;
  937. border-bottom:1px solid {color:post links};
  938. text-transform:uppercase;
  939. font-weight:bold;
  940. color:{color:post links};
  941. }
  942.  
  943. .text {
  944. display:block;
  945. padding:5px;
  946. text-align:justify;
  947. color:{color:Text};
  948. }
  949.  
  950. .photo{margin-left:5px;}
  951.  
  952. .photo img {
  953. display:block;
  954. max-width:400px;
  955. }
  956.  
  957.  
  958. .posts img{
  959. max-width:400px;
  960. -webkit-transition:all 0.7s ease-in-out;
  961. -moz-transition:all 0.7s ease-in-out;
  962. -o-transition:all 0.7s ease-in-out;
  963. transition:all 0.7s ease-in-out;
  964. }
  965.  
  966. .posts img:hover{
  967. -webkit-filter: grayscale(1);
  968. filter: grayscale(1);
  969. }
  970.  
  971. .quote {
  972. display:block;
  973. padding:10px;
  974. text-align:center;
  975. font-size:10px;
  976. font-family:'shrikhand';
  977. color:{color:text};}
  978.  
  979. .source {
  980. display:block;
  981. padding:5px;
  982. text-align:center;
  983. font-size:9px;
  984. }
  985.  
  986. .chat li {
  987. display:block;
  988. padding:5px;
  989. color:{color:text};}
  990.  
  991. .audioimg img {
  992. width:100px;
  993. height:100px;
  994. color:{color:text};
  995. font-family: 'Roboto';
  996. text-align:center;
  997. text-transform:uppercase;}
  998.  
  999. .audioinfo {
  1000. color:{color:Text};}
  1001.  
  1002. #ask{
  1003. font-family:'Roboto';
  1004. font-size:8px;
  1005. width:370px;
  1006. margin-left:5px;
  1007. padding:10px;
  1008. padding-bottom:-0px;
  1009. text-transform:uppercase;
  1010. font-weight:normal;
  1011. color:{color:text};
  1012. letter-spacing:1px;
  1013. text-shadow: 1px 1px 0px rgba(255,255,255,.2);
  1014. }
  1015.  
  1016. .question{
  1017.  
  1018. min-height:10px;
  1019. width:305px;
  1020. text-align:justify;
  1021. color:{color:text};
  1022. padding:5px;
  1023. font-weight:bold;
  1024. line-height:18px;
  1025. font-family:'Roboto';
  1026. margin-left:50px;
  1027. margin-top:-20px;
  1028. }
  1029.  
  1030. .question b, .question a{
  1031. background-color:{color:text};
  1032. color:{color:postbg};
  1033. padding:5px;
  1034. font-size:10px;
  1035. margin-left:-10px;
  1036. }
  1037.  
  1038. .question img{
  1039. -webkit-border-radius: 50px;
  1040. -moz-border-radius: 50px;
  1041. border-radius: 50px;
  1042. padding:3px;
  1043. margin-left:-55px;
  1044. margin-top:12px;
  1045. border:1px solid {color:border};
  1046. box-shadow: 0px 0px 2px rgba(255,255,255,.5) ;
  1047. -webkit-box-shadow:0px 0px 2px rgba(255,255,255,.5) ;
  1048. -moz-box-shadow:0px 0px 2px rgba(255,255,255,.5) ;
  1049. }
  1050. .answer{
  1051. margin-top:20px;
  1052. text-transform:none;
  1053. color:{color:text};
  1054. }
  1055. /*END POSTS*/
  1056.  
  1057. /*SCROLLBAR*/
  1058.  
  1059. ::-webkit-scrollbar {
  1060. height:0px;
  1061. width:0px;
  1062. background-color:{color:scrollbarBG};}
  1063.  
  1064. ::-webkit-scrollbar-thumb {
  1065. height:auto;
  1066. background-color:{color:scrollbar};}
  1067.  
  1068.  
  1069. .notes {
  1070. font-family: 'Roboto';
  1071. text-align:left;
  1072. text-transform:uppercase;
  1073. font-size:8px;
  1074. width:auto;
  1075. margin-left:-30px;
  1076. margin-top:20px;
  1077. color:{color:border};
  1078. background-color:rgba(0,0,0,0);
  1079. }
  1080.  
  1081. .notes li{
  1082. list-style-type:none;
  1083. background-color:rgba(0,0,0,0);
  1084. padding:5px;
  1085. }
  1086.  
  1087. .notes img {
  1088. opacity:0;
  1089. display:none;
  1090. }
  1091.  
  1092. .notes a{
  1093. color:{color:post links};
  1094. }
  1095.  
  1096. #credit {
  1097. position:fixed;
  1098. font-family: 'Roboto';
  1099. color:{color:Border};
  1100. text-transform:uppercase;
  1101. font-weight:bold;
  1102. font-size:11px;
  1103. width:10px;
  1104. height:10px;
  1105. right:5px;
  1106. bottom:5px;
  1107. padding:5px;
  1108. opacity:1;
  1109. }
  1110.  
  1111.  
  1112. /*END SCROLLBAR*/
  1113.  
  1114. </style>
  1115. </head>
  1116. <body>
  1117.  
  1118. <!--SIDEBAR-->
  1119.  
  1120. <!--END SIDEBAR-->
  1121.  
  1122. <!--POSTS-->
  1123. <div class="sb"> <div class="tl"><p>{text:Title2}</P></div><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><div class="title">{text:title1}</div></div></div></div>
  1124. <div class="content">
  1125. <div class="pic">
  1126.  
  1127. </div>
  1128.  
  1129.  
  1130.  
  1131.  
  1132.  
  1133. <div class="png"></div>
  1134.  
  1135. <div class="icc"></div><div class="ic"></div>
  1136.  
  1137. <div class="sidebar"></div>
  1138.  
  1139.  
  1140. <div class="links">
  1141. <a href="{text:Home URL}" title="refresh"><i class="th th-earth-o" aria-hidden="true"></i><p>refresh</p></a><a href="{text:Ask URL}" title="inquiries"><i class="th th-stars-o" aria-hidden="true"></i><p>inquiries</p></a><a href="{text:Link 3 URL}" title="navigate"><i class="th th-moon-o" aria-hidden="true"></i><p>{text:Link 3 Name}</p></a><a href="{text:Link 4 URL}" title="themes"><i class="th th-shooting-star-o" aria-hidden="true"></i><p>{text:Link 4 Name}</p></a></div>
  1142. <div class="c">
  1143. <div class="posts">
  1144.  
  1145. {block:Posts}
  1146.  
  1147. <div class="entries">
  1148. <div class="info"><center>
  1149. <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>
  1150. </center></div>
  1151.  
  1152.  
  1153. <!--TEXT POSTS-->
  1154.  
  1155. {block:Text}
  1156.  
  1157. {block:Title}<div class="post_title">{Title}</div>{/block:Title}
  1158. <div class="text">{Body}</div>
  1159.  
  1160. {/block:Text}
  1161.  
  1162. <!--END TEXT POSTS-->
  1163.  
  1164. <!--PHOTO POSTS-->
  1165.  
  1166. {block:Photo}
  1167.  
  1168. <div class="photo"><center><img src="{PhotoURL-400}"/></center></div>
  1169. <div class="text">{Caption}</div>
  1170.  
  1171. {/block:Photo}
  1172.  
  1173. <!--END PHOTO POSTS-->
  1174.  
  1175. <!--PHOTOSET POSTS-->
  1176.  
  1177. {block:Photoset}
  1178.  
  1179. <center><div class="photo">{Photoset-400}</div></center>
  1180. <div class="text">{Caption}</div>
  1181.  
  1182. {/block:Photoset}
  1183.  
  1184. <!--END PHOTOSET POSTS-->
  1185.  
  1186. <!--QUOTE POSTS-->
  1187.  
  1188. {block:Quote}
  1189.  
  1190. <div class="quote">❝{Quote}❞ </div>
  1191. <div class="source" style="text-align: left; font-weight:bold;">&mdash;{Source}</div>
  1192.  
  1193. {/block:Quote}
  1194.  
  1195. <!--END QUOTE POSTS-->
  1196.  
  1197. <!--LINK POSTS-->
  1198.  
  1199. {block:Link}
  1200.  
  1201. <div class="post_title"><a href="{URL}">{Name}</a></div>
  1202. {block:Description}<div class="text">{Description}</div>{/block:Description}
  1203.  
  1204. {/block:Link}
  1205.  
  1206. <!--END LINK POSTS-->
  1207.  
  1208. <!--CHAT POSTS-->
  1209.  
  1210. {block:Chat}
  1211.  
  1212. {block:Title}<div class="post_title">{Title}</div>{/block:Title}
  1213. <div class="chat">
  1214. <ul>
  1215. {block:Lines}<li class="{Alt}">{block:Label}<b>{Label}</b> {/block:Label}{Line}</li>{/block:Lines}
  1216. </ul>
  1217. </div>
  1218.  
  1219. {/block:Chat}
  1220.  
  1221. <!--END CHAT POSTS-->
  1222.  
  1223. <!--AUDIO POSTS-->
  1224.  
  1225. {block:Audio}
  1226.  
  1227. <table>
  1228. <tr>
  1229. <td>
  1230. {block:AlbumArt}<div class="audioimg"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
  1231. </td>
  1232. <td>
  1233. <div class="audioplayer">{AudioPlayerWhite}</div>
  1234. <div class="audioinfo">{block:Artist}<b>Name</b>: {Artist}{/block:Artist}<br>
  1235. {block:Album}<b>Album</b>: {Album}{/block:Album}<br>
  1236. {block:TrackName}<b>Track</b>: {TrackName}{/block:TrackName}</div>
  1237. </td>
  1238. </tr>
  1239. </table>
  1240. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  1241.  
  1242. {/block:Audio}
  1243.  
  1244. <!--END AUDIO POSTS-->
  1245.  
  1246. <!--VIDEO POSTS-->
  1247.  
  1248. {block:Video}
  1249.  
  1250. <center><div class="photo">{VideoEmbed-400}</div></center>
  1251. <div class="text">{Caption}</div>
  1252.  
  1253. {/block:Video}
  1254.  
  1255. <!--END VIDEO POSTS-->
  1256.  
  1257. <!--ANSWER POSTS-->
  1258. {block:Answer}
  1259. <div id="ask">
  1260. <div class="question">
  1261. <img src="{AskerPortraitURL-40}"/><p style="margin-top:-25px;"><b>{Asker}:</b> {Question}</p></div>
  1262. <div class="answer">
  1263. {Answer}</div></div>
  1264. {/block:answer}
  1265. <!--END ANSWER POSTS-->
  1266. {block:HasTags}
  1267. <div class="tags"> {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>
  1268. {/block:HasTags} {block:PostNotes}<div id="notes">{PostNotes}{/block:PostNotes}</div>
  1269.  
  1270. {/block:Posts}
  1271.  
  1272. </div>
  1273. {/block:PermalinkPage}
  1274. </div>
  1275. </div>
  1276. </div>
  1277. </div>
  1278. <div class="modal">
  1279. <div class="modalbutton">
  1280. <a href="#openModal"><p>MORE !</p></a></div>
  1281.  
  1282. <div class="modalbox">
  1283.  
  1284. <div id="openModal" class="modalDialog">
  1285. <div> <a href="#close" title="Close" class="close">x</a>
  1286. <div class="putl"><p>{text:popuptitle1}</p></div> <div class="pu">{text:popup}</div><div class="puim"><p>{text:PopupMainTitle}</p></div><div class="pupng"></div><div class="putl" style="margin-top:270px; margin-left:445px; width:200px;"><p>{text:popuptitle2}</p></div>
  1287. <div class="themes">
  1288. <div class="th"><img src="https://66.media.tumblr.com/dda3e08ca7ff966af827dbb55354f323/tumblr_omvos1yBeJ1ttc96go1_500.png"/><p><a href="/post/158451938751/theme-50-atlantis-400px-posts-leave-my-credit">atlantis</a></P></div>
  1289. <div class="th1"> <img src="https://66.media.tumblr.com/9ba9d204522a44a6fa7dee4445dd5066/tumblr_ojsvm5lhzH1ttc96go1_500.png"/><p><a href="/post/155877461966/theme-49-tulip-400px-posts-leave-my-credit">tulip</a></P></div>
  1290. <div class="th2"><img src="https://66.media.tumblr.com/e45540b1b652d92f80dec940dcb07082/tumblr_ojaeriIn5h1ttc96go1_500.png"/><p><a href="/post/155504684930/theme-48-faith-400px-posts-leave-my-credit">faith!</a></p>
  1291. </div>
  1292. </div></div></div>
  1293.  
  1294. </div><div class="pagination">
  1295. {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}
  1296. </div></div></div></div></div>
  1297.  
  1298.  
  1299. <div id="credit">
  1300. <a href="beatriceofrp.tumblr.com" title="beatriceofrp"><span class="th th-shooting-star-o"></span></a>
  1301. </div>
  1302. </div>
  1303. </div>
  1304. <!--END POSTS-->
  1305.  
  1306. </body>
  1307.  
  1308. </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!