API tools faq
paste
Advertisement
lexaofrp

THEME 26: KICKSTART

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