API tools faq
paste
Advertisement
lexaofrp

THEME 25: SHAKEN

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