azurethemes

044 // Put your Vans on //

Aug 14th, 2015
436
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.97 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.7/jquery.min.js"></script>
  4. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  5. <script>
  6. (function($){
  7. $(document).ready(function(){
  8. $("a[title]").style_my_tooltips({
  9. tip_follows_cursor:true,
  10. tip_delay_time:30,
  11. tip_fade_speed:300,
  12. attribute:"title"
  13. });
  14. });
  15. })(jQuery);
  16. </script>
  17.  
  18. <script type="text/javascript">
  19. WebFontConfig = {
  20. google: { families: [ 'Roboto700::latin', 'Roboto::latin' , 'Bitter::latin' ] }
  21. };
  22. (function() {
  23. var wf = document.createElement('script');
  24. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  25. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  26. wf.type = 'text/javascript';
  27. wf.async = 'true';
  28. var s = document.getElementsByTagName('script')[0];
  29. s.parentNode.insertBefore(wf, s);
  30. })(); </script>
  31. <script>
  32. $(document).ready(function() {
  33. //
  34. $('a.poplight[href^=#]').click(function() {
  35. var popID = $(this).attr('rel'); //Get Popup Name
  36. var popURL = $(this).attr('href'); //Get Popup href to define size
  37. var query= popURL.split('?');
  38. var dim= query[1].split('&');
  39. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  40. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://s5.postimage.org/ypgcl25pv/close.png" class="btn_close" title="Close Window" alt="Close" style="background-color: transparent; padding: 2px; color:#555;" /></a>');
  41. var popMargTop = ($('#' + popID).height() + 80) / 2;
  42. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  43. //Apply Margin to Popup
  44. $('#' + popID).css({
  45. 'margin-top' : -popMargTop,
  46. 'margin-left' : -popMargLeft
  47. });
  48. $('body').append('<div id="fade"></div>');
  49. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  50. return false;
  51. });
  52. $('a.close, #fade').live('click', function() {
  53. $('#fade , .popup_block').fadeOut(function() {
  54. $('#fade, a.close').remove(); //fade them both out
  55. });
  56. return false;
  57. });
  58. });
  59.  
  60. </script>
  61. <head>
  62.  
  63. <title>{Title}</title>
  64. <link rel="shortcut icon" href="{Favicon}">
  65. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  66. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  67.  
  68. <!----
  69.  
  70.  
  71.  
  72. — Theme made by azureofrp —
  73. — Theme number 44 //Put your Vans on// —
  74. — Do not steal anything :) —
  75. — Do not take parts of my coding and use them for your themes —
  76. — To request a custom theme, visit my custom theme request page —
  77. — Please respect my effort and the time I put into my themes —
  78.  
  79.  
  80.  
  81.  
  82.  
  83. --->
  84.  
  85.  
  86.  
  87.  
  88. <meta name="color:blockquote border" content="#ffffff">
  89. <meta name="color:border" content="#000000">
  90. <meta name="color:text" content="#000000"/>
  91. <meta name="color:post text" content="#b6b6b6"/>
  92. <meta name="color:title text" content="#ffffff"/>
  93. <meta name="color:italic text" content="#000000">
  94. <meta name="color:title text" content="#000000">
  95. <meta name="color:bold text" content="#000000">
  96. <meta name="color:hover" content="#c1b8b8">
  97. <meta name="color:links" content="#ffffff"/>
  98. <meta name="color:accent" content="#ffffff"/>
  99. <meta name="color:scrollbar" content="#473f3f">
  100. <meta name="color:credit" content="#616b6b">
  101. <meta name="color:text shadow" content="#ffffff">
  102. <meta name="color:background" content="#c3cccc"/>
  103. <meta name="color:blockquote background" content="#c3cccc">
  104.  
  105. <meta name="color:description background" content="#c1b6b6"/>
  106. <meta name="color:post background" content="#000000">
  107. <meta name="color:title background" content="#adb3b3">
  108. <meta name="color:sidebar background" content="#adb3b3">
  109. <meta name="color:links background" content="#adb3b3">
  110. <meta name="color:question background" content="#adb3b3">
  111. <meta name="color:scrollbar background" content="#616b6b">
  112.  
  113. <meta name="image:background" content=""/>
  114. <meta name="image:navi image" content=""/>
  115. <meta name="image:header" content=""/>
  116. <meta name="image:link 1" content=""/>
  117. <meta name="image:link 2" content=""/>
  118. <meta name="image:link 3" content=""/>
  119.  
  120.  
  121. <meta name="text:plot" content="">
  122. <meta name="text:title" content="">
  123.  
  124.  
  125.  
  126.  
  127. <meta name="text:link 1" content="Link 1">
  128. <meta name="text:link 2" content="Link 2">
  129. <meta name="text:link 3" content="Link 3">
  130.  
  131.  
  132. <meta name="text:link 1 url" content="/">
  133. <meta name="text:link 2 url" content="/">
  134. <meta name="text:link 3 url" content="/">
  135.  
  136. <style type="text/css">
  137.  
  138. ::-webkit-scrollbar-thumb {
  139. height:auto;
  140. background-color:{color:scrollbar};
  141. }
  142.  
  143. ::-webkit-scrollbar {
  144. height:9px;
  145. width:4px;
  146. background-color:{color:scrollbar background};
  147. }
  148.  
  149.  
  150. #s-m-t-tooltip {
  151. max-width:300px;
  152. margin:10px 0px 0px 10px;
  153. padding:5px;
  154. font-weight:bold;
  155. background-color:{color:post background};
  156. border-bottom:1px solid #ddd;
  157. font-family: 'Roboto', sans-serif;
  158. font-size:8px;
  159. text-transform:uppercase;
  160. letter-spacing:1px;
  161. color:{color:text};
  162. z-index:999999999999999999999999999999999999;
  163. }
  164.  
  165.  
  166.  
  167.  
  168. body {
  169. background-color:{color:background};
  170. background-image:url('{image:background}');
  171. background-attachment: fixed;
  172. background-repeat: repeat;
  173. font-weight:none;
  174. font-family: 'Roboto', sans-serif;
  175. font-size:10px;
  176. text-align:justify;
  177. color:{color:text};
  178. margin:0;
  179.  
  180.  
  181. }
  182.  
  183. a {
  184. text-decoration:none;
  185. color:{color:links};
  186. transition-duration: 0.2s;
  187. -moz-transition-duration: 0.2s;
  188. -webkit-transition-duration: 0.3s;
  189. -o-transition-duration: 0.3s;
  190.  
  191. }
  192.  
  193. a:hover {
  194. text-decoration:none;
  195. color:{color:hover};
  196. transition-duration: 0.2s;
  197. -moz-transition-duration: 0.2s;
  198. -webkit-transition-duration: 0.3s;
  199. -o-transition-duration: 0.3s;
  200.  
  201. }
  202.  
  203. img {
  204. border:none;
  205.  
  206.  
  207.  
  208. }
  209.  
  210. blockquote {
  211. font-size:10px;
  212. max-width:545px;
  213. border-left:1px solid{color:blockquote border};
  214. background-color:{color:blockquote background};
  215. text-align:left;
  216. padding:5px;
  217. font-family: 'Roboto', sans-serif;
  218. font-weight:none;
  219. margin-left:5px;
  220. margin-right:5px;
  221. padding-left:5px;
  222. color:{color:text};
  223.  
  224. }
  225.  
  226. pre{
  227. font-size:9px;
  228. text-align:center;
  229. text-transform:none;
  230. font-family: 'Bitter', serif;
  231. font-weight:bold;
  232. line-height:9px;
  233. border-left:1px solid {color:blockquote border};
  234. border-bottom:1px solid {color:blockquote border};
  235. letter-spacing:2px;
  236. background-color:{color:blockquote background};
  237. color:{color:text};
  238. padding:6px;
  239. }
  240.  
  241. small{
  242. font-size:9px;
  243. }
  244.  
  245. big{
  246. font-size:9px;
  247. }
  248.  
  249. sub{
  250. font-size:9px;
  251. }
  252.  
  253.  
  254. h1 {
  255. font-size:11px;
  256. text-align:right;
  257. font-family: 'Roboto', sans-serif;
  258. letter-spacing:1px;
  259. text-transform:uppercase;
  260. background:{color:blockquote background};
  261. border-bottom:3px solid {color:blockquote border};
  262. color:{color:title text};
  263. padding:6px;
  264.  
  265.  
  266. }
  267.  
  268. h1 a{
  269. color:{color:title text};
  270. }
  271.  
  272.  
  273. h2{
  274. color:{color:text};
  275. text-transform:uppercase;
  276. text-decoration:underline;
  277. text-shadow: 1px 1px 0px #ddd;
  278. text-align:left;
  279.  
  280. }
  281.  
  282.  
  283.  
  284.  
  285. b {
  286. font-weight:bold;
  287. padding:2px;
  288. text-shadow: 1px 1px 3px {color:text shadow};
  289. color:{color:bold text};
  290.  
  291.  
  292. }
  293.  
  294. i {
  295. font-weight:italic;
  296. color:{color:italic text};
  297.  
  298.  
  299. }
  300.  
  301. u {
  302. text-decoration:none;
  303. border-bottom:1px solid {color:border};
  304.  
  305.  
  306. }
  307.  
  308.  
  309.  
  310. .title {
  311. width:250px;
  312. height:7px;
  313. position:fixed;
  314. padding-top:10px;
  315. padding-bottom:10px;
  316. padding-left:10px;
  317. padding-right:10px;
  318. line-height:8px;
  319. margin-top:209px;
  320. font-weight:bold;
  321. color:{color:title text};
  322. margin-left:40px;
  323. text-transform:uppercase;
  324. font-size:10px;
  325. font-family:'arial';
  326. background:{color:title background};
  327. text-align:center;
  328. overflow:hidden;
  329. letter-spacing:1px;
  330. z-index:9999;
  331. opacity:1;
  332.  
  333. }
  334.  
  335.  
  336. #description {
  337. overflow:auto;
  338. position:fixed;
  339. text-align:center;
  340. margin-top:395px;
  341. margin-left:240px;
  342. width:255px;
  343. height:96px;
  344. opacity:1;
  345. font-family:arial;
  346. line-height:10px;
  347. color:{color:text};
  348. background:{color:description background};
  349. padding:10px;
  350. padding-top:27px;
  351. font-size:9px;
  352. z-index:9999;
  353.  
  354. }
  355.  
  356.  
  357.  
  358. #pagination {
  359. height:auto;
  360. position:fixed;
  361. padding:2px;;
  362. line-height:25px;
  363. margin-top:335px;
  364. width:828px;
  365. font-weight:bold;
  366. color:{color:text};
  367. margin-left:239px;
  368. font-size:17px;
  369. font-family: 'Roboto', sans-serif;
  370. background:{color:title background};
  371. text-align:center;
  372. float:center;
  373. text-transform:uppercase;
  374. overflow:hidden;
  375. letter-spacing:1px;
  376. z-index:9999;
  377. opacity:1;
  378. transition-duration: 0.9s;
  379. -moz-transition-duration:0.9s;
  380. -webkit-transition-duration:0.9s;
  381. -o-transition-duration:0.9s;
  382.  
  383.  
  384.  
  385.  
  386.  
  387. }
  388.  
  389. #pagination:hover{
  390. color:{color:hover};
  391. transition-duration: 0.9s;
  392. -moz-transition-duration:0.9s;
  393. -webkit-transition-duration:0.9s;
  394. -o-transition-duration:0.9s;
  395.  
  396.  
  397.  
  398.  
  399. }
  400.  
  401. #pagination:first-letter {
  402. font-size:17px;
  403. padding:1px;
  404. font-family: 'Roboto', sans-serif;
  405. font-weight:bold;
  406. padding-left:2px;
  407. margin:4px 0 0;
  408. float:center;
  409. font-style:none;
  410. color:{color:accent};
  411. text-transform:uppercase;
  412.  
  413. }
  414.  
  415.  
  416.  
  417.  
  418.  
  419. #sidebar1 {
  420. position:fixed;
  421. opacity:1;
  422. background-image:url('{image:header}');
  423. width:830px;
  424. height:329px;
  425. outline:1px solid {color:border};
  426. top:5px;
  427. margin-left:240px;
  428. z-index:999;
  429.  
  430.  
  431.  
  432. }
  433.  
  434.  
  435.  
  436.  
  437. #links2 {
  438. width:275px;
  439. height:139px;
  440. overflow:hidden;
  441. cursor:pointer;
  442. margin-top:531px;
  443. opacity:1;
  444. position:fixed;
  445. background:{color:description background};
  446. margin-left:240px;
  447. z-index:99999;
  448. }
  449.  
  450. #links2 #all {
  451. margin-left:0px;
  452. margin-top:0px;
  453. padding:5px;
  454. margin-bottom:-2px;
  455. height:14px;
  456. z-index:99999;
  457. }
  458.  
  459. #links2 #all a:hover {
  460. color:{color:hover};
  461. letter-spacing:2px;
  462. font-weight:bold;
  463. transition-duration: 0.2s;
  464. -moz-transition-duration: 0.2s;
  465. -webkit-transition-duration: 0.3s;
  466. -o-transition-duration: 0.3s;
  467. }
  468.  
  469. #links2 a {
  470. width:124px;
  471. height:17px;
  472. margin-bottom:1px;
  473. margin-right:-1px;
  474. text-align:center;
  475. text-transform:uppercase;
  476. background:{color:links background};
  477. padding:4px;
  478. line-height:18px;
  479. color:{color:links};
  480. font-style:none;
  481. font-family: 'Roboto', sans-serif;
  482. letter-spacing:0px;
  483. font-size:10px;
  484. display:inline-block;
  485.  
  486.  
  487. }
  488.  
  489. #entries {
  490. overflow-y:auto;
  491. margin-left:518px;
  492. height:302px;
  493. width:552px;
  494. letter-spacing:0px;
  495. position:fixed;
  496. margin-top:367px;
  497.  
  498.  
  499. }
  500. #post {
  501. font-size:10px;
  502. width:500px;
  503. color:{color:post text};
  504. background-color:{color:post background};
  505. text-align:justify;
  506. padding:20px;
  507. overflow:hidden;
  508. line-height:20px;
  509. margin-bottom:30px;
  510. }
  511.  
  512. #post img{
  513. max-width:500px;
  514. height:auto;
  515. }
  516.  
  517.  
  518.  
  519. #info {
  520. width:512px;
  521. text-align:left;
  522. font-family: 'Roboto', sans-serif;
  523. text-transform:none;
  524. margin-left:-13px;
  525. font-weight:none;
  526. font-size:9px;
  527. margin-top:20px;
  528. letter-spacing:0px;
  529. overflow:hidden;
  530. margin-bottom:-10px;
  531. font-style:none;
  532. padding:10px;
  533. line-height:10px;
  534. color:{color:text};
  535. }
  536.  
  537. #info a {
  538. text-align:left;
  539. font-family: 'Roboto', sans-serif;
  540. line-height:6px;
  541. width:auto;
  542. padding:5px;
  543. background:{color:background};
  544. color:{color:text};
  545. }
  546.  
  547. #info a:hover{
  548. color:{color:hover};
  549. }
  550.  
  551.  
  552. .right{
  553. float:left;
  554.  
  555. }
  556.  
  557.  
  558.  
  559. #tags {
  560. text-align:left;
  561. opacity:1;
  562. font-size:8px;
  563. font-family: 'Roboto', sans-serif;
  564. margin-top:1px;
  565. margin-left:-5px;
  566. padding:-5px;
  567. font-weight:none;
  568. margin-bottom:0px;
  569. height:15px;
  570. width:530px;
  571. padding-top:0px;
  572. background-color:{color:background};
  573. text-transform:uppercase;
  574. transition-duration: 0.5s;
  575. -moz-transition-duration: 0.5s;
  576. -webkit-transition-duration: 0.5s;
  577. -o-transition-duration: 0.5s;
  578. }
  579.  
  580.  
  581.  
  582. #tags a {
  583. padding:0px;
  584. margin-top:1px;
  585. color:{color:text};
  586. line-height:6px;
  587. letter-spacing:0.5px;
  588. background:{color:background};
  589. font-weight:none;
  590. font-size:8px;
  591. font-family: 'Roboto', sans-serif;
  592. text-decoration:underline;
  593. display:inline-block;
  594. }
  595.  
  596. #tags a:hover {
  597. -moz-transition-duration:0.3s;
  598. -webkit-transition-duration:0.3s;
  599. -o-transition-duration:0.3s;
  600. color:{color:hover};
  601. }
  602.  
  603. #permalink{
  604. margin-bottom:10px;
  605. text-align:center;
  606. font-size:9px;
  607. font-weight:300;
  608. margin-top:-6px;
  609. margin-left:-5px;
  610. height:10px;
  611. padding:7px;
  612. text-transform:uppercase;
  613. background:{color:background};
  614. max-width:110px;
  615. width:auto;
  616. letter-spacing:0px;
  617. line-height:12px;
  618. color:{color:text};
  619. }
  620.  
  621. #permalink a{
  622. color:{color:text};
  623. font-weight:normal;
  624. }
  625.  
  626.  
  627. #asking {
  628. margin-left:15px;
  629. margin-top:10px;
  630.  
  631. }
  632.  
  633. #question {
  634. padding:12px;
  635. padding-left:70px;
  636. color:{color:text};
  637. background-color:{color:question background};
  638. }
  639.  
  640. #asker{
  641. margin-top:-35px;
  642. margin-left:70px;
  643. font-family: 'Roboto', sans-serif;
  644. text-transform:lowercase;
  645.  
  646. }
  647.  
  648. #c{
  649. position:fixed;
  650. font-size:10px;
  651. font-weight:bold;
  652. padding-bottom:5px;
  653. padding-top:5px;
  654. height:20px;
  655. width:20px;
  656. opacity:1;
  657. padding-left:5px;
  658. padding-right:5px;
  659. margin-left:1325px;
  660. top:645px;
  661. letter-spacing:0px;
  662. line-height:22px;
  663. border:1px solid {color:border};
  664. text-align:center;
  665. float:left;
  666. border-radius:100px;
  667. font-family: 'Roboto', sans-serif;
  668. color:{color:text};
  669. text-transform:uppercase;
  670. background-color: rgba(255,255,255, 0.3);
  671. transition-duration: 0.8s;
  672.  
  673.  
  674. }
  675.  
  676.  
  677. lol {
  678. font-size:11px;
  679. text-align:center;
  680. width:210px;
  681. height:5px;
  682. font-family: 'Calibri';
  683. text-shadow: 1px 1px 3px {color:text shadow};
  684. letter-spacing:1px;
  685. background-color:{color:blockquote background};
  686. color:{color:text};
  687. padding:5px;
  688.  
  689.  
  690. }
  691.  
  692. #fade {
  693. display: none;
  694. background:{color:border};
  695. position: fixed;
  696. left: 0;
  697. top: 0;
  698. width: 100%;
  699. height: 100%;
  700. opacity: 0.8;
  701. z-index: 999999;}
  702.  
  703. .popup_block{
  704. display: none;
  705. background: {color:description background};
  706. padding:30px;
  707. float: center;
  708. position: fixed;
  709. top: 50%;
  710. overflow:auto;
  711. box-shadow:inset 0 2px 4px 0 rgba(0,0,0,0.05);
  712. left: 50%;
  713. z-index: 9999999999999999999999999999999999;
  714. border: 1px solid #ddd;
  715. height:405px;
  716. overflow:hidden;}
  717.  
  718. img.btn_close {float: right; margin: -25px -25px 0 0;}
  719.  
  720. *html #fade {position: absolute;}
  721.  
  722. *html .popup_block {position: absolute;}
  723.  
  724. .title {
  725. font: oblique bold 28px arial;
  726. letter-spacing:2px;
  727. text-transform:uppercase;
  728. font-weight:bold;
  729. letter-spacing:-3px;
  730. color:{color:title text};
  731. text-shadow:2px 2px 0px {color:accent};
  732. text-align:center;
  733. margin-top:-10px;
  734.  
  735. }
  736.  
  737. #text {
  738. width:505px;
  739. background:{color:background};
  740. padding:10px;
  741. height:160px;
  742. font-size: 9px;
  743. margin-top:213px;
  744. margin-left:-13px;
  745. font-style:none;
  746. overflow:auto;
  747. text-transform:none;
  748. font-family: 'Roboto', sans-serif;
  749. color:{color:text};
  750. letter-spacing:1px;
  751. text-align:center;}
  752.  
  753.  
  754.  
  755.  
  756.  
  757.  
  758. .navi-links {
  759. width:270px;
  760. height:195px;
  761. overflow:auto;
  762. margin-top:16px;
  763. overflow:hidden;
  764. background:{color:description background};
  765. margin-left:40px;
  766. z-index:9999999999999999999999;
  767.  
  768. }
  769.  
  770. .navi-links #all {
  771. margin-left:2px;
  772. margin-top:3px;
  773. padding:10px;
  774. overflow:hidden;
  775. height:377px;
  776. z-index:999999999999999999999;
  777.  
  778. }
  779.  
  780. .navi-links #all a:hover {
  781. color:{color:hover};
  782. transition-duration: 0.2s;
  783. -moz-transition-duration: 0.2s;
  784. -webkit-transition-duration: 0.3s;
  785. -o-transition-duration: 0.3s;
  786.  
  787. }
  788.  
  789. .navi-links a {
  790. width:237px;
  791. height:15px;
  792. margin-bottom:1px;
  793. padding-right:2px;
  794. text-align:center;
  795. font-weight:bold;
  796. padding:4px;
  797. line-height:16px;
  798. color:{color:links};
  799. font-family:'arial';
  800. background:{color:links background};
  801. font-size:11px;
  802. letter-spacing:3.5px;
  803. text-transform:uppercase;
  804. display:inline-block;
  805. }
  806.  
  807. .navi-links a:hover {
  808. color:{color:hover};
  809.  
  810. }
  811.  
  812.  
  813.  
  814.  
  815. .navi-image {
  816. width:525px;
  817. height:250px;
  818. position:absolute;
  819. margin-left:-13px;
  820. margin-top:-15px;
  821. background:{color:title background};
  822. background-image:url('{image:navi image}');
  823. }
  824.  
  825. #navlinks {
  826. width:250px;
  827. height:223px;
  828. overflow:hidden;
  829. cursor:pointer;
  830. margin-top:270px;
  831. opacity:1;
  832. position:fixed;
  833. margin-left:18px;
  834. z-index:99;
  835. }
  836.  
  837. #navlinks #all {
  838. margin-left:0px;
  839. margin-top:0px;
  840. padding:5px;
  841. margin-bottom:-2px;
  842. height:14px;
  843. z-index:999999999999999999999;
  844. }
  845.  
  846. #navlinks #all a:hover {
  847. color:{color:hover};
  848. letter-spacing:1px;
  849. transition-duration: 0.2s;
  850. -moz-transition-duration: 0.2s;
  851. -webkit-transition-duration: 0.3s;
  852. -o-transition-duration: 0.3s;
  853. }
  854.  
  855.  
  856.  
  857.  
  858. #navlinks a {
  859. width:112px;
  860. height:13px;
  861. margin-bottom:1px;
  862. margin-right:-2px;
  863. text-align:left;
  864. text-transform:uppercase;
  865. padding:4px;
  866. line-height:17px;
  867. color:{color:links};
  868. font-style:none;
  869. background:{color:links background};
  870. font-family: 'Roboto', sans-serif;
  871. letter-spacing:0px;
  872. font-size:9px;
  873. display:inline-block;
  874.  
  875.  
  876. }
  877.  
  878. #plot {
  879. overflow:auto;
  880. position:absolute;
  881. text-align:center;
  882. margin-top:115px;
  883. margin-left:270px;
  884. text-transform:none;
  885. font-style:normal;
  886. font-family: 'Roboto', sans-serif;
  887. width:225px;
  888. height:120px;
  889. opacity:1;
  890. line-height:16px;
  891. font-weight:none;
  892. color:{color:text};
  893. background:{color:description background};
  894. padding:17px;
  895. letter-spacing:0px;
  896. font-size:10px;
  897. z-index:999999999999999999999;
  898.  
  899.  
  900.  
  901.  
  902. }
  903.  
  904.  
  905. #admin1image {
  906. width 65px;
  907. z-index:99999;
  908. }
  909.  
  910. #admin1image img {
  911. width:65px;
  912. height:65px;
  913. margin-left:260px;
  914. margin-top:350px;
  915. border-radius:100px;
  916. position:fixed;
  917. opacity:1;
  918. border:solid 1px #fff;
  919. z-index:99999;
  920.  
  921.  
  922.  
  923. }
  924.  
  925.  
  926. #admin2image {
  927. width 65px;
  928. z-index:99999;
  929. }
  930.  
  931. #admin2image img {
  932. width:65px;
  933. height:65px;
  934. margin-left:345px;
  935. margin-top:350px;
  936. border-radius:100px;
  937. position:fixed;
  938. opacity:1;
  939. border:solid 1px #fff;
  940. z-index:99999;
  941.  
  942.  
  943.  
  944. }
  945.  
  946. #admin3image {
  947. width 65px;
  948. z-index:99999;
  949. }
  950.  
  951. #admin3image img {
  952. width:65px;
  953. height:65px;
  954. margin-left:430px;
  955. margin-top:350px;
  956. border-radius:100px;
  957. position:fixed;
  958. opacity:1;
  959. border:solid 1px #fff;
  960. z-index:99999;
  961.  
  962.  
  963.  
  964. }
  965.  
  966. .answer span,.convo li{margin:0 0 5px;border-radius:1em;padding:.5em 10px;max-width:75%;clear:both;position:relative}.answer .them,.user_1,.user_3,.user_5,.user_7,.user_9,.user_11{float:left;background:#e5e5ea;color:#000;left:3px}.me::after,.user_1::after,.user_3::after,.user_5::after,.user_7::after,.user_9::after,.user_11::after{content:"";position:absolute;left:-.5em;bottom:0;width:.5em;height:1em;border-right:.5em solid #e5e5ea;border-bottom-right-radius:1em .5em}.answer .me,.user_2,.user_4,.user_6,.user_8,.user_10,.user_12{right:3px;float:right;background-color:#e8f3f9;color:#000}.them::after,.user_2::after,.user_4::after,.user_6::after,.user_8::after,.user_10::after,.user_12::after{content:"";position:absolute;right:-.5em;bottom:0;width:.5em;height:1em;border-left:.5em solid #e8f3f9;border-bottom-left-radius:1em .5em}.me p,.answer,.asked span{padding:0;margin:0}.answer{overflow:hidden}
  967. .asked p {
  968. text-align: left;
  969. margin: 0 0px 10px 0px;
  970. padding: 0;
  971. color: #666666;
  972. font-family: 'Inconsolata', Inconsolata;
  973. font-size: 12px;
  974. line-height: 0px;
  975. }
  976. .footerright .viasrc {
  977. float: left;
  978. }
  979. .asked a {
  980. margin:0;padding:0;
  981. }
  982. .user_4{background-color:#55caff;color:#fff}.user_4::after{border-color:#55caff}.user_6{background-color:#60f246;color:#fff}.user_6::after{border-color:#60f246}.user_5{background-color:#9ff3fc;color:#000}.user_5::after{border-color:#9ff3fc}.user_3{background-color:#25c413;color:#fff}.user_3::after{border-color:#25c413}.user_7{background-color:#9b9b9b;color:#fff}.user_7::after{border-color:#9b9b9b}.user_8{background-color:#0d9321;color:#fff}.user_8::after{border-color:#0d9321}.user_9{background-color:#606060;color:#fff}.user_9::after{border-color:#606060}
  983. .convo {
  984. overflow: hidden;
  985. list-style-type: none;
  986. padding: 0;
  987. margin: 0;
  988. }
  989.  
  990. {CustomCSS}</style>
  991.  
  992.  
  993.  
  994. </head>
  995. <body>
  996.  
  997.  
  998. <div id="sidebar">
  999. <div id="sidebar1"><a href="/"><img src="{image:header}"></a></div>
  1000. <div id="description">{description}</div>
  1001.  
  1002. <div id="admin1image"><a href="/"title=" home"><img src="{image:link 1}"></a></div>
  1003. <div id="admin2image"><a href="/ask" title="message"><img src="{image:link 2}"></a></div>
  1004. <div id="admin3image"><a href="#?w=500" rel="01" class="poplight" title="click me!"><img src="{image:link 3}"></a></div>
  1005. </div>
  1006. </div>
  1007.  
  1008.  
  1009. </div>
  1010.  
  1011. </div>
  1012.  
  1013. <div id="01" class="popup_block">
  1014. <div class="navi-image"><img src="{image:navi image}"></a></div>
  1015. <br></br>
  1016. <div id="text">{text:plot}</div>
  1017. </div>
  1018. </div>
  1019. </div>
  1020. </div>
  1021. </div>
  1022.  
  1023. </nav>
  1024.  
  1025. </div>
  1026. <div id="links2">
  1027. <div id="all">
  1028. <a href="/">link</a>
  1029. <a href="/">link</a>
  1030. <a href="/">link</a>
  1031. <a href="/">link</a>
  1032. <a href="/">link</a>
  1033. <a href="/">link</a>
  1034. <a href="/">link</a>
  1035. <a href="/">link</a>
  1036. <a href="/">link</a>
  1037. <a href="/">link</a>
  1038. </div>
  1039.  
  1040.  
  1041. </div>
  1042. </div>
  1043.  
  1044.  
  1045. <div id="title"class="push-content">
  1046. <div id="pagination">
  1047. {block:Pagination}
  1048. {block:PreviousPage}
  1049. <a href="{PreviousPage}">previous</a> -
  1050. {/block:PreviousPage}
  1051. {text:title} -
  1052. {block:NextPage}
  1053. <a href="{NextPage}">next</a>
  1054. {/block:NextPage}
  1055. {/block:Pagination}</div>
  1056. </div></div>
  1057.  
  1058.  
  1059. <div id="entries"class="push-content">
  1060. {block:Posts}
  1061. <div id="post"
  1062.  
  1063.  
  1064.  
  1065. <div id="post">
  1066.  
  1067. {block:Date}
  1068. <div id="permalink">
  1069. {block:NotReblog}<a href="{URL}" target="_blank" title="{Name}"></a>{/block:NotReblog}
  1070. <a href="{Permalink}">{Month} {DayOfMonth} {Year} </a> | {NoteCount}
  1071. </div>
  1072. {/block:Date}
  1073.  
  1074.  
  1075. <!--TEXT POSTS-->
  1076.  
  1077. {block:Text}
  1078. {block:Title}<h1><center>{Title}</center></h1>{/block:Title}
  1079. {Body}
  1080. {/block:Text}
  1081.  
  1082.  
  1083.  
  1084. {block:Answer}
  1085. <div id="asking"><img src="{AskerPortraitURL-48}"/></div>
  1086. <div id="asker">{Asker} sent:</div>
  1087. <div id="question">{Question}</div>
  1088. {Answer}{/block:Answer}
  1089.  
  1090.  
  1091. {block:Quote}
  1092.  
  1093. {block:Quote}
  1094. <h2>{Quote}</h2>
  1095. <div align="right">
  1096. {block:Source}<h1>-{Source}</h1>{/block:Source}
  1097. </div>
  1098. {/block:Quote}
  1099.  
  1100.  
  1101. {block:Link}
  1102. <h2><center><a href="{URL}">{Name}</center></a></h2>
  1103. {block:Description}{Description}{/block:Description}
  1104. {/block:Link}
  1105.  
  1106.  
  1107.  
  1108. {block:Chat}
  1109. {block:Title}
  1110. <h1>{Title}</h1>{/block:Title}<br>
  1111. <ul class="convo">{block:Lines}<li class="line_{Alt} user_{UserNumber}">{block:Label}<span class="label"><strong>{Label}</strong></span>{/block:Label}
  1112. {Line}</li>{/block:Lines}</ul>
  1113. {/block:Chat}
  1114.  
  1115.  
  1116.  
  1117. {block:Photo}
  1118. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="auto">{LinkCloseTag}
  1119.  
  1120. {block:Caption}{Caption}{/block:Caption}
  1121. {/block:Photo}
  1122.  
  1123.  
  1124.  
  1125. {block:Photoset}
  1126. {Photoset-500}
  1127. {block:Caption}{Caption}{/block:Caption}
  1128. {/block:Photoset}
  1129.  
  1130.  
  1131.  
  1132. {block:Video}
  1133. {Video-500}
  1134. {block:Caption}{Caption}{/block:Caption}
  1135. {/block:Video}
  1136.  
  1137.  
  1138.  
  1139.  
  1140. {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>
  1141. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  1142. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  1143. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times <br>
  1144. {/block:Audio}
  1145.  
  1146.  
  1147. <div id="info">
  1148. {block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}
  1149. {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}
  1150. </div></div>
  1151.  
  1152. {/block:Posts}{/block:Posts}</div></div></div>
  1153. </div>
  1154.  
  1155.  
  1156. <div id="c">
  1157. <a href="http://adf.ly/1IcHXD">©AZ</a>
  1158.  
  1159. </div>
  1160.  
  1161. </html>
Add Comment
Please, Sign In to add comment