API tools faq
paste
Advertisement
keihead

theme1

keihead
May 30th, 2014
250
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP 10.64 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML>
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head><title>MCBATESKI</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. <meta name="description" content="{MetaDescription}" />
  7.  
  8. <style type="text/css">
  9. @import url(http://fonts.googleapis.com/css?family=Six+Caps|Oswald:400,700,300|Open+Sans:400,800,700);
  10. @import url(http://x.mcbateski.com/fonts/style.css);
  11.  
  12. /*BASIC*/
  13. ::selection { BACKGROUND:transparent; COLOR: #d60e71; }
  14. ::-moz-selection { BACKGROUND: transparent; COLOR: #d60e71; }
  15. ::-webkit-selection { BACKGROUND: transparent; COLOR: #d60e71; }
  16.  
  17. html, * { PADDING: 0PX; MARGIN: 0PX; }
  18. body { FONT-FAMILY: ARIAL; FONT-SIZE: 11PX; COLOR: #FFF; FONT-WEIGHT: 100; }
  19. a { COLOR: #4a4232; TEXT-DECORATION: NONE; }
  20. UL, LI, OL { LIST-STYLE: NONE; }
  21.  
  22. /*NAVIGATION STYLES*/
  23. SPAN.LGCIR { BACKGROUND: #c6ef4b; DISPLAY: BLOCK; }
  24. SPAN.LGTXT { COLOR: #c6ef4b; }
  25.  
  26. SPAN.FCIR { BACKGROUND: #ef2e80; DISPLAY: BLOCK; }
  27. SPAN.FTXT { COLOR: #ef2e80; }
  28.  
  29. SPAN.TRKCIR { BACKGROUND: #54c07f; DISPLAY: BLOCK; }
  30. SPAN.TRKTXT { COLOR: #54c07f; }
  31.  
  32. /*MAIN*/
  33. #BODY {
  34.         WIDTH: 250px;
  35.     MARGIN: 20PX AUTO;
  36.     }
  37.  
  38. .POST {
  39.     BACKGROUND: #000;
  40.     WIDTH:250px;
  41.     POSITION: RELATIVE;
  42.    
  43.     MARGIN-BOTTOM: 50PX;
  44.     PADDING: 0 40px 40PX 40PX;
  45.         transition: all 0.4s ease-out;
  46.         -o-transition: all 0.4s ease-out;
  47.         -webkit-transition: all 0.4s ease-out;
  48.         -moz-transition: all 0.4s ease-out;
  49.         }
  50.  
  51. .DATE {
  52.     FONT-FAMILY: HELVETICA;
  53.     FONT-SIZE: 9PX;
  54.     LETTER-SPACING: 3PX;
  55.     PADDING: 20PX 0;
  56.     TEXT-ALIGN: CENTER;
  57.     TEXT-TRANSFORM: UPPERCASE;
  58.         transition: all 0.4s ease-out;
  59.         -o-transition: all 0.4s ease-out;
  60.         -webkit-transition: all 0.4s ease-out;
  61.         -moz-transition: all 0.4s ease-out;
  62.         }
  63.  
  64. .POST:HOVER .DATE { LETTER-SPACING: 6PX; }
  65. .icons { font-size: 30px; }
  66. #player {
  67. width:30px;
  68. height:30px;
  69. overflow:hidden;
  70. position:absolute;
  71. margin-top:45px;
  72. margin-bottom:45px;
  73. }
  74.  
  75. .TAGS {
  76.     POSITION: ABSOLUTE;
  77.         TOP: 0PX;
  78.         LEFT: 330PX;
  79.    
  80.     FONT-SIZE: 8PX;
  81.     MARGIN-LEFT: -100px;
  82.     OVERFLOW: hidden;
  83.     TEXT-TRANSFORM: UPPERCASE;
  84.     Z-INDEX: -99;
  85.         transition: all 0.4s ease-out;
  86.         -o-transition: all 0.4s ease-out;
  87.         -webkit-transition: all 0.4s ease-out;
  88.         -moz-transition: all 0.4s ease-out;
  89.         }
  90.        
  91. .TAGS A { COLOR: #000;}
  92.  
  93. .POST:hover .TAGS {
  94.     DISPLAY: BLOCK;
  95.     MARGIN-LEFT: 10px;
  96.         transition: all 0.4s ease-out;
  97.         -o-transition: all 0.4s ease-out;
  98.         -webkit-transition: all 0.4s ease-out;
  99.         -moz-transition: all 0.4s ease-out;
  100.         }
  101.  
  102. #MCBATESKI A {
  103.     COLOR: #FFF;
  104.     DISPLAY: BLOCK;
  105.     FONT-FAMILY: OSWALD;
  106.     FONT-SIZE: 60PX;
  107.     TEXT-ALIGN: CENTER;
  108.     TEXT-DECORATION: NONE;
  109.     }
  110.  
  111. #SIDEUNO {
  112.     BACKGROUND: #000;
  113.         WIDTH: 700PX;
  114.         HEIGHT: 100%;
  115.     POSITION: FIXED;
  116.         TOP: 0;
  117.         LEFT: 0;
  118.         }
  119.  
  120. #SIDEUNO-CON {
  121.     WIDTH: 242PX;
  122.     MARGIN: 60% AUTO;
  123.     }
  124.  
  125. .LINKWRAP {
  126.         WIDTH: 10PX;
  127.        
  128.     DISPLAY: BLOCK;
  129.  
  130.     MARGIN: 6PX AUTO;
  131.     OVERFLOW: HIDDEN;
  132.     }  
  133. #SIDEDOS {
  134.         WIDTH: 330PX;
  135.     POSITION: RELATIVE;
  136.         LEFT: 700PX;
  137.     }
  138.    
  139. .CIRCLE {
  140.     BACKGROUND: #FFF;
  141.         WIDTH: 15PX;
  142.         HEIGHT: 15PX;
  143.  
  144.     DISPLAY: BLOCK;
  145.     BORDER-RADIUS: 50%;
  146.     }
  147.  
  148. #LINKS {
  149.         WIDTH: 125PX;
  150.        
  151.     MARGIN: 0 AUTO;
  152.     }
  153.  
  154. #LINKS A {
  155.         WIDTH: 15PX;
  156.    
  157.     COLOR: #FFF;
  158.     FLOAT: LEFT;
  159.     HEIGHT: 20PX;
  160.     MARGIN-right: 10PX;
  161.     OVERFLOW: HIDDEN;
  162.     TEXT-ALIGN: CENTER;;
  163.     }
  164.  
  165. #LINKS A:HOVER {
  166.     HEIGHT: 200PX;
  167.         -webkit-transition: all 1s ease-in-out;
  168.         -moz-transition: all 1s ease-in-out;
  169.         -o-transition: all 1s ease-in-out;
  170.         -ms-transition: all 1s ease-in-out;
  171.     }
  172.  
  173. .CAPTION { BORDER-LEFT: 4PX SOLID #FFF; PADDING: 10PX; }
  174.  
  175. #PREV {
  176.     BACKGROUND: #ef2e80;
  177.         WIDTH: 100PX;
  178.         HEIGHT: 100PX; 
  179.     POSITION: ABSOLUTE;
  180.         TOP: 50PX;
  181.  
  182.     DISPLAY: BLOCK;
  183.     Z-INDEX: 99999;
  184.     }
  185.  
  186. .TAGS H1 { COLOR: #FFF; FONT-SIZE: 30PX; }
  187. .TBLOCK { BACKGROUND: #ef2e80; border-radius: 50%; PADDING: 20PX;}
  188. {CustomCSS}
  189. </style>
  190.  
  191.    
  192.  
  193. </head>
  194. <body>
  195.  
  196.  
  197.  <div class="PN">
  198. {block:Pagination}
  199. {block:PreviousPage}
  200. <a href="{PreviousPage}" ID="PREV">&raquo;</a>
  201. {/block:PreviousPage}
  202. {block:NextPage}
  203. <a href="{NextPage}" ID="NEXT">&laquo;</a>
  204. {/block:NextPage}
  205. {/block:Pagination}
  206. </div>
  207.  
  208.     <DIV ID="SIDEUNO">
  209.         <DIV ID="SIDEUNO-CON">
  210.             <DIV ID="MCBATESKI">
  211.                 <A HREF="/">MCBATESKI</A>
  212.             </DIV><!--#MCBATESKI-->
  213.            
  214.             <DIV ID="LINKS">
  215.                 <A HREF="/">
  216.                 <SPAN CLASS="LGCIR CIRCLE"></SPAN>
  217.                 <SPAN CLASS="LGTXT LINKWRAP">F<BR/>R<BR/>O<BR/>N<BR/>T</SPAN>
  218.                 </A>
  219.                
  220.                 <A HREF="/about">
  221.                     <SPAN CLASS="CIRCLE"></SPAN>
  222.                     <SPAN CLASS="LINKWRAP">A<BR/>B<BR/>O<BR/>U<BR/>T</SPAN>
  223.                 </A>
  224.                
  225.         <A HREF="/tags">
  226.             <SPAN CLASS="FCIR CIRCLE"></SPAN>
  227.             <SPAN CLASS="FTXT LINKWRAP">T<BR/>A<BR/>G<BR/>S</SPAN>
  228.         </A>
  229.                
  230.         <A HREF="/creations">
  231.             <SPAN CLASS="CIRCLE"></SPAN>
  232.             <SPAN CLASS="LINKWRAP">C<BR/>R<BR/>E<BR/>A<BR/>T<BR/>I<BR/>O<BR/>N<BR/>S</SPAN>
  233.         </A>
  234.        
  235.         <A HREF="/OTHER">
  236.             <SPAN CLASS="TRKCIR CIRCLE"></SPAN>
  237.             <SPAN CLASS="TRKTXT LINKWRAP">O<BR/>T<BR/>H<BR/>E<BR/>R<BR/><BR/>S<BR/>H<BR/>I<BR/>T</SPAN>
  238.         </A>
  239.                
  240.             </DIV><!--#LINKS-->
  241.        </DIV>
  242.     </DIV><!--#SIDEUNO-->
  243.  
  244.  
  245.  
  246.  
  247. <DIV ID="SIDEDOS">
  248.  
  249.     {block:Posts}
  250.    
  251. <DIV CLASS="POST">
  252.        
  253.     <DIV CLASS="POSTWRAP">
  254.    
  255.         {block:IndexPage}
  256.            <DIV CLASS="DATE">
  257.                 {DayOfWeek} - {ShortMonth} {DayOfMonth}{DayOfMonthSuffix}
  258.             </DIV>
  259.         {/block:IndexPage}
  260.      
  261.         {block:PermalinkPage}
  262.             <DIV CLASS="DATE">
  263.                 {DayOfWeek} - {ShortMonth} {DayOfMonth}{DayOfMonthSuffix}
  264.              </DIV>
  265.         {/block:PermalinkPage}
  266.  
  267.  
  268.         {block:Text}
  269.         <!---------------------- T E X T ---------------------->
  270.                
  271.                 {block:Title}
  272.                     <h3><a href="{Permalink}">{Title}</a></h3>
  273.                 {/block:Title}
  274.                
  275.                     <DIV CLASS="POSTCONTENT">
  276.                         {Body}
  277.                     </DIV>
  278.                
  279.         {/block:Text}
  280.        
  281.        
  282.                
  283.         {block:Photo}
  284.         <!---------------------- P H O T O ---------------------->
  285.      
  286.                 <DIV CLASS="POSTCONTENT">
  287.                     <img src="{PhotoURL-250}" alt="{PhotoAlt}"/>
  288.                 </DIV>
  289.                  
  290.         {/block:Photo}
  291.                
  292.                
  293.         {block:Panorama}
  294.         <!---------------------- P A N O R A M A ---------------------->
  295.      
  296.                 <DIV CLASS="POSTCONTENT">
  297.                     {LinkOpenTag}
  298.                         <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
  299.                     {LinkCloseTag}
  300.                 </DIV>
  301.                  
  302.         {/block:Panorama}
  303.        
  304.        
  305.        
  306.         {block:Photoset}
  307.         <!---------------------- P H O T O S E T ---------------------->
  308.        
  309.                
  310.                     <DIV CLASS="POSTCONTENT">
  311.                         {Photoset-250}
  312.                     </DIV>
  313.                    
  314.         {/block:Photoset}
  315.        
  316.        
  317.        
  318.  
  319.         {block:Quote}
  320.         <!---------------------- Q U O T E ---------------------->        
  321.          
  322.                     <SPAN CLASS="QMS">"</SPAN>{Quote} <SPAN CLASS="QMS">"</SPAN>
  323.                 {block:Source}
  324.                     <div class="source">{Source}</div>
  325.                 {/block:Source}
  326.          
  327.         {/block:Quote}
  328.        
  329.        
  330.        
  331.         {block:Link}
  332.         <!---------------------- L I N K ---------------------->
  333.            
  334.                
  335.                 <DIV CLASS="POSTCONTENT">
  336.                     <a href="{URL}" class="link" {Target}>{Name}</a>
  337.                 </DIV>
  338.                
  339.                 {block:Description}
  340.                     <div class="description">{Description}</div>
  341.                 {/block:Description}
  342.                  
  343.         {/block:Link}
  344.                
  345.                
  346.                
  347.         {block:Chat}
  348.         <!---------------------- C H A T ---------------------->
  349.              
  350.            
  351.                 {block:Title}
  352.                     <h3><a href="{Permalink}">{Title}</a></h3>
  353.                 {/block:Title}
  354.  
  355.                 <DIV CLASS="POSTCONTENT">
  356.                 <ul class="chat">
  357.                     {block:Lines}
  358.                         <li class="{Alt} user_{UserNumber}">
  359.                             {block:Label}
  360.                                 <span class="label">{Label}</span>
  361.                             {/block:Label}
  362.                            
  363.                             {Line}
  364.                         </li>
  365.                     {/block:Lines}
  366.                 </ul>
  367.                 </DIV>
  368.              
  369.         {/block:Chat}
  370.        
  371.        
  372.        
  373.         {block:Video}
  374.          <!---------------------- V I D E O ---------------------->
  375.            
  376.                     {Video-250}
  377.                      
  378.         {/block:Video}
  379.        
  380.        
  381.        
  382.  
  383.         <!---------------------- A U D I O ---------------------->
  384.         {block:Audio}
  385.             <div id= "audioplayer">{AudioPlayerWhite}</div>
  386.  
  387.             {block:AlbumArt}
  388.                 <img src="{AlbumArtURL}" width="100">
  389.             {/block:AlbumArt}
  390.         {/block:Audio}
  391.        
  392.        
  393.        
  394.         {block:Answer}
  395.         <!---------------------- A N S W E R ---------------------->
  396.  
  397.             <div class="question">
  398.                 <img src="{AskerPortraitURL-64}" class="asker_portrait"/>
  399.                     {Block:IfNotPost100pxwidth}
  400.                         <strong>{Asker}</strong><br>
  401.                     {/Block:IfNotPost100pxwidth}
  402.                    
  403.                     {Question}
  404.             </div>
  405.        
  406.             <div class="answer">
  407.                 <img src="{PortraitURL-40}" class="answer_portrait"/>
  408.                 {Answer}
  409.                 <div class="clear"></div>
  410.             </div>
  411.        
  412.              
  413.      
  414.         {/block:Answer}
  415.      
  416.      
  417. {block:IndexPage}
  418.  
  419. {block:Caption}
  420. <DIV CLASS="CAPTION">
  421.     {Caption}
  422. </DIV>
  423. {/block:Caption}
  424.   </DIV>
  425.    
  426. {block:HasTags}
  427.     <div class="TAGS">
  428.     <DIV CLASS="TBLOCK"><span class="icons mbs-tags"></span></DIV>
  429.    
  430.         {block:Tags}
  431.            <a href="{TagURL}"><BIG>#</BIG>{Tag}</a><BR/>
  432.        {/block:Tags}
  433.     </div>
  434. {/block:HasTags}
  435.    
  436. {/block:IndexPage}
  437.  
  438.  
  439.  
  440.  
  441. {block:PermalinkPage}
  442.  
  443. {block:Caption}
  444. <DIV CLASS="CAPTION">
  445.     {Caption}
  446. </DIV>
  447. {/block:Caption}
  448.   </DIV>
  449.    
  450. {block:HasTags}
  451.     <div class="TAGS">
  452.         {block:Tags}
  453.             <a href="{TagURL}">{Tag}</a> /
  454.         {/block:Tags}
  455.     </div>
  456. {/block:HasTags}
  457.  
  458. {/block:PermalinkPage}  
  459.  
  460. </DIV>
  461. {/block:Posts}
  462.  
  463. </DIV>
  464.  
  465. </body>
  466. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!