kuronoir

ROGERRS THEME

Jan 26th, 2015
315
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.37 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.  
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  5. <head>
  6.  
  7. <link href="css/hover.css" rel="stylesheet" media="all">
  8.  
  9.  
  10. <!--meta stuff-->
  11.  
  12. <meta name="color:background" content="#FFFFFF">
  13. <meta name="color:link" content="#D11919">
  14. <meta name="color:accent" content="#D11919">
  15. <meta name="color:sidebar bg" content="#000000">
  16. <meta name="color:posts bg" content="#eeeeee">
  17. <meta name="color:text" content="#000000">
  18. <meta name="color:scrollbar" content="000000">
  19. <meta name="color:scrollbarbg" content="FFFFFF">
  20.  
  21. <meta name="image:sidebar image" content=""/>
  22.  
  23. <meta name="text:link1" content="link 1">
  24. <meta name="text:link1 url" content="/">
  25. <meta name="text:link2" content="link 2">
  26. <meta name="text:link2 url" content="/">
  27. <meta name="text:link3" content="link 3">
  28. <meta name="text:link4 url" content="/">
  29. <meta name="text:link4" content="link 4">
  30. <meta name="text:link4 url" content="/">
  31. <meta name="text:link5" content="link 5">
  32. <meta name="text:link5 url" content="/">
  33. <meta name="text:link6" content="link 6">
  34. <meta name="text:link6 url" content="/">
  35.  
  36.  
  37.  
  38. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  39. <title>{title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  40. <link rel="shortcut icon" href="{Favicon}" />
  41. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  42.  
  43. <!--meta stuff-->
  44.  
  45. <!--fonts-->
  46.  
  47. <link href='http://fonts.googleapis.com/css?family=Raleway:700,400,100,200' rel='stylesheet' type='text/css'>
  48. <!--fonts-->
  49.  
  50. <!-- tooltips -->
  51.  
  52. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  53. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  54.  
  55. <script>
  56. (function($){
  57. $(document).ready(function(){
  58. $("a[title]").style_my_tooltips({
  59. tip_follows_cursor:true,
  60. tip_delay_time:90,
  61. tip_fade_speed:600,
  62. attribute:"title"
  63. });
  64. });
  65. })(jQuery);
  66. </script>
  67.  
  68. <!-- tooltips -->
  69.  
  70. <!--popups-->
  71.  
  72. <script type="text/javascript"
  73. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  74.  
  75. <script>
  76. $(document).ready(function() {
  77. //
  78. $('a.poplight[href^=#]').click(function() {
  79. var popID = $(this).attr('rel'); //Get Popup Name
  80. var popURL = $(this).attr('href'); //Get Popup href to define size
  81. var query= popURL.split('?');
  82. var dim= query[1].split('&');
  83. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  84. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend;
  85. var popMargTop = ($('#' + popID).height() + 80) / 2;
  86. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  87. //Apply Margin to Popup
  88. $('#' + popID).css({
  89. 'margin-top' : -popMargTop,
  90. 'margin-left' : -popMargLeft
  91. });
  92. $('body').append('<div id="fade"></div>');
  93. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  94. return false;
  95. });
  96. $('a.close, #fade').live('click', function() {
  97. $('#fade , .popup_block').fadeOut(function() {
  98. $('#fade, a.close').remove(); //fade them both out
  99. });
  100. return false;
  101. });
  102. });
  103. </script>
  104.  
  105. <!--popups-->
  106.  
  107.  
  108.  
  109. <style type="text/css">
  110.  
  111. /*----general style----*/
  112.  
  113. body {
  114. background-color:{color:background};
  115. font-family: raleway,calibri, sans-serif;
  116. font-weight:200;
  117. line-height:1.5;
  118. }
  119.  
  120.  
  121. h1 {
  122. font-weight:normal;
  123. font-size:9px;
  124. text-align:center;
  125. font-style:normal;
  126. line-height:100%;
  127. letter-spacing:1px;
  128. color:{color:text};
  129. }
  130.  
  131. h2 {
  132. font-size:12px;
  133. text-align:center;
  134. line-height:130%;
  135. letter-spacing:1px;
  136. color:{color:text};
  137. font-weight:700;
  138. padding:3px;
  139. padding-bottom:5px;
  140. }
  141.  
  142. b{
  143. font-weight:700;
  144. }
  145.  
  146. a {
  147. color:{color:link};
  148. text-decoration:none;
  149. -moz-transition-duration:0.5s;
  150. -webkit-transition-duration:0.5s;
  151. -o-transition-duration:0.5s;
  152. }
  153.  
  154. a:hover {
  155. color:{color:hover};
  156. text-decoration:none;
  157. -moz-transition-duration:0.5s;
  158. -webkit-transition-duration:0.5s;
  159. -o-transition-duration:0.5s;
  160. }
  161.  
  162. blockquote {
  163. border-left:2px solid #888888;
  164. padding-left:5px;
  165. margin:5px;
  166. }
  167.  
  168. /*scrollbars*/
  169.  
  170. ::-webkit-scrollbar {
  171. background-color:{color:scrollbarbg};
  172. height:8px;
  173. width:8px
  174. }
  175. ::-webkit-scrollbar-thumb:vertical {
  176. background-color:{color:scrollbar};
  177. height:50px
  178. }
  179. ::-webkit-scrollbar-thumb:horizontal {
  180. background-color:{color:scrollbar};
  181. height:0px
  182.  
  183. }
  184.  
  185. /*scrollbars*/
  186.  
  187. /*css lines*/
  188. .line {
  189. width:190px;
  190. margin:5px 0px 5px 0px;
  191. border-top:1px solid #000;
  192. }
  193.  
  194. .linealt {
  195. width:190px;
  196. margin:5px 0px 5px 0px;
  197. border-top:1px solid #fff;
  198. }
  199.  
  200. .linethird {
  201. width:180px;
  202. margin:5px 0px 5px 0px;
  203. border-top:1px solid #eee;
  204. }
  205.  
  206. /*css lines*/
  207.  
  208. /*tooltip style*/
  209.  
  210. #s-m-t-tooltip {
  211. max-width:300px;
  212. padding:2px 4px;
  213. margin:20px 0px 0px 20px;
  214. background-color:#000;
  215. color:#ffffff;
  216. font-family:raleway, sans-serif;
  217. font-size:6px;
  218. letter-spacing:2px;
  219. text-transform:uppercase;
  220. z-index:999999999999;
  221. }
  222.  
  223. /*tooltip style*/
  224.  
  225. /*searchbar*/
  226. .search{
  227. margin-left:4em;
  228. }
  229.  
  230. .search input {background-color: #111;
  231. font-size: 7px;
  232. border: 0px;
  233. text-transform: uppercase;
  234. margin-top: 57em;
  235. color: #eee;
  236. letter-spacing: 1px;
  237. padding: 4px 8px;
  238. font-family: raleway, helvetica, arial;}
  239.  
  240. /*searchbar*/
  241.  
  242. /*----general style----*/
  243.  
  244.  
  245.  
  246.  
  247. /*----sidebar----*/
  248.  
  249. #sidebar {
  250. display:block;
  251. color:#eee;
  252. position:fixed ;
  253. width:230px;
  254. height:auto;
  255. margin:-.6em;
  256. text-align:center;
  257. background-color:transparent;
  258. padding:10px;
  259. border-radius:0px;
  260. margin-top:10px;
  261. margin-left:5px;
  262. -moz-transition-duration:.5s;
  263. -webkit-transition-duration:.5s;
  264. -o-transition-duration:.5s;
  265. }
  266.  
  267.  
  268. #sidebarcontainer{
  269. display:block;
  270. position:fixed;
  271. border-radius:0px;
  272. width:260px;
  273. height:420px;
  274. padding:10px;
  275. background-color:#000;
  276. margin-left:22em;
  277. margin-top:100px;
  278. -moz-transition-duration:.5s;
  279. -webkit-transition-duration:.5s;
  280. -o-transition-duration:.5s;
  281. }
  282.  
  283. #leftblock{
  284. display:block;
  285. position:fixed;
  286. border-radius:0px;
  287. width:640px;
  288. height:120%;
  289. padding:30px;
  290. background-color:{color:sidebar bg};
  291. margin-left:-12em;
  292. margin-top:-12px;
  293. -moz-transition-duration:.5s;
  294. -webkit-transition-duration:.5s;
  295. -o-transition-duration:.5s;
  296. }
  297.  
  298. #leftblock:hover{
  299. box-shadow:inset 700px 0 0 0 {color:accent};
  300. }
  301.  
  302. .sidebarimage {
  303. width:230px ;
  304. max-width:230px;
  305. height:230px;
  306. margin-left:auto;
  307. margin-right:auto;
  308. margin-top:1em;
  309. position:fixed;
  310. opacity: 1;
  311. -webkit-filter: grayscale(0%);
  312. -moz-transition-duration:.5s;
  313. -webkit-transition-duration:.5s;
  314. -o-transition-duration:.5s;
  315. }
  316.  
  317. .sidebarimage img{
  318. height:230px;
  319. width:230px;
  320. max-width:230px;
  321. margin-left:-7.8em;
  322. margin-right:auto;
  323. margin-top:0em;
  324. position:fixed;
  325. border:solid 10px #eee;
  326. -moz-transition-duration:.5s;
  327. -webkit-transition-duration:.5s;
  328. -o-transition-duration:.5s;
  329. }
  330.  
  331. .sidebarimage img:hover{
  332. border:solid 10px #000;
  333. -ms-transform: scale(.95,.95);
  334. -webkit-transform: scale(.99,.99);
  335. transform:scale(.95,.95);
  336. -moz-transition-duration:.5s;
  337. -webkit-transition-duration:.5s;
  338. -o-transition-duration:.5s;
  339. }
  340.  
  341.  
  342. /*description*/
  343.  
  344. /*description title*/
  345.  
  346. .desctitle{
  347. display:block;
  348. margin-left:0em;
  349. font-size:12px;
  350. font-family:"raleway", calibri,sans-serif;
  351. text-transform:uppercase;
  352. font-weight:400;
  353. text-align:left;
  354. color:transparent;
  355. padding:0px,2px,5px,0px;
  356. -moz-transition-duration:.5s;
  357. -webkit-transition-duration:.5s;
  358. -o-transition-duration:.5s;
  359. }
  360.  
  361. .desctitle a {
  362. font-size:12px;
  363. font-family:"raleway", calibri,sans-serif;
  364. text-transform:uppercase;
  365. text-align:left;
  366. color:transparent;
  367. letter-spacing:-.5px;
  368. -moz-transition-duration:.5s;
  369. -webkit-transition-duration:.5s;
  370. -o-transition-duration:.5s;
  371. }
  372.  
  373. /*description text*/
  374.  
  375. .desc {
  376. width:230px;
  377. height:auto;
  378. max-height:168px;
  379. overflow:auto;
  380. margin-left:-1em;
  381. margin-top: 24em;
  382. position:fixed;
  383. text-align:justify;
  384. line-height:140%;
  385. font-family:raleway,"calibri";
  386. font-style:none;
  387. font-size:8px;
  388. padding:8px;
  389. color:#eee;
  390. opacity:1;
  391. letter-spacing:1px;
  392. font-weight:100;
  393. background-color:#000;
  394. -moz-transition-duration:.5s;
  395. -webkit-transition-duration:.5s;
  396. -o-transition-duration:.5s;
  397. }
  398.  
  399.  
  400. .desc a{
  401. font-family:"raleway", calibri, sans-serif;
  402. font-size:8px;
  403. color:{color:link};
  404. padding:0px;
  405. -moz-transition-duration:.5s;
  406. -webkit-transition-duration:.5s;
  407. -o-transition-duration:.5s;
  408. }
  409.  
  410. .desc a:hover{
  411. color:{color:accent};
  412. -moz-transition-duration:.5s;
  413. -webkit-transition-duration:.5s;
  414. -o-transition-duration:.5s;
  415. }
  416.  
  417. /*description*/
  418.  
  419.  
  420.  
  421. /*pagination*/
  422. .pagi {
  423. font-size:8px;
  424. font-family: raleway, calibri, sans-serif;
  425. font-weight:100;
  426. color:#eee;
  427. margin-left:1.8em;
  428. margin-top:55em;
  429. width:200px;
  430. position:fixed;
  431. letter-spacing:2px;
  432. font-style:normal;
  433. text-align:center;
  434. z-index:99999999999;
  435. -moz-transition-duration:.5s;
  436. -webkit-transition-duration:.5s;
  437. -o-transition-duration:.5s;
  438. }
  439.  
  440. .pagi a{
  441. color:#eee;
  442. padding:3px;
  443. font-size:9px;
  444. font-weight:100;
  445. }
  446.  
  447. .pagi a:hover{
  448. color:{color:link};
  449. }
  450. /*pagination*/
  451.  
  452. /*sidebar hover stuff*/
  453.  
  454. #sidebarcontainer:hover #sidebar{
  455. background-color:#000;
  456. -moz-transition-duration:.5s;
  457. -webkit-transition-duration:.5s;
  458. -o-transition-duration:.5s;
  459. }
  460.  
  461. #sidebarcontainer:hover .pagi a:hover{
  462. color:#888;
  463. -moz-transition-duration:.5s;
  464. -webkit-transition-duration:.5s;
  465. -o-transition-duration:.5s;
  466. }
  467.  
  468. #sidebarcontainer:hover .desc{
  469. color:#eee;
  470. opacity:1;
  471. margin-top:34em;
  472. -moz-transition-duration:.5s;
  473. -webkit-transition-duration:.5s;
  474. -o-transition-duration:.5s;
  475. }
  476.  
  477. #sidebarcontainer:hover .desctitle{
  478. margin-left:13.5em;
  479. color:{color:accent};
  480. -moz-transition-duration:.5s;
  481. -webkit-transition-duration:.5s;
  482. -o-transition-duration:.5s;
  483. }
  484.  
  485. #sidebarcontainer:hover .desctitle a{
  486. color:#eee;
  487. -moz-transition-duration:.5s;
  488. -webkit-transition-duration:.5s;
  489. -o-transition-duration:.5s;
  490. }
  491.  
  492. #sidebarcontainer:hover .desctitle a:hover{
  493. color:#999;
  494. -moz-transition-duration:.5s;
  495. -webkit-transition-duration:.5s;
  496. -o-transition-duration:.5s;
  497. }
  498.  
  499.  
  500. /*sidebar hover stuff*/
  501.  
  502. /*----sidebar----*/
  503.  
  504.  
  505.  
  506. /*----top navigation----*/
  507.  
  508. /*main navigation links*/
  509.  
  510. .nav ul {
  511. padding:25px;
  512. margin-top:145px;
  513. font-size:8px;
  514. width:auto;
  515. display:block;
  516. height:auto;
  517. margin-left:28em;
  518. letter-spacing:1px;
  519. background-color:transparent;
  520. position:fixed;
  521. font-family:'raleway';
  522. text-align:left;
  523. text-transform:uppercase;
  524. list-style:none;
  525. -moz-transition-duration:.5s;
  526. -webkit-transition-duration:.5s;
  527. -o-transition-duration:.5s;
  528. }
  529.  
  530. .nav ul a{
  531. color:#eee;
  532. width:auto;
  533. display:block;
  534. margin-bottom:-10px;
  535. margin-top:10px;
  536. padding:8px;
  537. line-height:110%;
  538. background-color:transparent;
  539. -moz-transition-duration:.3s;
  540. -webkit-transition-duration:.3s;
  541. -o-transition-duration:.3s;
  542. }
  543.  
  544. .nav a:hover{
  545. color:#eee;
  546. width:70px;
  547. box-shadow:inset 100px 0 0 0 #000;
  548. -moz-transition-duration:.3s;
  549. -webkit-transition-duration:.3s;
  550. -o-transition-duration:.3s;
  551. }
  552.  
  553.  
  554. .nav a:hover .list{
  555. opacity:1;
  556. -moz-transition-duration:.5s;
  557. -webkit-transition-duration:.5s;
  558. -o-transition-duration:.5s;
  559. }
  560.  
  561. .list{
  562. font-size:12px;
  563. color:#eee;
  564. opacity:0;
  565. margin-left:-23px;
  566. margin-bottom:-8px;
  567. -moz-transition-duration:.5s;
  568. -webkit-transition-duration:.5s;
  569. -o-transition-duration:.5s;
  570. }
  571.  
  572. /*main navigation links*/
  573.  
  574. /*----top navigation----*/
  575.  
  576.  
  577. /*---entries---*/
  578.  
  579. #entriescontainer {
  580. margin-left:34em;
  581. margin-top:-12px;
  582. position:absolute;
  583. text-align:justify;
  584. color:{color:text};
  585. margin-bottom:0px;
  586. max-width:560px;
  587. padding-top:40px;
  588. padding-right:30px;
  589. padding-left:30px;
  590. padding-bottom:12px;
  591. background-color:transparent;
  592. }
  593.  
  594. #entries {
  595. width:500px;
  596. margin-top:0px;
  597. margin-bottom:45px;
  598. border-radius:0px;
  599. padding-top:25px;
  600. padding-right:25px;
  601. padding-left:25px;
  602. padding-bottom:25px;
  603. text-align:justify;
  604. font-size:11px;
  605. line-height:145%;
  606. background-color:{color:posts bg};
  607. color:{color:text};
  608. -moz-transition-duration:.5s;
  609. -webkit-transition-duration:.5s;
  610. -o-transition-duration:.5s;
  611. }
  612.  
  613. #entries:hover a:hover{
  614. color:#888;
  615. -moz-transition-duration:0.5s;
  616. -webkit-transition-duration:0.5s;
  617. -o-transition-duration:0.5s;
  618. }
  619.  
  620. .caption {
  621. width:500px;
  622. font-family:raleway,calibri;
  623. text-align:justify;
  624. line-height:140%;
  625. }
  626.  
  627. .photos{
  628. margin-bottom:10px;
  629. }
  630.  
  631. /*ask&answer*/
  632. .ask {
  633. padding:30px;
  634. font-family:raleway,calibri, sans-serif;
  635. font-size:8px;
  636. min-height:40px;
  637. height:auto;
  638. text-align:left;
  639. color:#eee;
  640. text-transform:uppercase;
  641. line-height:150%;
  642. margin-bottom:10px;
  643. letter-spacing:1.5px;
  644. border-left:100px solid #222;
  645. background-color:#000;
  646. }
  647.  
  648. .ask img {
  649. position:absolute;
  650. margin-left:-100px;
  651. border:5px solid #eee;
  652. max-height:30px;}
  653.  
  654.  
  655. .ans {
  656. text-align:left;
  657. font-family:raleway, calibri, sans-serif;
  658. line-height:1.5;
  659. padding:10px;
  660. color:{color:text};
  661. }
  662. /*ask&answer*/
  663.  
  664. /*audio posts*/
  665.  
  666. #audio {
  667. padding:30px;
  668. font-family:raleway,calibri, sans-serif;
  669. font-size:8px;
  670. min-height:50px;
  671. height:auto;
  672. text-align:center;
  673. color:#eee;
  674. line-height:150%;
  675. margin-bottom:10px;
  676. letter-spacing:1.5px;
  677. border-left:100px solid #222;
  678. background-color:#000;
  679. -webkit-transition: all 0.5s ease;
  680. -moz-transition: all 0.5s ease;
  681. -o-transition: all 0.5s ease;
  682. }
  683.  
  684. #player {
  685. height:50px;
  686. width:50px;
  687. margin-top:0px;
  688. margin-left:0px;
  689. overflow:hidden;
  690. background-color:#000;
  691. -webkit-transition: all 0.5s ease;
  692. -moz-transition: all 0.5s ease;
  693. -o-transition: all 0.5s ease;
  694. }
  695.  
  696. #playersymbol {
  697. float:right;
  698. width:25px;
  699. height:25px;
  700. margin-top:0px;
  701. margin-left:0px;
  702. overflow:hidden;
  703. background-color:#000000;
  704. padding-bottom:2px;
  705. border:5px solid #eee;
  706. }
  707.  
  708. #albumart{
  709. position:absolute;
  710. margin-left:-108px;
  711. margin-top:-6px;
  712. border:5px solid #eee;
  713. max-height:50px;
  714. }
  715.  
  716. #audiotext {
  717. color:#fff;
  718. text-transform:uppercase;
  719. font-family:raleway, calibri, sans-serif;
  720. letter-spacing:1px;
  721. float:left;
  722. width:auto;
  723. text-align:left;
  724. height:auto;
  725. line-height:-30px;
  726. padding:8px;
  727. font-size:8px;
  728. margin-top:-12px;
  729. margin-bottom:0px;
  730. margin-left:0px;
  731. }
  732.  
  733. /*audio posts*/
  734.  
  735. /*link posts*/
  736. .linkpost{
  737. color:#000;
  738. font-family:raleway,calibri,sans-serif;
  739. font-size:10px;
  740. text-align:center;
  741. letter-spacing:1px;
  742. }
  743.  
  744. .linkpost a{
  745. display:block;
  746. color:#fff;
  747. background-color:#000;
  748. font-size:12px;
  749. text-align:center;
  750. border-radius:0px;
  751. padding:20px;
  752. -moz-transition-duration:0.5s;
  753. -webkit-transition-duration:0.5s;
  754. -o-transition-duration:0.5s;
  755. }
  756.  
  757. #entries:hover .linkpost a:hover{
  758. color:{color:accent};
  759. -moz-transition-duration:0.5s;
  760. -webkit-transition-duration:0.5s;
  761. -o-transition-duration:0.5s;
  762. }
  763. /*link posts*/
  764.  
  765. /*post info*/
  766. #postinfo {
  767. max-width:480px;
  768. height:auto;
  769. margin-left:0px;
  770. padding:15px;
  771. font-size:8px;
  772. color:#000;
  773. font-family:raleway, calibri, sans-serif;
  774. text-transform:uppercase;
  775. letter-spacing:2px;
  776. text-align:center;
  777. border-radius:0px;
  778. background-color:{color:posts bg};
  779. -moz-transition-duration:0.5s;
  780. -webkit-transition-duration:0.5s;
  781. -o-transition-duration:0.5s;
  782. }
  783.  
  784. #entries:hover #postinfo{
  785. background-color:#000;
  786. color:#eee;
  787. -moz-transition-duration:.5s;
  788. -webkit-transition-duration:.5s;
  789. -o-transition-duration:.5s;
  790. }
  791.  
  792. #entries:hover #postinfo:hover{
  793. box-shadow:inset 520px 0 0 0 {color:accent};
  794. -moz-transition-duration:.5s;
  795. -webkit-transition-duration:.5s;
  796. -o-transition-duration:.5s;
  797. }
  798.  
  799. #entries:hover #postinfo a:hover{
  800. color:#000;
  801. -moz-transition-duration:.5s;
  802. -webkit-transition-duration:.5s;
  803. -o-transition-duration:.5s;
  804. }
  805.  
  806. #entries:hover #postinfo a{
  807. color:#eee;
  808. -moz-transition-duration:.5s;
  809. -webkit-transition-duration:.5s;
  810. -o-transition-duration:.5s;
  811. }
  812.  
  813. #entries:hover .tags{
  814. opacity:1;
  815. margin-top:5px;
  816. height:auto;
  817. -moz-transition-duration:.5s;
  818. -webkit-transition-duration:.5s;
  819. -o-transition-duration:.5s;
  820. }
  821.  
  822. #entries:hover .tags a{
  823. color:#000;
  824. -moz-transition-duration:.5s;
  825. -webkit-transition-duration:.5s;
  826. -o-transition-duration:.5s;
  827. }
  828.  
  829. #entries:hover .tags a:hover{
  830. color:{color:accent};
  831. }
  832.  
  833. #postinfo a {
  834. color: #000;
  835. padding:3px;
  836. text-align:center;
  837. letter-spacing:1px;
  838. -moz-transition-duration:.5s;
  839. -webkit-transition-duration:.5s;
  840. -o-transition-duration:.5s;
  841. }
  842.  
  843. #postinfo a:hover {
  844. color:{color:accent};
  845. -moz-transition-duration:.5s;
  846. -webkit-transition-duration:.5s;
  847. -o-transition-duration:.5s;
  848. }
  849. /*post info*/
  850.  
  851. /*permalink page*/
  852. .note {
  853. text-transform:uppercase;
  854. font-family:raleway,calibri,sans-serif;
  855. font-style:normal;
  856. color:#000;
  857. letter-spacing:1.5px;
  858. font-size: 8px;
  859. text-align:left;
  860. list-style:none;
  861. min-width:500px;
  862. margin-bottom:30px;
  863. }
  864. .note img{
  865. margin-right:12px;
  866. }
  867.  
  868. .note li {
  869. margin-left:-30px;
  870. background-color:#eee;
  871. width:500px;
  872. font-size:8px;
  873. text-align:left;
  874. line-height:200%;
  875. margin-bottom:0px;
  876. padding:15px;
  877. min-width:500px;
  878. -moz-transition-duration:0.5s;
  879. -webkit-transition-duration:0.5s;
  880. -o-transition-duration:0.5s;
  881. }
  882. /*permalink page*/
  883.  
  884. /*tags*/
  885. .tags {
  886. font-style:normal;
  887. width:490px;
  888. height:1px;
  889. opacity:0;
  890. font-family:raleway, calibri;
  891. text-transform:lowercase;
  892. font-style:none;
  893. color:#000;
  894. letter-spacing:1px;
  895. line-height:150%;
  896. font-size:9px;
  897. text-align:left;
  898. padding:2px;
  899. font-weight:100;
  900. margin-top:-10px;
  901. opacity:0;
  902. -moz-transition-duration:.5s;
  903. -webkit-transition-duration:.5s;
  904. -o-transition-duration:.5s;
  905. }
  906.  
  907. .tags a {
  908. color:#000;
  909. letter-spacing:1px;
  910. padding:2px;
  911. -moz-transition-duration:.5s;
  912. -webkit-transition-duration:.5s;
  913. -o-transition-duration:.5s;
  914. }
  915.  
  916. .tags a:hover {
  917. color:#000;
  918. -moz-transition-duration:.5s;
  919. -webkit-transition-duration:.5s;
  920. -o-transition-duration:.5s;
  921. }
  922. /*tags*/
  923.  
  924. /*chat*/
  925. ul.chat, .chat ol, .chat li {
  926. list-style:none;
  927. padding:2px;
  928. }
  929.  
  930. .label {
  931. padding:2px;
  932. text-transform:none;
  933. font-weight:300;
  934. line-height:150%;
  935. }
  936.  
  937. #entries:hover .label{
  938. color:{color:accent};
  939. -moz-transition-duration:0.5s;
  940. -webkit-transition-duration:0.5s;
  941. -o-transition-duration:0.5s;
  942. }
  943. /*chat*/
  944.  
  945.  
  946. /*----popups style---*/
  947.  
  948. /*background*/
  949. #fade {
  950. display: none;
  951. background: #fff;
  952. position: fixed; left: 0; top: 0;
  953. width: 100%; height: 100%;
  954. opacity: .95;
  955. z-index: 9999;
  956. }
  957.  
  958. /*popup container*/
  959. .popup_block{
  960. display: none;
  961. background: #000;
  962. padding: 40px 20px 30px 20px;
  963. float: left;
  964. position: fixed;
  965. border:0px solid #fff;
  966. border-radius:0px;
  967. top: 50%; left: 50%;
  968. max-height:65%;
  969. min-width:500px;
  970. overflow:auto;
  971. list-style: none;
  972. text-transform:uppercase;
  973. z-index: 99999;
  974. -moz-transition-duration:0.5s;
  975. -webkit-transition-duration:0.5s;
  976. -o-transition-duration:0.5s;
  977. -webkit-animation: floor 1s;
  978. -moz-animation: floor 1s;
  979. -ms-animation: floor 1s;
  980.  
  981. }
  982.  
  983. .popup_block:hover{
  984. float: left;
  985. position: fixed;
  986. box-shadow:inset 600px 0 0 0 {color:accent};
  987. -moz-transition-duration:0.5s;
  988. -webkit-transition-duration:0.5s;
  989. -o-transition-duration:0.5s;
  990. }
  991.  
  992. /*positioning for IE6 */
  993. *html #fade {
  994. position: absolute;
  995. }
  996. *html .popup_block {
  997. position: fixed;
  998. }
  999.  
  1000. @-webkit-keyframes floor {
  1001.  
  1002. 0% {
  1003. opacity: 0;
  1004. -webkit-transform: translateY(500px);
  1005. }
  1006.  
  1007. 100% {
  1008. opacity: 1;
  1009. -webkit-transform: translateY(0%);
  1010. }
  1011.  
  1012. }
  1013.  
  1014. @-moz-keyframes floor {
  1015.  
  1016. 0% {
  1017. opacity: 0;
  1018. -webkit-transform: translateY(500px);
  1019. }
  1020.  
  1021. 100% {
  1022. opacity: 1;
  1023. -webkit-transform: translateY(0%);
  1024. }
  1025.  
  1026. }
  1027.  
  1028. @-o-keyframes floor {
  1029.  
  1030. 0% {
  1031. opacity: 0;
  1032. -o-transform: translateY(500px);
  1033. }
  1034.  
  1035. 100% {
  1036. opacity: 1;
  1037. -o-transform: translateY(0%);
  1038. }
  1039.  
  1040. }
  1041.  
  1042. @keyframes floor {
  1043.  
  1044. 0% {
  1045. opacity: 0;
  1046. -webkit-transform: translateY(500px);
  1047. }
  1048.  
  1049. 100% {
  1050. opacity: 1;
  1051. -webkit-transform: translateY(0%);
  1052. }
  1053.  
  1054. }
  1055.  
  1056.  
  1057. /*grid boxes*/
  1058. #boxesav{
  1059. position:relative;
  1060. width: auto;
  1061. top:50%;
  1062. margin-left:auto
  1063. margin-right:auto;
  1064. }
  1065.  
  1066. .boxav{
  1067. display:inline-block;
  1068. text-align:center;
  1069. background-color: #000;
  1070. color:#fff;
  1071. width: 200px;
  1072. height: 120px;
  1073. padding: 10px;
  1074. margin-left:5px;
  1075. margin-right:5px;
  1076. margin-bottom:5px;
  1077. overflow:auto;
  1078. -moz-transition-duration:.5s;
  1079. -webkit-transition-duration:.5s;
  1080. -o-transition-duration:.5s;
  1081. }
  1082.  
  1083.  
  1084. /*main title*/
  1085. .popuptitle{
  1086. display:block;
  1087. text-align:center;
  1088. font-family:'raleway',calibri, sans-serif;
  1089. text-transform:uppercase;
  1090. letter-spacing:2.5px;
  1091. color:#fff;
  1092. padding:3px;
  1093. font-size:10px;
  1094. margin-left:0 auto;
  1095. margin-right:0 auto;
  1096. margin-bottom:5px;
  1097. -moz-transition-duration:0.5s;
  1098. -webkit-transition-duration:0.5s;
  1099. -o-transition-duration:0.5s;
  1100. }
  1101.  
  1102. .popuptitle a{
  1103. color:#fff;
  1104. -moz-transition-duration:0.5s;
  1105. -webkit-transition-duration:0.5s;
  1106. -o-transition-duration:0.5s;
  1107. }
  1108.  
  1109. .popuptitle a:hover{
  1110. color:{color:link};
  1111. -moz-transition-duration:0.5s;
  1112. -webkit-transition-duration:0.5s;
  1113. -o-transition-duration:0.5s;
  1114. }
  1115.  
  1116. /*box title*/
  1117. .boxtitle {
  1118. display:block;
  1119. text-align:right;
  1120. font-family:'raleway', calibri, sans-serif;
  1121. text-transform:uppercase;
  1122. letter-spacing:1px;
  1123. background-color:;
  1124. color:#fff;
  1125. padding:;
  1126. font-size:9.5px;}
  1127.  
  1128. .aboutlinks {
  1129. display:block;
  1130. width:400px;
  1131. height:auto;
  1132. margin-bottom:10px;
  1133. margin-top:-18px;
  1134. background-color:#000;
  1135. font-family:raleway, calibri, sans-serif;
  1136. font-size:9px;
  1137. font-weight:200;
  1138. text-decoration:none;
  1139. text-align:center;
  1140. text-transform:none;
  1141. letter-spacing:1.5px;
  1142. color:#eee;
  1143. padding-left:10px;
  1144. padding-right:10px;
  1145. padding-top:10px;
  1146. padding-bottom:-10px;
  1147. line-height:20px;
  1148. }
  1149.  
  1150. .aboutlinks a {
  1151. font-family:raleway, calibri, sans-serif;
  1152. font-size:8px;
  1153. text-decoration:none;
  1154. text-align:right;
  1155. padding:0px;
  1156. text-transform:none;
  1157. letter-spacing:1px;
  1158. color:#999;
  1159. padding:5px;
  1160. line-height:10px;
  1161. }
  1162.  
  1163. .aboutlinks a:hover {
  1164. text-decoration:none;
  1165. color:{color:accent};
  1166. -moz-transition-duration:0.5s;
  1167. -webkit-transition-duration:0.5s;
  1168. -o-transition-duration:0.5s;
  1169. }
  1170.  
  1171. .boxlinks a {
  1172. font-family:raleway, calibri, sans-serif;
  1173. font-size:8px;
  1174. text-decoration:none;
  1175. text-align:center;
  1176. padding:2px;
  1177. text-transform:uppercase;
  1178. letter-spacing:1px;
  1179. color:#fff;
  1180. padding:5px;
  1181. line-height:10px;
  1182. -moz-transition-duration:0.5s;
  1183. -webkit-transition-duration:0.5s;
  1184. -o-transition-duration:0.5s;
  1185. }
  1186.  
  1187. .boxlinks a:hover {
  1188. text-decoration:none;
  1189. color:{color:accent};
  1190. -moz-transition-duration:0.5s;
  1191. -webkit-transition-duration:0.5s;
  1192. -o-transition-duration:0.5s;
  1193. }
  1194.  
  1195. .boxlinks ul {
  1196. list-style-type:none;
  1197. margin-left:-40px;}
  1198.  
  1199.  
  1200. {CustomCSS}
  1201.  
  1202.  
  1203.  
  1204. </style>
  1205.  
  1206. </head>
  1207.  
  1208. <body>
  1209.  
  1210.  
  1211. <!--entries-->
  1212.  
  1213.  
  1214. <div id="entriescontainer">
  1215.  
  1216. {block:Posts}
  1217. <div id="entries">
  1218.  
  1219.  
  1220. <!--text-->
  1221. {block:Text}
  1222. {block:Title}<h2>{Title}</h2>{/block:Title}
  1223. {Body}
  1224. {/block:Text}
  1225.  
  1226.  
  1227. <!--quote-->
  1228. {block:Quote}
  1229. <h2>“{Quote}”</h2>
  1230. <h1>{Source}</h1>
  1231. {/block:Quote}
  1232.  
  1233. <!--links-->
  1234. {block:Link}
  1235. <div class="linkpost"><a href="{URL}">{Name}</a>
  1236. {block:host}{host}{/block:host}
  1237. </div>
  1238. {block:Description}<p>{Description}</p>{/block:Description}
  1239. {/block:Link}
  1240.  
  1241. <!--photo-->
  1242. {block:Photo}
  1243. <div class="photos"><center><img src="{PhotoURL-500}"/></center></div>
  1244. {block:Caption}{Caption}{/block:Caption}
  1245. {/block:Photo}
  1246.  
  1247. <!--photoset-->
  1248. {block:Photoset}
  1249. <div class="photos"><center>{Photoset-500}</center></div>
  1250. {block:Caption}{Caption}{/block:Caption}
  1251. {/block:Photoset}
  1252.  
  1253.  
  1254. <!--chat-->
  1255. {block:Chat}
  1256. <ul class="chat">
  1257. {block:Title}<h2>{Title}</h2>{/block:Title}
  1258. {block:Lines}
  1259. <li>{block:Label}<span class="label">{Label}</span>{/block:Label}
  1260. &nbsp;{Line}</li>{/block:Lines}
  1261. </ul>
  1262. {/block:Chat}
  1263.  
  1264.  
  1265. <!--video-->
  1266. {block:Video}
  1267. {Video-500}{block:Caption}{Caption}{/block:Caption}
  1268. {/block:Video}
  1269.  
  1270. <!--ask&answer post-->
  1271. {block:Answer}
  1272. <div class="ask"><img src="{askerportraitURL-30}"><b>{asker}:</b> {Question}</div>
  1273. <div class="ans">{Answer}</div>
  1274. {/block:answer}
  1275.  
  1276. <!--audio-->
  1277. {block:Audio}
  1278. <div id="audio">
  1279. <div id="albumart">
  1280. {block:AlbumArt}<img src="{AlbumArtURL}" width="50" height="50">{/block:AlbumArt}</div>
  1281. <div id="audiotext">
  1282. <span style="text-transform:uppercase;font-size:9px;font-weight:500;letter-spacing:1px;">{block:TrackName}{TrackName}{/block:TrackName}</br></span>
  1283. {block:Artist}<b>ARTIST: </b>{Artist}<br>{/block:Artist}
  1284. {block:Album}<b>ALBUM: </b> {Album}</br>{/block:Album}
  1285. <b>PLAYED: </b> {PlayCount} TIMES<br></div>
  1286. <div id="playersymbol">{AudioPlayerBlack}</div></div>
  1287. {block:caption}{Caption}{/block:caption}
  1288. {/block:Audio}
  1289.  
  1290.  
  1291. <!--post info and tags-->
  1292.  
  1293.  
  1294.  
  1295. {block:Date}
  1296. <center><div id="postinfo"><a href="{Permalink}">{timeago}</a> {block:NoteCount} | <a href="{Permalink}">{NoteCountwithlabel}</a>{/block:NoteCount}{block:RebloggedFrom} |<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{/block:RebloggedFrom}
  1297. {block:ContentSource} | <a href="{SourceURL}" title="{SourceTitle}">source</a>{/block:ContentSource}
  1298. </center>
  1299.  
  1300. {/block:Date}
  1301. <div class="tags">
  1302. {block:HasTags}
  1303. {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}
  1304. {/block:HasTags}
  1305. </div>
  1306. </div>
  1307.  
  1308.  
  1309. <!--permalink notes page-->
  1310. <div class="note">
  1311. {block:PostNotes} {PostNotes}{/block:PostNotes}
  1312. </div>
  1313.  
  1314. {/block:Posts}
  1315.  
  1316. </div>
  1317. </div>
  1318.  
  1319.  
  1320. <!--sidebar-->
  1321. <div id="leftblock">
  1322. <div id="sidebarcontainer">
  1323. <div id="sidebar">
  1324.  
  1325. <!--sidebar image-->
  1326.  
  1327. <div class="desctitle">✖<a href="/"> {title}</a></div>
  1328.  
  1329. <div class="desc">
  1330. <center>{Description}</center>
  1331. </div>
  1332.  
  1333. <center><div class="sidebarimage">
  1334. <a href="/">
  1335. <img src="{image:sidebar image}">
  1336. </a>
  1337. </div></center>
  1338.  
  1339.  
  1340.  
  1341. </div>
  1342.  
  1343. <form action="/search" method="get" class="search">
  1344. <input type="text" name="q" value="{SearchQuery}" id="sf"/>
  1345. <input type="submit" value="Search" id="sb"/>
  1346. </form>
  1347.  
  1348. </div>
  1349.  
  1350.  
  1351. <!--topnav-->
  1352. <div class="nav">
  1353.  
  1354. <ul>
  1355.  
  1356. <a href="{text:link1 url}"><div class="list">✖</div> {text:link1}</a><br>
  1357. <a href="{text:link2 url}"><div class="list">✖</div> {text:link2}</a><br>
  1358. <a href="{text:link3 url}"><div class="list">✖</div> {text:link3}</a><br>
  1359. <a href="{text:link4 url}"><div class="list">✖</div> {text:link4}</a><br>
  1360. <a href="{text:link5 url}"><div class="list">✖</div> {text:link5}</a><br>
  1361. <a href="{text:link6 url}"><div class="list">✖</div> {text:link6}</a><br>
  1362. <br>
  1363. <!--pagination-->
  1364. {block:Pagination}
  1365. {block:PreviousPage}
  1366. <a href="{PreviousPage}"><div class="list">✖</div> BACK </a>
  1367. {/block:PreviousPage}
  1368. {block:NextPage}
  1369. <a href="{NextPage}"><div class="list">✖</div> NEXT </a>
  1370. {/block:NextPage}
  1371. {/block:Pagination}
  1372.  
  1373. </ul>
  1374.  
  1375. </div>
  1376. </div>
  1377.  
  1378.  
  1379. </body>
  1380.  
  1381.  
  1382.  
  1383. </html>
Advertisement
Add Comment
Please, Sign In to add comment