azurethemes

theme 06 "never alone"

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