API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jan 26th, 2014
813
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 14.01 KB | None | 0 0
raw download clone embed print report
  1.    
  2.  
  3.     <html>
  4.         <head>
  5.             <title>{Title}</title>
  6.             <link rel="shortcut icon" href="{Favicon}">
  7.             <link rel="alternate" type="application/rss+xml" href="{RSS}">
  8.             {block:Description}
  9.                 <meta name="description" content="{MetaDescription}" />
  10.             {/block:Description}
  11.         </head>
  12.        
  13.         <style>
  14.        
  15.        
  16. /* --- CONTROLS THE FONT FOR THE PAGE IN GENERAL & BACKGROUND  --- */
  17.  
  18.     body {
  19.         background: none repeat scroll 0 0 #F7F7F7;
  20.         color: #333333;
  21.         background-color: #eeeeee;
  22.         font-family: Helvetica,Arial,Sans-serif;
  23.         font-size: 12px;
  24.         line-height: 140%;}
  25.        
  26.     #container {
  27.         width:740px;
  28.         margin: 0 auto;
  29.         margin-top: 40px;
  30.          }
  31.        
  32. /* ------------- TOP LINKS  ------------- */
  33.  
  34.  
  35.  #toplinks {
  36.         padding: 0px;
  37.         display: table;
  38.         text-align: center;
  39.         margin-bottom: 10px;
  40.         }
  41.  
  42.  #toplinks ul { list-style-type: none;
  43.         list-style-image: none;
  44.             margin: 0;
  45.     padding: 0;}
  46.        
  47. #toplinks li {
  48. display: table-cell;
  49.   width: 150px;
  50.   height: auto;
  51.   vertical-align: bottom;}
  52.  
  53. /* display: inline; margin: -1px
  54. */
  55.  
  56. #toplinks ul li a {display: block;
  57.   height: 20px;
  58.   padding: 4px 10px;
  59.   background-color: #cccccc;
  60.   color: #666666;
  61.     text-decoration:none;
  62.     padding: 11px 0px 6px 0px;
  63.         background-color: #ffffff;
  64.         font-size: 8px;
  65.         font-family: tahoma;
  66.         text-transform: uppercase;
  67.         letter-spacing: 2px;
  68.         border-top: 1px solid #eeeeee;
  69.         border-right: 1px solid #eeeeee;
  70.         border-bottom: 1px solid #eeeeee;}
  71.        
  72. #toplinks ul li a:hover {
  73.         background-color: #dadee0; }
  74.  
  75.  
  76. /* -------- CONTAINER THE THREE COLUMNS ARE IN & POSTS -----------
  77.  
  78. posts and entires i really don't know i got really lazy
  79. coding this i just want to get rid of it ok
  80.  
  81. ------------------------------------------------------------ */
  82.  
  83.     #posts {
  84.         }
  85.        
  86.     a {
  87.          color: #009AC0; }
  88.        
  89.     a:hover {
  90.         color: #00657D;
  91.     }
  92.    
  93.     .entries { margin-bottom:10px;
  94.     width: 500px;
  95.         float:right;
  96.         padding: 23px;
  97.         background-color: #ffffff;
  98.         border-radius:3px;
  99.         margin-top: 19px;}
  100.        
  101. /* ------------- POST TITLES  ------------- */
  102.    
  103.     h3 {
  104.         font-size: 17px;
  105.         font-family: courier new;
  106.         text-transform: uppercase;
  107.         font-weight: normal !important;
  108.         text-decoration: none !important;
  109.         color: #000000 !important;}
  110.    
  111.     h3 a {
  112.             font-size: 17px;
  113.         font-family: courier new;
  114.         text-transform: uppercase;
  115.         font-weight: normal !important;
  116.         text-decoration: none !important;
  117.         color: #000000 !important;}
  118.  
  119. /* ------------- TAGS SIDEBAR  ------------- */
  120.    
  121.     #tagsidebar {
  122.         width:160px;
  123.         float:left;
  124.         margin-top: 20px;
  125.         padding-top: 0px;
  126.         margin-right: ;
  127.         background-color: #ffffff;
  128.         border-radius: 3px;}
  129.        
  130.          
  131.     #tagsidebar ul {
  132.         width: 160px;
  133.         margin: 0;
  134.         padding: 0;
  135.         list-style-type: none;}
  136.    
  137.     #tagsidebar ul li {
  138.         width: 160px;
  139.         list-style-type: none;
  140.         border-bottom: 1px solid #eeeeee;
  141.         }
  142.        
  143.     #tagsidebar ul li a {
  144.         margin: 0;
  145.         padding: 4px;
  146.         width: 153px;
  147.         display: block;
  148.         text-decoration: none;
  149.         font-size: 8px;
  150.         font-family: tahoma;
  151.         text-transform: uppercase;
  152.         letter-spacing: 2px;
  153.         color: #666666;
  154.         text-align: center;
  155.         }
  156.        
  157.     #tagsidebar a:hover {
  158.         background-color: #dadee0;}  
  159.        
  160.        
  161. /* -------------- DATE THING  ------------- */
  162.  
  163.    
  164.     #date {
  165.         border-bottom: 1px solid #eeeeee;
  166.         margin-bottom:9px;
  167.         margin-top: -8px;
  168. }
  169.    
  170.     #date a {
  171.         font-family: tahoma;
  172.         font-size: 10px;
  173.         letter-spacing: 1px;
  174.         color: #777777 !important;
  175.         text-transform: uppercase;
  176.         text-decoration: none;}
  177.        
  178.        
  179.  
  180. /* -------------------- CAPTION  ------------------ */
  181.  
  182. .caption {}
  183.  
  184. .caption blockquote {
  185.     border-left: 1px solid #eeeeee;
  186.     padding-left: 10px;
  187. }
  188.  
  189. /* --------- GRAY BOX FOR TAGS UNDER POST  --------- */
  190.        
  191.        
  192.     .tags {
  193.         margin-top: 9px;
  194.         font-size: 11px;
  195.         padding-left: 0px; }
  196.  
  197.     .tags a {
  198.         text-decoration: none;
  199.         text-align: right;
  200.         font-size: 11px;
  201.         color: #888888;
  202.         line-height: 120%;
  203.         }
  204.  
  205.     .arrows {
  206.         color: #666666;
  207.     text-decoration:none;
  208.         font-size: 10px;
  209.         font-family: tahoma;
  210.         text-transform: uppercase;
  211.     }
  212.  
  213. /* --------- FOOTER  --------- */
  214.  
  215.     #footer {
  216.         clear: both;
  217.         text-align: right;
  218.         font-family: tahoma;
  219.         font-size: 10px;
  220.         letter-spacing: 1px;
  221.         color: #777777 !important;
  222.         text-transform: uppercase;
  223.         text-decoration: none;
  224.         padding-bottom: 12px;
  225.     }
  226.    
  227.         </style>
  228.        
  229.         <body>
  230.  
  231.             <div id="container">
  232.            
  233.             <div id="toplinks">    
  234.                 <ul>
  235.                     <li><a href="" style="width: 191px !important;
  236. border-left: 1px solid #eeeeee; font-weight: bold; letter-spacing: 2pt; font-color: #333333; border-top-left-radius:3px; border-bottom-left-radius:3px;">TOP TITLE</a></li>
  237.                     <li><a href="">LINK 1</a></li>
  238.                     <li><a href="">LINK 2</a></li>
  239.                     <li><a href="">LINK 3</a></li>
  240.                     <li><a href="">LINK 4</a></li>
  241.                     <li><a href="" style="border-top-right-radius:3px; border-bottom-right-radius:3px;">LINK 5</a></li>
  242.  
  243.                 </ul>
  244.             </div>
  245.            
  246.     <!----- SIDEBAR ----->
  247.     <div id="tagsidebar">
  248.     <center><img src="http://i41.tinypic.com/2evs27p.png" style="width: 100px; border-radius: 100px; margin: 23px 0px 20px 0px;"></center>
  249.  
  250. <center>{block:PreviousPage}<a href="{PreviousPage}" class="arrows">&#8672;</a> {/block:PreviousPage}
  251. {block:JumpPagination length="3"}
  252.             {block:CurrentPage}
  253.                   <span class="current_page" style="color: #666666;
  254.   text-decoration:none;
  255.        font-size: 10px;
  256.       font-family: tahoma;
  257.       text-transform: uppercase;">{PageNumber}</span>
  258.             {/block:CurrentPage}
  259.  
  260.             {block:JumpPage}
  261.                   <a class="jump_page" href="{URL}" style="color: #666666;
  262.   text-decoration:none;
  263.        font-size: 10px;
  264.       font-family: tahoma;
  265.       text-transform: uppercase;">{PageNumber}</a>
  266.             {/block:JumpPage}
  267.       {/block:JumpPagination}
  268.  
  269. {block:NextPage}<a href="{NextPage}" class="arrows"> &#8674;</a>{/block:NextPage}</center>
  270.      
  271. <p></p>    
  272.  
  273.     <ul><li><a href="" style="background-color:#cccccc">HEADER 1</a></li>
  274.             <li><a href="">LINK 1</a></li>
  275.             <li><a href="">LINK 2</a></li>
  276.             <li><a href="">LINK 3</a></li>
  277.             <li><a href="" style="background-color:#cccccc">HEADER 2</a></li>
  278.             <li><a href="">LINK 1</a></li>
  279.             <li><a href="">LINK 2</a></li>
  280.             <li><a href="">LINK 3</a></li>
  281.             <li><a href="" style="background-color:#cccccc">HEADER 3</a></li>
  282.             <li><a href="">LINK 1</a></li>
  283.             <li><a href="">LINK 2</a></li>
  284.             <li><a href="">LINK 3</a></li>
  285.             <li><a href="" style="border-bottom-right-radius: 3px; border-bottom-left-radius: 3px;">LINK 4</a></li></ul>
  286.  
  287.             </div>
  288.  
  289.            
  290.     <!----- ENTRIES ----->
  291.      
  292.             <div id="posts">
  293.                 {block:Posts}
  294.                 <div class="entries">
  295.                
  296.                    <div id="date">{block:Date}
  297.                    <a href="{Permalink}">{TimeAgo}</a>
  298.                    {/block:Date}</div>
  299.                    
  300.                     {block:Text}
  301.                         <div class="post_text">
  302.                             {block:Title}
  303.                                 <h3><a href="{Permalink}">{Title}</a></h3>
  304.                             {/block:Title}
  305.      
  306.                             {Body}
  307.                         </div>
  308.                     {/block:Text}
  309.      
  310.                     {block:Photo}
  311.                         <div class="post_photo">
  312.                             <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  313.      
  314.                             {block:Caption}
  315.                                 <div class="caption">{Caption}</div>
  316.                             {/block:Caption}
  317.                         </div>
  318.                     {/block:Photo}
  319.      
  320.                     {block:Photoset}
  321.                         <div class="post_photoset">
  322.                             {Photoset-500}
  323.      
  324.                             {block:Caption}
  325.                                 <div class="caption">{Caption}</div>
  326.                                
  327.                             {/block:Caption}
  328.                             {block:ContentSource}
  329. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  330. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  331. {/block:SourceLogo}
  332. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  333. {/block:ContentSource}
  334.                         </div>
  335.                     {/block:Photoset}
  336.      
  337.                     {block:Quote}
  338.                         <div class="post_quote">
  339.                             "{Quote}"
  340.      
  341.                             {block:Source}
  342.                                 <div class="source">{Source}</div>
  343.                             {/block:Source}
  344.                         </div>
  345.                     {/block:Quote}
  346.      
  347.                     {block:Link}
  348.                         <div class="post_link">
  349.                             <a href="{URL}" class="link" {Target}>{Name}</a>
  350.      
  351.                             {block:Description}
  352.                                 <div class="description">{Description}</div>
  353.                             {/block:Description}
  354.                         </div>
  355.                     {/block:Link}
  356.      
  357.                     {block:Chat}
  358.                         <div class="post_chat">
  359.                             {block:Title}
  360.                                 <h3><a href="{Permalink}">{Title}</a></h3>
  361.                             {/block:Title}
  362.      
  363.                             <ul class="chat">
  364.                                 {block:Lines}
  365.                                     <li class="{Alt} user_{UserNumber}">
  366.                                         {block:Label}
  367.                                             <span class="label">{Label}</span>
  368.                                         {/block:Label}
  369.      
  370.                                         {Line}
  371.                                     </li>
  372.                                 {/block:Lines}
  373.                             </ul>
  374.                         </div>
  375.                     {/block:Chat}
  376.      
  377.                     {block:Video}
  378.                         <div class="post_video">
  379.                             {Video-500}
  380.      
  381.                         </div>
  382.                     {/block:Video}
  383.      
  384.                     {block:Audio}
  385.                         <div class="post_audio">
  386.                             {AudioPlayerBlack}
  387.      
  388.                             {block:Caption}
  389.                                 <div class="caption">{Caption}</div>
  390.                             {/block:Caption}
  391.                         </div>
  392.                     {/block:Audio}
  393.                    
  394.                     {block:Answer}
  395.                         <div class="post_answer">
  396.                        
  397.     <div class="question" style="background:#eeeeee;border-radius:3px; padding: 10px">
  398.     <table width="100%;"><tr><td valign="top" style="padding-right: 9px;"><img style="border-radius: 3px;" src="{AskerPortraitURL-48}"></td>
  399.         <td style="font-family: tahoma, font-size: 10px !important;
  400.       color: #333333;
  401.       line-height: 120%;" valign="center"><b>{Asker}</b>: {Question}</td></tr></table>
  402.     </div>
  403.                            
  404.                            
  405.                             <div class="answer">{Answer}</div>
  406.                         </div>
  407.                     {/block:Answer}
  408.                    
  409.     <!----- DATE/NOTES/TAGS ----->                
  410.                    
  411.        
  412.                    
  413.                      <div class="tags">
  414.                      
  415.                       <table  width="500px" cellspacing="0" cellpadding="0">
  416.  
  417. <tr>
  418.     <td width="50%" style="border-top: 1px solid #efefef; padding-top: 5px;">{block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a> {/block:NoteCount}</td>
  419.     <td width="50%" style="border-top: 1px solid #efefef; text-align: right;"> <a href="{ReblogParentURL}">{ReblogParentName}</a> <a href="{ReblogRootURL}" title="{ReblogRootName}" style="padding-left: 4px;">source</a>
  420.    
  421.     </td></tr>
  422.     <tr><td height="3px; colspan="2"></td></tr>
  423.      
  424. <tr><td colspan="2">{block:HasTags}
  425.           <span style="text-size: 7px; line-height: 100%; text-transform: uppercase;">{block:Tags} <a href="{Permalink}">#{Tag}&nbsp;&nbsp;</a> {/block:Tags}{/block:HasTags}</span></td></tr>
  426.   </table>                                  
  427.                
  428.  
  429. </div> {block:PostNotes}
  430. <p></p>
  431. <div id="notecontainer" style="font-size: 11px; margin-top: 0px;">{PostNotes}</div>
  432. {/block:PostNotes}  </div>
  433.                  
  434.               {/block:Posts}
  435.            
  436.          
  437.  
  438.   <!----- FOOTER ----->
  439.  
  440.     <div id="footer">
  441.               {block:PreviousPage}
  442.                   <a href="{PreviousPage}">&#171; </a>
  443.               {/block:PreviousPage}
  444.  
  445.               {block:NextPage}
  446.                   <a href="{NextPage}">Next &#187;</a>
  447.               {/block:NextPage}
  448.  
  449.           </div>
  450.                    
  451.       </body>
  452.   </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!