Location: PHPKode > projects > SimplyBibTeX > 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>
Return current item: SimplyBibTeX