API tools faq
paste
Advertisement
paulmccarts

theme #1 by paulmccarts

paulmccarts
Jul 25th, 2014
185
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 14.70 KB | None | 0 0
raw download clone embed print report
  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">
  3. <!-- THEME #1 by paulmccarts -->
  4. <!--please do not remove credits-->
  5. <!--base code by hello little red org-->
  6. <head>
  7. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  8. <title>{title}</title>
  9. <link rel="shortcut icon" href="{Favicon}">
  10. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  11. {block:Description}
  12.     <meta name="description" content="{MetaDescription}" />
  13. {/block:Description}
  14.     <meta name="color:menu color" content="#333333"/>
  15.     <meta name="color:description color" content="7d7d7d"/>
  16.     <meta name="color:link color" content="#fbcb67" />
  17.     <meta name="color:first color" content="#333333" />
  18.     <meta name="color:second color" content="#f8f8f8" />
  19.     <meta name="color:third color" content="#ffffff" />
  20.     <meta name="color:fourth color" content="#7d7d7d" />
  21.  
  22.    
  23.     <meta name="image:background" content="" />
  24.     <meta name="image:header" content=""/>
  25.    
  26.     <meta name="if:FadingImages" content="0"/>
  27.    
  28.     <meta name="text:Link1URL" content=""/>
  29.     <meta name="text:Link2URL" content=""/>
  30.     <meta name="text:Link3URL" content=""/>
  31.     <meta name="text:Link4URL" content=""/>
  32.     <meta name="text:Link9URL" content=""/>
  33.     <meta name="text:Link1" content=""/>
  34.     <meta name="text:Link2" content=""/>
  35.     <meta name="text:Link3" content=""/>
  36.     <meta name="text:Link4" content=""/>
  37.    
  38. </head>
  39. <style>
  40. body {
  41.         background:url({image:background}) {color:second color};
  42.         padding:0px;
  43.         margin:0px;
  44.         font-family: 'Helvetica';
  45.         color:{color:first color};
  46.         font-size:11px;
  47. }
  48.  
  49. a {
  50.         color:{color:link color};
  51.         text-decoration:none;
  52.         -webkit-transition: all 0.5s ease-in-out;
  53.         -moz-transition: all 0.5s ease-in-out;
  54.         -o-transition: all 0.5s ease-in-out;
  55.         transition: all 0.5s ease-in-out;
  56. }
  57.  
  58. a:hover {
  59.     color:{color:fourth color};
  60. }
  61.  
  62. blockquote {
  63.         border-left:5px solid {color:first color};
  64.         padding-left:5px;
  65. }
  66.        
  67. header {
  68.         background:white;
  69.         display:block;
  70.         text-align:center;
  71.         width: 520px;
  72.         margin: auto;
  73. }
  74.  
  75. img {
  76.     display:block;
  77.     margin:0px;
  78.     max-width:100%;
  79. }
  80.  
  81. /* main menu styling */
  82.  
  83. /* menu container */
  84. menu {
  85.         background:{color:menu color};
  86.         padding:5px;
  87.         text-align:center;
  88.         color:{color:third color};
  89.         margin:auto;
  90.         font-size:12px;
  91.         font-weight:lighter;
  92.         font-family: 'Helvetica';
  93.         text-transform: uppercase;
  94.         width: 510px;
  95. }
  96.  
  97. /* menu links */
  98. menu a {
  99.         color:{color:third color};
  100.         margin:5px;
  101.         -webkit-transition: all 0.5s ease-in-out;
  102.         -moz-transition: all 0.5s ease-in-out;
  103.         -o-transition: all 0.5s ease-in-out;
  104.         transition: all 0.5s ease-in-out;
  105. }
  106.  
  107. menu a:hover {
  108.         background:{color:third color};
  109.         color:{color:first color};
  110.         margin:0px;
  111.         padding:2px;
  112.         padding-left:10px;
  113.         padding-right:10px;
  114. }
  115.  
  116. /* blog's description style */
  117. .description {
  118.         padding:10px;
  119.         display:block;
  120.         position: relative;
  121.         top: 5px;
  122.         text-align:center;
  123.         text-transform: uppercase;
  124.         border: 1px solid black;
  125.         color:{color:description color};
  126.         font-size:11px;
  127.         width: 500px;
  128.         margin: auto;
  129.         margin-bottom:25px;
  130. }
  131.  
  132. description a {
  133.     text-decoration: underline;
  134. }
  135.  
  136. /* posts container */
  137.  
  138. #content {
  139.         margin-top:15px;
  140.         margin-left:auto;
  141.         margin-right:auto;
  142.         width:650px;
  143.         margin-bottom: 20px;
  144. }
  145.  
  146. /* posts style */
  147. .post {
  148.        
  149.         padding:25px;
  150.         width:500px;
  151.         display:block;
  152.         background:{color:third color};
  153.         display:inline-block;
  154.         border: 1px solid black;
  155.         margin-left: 10px;
  156.         margin-bottom: 10px;
  157. }
  158.  
  159. /* post title */
  160. h2 {
  161.     font-size:20px;
  162.     font-weight:700;
  163.     margin:0px 0px 10px 0px;
  164.     color:{color:first color};
  165.     text-transform: uppercase;
  166.     text-align: center;
  167.     te
  168. }
  169.  
  170. a. h2 {
  171.     color:{color:first color};
  172. }
  173.  
  174. /* posts info style */
  175.  
  176. .information {
  177.         color:{color:first color};
  178.         width:110px;
  179.         text-align:center;
  180.         border: 1px solid black;
  181.         padding: 5px;
  182.         position: relative;
  183.         bottom: 2px;
  184. }
  185.  
  186. /* posts info's links */
  187.  
  188. .information a {
  189.         color:{color:first color};
  190.          -webkit-transition: all 0.5s ease-in-out;
  191.     -moz-transition: all 0.5s ease-in-out;
  192.     -o-transition: all 0.5s ease-in-out;
  193.         transition: all 0.5s ease-in-out;
  194. }
  195.  
  196. .information a:hover {
  197.     color: {color:link color};
  198.      -webkit-transition: all 0.5s ease-in-out;
  199.     -moz-transition: all 0.5s ease-in-out;
  200.     -o-transition: all 0.5s ease-in-out;
  201.         transition: all 0.5s ease-in-out;
  202. }
  203.  
  204. /* note count */
  205.  
  206. .notec {
  207.     text-align:center;
  208.     margin-top:10px;
  209.     margin-bottom: 5px;
  210.     display:block;
  211. }
  212.  
  213. /*fading images */
  214. {block:ifFadingImages}
  215. #content img, .html_photoset {
  216.     opacity:.7;
  217.     -webkit-transition: all 0.5s ease-in-out;
  218.     -moz-transition: all 0.5s ease-in-out;
  219.     -o-transition: all 0.5s ease-in-out;
  220.         transition: all 0.5s ease-in-out;
  221. }
  222.  
  223. #content img:hover, .html_photoset:hover {
  224.     opacity:1;
  225.    
  226. }
  227. {/block:ifFadingImages}
  228.  
  229. /* date and month style */
  230.  
  231. .date {
  232.         font-size:20px;
  233.         font-weight:700;
  234.         display:block;
  235. }
  236.  
  237. .timeago {
  238.         display:block;
  239.         text-transform:uppercase;
  240.         font-size:11px;
  241.         font-weight:lighter;
  242.         margin-top:10px;
  243. }
  244.  
  245. /* reblog and like button positioning */
  246.  
  247. .reblog {
  248.     display:inline-block;
  249.     margin:5px;
  250.     margin-top:20px;
  251.     text-transform: uppercase;
  252.     font-weight: lighter;
  253. }
  254.  
  255. /* quote posts style */
  256.  
  257. .quote {
  258.     font-size:20px;
  259. }
  260.  
  261. /* ask posts style */
  262.  
  263. .ask {
  264.     padding:5px;
  265.     background:{color:sixt color};
  266. }
  267.  
  268. .askerimg {
  269.     position: relative;
  270.     top: 5px;
  271.     left: 188px;
  272.     border: 1px solid black;
  273.     padding: 5px;
  274.     margin-right: 5px;
  275.     margin-bottom: 20px;
  276. }
  277.  
  278. .question {
  279.     padding-top:5px;
  280.     padding-left:3px;
  281.     text-align: left;
  282. }
  283.  
  284. #question {
  285.     text-align: center;
  286.     font-size: 14px;
  287.     position: relative;
  288.     bottom: 20px;
  289. }
  290.  
  291. .answer {
  292.     border: 1px solid black;
  293.     padding: 5px;
  294. }
  295. /* chat posts style */
  296. .chat ul {
  297.     display:block;
  298.     list-style:none;
  299.     margin-left:-40px;
  300. }
  301.  
  302. /* chat lines style */
  303. .chat li {
  304.     padding:3px;
  305.     display:block;
  306. }
  307.  
  308. /* odd lines style */
  309. .chat .odd {
  310.     background:{color:third color};
  311. }
  312.  
  313. /* even lines style */
  314. .chat .even {
  315.     background:{color:second color};
  316. }
  317.  
  318. .albumart {
  319.     background: white;
  320.     padding: 2px;
  321.     margin-right: 10px;
  322.     border: 1px solid black;
  323. }
  324.  
  325. .audioplay {
  326.     margin-bottom: 5px;
  327. }
  328.  
  329.  
  330.  
  331. /* posts's tags style */
  332. #tags {
  333.         margin-bottom:20px;
  334.         margin-top:5px;
  335.         padding:5px;
  336.         background:#f2f2f2;
  337.         font-size:10px;
  338.         width: 100%;
  339.         padding: 2px;
  340.        
  341. }
  342.  
  343. #tags a {
  344.     color:{color:first color};
  345. }
  346.  
  347. #content table tr td {
  348.         vertical-align:top;
  349. }
  350.  
  351. /* pagination styles */
  352.  
  353. #pagination {
  354.         text-align:center;
  355.         margin:20px;
  356. }
  357.  
  358. /* current page number */
  359.  
  360. #pagination span {
  361.         background:{color:third color};
  362.         color:{color:first color};
  363.         padding:5px;
  364.         width:15px;
  365.         height:15px;
  366.         display:inline-block;
  367.         margin-left:2px;
  368. }
  369.  
  370. /* other page numbers styles */
  371.  
  372. #pagination a {
  373.         background:{color:first color};
  374.         color:{color:third color};
  375.         padding:5px;
  376.         width:15px;
  377.         height:15px;
  378.         display:inline-block;
  379.         margin-left:2px;
  380. }
  381.  
  382. </style>
  383. <body>
  384.  
  385. <!-- header -->
  386. <header>
  387.         <center>
  388.                 <!-- header image -->
  389.             <img src="{image:header}" />
  390.         </center>
  391. </header>
  392.  
  393. <!-- main menu -->
  394. <menu>
  395.     <a href="/">index</a>
  396.     <a href="/ask">message</a>
  397.     <a href="/archive">archive</a>
  398.     {block:iflink1}<a href="{text:Link1URL}">{text:Link1}</a>{/block:iflink1}
  399.         {block:iflink2}<a href="{text:Link2URL}">{text:Link2}</a>{/block:iflink2}
  400.         {block:iflink3}<a href="{text:Link3URL}">{text:Link3}</a>{/block:iflink3}
  401.         {block:iflink4}<a href="{text:Link4URL}">{text:Link4}</a>{/block:iflink4}
  402.         <a href="http://johnslennon.co.vu">©</a>
  403. </menu>
  404.  
  405. <!-- content container -->
  406. <div id="content">
  407.        
  408.         <!-- blog's description -->
  409.         {block:description}
  410.         <div class="description">
  411.                 {description}
  412.         </div>
  413.         {/block:description}
  414.        
  415.         <!-- posts start -->
  416.         {block:posts}
  417.         <table>
  418.                 <tr>
  419.                
  420.                         <!-- posts information -->
  421.                        
  422.                         <td class="information">
  423.                                 <!-- posts's date -->
  424.                                 {block:Date}
  425.                                     <span class="timeago">{TimeAgo}</span>
  426.                                 {/block:Date}
  427.                                 <!-- notes count -->
  428.                                 {block:NoteCount}<a class="notec" href="{PostNotesURL}">{NoteCountWithLabel}</a>{/block:NoteCount}
  429. {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}
  430. </div>
  431.                                 <!-- reblog and like button -->
  432.                                 <div class="reblog"><a href="{ReblogURL}" target="_blank">reblog</a></div>
  433.                                 </center>
  434.                         </td>
  435.                         <td class="post">
  436.                        
  437.                         <!-- text post -->
  438.             {block:Text}
  439.                                 {block:Title}
  440.                                         <a href="{Permalink}">
  441.                                           <h2>{Title}</h2>
  442.                                         </a>
  443.                                 {/block:Title}
  444.                                 {Body}
  445.                         {/block:Text}
  446.                        
  447.                         <!-- quote post -->
  448.                         {block:Quote}
  449.                                 <div class="quote">
  450.                                   “{Quote}”  — <b><i>{Source}</i></b>
  451.                                 </div>
  452.                         {/block:Quote}
  453.    
  454.              <!-- link post -->
  455.                         {block:Link}
  456.                                 <a href="{URL}">
  457.                                   <h2>{Name} »</h2>
  458.                                 </a>
  459.                                 {block:Description}{Description}{/block:Description}
  460.                         {/block:Link}
  461.                        
  462.                         <!-- photo post -->
  463.                         {block:Photo}
  464.                                 <center>
  465.                                   <a href="{PhotoURL-HighRes}"><img src="{PhotoURL-500}"/></a>
  466.                                 </center>
  467.                                 {block:Caption}{Caption}{/block:Caption}
  468.                         {/block:Photo}
  469.    
  470.             <!-- photoset post -->
  471.                         {block:Photoset}
  472.                                 <center>
  473.                                   {Photoset-500}
  474.                                 </center>
  475.                                 {block:Caption}{Caption}{/block:Caption}
  476.                         {/block:Photoset}
  477.                        
  478.                         <!-- chat post -->
  479.                         {block:Chat}
  480.                                 <div class="chat">
  481.                                   <ul>
  482.                                         {block:Lines}
  483.                                         <li class="{Alt}">
  484.                                           {block:Label}<b>{Label}</b>{/block:Label}
  485.                                           {Line}
  486.                                         </li>
  487.                                         {/block:Lines}
  488.                                   </ul>
  489.                                 </div>
  490.                         {/block:Chat}
  491.                        
  492.             <!-- video post -->
  493.                         {block:Video}
  494.                                 {Video-500}
  495.                                 {block:Caption}{Caption}{/block:Caption}
  496.                         {/block:Video}
  497.                        
  498.                         <!-- audio post -->
  499.                         {block:Audio}
  500.                                 {block:AlbumArt}
  501.                                         <img src="{AlbumArtURL}" width="60" align="left" class="albumart" >
  502.                                 {/block:AlbumArt}
  503.                                 </div>
  504.                                 <div class="audioplay">{AudioPlayerWhite}</div>
  505.                                 {block:Artist}<b>Artist:</b> {Artist}<br>{/block:Artist}
  506.                                 {block:TrackName}<b>Title:</b> {TrackName}{/block:TrackName}
  507.                                 {block:Caption}<div class="albumcaption">{Caption}</div>{/block:Caption}
  508.                         {/block:Audio}
  509.                        
  510.                         <!-- ask post -->
  511.                         {block:Answer}
  512.                                 <div class="ask">
  513.                                         <div class="question"><b><img src="{AskerPortraitURL-64}" class="askerimg"><br><center><div id="question">{Asker} asked:</b> {question}</br></div>
  514.                                         </center></div>
  515.                                 </div>
  516.                                 <div class="answer">{Answer}</div>
  517.                         {/block:Answer}
  518.                        
  519.                        
  520.         </td>
  521.     </tr>
  522. </table>
  523.  
  524. {block:PostNotes}{PostNotes}{/block:PostNotes}
  525.  
  526. {/block:posts}
  527.         <!-- end posts -->
  528.        
  529.         <!-- pagination -->
  530.         {block:Pagination}
  531.           <div id="pagination">
  532.                 {block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
  533.                 {block:JumpPagination length="6"}
  534.                 {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  535.                 {block:JumpPage}<a href="{URL}">{PageNumber}</a> {/block:JumpPage}
  536.                 {/block:JumpPagination}
  537.                 {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
  538.           </div>
  539.         {/block:Pagination}
  540.  
  541. </div>
  542. </body>
  543. </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!