azurethemes

theme 05 "no name"

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