API tools faq
paste
azurethemes

theme 11

azurethemes
Feb 20th, 2015
363
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.32 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <head>
  6.  
  7. <title>{Title}</title>
  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. <!---- ☰ theme 11 "austin" by azureofrp ☰
  13. ☰ pls dont remove the credit
  14. ☰ making themes takes a lot of time and effort so pls dont steal anything of this code
  15. ☰ for help, visit my theme faq -> azureofrp.tumblr.com/faq
  16. ☰ edit this theme for PERSONAL USE ONLY!!!!
  17. --->
  18.  
  19.  
  20.  
  21. <!--META NAMES-->
  22.  
  23. <meta name="color:BACKGROUND" content="#f6d9d4"/>
  24. <meta name="color:TXT" content="#ffffff"/>
  25. <meta name="color:LINKS" content="#ffffff"/>
  26. <meta name="color:TAB LINKS" content="#ffffff"/>
  27. <meta name="color:TAB LINKS BG" content="#ffffff"/>
  28. <meta name="color:HOVER" content="#000000">
  29. <meta name="color:HOVER BG" content="#f6d9d4">
  30. <meta name="color:SHADOW" content="#f6d9d4">
  31. <meta name="color:TXT SHADOW" content="#f6d9d4">
  32. <meta name="color:BLOCKQUOTE" content="#f6d9d4">
  33. <meta name="color:BLOCKQUOTE BORDER" content="#dcbcba">
  34. <meta name="color:H1 BG" content="#f6d9d4">
  35. <meta name="color:ITALIC" content="#f6d9d4">
  36. <meta name="color:BOLD" content="#f6d9d4">
  37. <meta name="color:ADMINS" content="#f6d9d4">
  38.  
  39.  
  40. <meta name="color:POST BG" content="#fbc6c4">
  41. <meta name="color:LINKS BG" content="#f0bfb3">
  42. <meta name="color:DESC BG" content="#f0bfb3">
  43. <meta name="color:INFO BG" content="#fbc6c4">
  44. <meta name="color:SIDEBAR BG" content="#fbc6c4">
  45. <meta name="color:BORDER" content="#dcbcba">
  46. <meta name="color:HEADER BORDER" content="#dcbcba">
  47. <meta name="color:SCROLLBAR" content="#aaaaaa">
  48. <meta name="color:SCROLLBAR BG" content="#ffffff">
  49.  
  50.  
  51. <meta name="image:BACKGROUND" content=""/>
  52. <meta name="image:SIDEBAR" content=""/>
  53. <meta name="image:HEADER" content=""/>
  54. <meta name="image:ADMIN 1" content=""/>
  55. <meta name="image:ADMIN 2" content=""/>
  56. <meta name="image:ADMIN 3" content=""/>
  57.  
  58. <meta name="text:UPDATES" content=""/>
  59. <meta name="text:TAB 1 TITLE" content=""/>
  60. <meta name="text:TAB 2 TITLE" content=""/>
  61. <meta name="text:TAB 3 TITLE" content=""/>
  62. <meta name="text:ADMIN 1" content=""/>
  63. <meta name="text:ADMIN 2" content=""/>
  64. <meta name="text:ADMIN 3" content=""/>
  65.  
  66.  
  67.  
  68.  
  69.  
  70.  
  71.  
  72.  
  73.  
  74. <meta name="text:LINK 1" content="LINK 1">
  75. <meta name="text:LINK 2" content="LINK 2">
  76. <meta name="text:LINK 3" content="LINK 3">
  77. <meta name="text:LINK 4" content="LINK 4">
  78. <meta name="text:LINK 5" content="LINK 5">
  79. <meta name="text:LINK 6" content="LINK 6">
  80.  
  81.  
  82. <meta name="text:LINK 1 URL" content="/">
  83. <meta name="text:LINK 2 URL" content="/">
  84. <meta name="text:LINK 3 URL" content="/">
  85. <meta name="text:LINK 4 URL" content="/">
  86. <meta name="text:LINK 5 URL" content="/">
  87. <meta name="text:LINK 6 URL" content="/">
  88.  
  89.  
  90.  
  91.  
  92.  
  93.  
  94.  
  95.  
  96.  
  97.  
  98.  
  99.  
  100. <style type="text/css">
  101.  
  102.  
  103. ::-webkit-scrollbar-thumb {
  104. height:auto;
  105. background-color:{color:scrollbar};
  106.  
  107. }
  108.  
  109. ::-webkit-scrollbar {
  110. height:2.5px;
  111. width:3px;
  112. background-color:{color:scrollbar bg};
  113.  
  114. }
  115.  
  116. body {
  117. background-color:{color:background};
  118. background-image:url('{image:background}');
  119. background-attachment: fixed;
  120. background-repeat: repeat;
  121. font-family:arial;
  122. font-size:10px;
  123. text-align:justify;
  124. color:{color:txt};
  125. margin:0;
  126.  
  127.  
  128. }
  129.  
  130. a {
  131. text-decoration:none;
  132. color:{color:Links};
  133. -webkit-transition: all 0.5s ease-out;
  134. -moz-transition: all 0.5s ease-out;
  135. transition: all 0.5s ease-out;
  136. }
  137.  
  138. a:hover {
  139. text-decoration:none;
  140. color:{color:Hover};
  141. -webkit-transition: all 0.5s ease-out;
  142. -moz-transition: all 0.5s ease-out;
  143. transition: all 0.5s ease-out;
  144.  
  145. }
  146.  
  147. img {
  148. border:none;
  149.  
  150.  
  151.  
  152. }
  153.  
  154. blockquote {
  155. background:{color:blockquote};
  156. border-left:5px solid {color:blockquote border};
  157. padding:5px;
  158.  
  159. }
  160.  
  161. pre{
  162. margin-top:0px;
  163. margin-bottom:5px;
  164. font-size:12px;
  165. background-color:{color:blockquote};
  166. padding:5px;
  167. text-transform:uppercase;
  168. font-family:arial;
  169. font-weight:bold;
  170. text-align:center;
  171. text-shadow: 1px 1px 0px {color:txt shadow};
  172. }
  173.  
  174. small{
  175. font-size:10px;
  176. }
  177.  
  178. big{
  179. font-size:10px;
  180. }
  181.  
  182. sub{
  183. font-size:10px;
  184. }
  185.  
  186.  
  187. h1 {
  188. font-size:10px;
  189. text-transform:uppercase;
  190. border-left:solid 5px {color:blockquote border};
  191. font-family:arial;
  192. background-color:{color:h1 bg};
  193. font-style:bold;
  194. text-align:left;
  195. color:{color:txt};
  196. padding:5px;
  197. text-shadow: 1px 1px 0px {color:txt shadow};
  198. }
  199.  
  200. h1 a{
  201. color:{color:txt};
  202. font-size:12px;
  203. text-transform:uppercase;
  204. font-family:arial;
  205. background-color:{color:blockquote};
  206. font-style:bold;
  207. text-align:right;
  208. padding:5px;
  209. }
  210.  
  211. h2 a{
  212. color:{color:txt};
  213.  
  214. }
  215.  
  216. b {
  217. font-weight:bold;
  218. color:{color:bold};
  219.  
  220. }
  221.  
  222. i {
  223. font-weight:italic;
  224. color:{color:italic};
  225.  
  226. }
  227.  
  228. u {
  229. text-decoration:none;
  230. border-bottom:1px solid {color:txt};
  231.  
  232. }
  233.  
  234.  
  235.  
  236.  
  237.  
  238.  
  239. /*DESC*/
  240.  
  241.  
  242. #desc {
  243. width:275px;
  244. height:100px;
  245. position:fixed;
  246. padding-top:10px;
  247. padding-bottom:10px;
  248. padding-left:10px;
  249. padding-right:10px;
  250. line-height:100%;
  251. top:200px;
  252. margin-left:0px;
  253. font-weight:bold;
  254. font-size:10px;
  255. text-align:center;
  256. overflow:auto;
  257. background:{color:desc bg};
  258. z-index:9999999;
  259. opacity:1;
  260.  
  261.  
  262. }
  263.  
  264. #admin1box {
  265. width:156px;
  266. height:90px;
  267. position:fixed;
  268. padding-top:10px;
  269. padding-bottom:10px;
  270. padding-left:10px;
  271. padding-right:10px;
  272. line-height:100%;
  273. top:25px;
  274. margin-left:149px;
  275. font-weight:bold;
  276. font-size:10px;
  277. text-align:center;
  278. overflow:auto;
  279. background:{color:admins};
  280. z-index:9999999;
  281. opacity:1;
  282. box-shadow: 5px 5px 0px {color:shadow};
  283.  
  284. }
  285.  
  286. #admin2box {
  287. width:156px;
  288. height:90px;
  289. position:fixed;
  290. padding-top:10px;
  291. padding-bottom:10px;
  292. padding-left:10px;
  293. padding-right:10px;
  294. line-height:100%;
  295. top:25px;
  296. margin-left:470px;
  297. font-weight:bold;
  298. font-size:10px;
  299. text-align:center;
  300. overflow:auto;
  301. background:{color:admins};
  302. z-index:9999999;
  303. opacity:1;
  304. box-shadow: 5px 5px 0px {color:shadow};
  305.  
  306. }
  307.  
  308. #admin3box {
  309. width:156px;
  310. height:90px;
  311. position:fixed;
  312. padding-top:10px;
  313. padding-bottom:10px;
  314. padding-left:10px;
  315. padding-right:10px;
  316. line-height:100%;
  317. top:25px;
  318. margin-left:797px;
  319. font-weight:bold;
  320. font-size:10px;
  321. text-align:center;
  322. overflow:auto;
  323. background:{color:admins};
  324. z-index:9999999;
  325. opacity:1;
  326. box-shadow: 5px 5px 0px {color:shadow};
  327.  
  328. }
  329.  
  330.  
  331.  
  332.  
  333.  
  334. /*PAGINAITON*/
  335.  
  336. #pagi {
  337. font-size:8px;
  338. text-transform:uppercase;
  339. font-weight:bold;
  340. font-style:normal;
  341. position:fixed;
  342. text-align:left;
  343. margin-left:185px;
  344. margin-top:167px;
  345. background:{color:header border};
  346. padding:5px;
  347. line-height:100%;
  348. width:370px;
  349. height:5px;
  350. display:inline-block;
  351. color:{color:links};
  352. z-index:99999999;
  353. opacity:1;
  354. font-family:arial;
  355. text-shadow: 1px 1px 0px {color:txt shadow};
  356. transition-duration: 0.9s;
  357. -moz-transition-duration:0.9s;
  358. -webkit-transition-duration:0.9s;
  359. -o-transition-duration:0.9s;
  360.  
  361.  
  362.  
  363.  
  364.  
  365. }
  366.  
  367. #pagi:hover{
  368. color:{color:hover};
  369. transition-duration: 0.9s;
  370. -moz-transition-duration:0.9s;
  371. -webkit-transition-duration:0.9s;
  372. -o-transition-duration:0.9s;
  373.  
  374. }
  375.  
  376.  
  377.  
  378. /*IMAGES*/
  379.  
  380.  
  381. #sidebar1 {
  382. position:fixed;
  383. opacity:1;
  384. background-image:url('{image:sidebar}');
  385. width:445px;
  386. height:230px;
  387. top:185px;
  388. margin-left:180px;
  389. background:{color:desc bg};
  390. z-index:9999999;
  391.  
  392.  
  393. }
  394.  
  395. #header{
  396. position:fixed;
  397. opacity:1;
  398. background-image:url('{image:header}');
  399. width:1038px;
  400. height:165px;
  401. top:0px;
  402. margin-left:180px;
  403. background:{color:desc bg};
  404. border-bottom:solid 20px {color:header border};
  405. z-index:999;
  406.  
  407. }
  408.  
  409. #admin1 {
  410. position:fixed;
  411. width:80px;
  412. margin-top:-190px;
  413. padding:10px;
  414. height:80px;
  415. margin-left:180px;
  416. background-color:transparent;
  417. }
  418.  
  419. #admin1image {
  420. width 80px;
  421. }
  422.  
  423. #admin1image img {
  424. width:80px;
  425. height:80px;
  426. border-radius:100px;
  427. margin-left:47px;
  428. margin-top:6px;
  429. border:solid 5px {color:admins};
  430. }
  431.  
  432.  
  433. #admin2 {
  434. position:fixed;
  435. width:80px;
  436. margin-top:-92px;
  437. padding:10px;
  438. height:80px;
  439. margin-left:180px;
  440. background-color:transparent;
  441. }
  442.  
  443. #admin2image {
  444. width 80px;
  445. }
  446.  
  447. #admin2image img {
  448. width:80px;
  449. height:80px;
  450. border-radius:100px;
  451. margin-left:367px;
  452. margin-top:-94px;
  453. border:solid 5px {color:admins};
  454. }
  455.  
  456. #admin3 {
  457. position:fixed;
  458. width:80px;
  459. margin-top:-92px;
  460. padding:10px;
  461. height:80px;
  462. margin-left:180px;
  463. background-color:transparent;
  464. }
  465.  
  466. #admin3image {
  467. width 80px;
  468. }
  469.  
  470. #admin3image img {
  471. width:80px;
  472. height:80px;
  473. border-radius:100px;
  474. margin-left:695px;
  475. margin-top:-100px;
  476. border:solid 5px {color:admins};
  477. }
  478.  
  479. #triangle-left1 {
  480. width: 0;
  481. height: 0;
  482. margin-top:-73px;
  483. margin-left:129px;
  484. border-top: 10px solid transparent;
  485. border-right: 20px solid {color:admins};
  486. border-bottom: 10px solid transparent;
  487.  
  488. }
  489.  
  490. #triangle-left2 {
  491. width: 0;
  492. height: 0;
  493. margin-top:-20px;
  494. margin-left:450px;
  495. border-top: 10px solid transparent;
  496. border-right: 20px solid {color:admins};
  497. border-bottom: 10px solid transparent;
  498.  
  499. }
  500.  
  501. #triangle-left3 {
  502. width: 0;
  503. height: 0;
  504. margin-top:-20px;
  505. margin-left:779px;
  506. border-top: 10px solid transparent;
  507. border-right: 20px solid {color:admins};
  508. border-bottom: 10px solid transparent;
  509.  
  510. }
  511.  
  512.  
  513.  
  514. /*LINKS*/
  515.  
  516.  
  517. .tabs {
  518. position: fixed;
  519. margin: 415px auto;
  520. margin-left:180px;
  521. width: 100px;
  522. z-index:9999999;
  523. }
  524.  
  525. .tabs input {
  526. position: absolute;
  527. z-index: 1000;
  528. width: 160px;
  529. height: 10px;
  530. left: 0px;
  531. top: 0px;
  532. opacity: 0;
  533. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  534. filter: alpha(opacity=0);
  535. cursor: pointer;
  536. }
  537. .tabs input#tab-2{
  538. left: 120px;
  539.  
  540. }
  541. .tabs input#tab-3{
  542. margin-left: 340px;
  543.  
  544. }
  545. .tabs input#tab-4{
  546. left: 360px;
  547. }
  548.  
  549. .tabs label {
  550. background: {color:tab links bg};
  551. font-size: 10px;
  552. line-height: 60px;
  553. height: 60px;
  554. position: relative;
  555. padding: 0 40px;
  556. float: left;
  557. display: inline-block;
  558. width: 65px;
  559. color: {color:tab links};
  560. top: 0px;
  561. text-transform: uppercase;
  562. font-weight: bold;
  563. text-align: center;
  564. text-shadow: 1px 1px 0px {color:txt shadow};
  565. border-bottom:solid 3px {color:border};
  566.  
  567. }
  568.  
  569. .tabs label:after {
  570. background-color: {color:tab links bg};
  571. font-size: 10px;
  572. line-height: 25px;
  573. height: 25px;
  574. position: relative;
  575. padding: 0 20px;
  576. float: left;
  577. display: block;
  578. width: 20px;
  579. color: {color:tab links};
  580. top: 0px;
  581. letter-spacing: 1px;
  582. text-transform: uppercase;
  583. font-style:italic;
  584. font-weight: bold;
  585. text-align: center;
  586. text-shadow: 1px 1px 0px {color:txt shadow};
  587. }
  588.  
  589. .tabs input:hover + label {
  590. background: {color:tab links bg};
  591. top: 0px;
  592. -webkit-transition: top linear 0.2s;
  593. -moz-transition: top linear 0.2s;
  594. -o-transition: top linear 0.2s;
  595. -ms-transition: top linear 0.2s;
  596. transition: top linear 0.2s;
  597. }
  598. .tabs input:hover + label:after{
  599. background: transparent;
  600. }
  601. .tabs input:hover + label ~ .clear-shadow {
  602. top: 0px;
  603. -webkit-transition: top linear 0.2s;
  604. -moz-transition: top linear 0.2s;
  605. -o-transition: top linear 0.2s;
  606. -ms-transition: top linear 0.2s;
  607. transition: top linear 0.2s;
  608. }
  609.  
  610. .tabs input:checked:hover + label {
  611. top: 0;
  612. }
  613. .tabs input:checked:hover + label:after{
  614. background: transparent;
  615. }
  616. .tabs input:checked:hover + label ~ .clear-shadow {
  617. top: 0;
  618. background: transparent;
  619. -webkit-transition: none;
  620. -moz-transition: none;
  621. -o-transition: none;
  622. -ms-transition: none;
  623. transition: none;
  624. }
  625.  
  626. .tabs input.tab-selector-1:hover + label.tab-label-1 ~ .clear-shadow{
  627. z-index: 3;
  628. }
  629.  
  630. .tabs input.tab-selector-2:hover + label.tab-label-2 ~ .clear-shadow {
  631. z-index: 2;
  632. }
  633.  
  634. .tabs input.tab-selector-3:hover + label.tab-label-3 ~ .clear-shadow {
  635. z-index: 1;
  636. }
  637.  
  638. .tabs input.tab-selector-4:hover + label.tab-label-4 ~ .clear-shadow {
  639. z-index: 0;
  640. }
  641. .tabs label:first-of-type {
  642. z-index: 4;
  643. }
  644.  
  645. .tab-label-2 {
  646. z-index: 3;
  647. }
  648.  
  649. .tab-label-3 {
  650. z-index: 2;
  651. }
  652.  
  653. .tab-label-4 {
  654. z-index: 1;
  655. }
  656.  
  657. .tabs input:checked + label {
  658. background: {color: tab links bg};
  659. z-index: 6;
  660. -webkit-transition: top linear 0.2s;
  661. -moz-transition: top linear 0.2s;
  662. -o-transition: top linear 0.2s;
  663. -ms-transition: top linear 0.2s;
  664. transition: top linear 0.2s;
  665. }
  666.  
  667. .clear-shadow {
  668. background-color:transparent;
  669. position: relative;
  670. top: 0;
  671. height: 10px;
  672. margin-bottom: -10px;
  673. clear: both;
  674. z-index: -2;
  675. box-shadow: 0 -2px 3px -2px rgba(0,0,0,0.2);
  676. border-radius: 3px;
  677. }
  678.  
  679. .content {
  680. background-color: {color:desc bg};
  681. position: relative;
  682. width: 300px;
  683. height: 186px;
  684. margin-left:145px;
  685. margin-top:-199px;
  686. z-index: 5;
  687. border-bottom:solid 3px {color:border};
  688.  
  689. }
  690.  
  691. .content div {
  692. position: absolute;
  693. top: 0;
  694. left: 0;
  695. bottom: 100%;
  696. width:280px;
  697. padding: 10px;
  698. overflow: auto;
  699. z-index: 1;
  700. opacity: 0;
  701. -webkit-transition: all linear 0.1s;
  702. -moz-transition: all linear 0.1s;
  703. -o-transition: all linear 0.1s;
  704. -ms-transition: all linear 0.1s;
  705. transition: all linear 0.1s;
  706. }
  707.  
  708. .tabs input.tab-selector-1:checked ~ .content .content-1,
  709. .tabs input.tab-selector-2:checked ~ .content .content-2,
  710. .tabs input.tab-selector-3:checked ~ .content .content-3,
  711. .tabs input.tab-selector-4:checked ~ .content .content-4 {
  712. bottom: 0px;
  713. z-index: 100;
  714. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  715. filter: alpha(opacity=100);
  716. opacity: 1;
  717. transition-delay:0.1s;
  718. -webkit-transition-delay:0.1s;
  719. transition-duration: 0.3s;
  720. -moz-transition-duration:0.2s;
  721. -webkit-transition-duration:0.3s;
  722. -o-transition-duration:0.2s;
  723. }
  724.  
  725. .content div h2{
  726. text-align:center;
  727. font-size:18px;
  728. padding:5px;
  729. margin-top:20px;
  730. font-weight:bold;
  731. text-shadow: 2px 1px 0px {color:txt shadow};
  732. background-color:{color:post bg};
  733. color:{color:txt};
  734. }
  735.  
  736. .content div h3 {
  737. text-align:center;
  738. font-size:18px;
  739. padding:5px;
  740. margin-top:30px;
  741. margin-bottom:2px;
  742. text-shadow: 2px 1px 0px {color:txt shadow};
  743. background-color:{color:post bg};
  744. color:{color:txt};
  745. }
  746.  
  747. .content div n {
  748. text-align:center;
  749. top: -70px;
  750. left: -5px;
  751. bottom: 100%;
  752. width:138px;
  753. height:200px;
  754.  
  755. }
  756.  
  757. .content div n a {
  758. width:175px;
  759. display:inline-block;
  760. padding:5px;
  761. padding-top:6px;
  762. margin-left:45px;
  763. margin-top:4px;
  764. font-size:9px;
  765. overflow:hidden;
  766. font-weight:bold;
  767. text-transform:uppercase;
  768. text-shadow: 1px 1px 0px {color:txt shadow};
  769. color:{color:tab links};
  770. background-color:{color:links bg};
  771.  
  772. }
  773.  
  774. .content div n a:hover{
  775. color:{color:hover};
  776. background:{color:hover bg};
  777. }
  778.  
  779. .content div ad1 {
  780. text-align:center;
  781. font-size:10px;
  782. padding:5px;
  783. margin-top:0px;
  784. margin-bottom:-5px;
  785. font-weight:bold;
  786. display:block;
  787. width:190px;
  788. text-shadow: 2px 1px 0px {color:txt shadow};
  789. background-color:{color:background};
  790. color:{color:txt};
  791. }
  792.  
  793. .content div ad2 {
  794. text-align:justify;
  795. font-size:9px;
  796. padding:5px;
  797. font-weight:normal;
  798. text-transform:uppercase;
  799. width:100px;
  800. overflow:auto;
  801. height:93px;
  802. margin-top:10px;
  803. margin-bottom:5px;
  804. display:block;
  805. border-left:0px solid {color:hover};
  806. background-color:{color:background};
  807. color:{color:txt};
  808. }
  809.  
  810. .content div p {
  811. font-size: 9px;
  812. margin-top:0px;
  813. margin-bottom:5px;
  814. line-height: 130%;
  815. text-align: center;
  816. margin: 0;
  817. color: {color:txt};
  818. padding-left: 5px;
  819. font-family: arial;
  820. border-left: 2px solid {color:border};
  821. }
  822.  
  823. .navi{
  824. width:298px;
  825. height:90px;
  826. padding-left:1px;
  827. padding-bottom:15px;
  828. padding-top:13px;
  829. margin-top:0px;
  830. margin-left:185px;
  831. line-height:20%;
  832. position:fixed;
  833. display:block;
  834. z-index:99999999;
  835. opacity:0;
  836. transition-delay:0.1s;
  837. -webkit-transition-delay:0.1s;
  838. transition-duration: 0.4s;
  839. -moz-transition-duration:0.2s;
  840. -webkit-transition-duration:0.8s;
  841. -o-transition-duration:0.2s;
  842.  
  843. }
  844.  
  845. .navi:hover{
  846. opacity:1;
  847. transition-delay:0.1s;
  848. -webkit-transition-delay:0.1s;
  849. transition-duration: 0.4s;
  850. -moz-transition-duration:0.2s;
  851. -webkit-transition-duration:0.8s;
  852. -o-transition-duration:0.2s;
  853.  
  854.  
  855. }
  856.  
  857.  
  858. #navbg {
  859. width:1018px;
  860. height:145px;
  861. position:fixed;
  862. padding-top:10px;
  863. padding-bottom:10px;
  864. padding-left:10px;
  865. padding-right:10px;
  866. line-height:100%;
  867. top:0px;
  868. margin-left:-6px;
  869. font-size:11px;
  870. text-align:right;
  871. letter-spacing:1px;
  872. overflow:auto;
  873. background:{color:sidebar bg};
  874. z-index:-9;
  875. opacity:1;
  876.  
  877.  
  878.  
  879. }
  880.  
  881.  
  882.  
  883.  
  884. /*ENTRIES*/
  885.  
  886.  
  887.  
  888. #entries {
  889. position: absolute;
  890. z-index:99999;
  891. height:418px;
  892. width:567px;
  893. overflow:auto;
  894. margin-left:650px;
  895. margin-top:185px;
  896.  
  897.  
  898. }
  899.  
  900. #post{
  901. padding:15px;
  902. width:500px;
  903. background-color:{color:post bg};
  904. overflow:hidden;
  905. margin-bottom:20px;
  906. margin-left:10px;
  907. float:left;
  908. z-index:9999;
  909.  
  910. }
  911.  
  912.  
  913. /*POST INFO*/
  914.  
  915. #info {
  916. width:520px;
  917. text-align:left;
  918. font-family:arial;
  919. font-size:9px;
  920. padding:7px;
  921. color:{color:txt};
  922. line-height:10px;
  923. background-color:{color:info bg};
  924. margin-top:5px;
  925. margin-left:-15px;
  926. font-size:9px;
  927. margin-bottom:-15px;
  928. font-style:none;
  929. padding:5px;
  930. line-height:10px;
  931. transition-duration: 1.0s;
  932. -moz-transition-duration: 1.0s;
  933. -webkit-transition-duration: 1.0s;
  934. -o-transition-duration: 1.0s;
  935.  
  936. }
  937.  
  938. #info hover{
  939. color:{color:hover};
  940. transition-duration: 1.0s;
  941. -moz-transition-duration: 1.0s;
  942. -webkit-transition-duration: 1.0s;
  943. -o-transition-duration: 1.0s;
  944.  
  945.  
  946. }
  947.  
  948. #info a {
  949. text-align:center;
  950. font-family:arial;
  951. color:{color:txt};
  952.  
  953. }
  954.  
  955. .right{
  956. float:right
  957.  
  958. }
  959.  
  960.  
  961. /*ASKS*/
  962.  
  963. #asks {
  964. font-size:11px;
  965. text-align:center;
  966. width:537px;
  967. padding:5px;
  968. margin-left:-30px;
  969. margin-top:-15px;
  970. background-color:{color:info bg}
  971.  
  972. }
  973.  
  974.  
  975. /*CREDIT-- Just leave this please*/
  976.  
  977. #c{
  978. position:fixed;
  979. font-size:8px;
  980. font-weight:bold;
  981. padding-bottom:5px;
  982. padding-top:5px;
  983. height:10px;
  984. width:60px;
  985. padding-left:5px;
  986. padding-right:5px;
  987. margin-left:1290px;
  988. margin-top:653px;
  989. line-height:150%;
  990. text-align:center;
  991. float:left;
  992. color:{color:txt};
  993. text-transform:uppercase;
  994. border-bottom:solid 2px {color:border};
  995. background-color:{color:links bg};
  996. transition-duration: 0.8s;
  997.  
  998.  
  999. }
  1000.  
  1001.  
  1002.  
  1003. </style>
  1004.  
  1005. </head>
  1006.  
  1007.  
  1008. <body>
  1009.  
  1010.  
  1011. <div id="sidebar">
  1012. <div id="sidebar1"><a href="/"><img src="{image:sidebar}"></a></div>
  1013. <div id="header"><img src="{image:header}"></a></div>
  1014.  
  1015. </div>
  1016. </div>
  1017.  
  1018.  
  1019. <div class="navi">
  1020. <div id="navbg"></div>
  1021. <div id="sidebar2"><img src="{image:png}"></div>
  1022. <div id="admin1box">{text:admin 1}</div>
  1023. <div id="admin2box">{text:admin 2}</div>
  1024. <div id="admin3box">{text:admin 3}</div>
  1025. <div id="admin1image"><img src="{image:admin 1}"></a></div>
  1026. <div id="admin2image"><img src="{image:admin 2}"></a></div>
  1027. <div id="admin3image"><img src="{image:admin 3}"></a></div>
  1028. <div id="triangle-left1"></div>
  1029. <div id="triangle-left2"></div>
  1030. <div id="triangle-left3"></div>
  1031.  
  1032. </div>
  1033. </div>
  1034. </div>
  1035.  
  1036.  
  1037.  
  1038. </div>
  1039.  
  1040.  
  1041.  
  1042. </div>
  1043.  
  1044.  
  1045. <section class="tabs">
  1046. <input id="tab-1" type="radio" name="radio-set" class="tab-selector-1" checked="checked" />
  1047. <label for="tab-1" class="tab-label-1">{text:tab 1 title}</label>
  1048.  
  1049. <input id="tab-2" type="radio" name="radio-set" class="tab-selector-2" />
  1050. <label for="tab-2" class="tab-label-2">{text:tab 2 title}</label>
  1051.  
  1052. <input id="tab-3" type="radio" name="radio-set" class="tab-selector-3" />
  1053. <label for="tab-3" class="tab-label-3">{text:tab 3 title}</label>
  1054.  
  1055. <div class="clear-shadow"></div>
  1056.  
  1057. <div class="content">
  1058. <div class="content-1">
  1059. {description}
  1060. </div>
  1061. <div class="content-2">
  1062. {text:updates}
  1063.  
  1064. </div>
  1065. <div class="content-3">
  1066. <n><a href="/" href="">refresh</a><br>
  1067. <a href="ask" href="/ask">inquire</a><br>
  1068. <a href="{text:link 1 url}">{text:link 1}</a></br>
  1069. <a href="{text:link 2 url}">{text:link 2}</a></br>
  1070. <a href="{text:link 3 url}">{text:link 3}</a></br>
  1071. <a href="{text:link 4 url}">{text:link 4}</a></br></n>
  1072. </div>
  1073. </div>
  1074. </div>
  1075. </section>
  1076. </div>
  1077.  
  1078.  
  1079. </div><div id="pagi">
  1080. {block:Pagination}
  1081. {block:PreviousPage}
  1082. <a href="{PreviousPage}"> back</a>
  1083. {/block:PreviousPage}
  1084.  
  1085. {block:NextPage}
  1086. <a href="{NextPage}">next</a>
  1087. {/block:NextPage}
  1088. </div>
  1089. {/block:Pagination}</div></div>
  1090.  
  1091. <div id="entries">
  1092. {block:Posts}
  1093. <div id="post"
  1094.  
  1095. <!--TEXT POSTS-->
  1096.  
  1097. {block:Text}
  1098. {block:Title}<h1><center>{Title}</center></h1>{/block:Title}
  1099. {Body}
  1100. {/block:Text}
  1101.  
  1102. <!--ASKS-->
  1103.  
  1104. {block:Answer}
  1105. <div id="asks">
  1106. <div style="margin-left:-280px; padding-bottom:8px; font-size:15px;"><b><i>{Asker} asked:</b></i></span></div><br /> <div style="padding-left:15px; margin-top:-18px; font-size:13px;">{Question}</div>
  1107. </div>
  1108. {Answer}
  1109. {/block:Answer}
  1110.  
  1111. <!--QUOTE POSTS-->
  1112. {block:Quote}
  1113.  
  1114. {block:Quote}
  1115. <h2>{Quote}</h2>
  1116. <div align="right">
  1117. {block:Source}<h1>-{Source}</h1>{/block:Source}
  1118. </div>
  1119. {/block:Quote}
  1120. <!--LINK POSTS-->
  1121.  
  1122. {block:Link}
  1123. <h2><center><a href="{URL}">{Name}</center></a></h2>
  1124. {block:Description}{Description}{/block:Description}
  1125. {/block:Link}
  1126.  
  1127. <!--CHAT POSTS-->
  1128.  
  1129. {block:Chat}
  1130. {block:Title}<h2>{Title}</h2>{/block:Title}
  1131. <ul class="convo">{block:Lines}<li class="line">{block:Label}<span class="label">{Label}</span>{/block:Label}
  1132. {Line}</li>{/block:Lines}</ul>
  1133. {/block:Chat}
  1134.  
  1135. <!--PHOTO POSTS-->
  1136.  
  1137. {block:Photo}
  1138. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500px">{LinkCloseTag}
  1139.  
  1140. {block:Caption}{Caption}{/block:Caption}
  1141. {/block:Photo}
  1142.  
  1143. <!--PHOTOSET POSTS-->
  1144.  
  1145. {block:Photoset}
  1146. {Photoset-500}
  1147. {block:Caption}{Caption}{/block:Caption}
  1148. {/block:Photoset}
  1149.  
  1150. <!--VIDEO POSTS-->
  1151.  
  1152. {block:Video}
  1153. {Video-500}
  1154. {block:Caption}{Caption}{/block:Caption}
  1155. {/block:Video}
  1156.  
  1157.  
  1158. <!--AUDIO-->
  1159.  
  1160. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="60px" height="60px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerBlack}</left></span>
  1161. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  1162. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  1163. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times <br>
  1164. {/block:Audio}
  1165.  
  1166.  
  1167. <!--POST INFO-->
  1168.  
  1169.  
  1170. <div id="info">
  1171. <div id="permalink">
  1172. <a href="{Permalink}">{12Hour}:{Minutes} {AmPm}</a> <div class=right>{NoteCount}</div></a></div>
  1173.  
  1174. {block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}</div>
  1175.  
  1176.  
  1177.  
  1178. </div>{/block:Posts}{/block:Posts}</div></div></div></div>
  1179. </div>
  1180.  
  1181. <!--Simply don't remove it pls.-->
  1182. </div>
  1183.  
  1184. </div>
  1185. <div id="c">
  1186. <a href="http://azureofrp.tumblr.com/">AZUREOFRP </a>
  1187.  
  1188. </div>
  1189. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!