Advertisement
lexaofrp

THEME 47: GREEDY

Jan 4th, 2017
718
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.07 KB | None | 0 0
  1. <!DOCTYPE html>
  2.  
  3.  
  4.  
  5.  
  6. <head><title>{Title}</title>
  7. <link rel="stylesheet" href="templates/clean/template.css" type="text/css"/>
  8.  
  9. <link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
  10. <link href="https://fonts.googleapis.com/css?family=Shrikhand" rel="stylesheet">
  11. <link rel="shortcut icon" href="{Favicon}">
  12. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  13. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  14.  
  15. <meta name="image:Background" content=""/>
  16. <meta name="image:Header" content=""/>
  17. <meta name="image:DescIcon" content=""/>
  18. <meta name="image:PNG" content=""/>
  19. <meta name="image:sb" content=""/>
  20.  
  21. <meta name="color:Background" content="#000000"/>
  22. <meta name="color:PostBG" content="#ffffff"/>
  23. <meta name="color:Text" content="#ffffff"/>
  24. <meta name="color:Links" content="#ffffff" />
  25. <meta name="color:LinksBG" content="#ffffff"/>
  26. <meta name="color:Post Links" content="#ffffff"/>
  27. <meta name="color:Hover" content="#000000"/>
  28. <meta name="color:Scrollbar" content="#ffffff"/>
  29. <meta name="color:ScrollbarBg" content="#ffffff"/>
  30. <meta name="color:Desctext" content="#ffffff"/>
  31. <meta name="color:Border" content="#000000"/>
  32. <meta name="color:Container" content="#000000"/>
  33.  
  34. <meta name="text:Title" content="/"/>
  35. <meta name="text:Animated Title" content="what i do !"/>
  36. <meta name="text:ToDo" content="/"/>
  37. <meta name="text:Home URL" content="/"/>
  38. <meta name="text:Ask URL" content="/"/>
  39. <meta name="text:Link 1 URL" content="/"/>
  40. <meta name="text:Link 2 URL" content="/"/>
  41. <meta name="text:Link 3 URL" content="/"/>
  42.  
  43. <script src="https://use.fontawesome.com/255525e9a0.js"></script>
  44. <style type="text/css">
  45.  
  46. @font-face {
  47. font-family: 'bakery';
  48. src: url('https://dl.dropboxusercontent.com/s/q8njs5s2to1g42c/bakery.otf?dl=0');
  49.  
  50. }
  51.  
  52. body {
  53. font-family:arial;
  54. font-size:10px;
  55. background:url('{image:background}') fixed bottom;
  56. color:{color:text};
  57. font-weight:normal;
  58. letter-spacing:1px;
  59. background-color:{color:background};
  60. text-shadow: 1px 1px 0px rgba(255,255,255,.3);}
  61.  
  62.  
  63. blockquote {
  64. font-size:10px;
  65. font-family:'arial';
  66. margin-left:5px;
  67. margin-right:5px;
  68. border-left:4px solid{color:hover};
  69. text-align:left;
  70. padding:2px;
  71. padding-left:5px;
  72. font-weight:normal;
  73. color:{color:text};
  74. background-color:{color:postbg};
  75. }
  76.  
  77. blockquote a{
  78. color:{color:hover};
  79. }
  80.  
  81. blockquote blockquote, blockquote blockquote blockquote blockquote, blockquote blockquote blockquote blockquote blockquote blockquote, blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote, blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote, blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote{
  82. background-color:{color:postbg};
  83. color:{color:text};
  84. border-left:solid 4px {color:hover};
  85. }
  86.  
  87. blockquote img {
  88. max-width:390px;
  89. }
  90.  
  91. blockquote blockquote img{
  92. max-width:350px;
  93. }
  94.  
  95. blockquote blockquote blockquote, blockquote blockquote blockquote blockquote blockquote, blockquote blockquote blockquote blockquote blockquote blockquote blockquote, blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote, blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote{
  96. font-size:10px;
  97. font-family:'ARIAL';
  98. margin-left:5px;
  99. margin-right:5px;
  100. letter-spacing:0px;
  101. border-left:4px solid{color:hover};
  102. text-align:left;
  103. padding:5px;
  104. padding-left:5px;
  105. font-weight:normal;
  106. color:{color:text};
  107. background-color:{color:postbg};
  108. }
  109.  
  110. small, sub, sup{
  111. font-size:10px;
  112. }
  113.  
  114. code {
  115. font-size:9px;
  116. font-family:'arial';
  117. text-transform:none;
  118.  
  119. }
  120.  
  121. b, bold, strong{
  122. color:{color:post links};
  123. }
  124.  
  125. i{
  126. color:{color:hover};
  127. }
  128.  
  129. .header i{
  130. color:{color:links};
  131. }
  132.  
  133. hr{
  134. border:none;
  135. border-top:dashed 1px {color:text};
  136. }
  137.  
  138. pre {
  139. font-family:'arial';
  140. text-align:center;
  141. font-size:10px;
  142. max-width:500px;
  143. padding:10px ;
  144. color:{color:text};
  145. background:{color:postbg};
  146. }
  147. h1{
  148. font-family:'arial';
  149. font-size:10px;
  150. text-align:center;
  151. letter-spacing:5px;
  152. text-transform:uppercase;
  153. padding-bottom:3px;
  154. color:{color:post links};
  155. border-bottom:2px solid {color:post links};
  156. }
  157.  
  158. h2{
  159. text-shadow: 1px 1px 0px {color:hover};
  160. margin-top:-5px;
  161. color:{color:text};
  162. margin-bottom:5px;
  163. text-align:center;
  164. }
  165.  
  166. h3{
  167. color:{color:text};
  168. letter-spacing:2px;
  169. font-size:10px;
  170. text-transform:uppercase;
  171. font-weight:bold;
  172. text-align:right;
  173. }
  174.  
  175. h4{
  176. color:{color:text};
  177. letter-spacing:2px;
  178. font-size:10px;
  179. text-transform:uppercase;
  180. font-weight:bold;
  181. text-align:left;
  182. }
  183. /*GENERAL*/
  184.  
  185.  
  186. a {
  187. color:{color:Background};
  188. color:{color:post links};
  189. text-decoration:none;
  190. -webkit-transition:all 0.5s ease-in-out;
  191. -moz-transition:all 0.5s ease-in-out;
  192. -o-transition:all 0.5s ease-in-out;
  193. transition:all 0.5s ease-in-out;}
  194.  
  195. a:hover {
  196. color:{color:Hover};
  197. text-decoration:underline;
  198. -webkit-transition:all 0.5s ease-in-out;
  199. -moz-transition:all 0.5s ease-in-out;
  200. -o-transition:all 0.5s ease-in-out;
  201. transition:all 0.5s ease-in-out;}
  202.  
  203.  
  204. /*END GENERAL*/
  205. /*SIDEBAR*/
  206.  
  207. .description {
  208. position:fixed;
  209. overflow:auto;
  210. height:55px;
  211. width:250px;
  212. margin-top:150px;
  213. margin-left:0px;
  214. border:10px solid {color:container};
  215. border-top:15px solid {color:container};
  216. border-bottom:15px solid {color:container};
  217. text-align:justify;
  218. font-family:'arial';
  219. padding:5px;
  220. line-height:17px;
  221. letter-spacing:2px;
  222. padding-top:none;
  223. padding-left:none;
  224. font-weight:normal;
  225. font-size:8px;
  226. color:{color:desctext};
  227. background:{color:container};
  228. z-index:999;
  229. -webkit-transition:all 0.7s ease-in-out;
  230. -moz-transition:all 0.7s ease-in-out;
  231. -o-transition:all 0.7s ease-in-out;
  232. transition:all 0.7s ease-in-out;
  233. text-shadow: 1px 1px 0px rgba(255,255,255,.2);
  234. }
  235.  
  236. .description p:first-letter{
  237. font-size:20px;
  238. padding-right:2px;
  239. font-style:italic;
  240. font-weight:bold;
  241. text-transform:uppercase;
  242. text-shadow:-2px 2px 0px rgba(255,255,255,.2) ;
  243. }
  244.  
  245. .sidebar{
  246. position:fixed;
  247. margin-left:0px;
  248. margin-top:20px;
  249. width:700px;
  250. height:130px;
  251. background:{color:text};
  252. z-index:1;
  253. font-weight:normal;
  254. background-image:url('{image:header}');
  255. -webkit-transition:all 0.5s ease-in-out;
  256. -moz-transition:all 0.5s ease-in-out;
  257. -o-transition:all 0.5s ease-in-out;
  258. transition:all 0.5s ease-in-out;
  259. }
  260.  
  261. .title{
  262. position:fixed;
  263. padding:5px;
  264. margin-left:0px;
  265. margin-top:150px;
  266. width:685px;
  267. height:10px;
  268. text-transform:uppercase;
  269. font-weight:bold;
  270. background:{color:border};
  271. color:{color:postbg};
  272. border-bottom:none;
  273. padding-left:10px;
  274. z-index:999;
  275. text-shadow: 1px 1px 1px rgba(0,0,0,.2);
  276. }
  277.  
  278. .png{
  279. position:fixed;
  280. height:285px;
  281. margin-top:-20px;
  282. width:170px;
  283. background:{color:postbg};
  284. margin-left:275px;
  285. z-index:9999999;
  286. background:url('{image:png}');
  287. }
  288.  
  289. .pic{
  290. position:fixed;
  291. width:700px;
  292. border-bottom:{color:border} solid 10px;
  293. height:95px;
  294. margin-left:0px;
  295. margin-top:170px;
  296. font-weight:normal;
  297. background:{color:container};
  298. -webkit-transition:all 0.5s ease-in-out;
  299. -moz-transition:all 0.5s ease-in-out;
  300. -o-transition:all 0.5s ease-in-out;
  301. transition:all 0.5s ease-in-out;
  302. }
  303.  
  304. .bubble
  305. {
  306. position: fixed;
  307. margin-top:5px;
  308. margin-left:110px;
  309. width: 100px;
  310. height: 35px;
  311. padding: 0px;
  312. border:2px solid {color:border};
  313. background:{color:postbg};
  314. -webkit-border-radius: 4px;
  315. -moz-border-radius: 4px;
  316. border-radius: 4px;
  317. ms-transform: rotate(-10deg); /* IE 9 */
  318. -webkit-transform: rotate(-10deg); /* Safari */
  319. transform: rotate(-10deg); /* Standard syntax */
  320.  
  321. }
  322.  
  323. .bubble:after
  324. {
  325. content: '';
  326. position: absolute;
  327. border-style: solid;
  328. border-width: 10px 12px 2px 0;
  329. border-color: transparent {color:border};
  330. display: block;
  331. width: 0;
  332. z-index: 1;
  333. left: -12px;
  334. top: 27px;
  335. z-index:999;
  336. ms-transform: rotate(-20deg); /* IE 9 */
  337. -webkit-transform: rotate(-20deg); /* Safari */
  338. transform: rotate(-20deg); /* Standard syntax */
  339. }
  340.  
  341. .sb{
  342. position:fixed;
  343. width:120px;
  344. height:150px;
  345. margin-left:5px;
  346. margin-top:0px;
  347. background:url('{image:sb}');
  348. }
  349.  
  350. .pic a{
  351. color:{color:desctext};
  352. }
  353.  
  354. /* Animate Background Image */
  355.  
  356. @-webkit-keyframes aitf {
  357. 0% { background-position: 0% 50%; }
  358. 100% { background-position: 100% 50%; }
  359. }
  360.  
  361. .tl p{
  362. position:fixed;
  363. height:160px;
  364. width:220px;
  365. ms-transform: rotate(-10deg); /* IE 9 */
  366. -webkit-transform: rotate(-10deg); /* Safari */
  367. transform: rotate(-10deg); /* Standard syntax */
  368. }
  369.  
  370. .tl {
  371. background-image: -webkit-linear-gradient({color:border} 50%, {color:text} 50%);
  372. background-repeat: repeat;
  373. background-position: 0 0;
  374. background-size: 100% 50px;
  375. -webkit-text-fill-color: transparent;
  376. -webkit-background-clip: text;
  377. -webkit-animation: stripes 4s linear infinite;
  378. animation: stripes 4s linear infinite;
  379. ms-transform: rotate(-10deg); /* IE 9 */
  380. -webkit-transform: rotate(-10deg); /* Safari */
  381. transform: rotate(-10deg); /* Standard syntax */
  382. }
  383.  
  384. @-webkit-keyframes stripes {
  385. 100% {
  386. background-position: 0 -50px;
  387. }
  388. }
  389.  
  390. @keyframes stripes {
  391. 100% {
  392. background-position: 0 -50px;
  393. }
  394. }
  395. /* Other stuff */
  396.  
  397. .tl {
  398. position: fixed;
  399. top:50%;
  400. margin-top:-57px;
  401. left: 50%;
  402. margin-left:-222px;
  403. white-space: nowrap;
  404. text-align: center;
  405. font-weight: bold;
  406. font-size:30px;
  407. letter-spacing:-1px;
  408. font-family:'bakery';
  409. -webkit-transform: translateX(-50%) translateY(-50%);
  410. -ms-transform: translateX(-50%) translateY(-50%);
  411. transform: translateX(-50%) translateY(-50%);
  412. ms-transform: rotate(-10deg); /* IE 9 */
  413. -webkit-transform: rotate(-10deg); /* Safari */
  414. transform: rotate(-10deg); /* Standard syntax */
  415. }
  416.  
  417. .wid{
  418. position:fixed;
  419. margin-top:265px;
  420. margin-left:00px;
  421. width:210px;
  422. padding:20px;
  423. z-index:-9;
  424. height:330px;
  425. background:{color:container};
  426. }
  427.  
  428. .w{
  429. position:fixed;
  430. width:195px;
  431. height:165px;
  432. overflow:auto;
  433. margin-top:150px;
  434. padding:10px;
  435. padding-top:0px;
  436. border:2px solid {color:border};
  437. border-radius:4px;
  438.  
  439. }
  440.  
  441. .header{
  442. position:fixed;
  443. width:255px;
  444. height:95px;
  445. padding:0px;
  446. z-index:99999999999999;
  447. text-align:left;
  448. margin-left:445px;
  449. margin-top:185px;
  450. text-align:center;
  451. }
  452.  
  453. .header a {
  454. display:inline-block;
  455. background:{color:linksbg};
  456. color:{color:links};
  457. width:10px;
  458. height:10px;
  459. border:solid 2px {color:links};
  460. text-align:center;
  461. font-weight:bold;
  462. font-size:10px;
  463. font-family:'arial';
  464. padding:5px;
  465. padding-left:6px;
  466. margin-right:6px;
  467. margin-top:0px;
  468. z-index:99999999999;
  469. text-transform:uppercase;
  470.  
  471. -webkit-box-shadow:0px 0px 3px rgba(255,255,255,.5);
  472. -moz-box-shadow: 0px 0px 3px rgba(255,255,255,.5);
  473. box-shadow: 0px 0px 3px rgba(255,255,255,.5);
  474. text-shadow: 0px 0px 1px rgba(255,255,255,.7);
  475.  
  476. -webkit-transition:all 0.7s ease-in-out;
  477. -moz-transition:all 0.7s ease-in-out;
  478. -o-transition:all 0.7s ease-in-out;
  479. transition:all 0.7s ease-in-out;
  480. }
  481.  
  482. .header a:hover {
  483. text-decoration:none;
  484. letter-spacing:3px;
  485. color:{color:Hover};
  486. -webkit-transition:all 0.5s ease-in-out;
  487. -moz-transition:all 0.5s ease-in-out;
  488. -o-transition:all 0.5s ease-in-out;
  489. transition:all 0.5s ease-in-out;}
  490.  
  491. .pagination{
  492. position:fixed;
  493. margin-left:451px;
  494. margin-top:225px;
  495. width:227px;
  496. text-align:center;
  497. height:10px;
  498. padding:5px;
  499. padding-bottom:7px;
  500. padding-top:5px;
  501. font-weight:bold;
  502. z-index:99;
  503. border-bottom:5px solid {color:scrollbarbg};
  504. color:{color:scrollbarbg};
  505. background:{color:scrollbar};
  506. text-transform:uppercase;z-index:999999999999999;
  507. }
  508.  
  509. .pagination a {
  510. display:inline-block;
  511. text-align:center;
  512. width:auto;
  513. color:{color:scrollbarbg};
  514. text-shadow: 1px 1px 1px rgba(0,0,0,.2);
  515. font-family:'arial';
  516. padding:1px;
  517.  
  518. }
  519.  
  520. .pagination a:hover{
  521. text-decoration:none;
  522. font-style:italic;
  523. color:{color:hover};
  524. -webkit-transition:all 0.5s ease-in-out;
  525. -moz-transition:all 0.5s ease-in-out;
  526. -o-transition:all 0.5s ease-in-out;
  527. transition:all 0.5s ease-in-out;}
  528.  
  529.  
  530. /*END SIDEBAR*/
  531. /*POSTS*/
  532. .content{
  533. overflow:visible;
  534. position:fixed;
  535. top:20px;
  536. left:50%;
  537. height:570px;
  538. width:700px;
  539. z-index:9;
  540. margin-left:-360px;
  541. }
  542.  
  543. .c{
  544. position:fixed;
  545. width:432px;
  546. height:340px;
  547. overflow:auto;
  548. margin-left:248px;
  549. margin-top:275px;
  550. z-index:-99;
  551. background:{color:container};
  552. border:10px solid {color:container};
  553. }
  554.  
  555. .posts {
  556. width:400px;
  557. color:{color:text};
  558. font-weight:normal;
  559. }
  560.  
  561. .posts a{
  562. color:{color:post links};
  563. }
  564.  
  565. .entries {
  566. width:400px;
  567. padding:10px;
  568. font-weight:normal;
  569. color:{color:text};
  570. background-color:{color:postbg};
  571. box-shadow: 2px 2px 0px rgba(0,0,0,.5) ;
  572. -webkit-box-shadow:2px 2px 0px rgba(0,0,0,.5) ;
  573. -moz-box-shadow:2px 2px 0px rgba(0,0,0,.5) ;
  574. }
  575.  
  576. .info {
  577. padding:0px;
  578. padding-bottom:5px;
  579. font-family:'arial';
  580. font-weight:bold;
  581. font-size:8px;
  582. width:420px;
  583. line-height:15px;
  584. letter-spacing:2px;
  585. text-transform:uppercase;
  586. color:{color:Post links};
  587. background-color:{color:postBG};
  588. margin-bottom:20px;
  589. box-shadow: 2px 2px 0px rgba(0,0,0,.5) ;
  590. -webkit-box-shadow:2px 2px 0px rgba(0,0,0,.5) ;
  591. -moz-box-shadow:2px 2px 0px rgba(0,0,0,.5) ;
  592. }
  593.  
  594. .info a {
  595. color:{color:Post Links};
  596. -webkit-transition:all 0.5s ease-in-out;
  597. -moz-transition:all 0.5s ease-in-out;
  598. -o-transition:all 0.5s ease-in-out;
  599. transition:all 0.5s ease-in-out;}
  600.  
  601. .info a:hover {
  602. color:{color:hover};
  603. -webkit-transition:all 0.5s ease-in-out;
  604. -moz-transition:all 0.5s ease-in-out;
  605. -o-transition:all 0.5s ease-in-out;
  606. transition:all 0.5s ease-in-out;}
  607.  
  608. .noties{
  609. margin-top:-10px;
  610. text-align:right;
  611. }
  612.  
  613.  
  614. .tags a {
  615. display:inline-block;
  616. margin-right:5px;
  617. margin-top:3px;
  618. line-height:8px;
  619. color:{color:Post Links};}
  620.  
  621. .tags a:hover{
  622. color:{color:hover};
  623. }
  624.  
  625. .post_title {
  626. display:block;
  627. padding:2px;
  628. text-align:right;
  629. font-size:10px;
  630. font-family:'arial';
  631. letter-spacing:2px;
  632. border-bottom:1px solid {color:post links};
  633. text-transform:uppercase;
  634. font-weight:bold;
  635. color:{color:post links};
  636. }
  637.  
  638. .text {
  639. display:block;
  640. padding:5px;
  641. text-align:justify;
  642. color:{color:Text};
  643. }
  644.  
  645. .photo img {
  646. display:block;
  647. margin-bottom:5px;
  648.  
  649. }
  650.  
  651.  
  652. .posts img{
  653. -webkit-transition:all 0.7s ease-in-out;
  654. -moz-transition:all 0.7s ease-in-out;
  655. -o-transition:all 0.7s ease-in-out;
  656. transition:all 0.7s ease-in-out;
  657. }
  658.  
  659. .posts img:hover{
  660. -webkit-filter: grayscale(1);
  661. filter: grayscale(1);
  662. }
  663.  
  664. .quote {
  665. display:block;
  666. padding:10px;
  667. text-align:center;
  668. font-size:20px;
  669. font-family:'calibri';
  670. font-style:italic;
  671. color:{color:border};}
  672.  
  673. .source {
  674. display:block;
  675. padding:5px;
  676. text-align:center;
  677. font-size:9px;}
  678.  
  679. .chat li {
  680. display:block;
  681. padding:5px;
  682. color:{color:text};}
  683.  
  684. .audioimg img {
  685. width:100px;
  686. height:100px;
  687. color:{color:text};
  688. font-family:'arial';
  689. text-align:center;
  690. text-transform:uppercase;}
  691.  
  692. .audioinfo {
  693. color:{color:Text};}
  694.  
  695. #ask{
  696. font-family:arial;
  697. font-size:8px;
  698. width:370px;
  699. margin-left:5px;
  700. padding:10px;
  701. padding-bottom:-0px;
  702. text-transform:uppercase;
  703. font-weight:normal;
  704. color:{color:text};
  705. letter-spacing:1px;
  706. text-shadow: 1px 1px 0px rgba(255,255,255,.2);
  707. }
  708.  
  709. .question{
  710. min-height:10px;
  711. width:305px;
  712. text-align:justify;
  713. color:{color:text};
  714. padding:5px;
  715. font-weight:bold;
  716. font-family:arial;
  717. margin-left:50px;
  718. margin-top:10px;
  719. border-bottom:1px solid {color:border};
  720. -webkit-text-top-left-radius: 5px;
  721. -webkit-text-top-right-radius: 5px;
  722. -moz-text-radius-topleft: 5px;
  723. -moz-text-radius-topright: 5px;
  724. text-top-left-radius: 5px;
  725. text-top-right-radius: 5px;
  726. }
  727.  
  728.  
  729. .question img{
  730. -webkit-border-radius: 50px;
  731. -moz-border-radius: 50px;
  732. border-radius: 50px;
  733. padding:3px;
  734. margin-left:-55px;
  735. margin-top:-8px;
  736. border:1px solid {color:border};
  737. box-shadow: 0px 0px 2px rgba(255,255,255,.5) ;
  738. -webkit-box-shadow:0px 0px 2px rgba(255,255,255,.5) ;
  739. -moz-box-shadow:0px 0px 2px rgba(255,255,255,.5) ;
  740. }
  741. .answer{
  742. margin-top:20px;
  743. text-transform:none;
  744. color:{color:text};
  745. }
  746. /*END POSTS*/
  747.  
  748. /*SCROLLBAR*/
  749.  
  750. ::-webkit-scrollbar {
  751. height:3px;
  752. width:3px;
  753. background-color:{color:scrollbarBG};}
  754.  
  755. ::-webkit-scrollbar-thumb {
  756. height:auto;
  757. background-color:{color:scrollbar};}
  758.  
  759.  
  760. .notes {
  761. font-family:'arial';
  762. text-align:left;
  763. text-transform:uppercase;
  764. font-size:8px;
  765. width:auto;
  766. margin-left:-30px;
  767. margin-top:20px;
  768. color:{color:border};
  769. background-color:rgba(0,0,0,0);
  770. }
  771.  
  772. .notes li{
  773. list-style-type:none;
  774. background-color:rgba(0,0,0,0);
  775. padding:5px;
  776. }
  777.  
  778. .notes img {
  779. opacity:0;
  780. display:none;
  781. }
  782.  
  783. .notes a{
  784. color:{color:post links};
  785. }
  786.  
  787. #credit {
  788. position:fixed;
  789. font-family:'arial';
  790. color:{color:Border};
  791. text-transform:uppercase;
  792. font-weight:bold;
  793. font-size:11px;
  794. width:10px;
  795. height:10px;
  796. right:5px;
  797. bottom:5px;
  798. padding:5px;
  799. opacity:1;
  800. letter-spacing:4px;
  801. }
  802.  
  803.  
  804.  
  805. /*END SCROLLBAR*/
  806.  
  807. </style>
  808. </head>
  809. <body>
  810.  
  811. <!--SIDEBAR-->
  812.  
  813. <!--END SIDEBAR-->
  814.  
  815. <!--POSTS-->
  816. <div class="content">
  817. <div class="pic"></div>
  818. <div class="tl">{text:animated title}</div>
  819. <div class="wid">
  820.  
  821. <div class="sb"></div>
  822. <div class="bubble"></div>
  823. <div class="w"><p>{text:todo}</p></div>
  824. </div>
  825.  
  826. <div class="png"></div>
  827. <div class="header">
  828. <a href="{text:Home URL}"><i class="fa fa-home"></i></a><a href="{text:Ask URL}"><i class="fa fa-envelope" aria-hidden="true"></i></a><a href="{text:Link 1 URL}"><i class="fa fa-compass" aria-hidden="true"></i></a><a href="{text:Link 2 URL}"><i class="fa fa-code" aria-hidden="true"></i></a><a href="{text:Link 3 URL}"><i class="fa fa-sticky-note" aria-hidden="true"></i></a></div>
  829.  
  830.  
  831. <div class="sidebar"><div class="description"><img align="left" src="{image:descicon}" style="padding:2px; border:1px solid {color:border}; height:35px; width:35px; margin-right:10px;"/><p style="margin-top:-5px">{description}</p></div></div>
  832. <div class="title">{text:title}</div>
  833. <div class="pagination">
  834. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">BACK&nbsp;/&nbsp;</a>{/block:PreviousPage}{/block:Pagination}{block:Pagination}{block:NextPage}<a href="{NextPage}">NEXT</a>{/block:NextPage}{/block:Pagination}
  835. </div>
  836.  
  837. <div class="c">
  838. <div class="posts">
  839.  
  840. {block:Posts}
  841.  
  842. <div class="entries">
  843.  
  844.  
  845. <!--TEXT POSTS-->
  846.  
  847. {block:Text}
  848.  
  849. {block:Title}<div class="post_title">{Title}</div>{/block:Title}
  850. <div class="text">{Body}</div>
  851.  
  852. {/block:Text}
  853.  
  854. <!--END TEXT POSTS-->
  855.  
  856. <!--PHOTO POSTS-->
  857.  
  858. {block:Photo}
  859.  
  860. <div class="photo"><center><img src="{PhotoURL-400}"/></center></div>
  861. <div class="text">{Caption}</div>
  862.  
  863. {/block:Photo}
  864.  
  865. <!--END PHOTO POSTS-->
  866.  
  867. <!--PHOTOSET POSTS-->
  868.  
  869. {block:Photoset}
  870.  
  871. <center><div class="photo">{Photoset-400}</div></center>
  872. <div class="text">{Caption}</div>
  873.  
  874. {/block:Photoset}
  875.  
  876. <!--END PHOTOSET POSTS-->
  877.  
  878. <!--QUOTE POSTS-->
  879.  
  880. {block:Quote}
  881.  
  882. <div class="quote">❝{Quote}❞ </div>
  883. <div class="source">{Source}</div>
  884.  
  885. {/block:Quote}
  886.  
  887. <!--END QUOTE POSTS-->
  888.  
  889. <!--LINK POSTS-->
  890.  
  891. {block:Link}
  892.  
  893. <div class="post_title"><a href="{URL}">{Name}</a></div>
  894. {block:Description}<div class="text">{Description}</div>{/block:Description}
  895.  
  896. {/block:Link}
  897.  
  898. <!--END LINK POSTS-->
  899.  
  900. <!--CHAT POSTS-->
  901.  
  902. {block:Chat}
  903.  
  904. {block:Title}<div class="post_title">{Title}</div>{/block:Title}
  905. <div class="chat">
  906. <ul>
  907. {block:Lines}<li class="{Alt}">{block:Label}<b>{Label}</b> {/block:Label}{Line}</li>{/block:Lines}
  908. </ul>
  909. </div>
  910.  
  911. {/block:Chat}
  912.  
  913. <!--END CHAT POSTS-->
  914.  
  915. <!--AUDIO POSTS-->
  916.  
  917. {block:Audio}
  918.  
  919. <table>
  920. <tr>
  921. <td>
  922. {block:AlbumArt}<div class="audioimg"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
  923. </td>
  924. <td>
  925. <div class="audioplayer">{AudioPlayerWhite}</div>
  926. <div class="audioinfo">{block:Artist}<b>Name</b>: {Artist}{/block:Artist}<br>
  927. {block:Album}<b>Album</b>: {Album}{/block:Album}<br>
  928. {block:TrackName}<b>Track</b>: {TrackName}{/block:TrackName}</div>
  929. </td>
  930. </tr>
  931. </table>
  932. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  933.  
  934. {/block:Audio}
  935.  
  936. <!--END AUDIO POSTS-->
  937.  
  938. <!--VIDEO POSTS-->
  939.  
  940. {block:Video}
  941.  
  942. <center><div class="photo">{VideoEmbed-400}</div></center>
  943. <div class="text">{Caption}</div>
  944.  
  945. {/block:Video}
  946.  
  947. <!--END VIDEO POSTS-->
  948.  
  949. <!--ANSWER POSTS-->
  950. {block:Answer}
  951. <div id="ask">
  952. <div class="question">
  953. <img src="{AskerPortraitURL-30}"/><p style="margin-top:-35px;"><b>{Asker}:</b> {Question}</p></div>
  954. <div class="answer">
  955. {Answer}</div></div>
  956. {/block:answer}
  957. <!--END ANSWER POSTS-->
  958. </div>
  959. <div class="info"><center>
  960. <a href="{Permalink}">{NoteCount} notes</a>&nbsp;•&nbsp;<a href="{Permalink}">{TimeAgo}</a>&nbsp;•&nbsp;<a href="{ReblogURL}" target="_blank" class="details">Reblog</a>
  961. {block:HasTags}
  962. <div class="tags"> {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>
  963. {/block:HasTags}</center>
  964. </div>
  965. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  966. {/block:Posts}
  967.  
  968. </div>
  969. {/block:PermalinkPage}
  970. </div>
  971. </div>
  972. </div>
  973. </div>
  974.  
  975.  
  976. <div id="credit">
  977. <a href="http://beatriceofrp.tumblr.com" title="beatriceofrp">©</a>
  978. </div>
  979. </div>
  980. </div>
  981. <!--END POSTS-->
  982.  
  983. </body>
  984.  
  985. </html
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement