azurethemes

NO. 29 "CHROME"

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