API tools faq
paste
Advertisement
lexaofrp

THEME 23: CATALYST

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