Advertisement
lexaofrp

THEME 18: TANTRUM

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