API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jan 26th, 2014
1,538
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 14.08 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. /* -------- POSTS AND ENTRIES MAYBE -----------
  77.  
  78. IDEFK BY THIS POINT I JUST WANT TO BE DONE WITH THIS. MAY THE
  79. ODDS BE EVER IN YOUR FAVOR IF YOU'RE EDITING THIS.
  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 THINGY  ------------- */
  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. /* -------------------- CAPTION  ------------------ */
  180.  
  181. .caption {}
  182.  
  183. .caption blockquote {
  184.     border-left: 1px solid #eeeeee;
  185.     padding-left: 10px;
  186. }
  187.  
  188. /* --------- TAGS!!  --------- */
  189.        
  190.        
  191.     .tags {
  192.         margin-top: 9px;
  193.         font-size: 11px;
  194.         padding-left: 0px; }
  195.  
  196.     .tags a {
  197.         text-decoration: none;
  198.         text-align: right;
  199.         font-size: 11px;
  200.         color: #888888;
  201.         line-height: 120%;
  202.         }
  203.  
  204.     .arrows {
  205.         color: #666666;
  206.     text-decoration:none;
  207.     font-size: 10px;
  208.         font-family: tahoma;
  209.         text-transform: uppercase;
  210.     }
  211.  
  212. /* --------- FOOTER  --------- */
  213.  
  214.     #footer {
  215.         clear: both;
  216.         text-align: right;
  217.         font-family: tahoma;
  218.         font-size: 10px;
  219.         letter-spacing: 1px;
  220.         color: #777777 !important;
  221.         text-transform: uppercase;
  222.         text-decoration: none;
  223.         padding-bottom: 12px;
  224.     }
  225.    
  226.         </style>
  227.        
  228.         <body>
  229.  
  230.             <div id="container">
  231.            
  232.             <div id="toplinks">    
  233.                 <ul>
  234.                     <li><a href="" style="width: 191px !important;
  235. 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>
  236.                     <li><a href="">LINK 1</a></li>
  237.                     <li><a href="">LINK 2</a></li>
  238.                     <li><a href="">LINK 3</a></li>
  239.                     <li><a href="">LINK 4</a></li>
  240.                     <li><a href="" style="border-top-right-radius:3px; border-bottom-right-radius:3px;">LINK 5</a></li>
  241.  
  242.                 </ul>
  243.             </div>
  244.            
  245.     <!----- SIDEBAR ----->
  246.     <div id="tagsidebar">
  247.     <center><img src="http://i41.tinypic.com/2evs27p.png" style="width: 100px; border-radius: 100px; margin: 23px 0px 20px 0px;"></center>
  248.  
  249. <center>{block:PreviousPage}<a href="{PreviousPage}" class="arrows">&#8672;</a> {/block:PreviousPage}
  250. {block:JumpPagination length="3"}
  251.             {block:CurrentPage}
  252.                   <span class="current_page" style="color: #666666;
  253.    text-decoration:none;
  254.     font-size: 10px;
  255.        font-family: tahoma;
  256.        text-transform: uppercase;">{PageNumber}</span>
  257.             {/block:CurrentPage}
  258.  
  259.             {block:JumpPage}
  260.                   <a class="jump_page" href="{URL}" style="color: #666666;
  261.    text-decoration:none;
  262.     font-size: 10px;
  263.        font-family: tahoma;
  264.        text-transform: uppercase;">{PageNumber}</a>
  265.             {/block:JumpPage}
  266.       {/block:JumpPagination}
  267.  
  268. {block:NextPage}<a href="{NextPage}" class="arrows"> &#8674;</a>{/block:NextPage}</center>
  269.      
  270. <p></p>    
  271.  
  272.     <ul><li><a href="" style="background-color:#cccccc">HEADER 1</a></li></ul>
  273.             <div style="padding: 3px 7px 3px 7px"><span style="font-size: 10px; font-family: tahoma; color: #444444;">This is some text that will be the description. That's right. Right here. Description. All the description. DESCRIPTION.</span></div>
  274.            <ul>
  275.            <li><a href="" style="background-color:#cccccc">HEADER 2</a></li>
  276.            <li><a href="">LINK 1</a></li>
  277.            <li><a href="">LINK 2</a></li>
  278.            <li><a href="">LINK 3</a></li>
  279.            <li><a href="" style="background-color:#cccccc">HEADER 3</a></li>
  280.            <li><a href="">LINK 1</a></li>
  281.            <li><a href="">LINK 2</a></li>
  282.            <li><a href="">LINK 3</a></li>
  283.            <li><a href="" style="border-bottom-right-radius: 3px; border-bottom-left-radius: 3px;">LINK 4</a></li></ul>
  284.  
  285.            </div>
  286.  
  287.            
  288.    <!----- ENTRIES ----->
  289.    
  290.            <div id="posts">
  291.                {block:Posts}
  292.                <div class="entries">
  293.              
  294.                   <div id="date">{block:Date}
  295.                   <a href="{Permalink}">{TimeAgo}</a>
  296.                   {/block:Date}</div>
  297.                  
  298.                    {block:Text}
  299.                        <div class="post_text">
  300.                            {block:Title}
  301.                                <h3><a href="{Permalink}">{Title}</a></h3>
  302.                            {/block:Title}
  303.    
  304.                            {Body}
  305.                        </div>
  306.                    {/block:Text}
  307.    
  308.                    {block:Photo}
  309.                        <div class="post_photo">
  310.                            <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  311.    
  312.                            {block:Caption}
  313.                                <div class="caption">{Caption}</div>
  314.                            {/block:Caption}
  315.                        </div>
  316.                    {/block:Photo}
  317.    
  318.                    {block:Photoset}
  319.                        <div class="post_photoset">
  320.                            {Photoset-500}
  321.    
  322.                            {block:Caption}
  323.                                <div class="caption">{Caption}</div>
  324.                                
  325.                            {/block:Caption}
  326.                            {block:ContentSource}
  327. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  328. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  329. {/block:SourceLogo}
  330. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  331. {/block:ContentSource}
  332.                        </div>
  333.                    {/block:Photoset}
  334.    
  335.                    {block:Quote}
  336.                        <div class="post_quote">
  337.                            "{Quote}"
  338.    
  339.                            {block:Source}
  340.                                <div class="source">{Source}</div>
  341.                            {/block:Source}
  342.                        </div>
  343.                    {/block:Quote}
  344.    
  345.                    {block:Link}
  346.                        <div class="post_link">
  347.                            <a href="{URL}" class="link" {Target}>{Name}</a>
  348.    
  349.                            {block:Description}
  350.                                <div class="description">{Description}</div>
  351.                            {/block:Description}
  352.                        </div>
  353.                    {/block:Link}
  354.    
  355.                    {block:Chat}
  356.                        <div class="post_chat">
  357.                            {block:Title}
  358.                                <h3><a href="{Permalink}">{Title}</a></h3>
  359.                            {/block:Title}
  360.    
  361.                            <ul class="chat">
  362.                                {block:Lines}
  363.                                    <li class="{Alt} user_{UserNumber}">
  364.                                        {block:Label}
  365.                                            <span class="label">{Label}</span>
  366.                                        {/block:Label}
  367.    
  368.                                        {Line}
  369.                                    </li>
  370.                                {/block:Lines}
  371.                            </ul>
  372.                        </div>
  373.                    {/block:Chat}
  374.    
  375.                    {block:Video}
  376.                        <div class="post_video">
  377.                            {Video-500}
  378.    
  379.                        </div>
  380.                    {/block:Video}
  381.    
  382.                    {block:Audio}
  383.                        <div class="post_audio">
  384.                            {AudioPlayerBlack}
  385.    
  386.                            {block:Caption}
  387.                                <div class="caption">{Caption}</div>
  388.                            {/block:Caption}
  389.                        </div>
  390.                    {/block:Audio}
  391.                  
  392.                    {block:Answer}
  393.                        <div class="post_answer">
  394.                        
  395.    <div class="question" style="background:#eeeeee;border-radius:3px; padding: 10px">
  396.    <table width="100%;"><tr><td valign="top" style="padding-right: 9px;"><img style="border-radius: 3px;" src="{AskerPortraitURL-48}"></td>
  397.        <td style="font-family: tahoma, font-size: 10px !important;
  398.        color: #333333;
  399.        line-height: 120%;" valign="center"><b>{Asker}</b>: {Question}</td></tr></table>
  400.    </div>
  401.                            
  402.                          
  403.                            <div class="answer">{Answer}</div>
  404.                        </div>
  405.                    {/block:Answer}
  406.                  
  407.    <!----- DATE/NOTES/TAGS ----->                
  408.                  
  409.      
  410.                  
  411.                     <div class="tags">
  412.                    
  413.                      <table  width="500px" cellspacing="0" cellpadding="0">
  414.  
  415. <tr>
  416.    <td width="50%" style="border-top: 1px solid #efefef; padding-top: 5px;">{block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a> {/block:NoteCount}</td>
  417.    <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>
  418.    
  419.    </td></tr>
  420.    <tr><td height="3px; colspan="2"></td></tr>
  421.        
  422. <tr><td colspan="2">{block:HasTags}
  423.            <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>
  424.    </table>                                  
  425.                  
  426.  
  427. </div> {block:PostNotes}
  428. <p></p>
  429. <div id="notecontainer" style="font-size: 11px; margin-top: 0px;">{PostNotes}</div>
  430. {/block:PostNotes}  </div>
  431.                    
  432.                {/block:Posts}
  433.              
  434.            
  435.    
  436.    <!----- FOOTER ----->
  437.    
  438.      <div id="footer">
  439.                {block:PreviousPage}
  440.                    <a href="{PreviousPage}">&#171; </a>
  441.                {/block:PreviousPage}
  442.    
  443.                {block:NextPage}
  444.                    <a href="{NextPage}">Next &#187;</a>
  445.                {/block:NextPage}
  446.    
  447.            </div>
  448.        </body>
  449.    </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!