API tools faq
paste
Advertisement
lexaofrp

THEME 25: ECHO

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