<?php
// vim: sw=4:ts=4
/**
* @version 00.04.09
* @package polaring
* @license This component in released under the GNU/GPL License
*
* File: view/css.php
* Role: Contains stylesheet information.
*
**/

class css {

  function normal() {
?>
td.headline>p {
	font-weight:600;
}
td.takram {
	border-top: 1px solid black;
}	
td.floorframe {
	border-bottom: 1px solid black;
}
.right {
	text-align: right;
}
td.kropp {
        vertical-align: top;
        /* width: 80%; */
}
tr.total {
	background-color: #eee;
}
tr.total>td>a.hover {
	background-color: #333;
}
table.dag>tbody>tr>*>p {
 margin: 0px 0px 0px 0px;
}
table.config {
 width: 75%;
}
table.huvudkontainer {
        width: 100%;
        /* padding-top: 25px; */
}
body {
	color:#333;
	background-color:white;
	margin:20px;
	padding:0px;
	font:11px verdana, arial, helvetica, sans-serif;
}
.center {
        text-align: center;
        }
td.center, table.center, tr.center, div.center {
        margin-left: auto;
        margin-right: auto;
        }
h1 {
	font-size: 32px;
	padding: 0px 0px 20px 0px;
	margin: 0px 0px 0px 0px;
}
h2 {
	font-size: 25px;
	padding: 0px 0px 20px 0px;
	margin: 0px 0px 0px 0px;
}
h3 {
  font-size: 18px;
}
h4 {
  font-size: 13px;
}
h1,h2,h3 {
	color:#ccc;
}
h1, h2, h3, h4 {
	font-family: arial, sans-serif;
}
p {
 font:11px/20px verdana, arial, helvetica, sans-serif;
 margin:0px 0px 16px 0px;
 padding:0px;
}
/* .kropp>p {margin:0px;} */
/* .kropp>p+p {text-indent:30px;} */
a {
 color:#09c;
 text-decoration:none;
}
a:link {color:#09c;}
a:visited {color:#07a;}
a:hover {background-color:#eee;}
.kropp {
 position:relative; 
 width:auto;
 min-width:120px;
 margin:0px 0px 0px 0px;
 background-color:white;
 padding:10px;
 z-index:3; 
}
<?
  } // end function normal


  function graf() {
?>
<style type="text/css">
   img.graf {
     border: 3px solid black;
   }
</style>
<?
  } // end function graf


  function menu() {
?>
td.navLeft {
 width: 150px;
}
td.navRight {
<?php
    // Different width for right column depending on active section
    switch ( $_GET['section'] ) {
      case 'dagbok':
	echo " width: 150px;\n";
	break;
      case 'polar':
	echo " width: 25px;\n";
	break;
    }
?>
}
#navLeft {
 margin-top: 75px;
 position:absolute;
 width:130px;
 top:60px;
 left:20px;
 border:1px dashed black;
 background-color:#eee;
 padding:10px;
 z-index:2;
 voice-family: "\"}\"";
 voice-family:inherit;
}
/* body>#navLeft {width:128px;} */
#navRight {
 margin-top: 75px;
 position:absolute;
 width:130px;
 top:60px;
 right:20px;
 border:1px dashed black;
 background-color:#eee;
 padding:10px;
 z-index:1;
 voice-family: "\"}\"";
 voice-family:inherit;
}
body>#navRight {width:168px;}
p.menuparent {
	font-size:11px;
	font-family:verdana, arial, helvetica, sans-serif;
	font-weight:600;
	margin: 5px 0px 0px 0px;
}
p.menuchild {
	margin: 0px 0px 0px 7px;
}
p.menuchildchild {
	margin: 0px 0px 0px 14px;
}
#navTabHead {
	width: 100%;
	padding: 0px 0px 13px 0px;
	margin: 0px 0px 0px 0px;
	border-bottom: 1px solid #ccc;
	background: #fff;
}
#TabHeadContainer {
	vertical-align: center;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#navTab li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}
#navTab a:link, #navTab a:visited {
	float: left;
	font-size: 10px;
	line-height: 14px;
	font-weight: bold;
	padding: 0px 12px 10px 12px;
	text-decoration: none;
	color: #708491;
}
#navTab a:link.active, #navTab a:visited.active, #navTab a:hover, #navTabHere {
	color: #000;
	background: url(<?php echo "./images/tab_rounded.gif"; ?>) no-repeat bottom center;
}
<?
  } // end function menu


  function dagbok() {
?>
table.dagbok {
	padding-left: 20px;
	width: 100%;
}
td.inlheadline {
	width:20%;
	padding-left:25px;
	padding-right:10px;
}
td.inltext {
	width:80%;
}
td.inlheadline, td.inltext {
	text-align: left;
	vertical-align: top;
}
table.allmant, table.mat, table.motion {
	width: 100%;
}
td.dbheadline {
	//border:1px solid black;
	border-bottom: 1px solid black;
	//background-color: blue;
}
<?
  } // end function dagbok


} // end class css

?>