Simplybibtex 07022005 > SimplyBibTeX / Templates / Viewer.tpl

Questions? Need Help? Want to share? » PHP Forum
Script Name:
Simplybibtex 07022005

Download:
simplybibtex-07022005.zip

Category:
Blog

Archive Content:

SimplyBibTeX

SimplyBibTeX > Docs

SimplyBibTeX

SimplyBibTeX > Include

SimplyBibTeX > Templates

SimplyBibTeX > Templates > Images

SimplyBibTeX > Templates

Viewer.tpl:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
 <head>
  <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
  <link rel="alternate" type="application/rss+xml" title="RSS for <?=$title?>" href="<?=$rss2?>"/>
  <link rel="alternate" type="application/atom+xml" title="Atom for <?=$title?>" href="<?=$atom?>"/>

  <title><?=$title?></title>
  <script type="text/javascript">
   function changeClass(id, newclass) {
    document.getElementById(id).className = newclass;
   }
   function toggle(id) {
    if (document.getElementById(id).className == 'hidden') {
     document.getElementById(id).className = 'visible';
    } else {
     document.getElementById(id).className = 'hidden';
    }
     
   }
  </script>
  <style type="text/css">
   * {
    margin: 0;
    padding: 0;
   }
   body {
    font: normal 8pt "Lucida Grande", Arial, Helvetica, sans-serif;
    margin: 1em 0;
    padding: 0;
    text-align: center; 
   }
   h2 {
    font: bold 9pt "Lucida Grande", Arial, Helvetica, sans-serif;
   }
   h3 {
    font: bold 8pt "Lucida Grande", Arial, Helvetica, sans-serif;
   }
   a {
    color: black;
   }
    
   .hidden {
    display: none;
   }
   .visible {
    display: block;
   }
   .extended {
    background-color: #eff;
    padding: 0.5em;
    margin:0.2em;
    border: 1px #999 solid;
   }
   .item {    
    padding:0.5em;
    font: normal 8pt "Lucida Grande", Arial, Helvetica, sans-serif;
    color: black;
    border-bottom: 1px #ccc solid;
    border-top: 1px #fff solid;
   }
   .odd {
    background-color: #eee;
   }
   .even {
    background-color: #ddd;
   }
   .formitem {
    background-color: #666;
    color: white;
    font: normal 8pt "Lucida Grande", Arial, Helvetica, sans-serif;
    border:0;
   }
   #header {
    font: bold 12pt "Lucida Grande", Arial, Helvetica, sans-serif;
    color: white;
    padding: 1em;
    background-color: #e33;
    border-bottom: 1px solid #d33;
    border-top: 1px solid #f33;
    -moz-border-radius: 7px;

   }
   #content {        
    clear:both;
   }

   #container {
    backgound-color:#eee;
    width: 600px;
    margin: 0px auto;
    padding:1em;   
    text-align: left;
   }
   #footer {
    font: normal 8pt "Lucida Grande", Arial, Helvetica, sans-serif;
    color: white;
    padding: 0.5em;
    background-color: #999;
   }  
   #footer a {
    color: white;
   }
   #menu {
    width:100%;
    background-color: #666;
    font: normal 8pt "Lucida Grande", Arial, Helvetica, sans-serif;
    color: white;
    padding:0.75em;
    clear:both;
    border-bottom: 1px solid #333;
    border-top: 1px solid #999;
    cursor: pointer;
   }
   #menu a {
    font: normal 8pt "Lucida Grande", Arial, Helvetica, sans-serif;
    color: white;
   }
   #menu form {
    vertical-align: top;
    margin: 0;
   }
   #help {
    font: normal 8pt "Lucida Grande", Arial, Helvetica, sans-serif;
    color: #333;
    background-color: #ffc;
   }
   #additemform {
    background-color: #ccf;
    padding:1em;
   }

   #metaform {
    background-color: #cf9;
    padding:1em;
   }
   #searchform {
    background-color: #cf9;
    padding:1em;
   }
   #uploadform {
    background-color: #cff;
    padding:1em;
   }
   #filelist {
    border:0;
    display:inline;
    float:right;
   }
   .item_short {
    padding:0.3em;
   }
   
   .item_menu {
    font: bold 8pt "Lucida Grande", Arial, Helvetica, sans-serif;
    color: black;
    cursor: pointer;
    padding: 0.5em;
   } 
   
   .link {
    padding:0.5em;    
    text-decoration : none; 
   }
   
   .item_menu a:hover, .link:hover {
    background-color: #999;
    color: white;
   }
   .item_menu a {
    padding:0.5em;    
    text-decoration : none;    
   }
   .item_extended {
    background-color: #efe;
    color: black;
    border: 1px solid #999;
    padding:0.5em;
   }
   .comment {
    background-color: #eee;
    
   }
   .menu_item:hover {
    background-color: #999;
   }
   #menu a {
    text-decoration : none;
   }
  </style>
 </head>
 <body>
  <div id="container">
   <div id="header">
    SimplyBibTeX
   </div>
   <table id="menu">
    <tr>
     <td>
      <span class="menu_item" title="Add an item to this database" onclick="javascript:toggle('additemform');">Add</span> |
      <span class="menu_item" title="Click to search the database" onclick="javascript:toggle('searchform');">Find</span> |
      <span class="menu_item" title="Upload your BibTeX file" onclick="javascript:toggle('uploadform');">Upload</span> |
      <span class="menu_item" title="Learn more about SimplyBibTeX" onclick="javascript:toggle('help');">Help</span> |
      <a href="<?=$baselink?>?db=<?=$file?>" class="menu_item" title="Show all items in the database">Show All</span>
     </td>
     <td>
      <span style="background:#eee"><?=$form_select?></span>
     </td>
    </tr>
   </table>
   <div>
    <div id="additemform" class="hidden">
     <?=$form_additem?>
    </div>
    <div id="searchform" class="hidden">
     <?=$form_search?>
    </div>
    <div id="uploadform" class="hidden">
     <?=$form_upload?>
    </div>
    <div id="metaform" class="hidden">
     
    </div>
    <div id="help" class="hidden">
     <?=$sbx_help?>
    </div>
   </div>
   
   <div id="content">
    <?=$content?>
   </div>

   <div id="footer">
    SimplyBibTeX <?=$sbx_version?> &copy; Copyrights 2005, Hartmut Seichter | <a title="valid XHTML 1.0" href="http://validator.w3.org/check?uri=referer">XHTML</a> | <a title="valid Cascading Style Sheets" href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> | <a title="RSS 2.0 Feed" href="<?=$rss2?>">RSS</a> | <a title="Atom Feed" href="<?=$atom?>">Atom</a>
   </div>
  </div>
 </body>
</html>

Other Blog Scripts:

WebMaster Resources Home

©RingsWorld.com