diff options
-rw-r--r-- | application/layouts/main.phtml | 52 | ||||
-rw-r--r-- | public/media/css/style.css | 157 | ||||
-rwxr-xr-x | public/media/img/siegel-93x55.png | bin | 0 -> 7284 bytes | |||
-rwxr-xr-x | public/media/img/sub-logo-small.gif | bin | 0 -> 2114 bytes | |||
-rwxr-xr-x | public/media/img/unilogo-200x66.gif | bin | 0 -> 2575 bytes |
5 files changed, 156 insertions, 53 deletions
diff --git a/application/layouts/main.phtml b/application/layouts/main.phtml index 202a684..f870566 100644 --- a/application/layouts/main.phtml +++ b/application/layouts/main.phtml @@ -13,17 +13,21 @@ echo $this->headStyle()."\n"; echo $this->headLink()."\n"; echo $this->headScript()."\n"; ?> +<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/> +<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> +<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> </head> <body> - <div id='wrapper'> - <div id='logo'>pbs<sup style='font-size:0.7em;'>2</sup></div> - <div id='nav'> +<div id='sidepannel'> + <div id="logo"><div id="logo-bar-gray"></div></div> + <div id="sidepannel-top"> <ul> - <li>Controller:</li> - <li><a href='/person'>Person</a></li> - <li><a href='/group'>Group</a></li> - <li><a href='/role'>Role</a></li> + <li>Controller: + <ul> + <li><a href='/person'>Person</a></li> + <li><a href='/group'>Group</a></li> + <li><a href='/role'>Role</a></li> <li><a href='/bootiso'>BootIso</a></li> <li><a href='/bootmenu'>BootMenu</a></li> <li><a href='/config'>Config</a></li> @@ -42,18 +46,32 @@ echo $this->headScript()."\n"; <?php } ?> + </ul> + </li> + </ul> +</ul> + </div> </div> - <div id='innerwrapper'> +<div id='main'> + <div id="head-bg"> + <div id="head"> + <h1>pbs<sup>2</sup></h1> + <h2>Rechenzentrum Universität Freiburg</h2> + </div> + </div> + <div id="logo-bar-red"></div> + <div id="head-titlebar"> + Name des Controllers + </div> + <div id="content"> <?php echo $this->layout()->content; ?> - <div class='clear footer'><?php -if (Zend_Auth::getInstance()->hasIdentity()) { - //TODO: Display Auth info - // echo "<b>angemeldet</b>"; - // echo " - <a href='/auth/logout'>logout</a>"; -} -?></div> </div> - </div> +</div> + +<div id="footer" class="footer flexbox flex"> + <div style='padding:5px;'> <i>last edit: 03/2011 // version: 0.1.1</i> +</div> -</body></html> +</body> +</html> diff --git a/public/media/css/style.css b/public/media/css/style.css index 24e357b..6c749bb 100644 --- a/public/media/css/style.css +++ b/public/media/css/style.css @@ -1,39 +1,124 @@ -html { -background-color:#E5F3FF; +body{font-family:sans,arial; + width:100%; + height:100%; + margin:0; + padding:0; } - -#wrapper { -width:800px; -border:1px solid #000; -background-color:#FFF; -margin:10px auto; -} - -#innerwrapper { -font-family:verdana, arial; -padding:20px 20px 0px 20px; -} - #logo { -text-align:center; -font-family:Verdana,Arial; -font-size:3em; -font-weight:bold; -padding:5px; -height:1.5em; -background-image: -webkit-gradient( - linear, - left bottom, - left top, - color-stop(0, rgb(204,231,255)), - color-stop(1, rgb(179,220,255)) -); -background-image: -moz-linear-gradient( - center bottom, - rgb(204,231,255) 0%, - rgb(179,220,255) 100% -); -} + height:200px; + width:200px; + background: url(/media/img/unilogo-200x66.gif) bottom right no-repeat; +} + +#logo-bar-gray { + position:relative; + top:116px; + left:0px; + height:4px; + width:132px; + background-color: #cacac8; + /*border:1px solid red;*/ +} + +#logo-bar-red { + position:relative; + top:0px; + left:0px; + height:4px; + width:22px; + background-color: #c1002a; + /*border:1px solid red;*/ +} +#sidepannel{ + float:left; +} +#sidepannel li { + font-size:11.5px; + padding-top:2px; +} + +#sidepannel ul { + padding-left:22px; +} + +#sidepannel ul { + font-weight:bold; +} + +#sidepannel ul.inner-ul { + font-weight:normal; +} + +#sidepannel li.li-selected { + font-style:italic; + font-weight:bold; + color:#000033; +} +#footer { + position:absolute; + margin:0 auto; + width:1000px; + clear:both; + bottom:0px; + + border-top:1px solid #ccc; + background-color: #eee; + + text-align:right; + font-size:10.5px; + line-height:16px; + color:#666; + + } +#main{margin-left:200px;width:800px;} +#head-bg { + height:116px; + background-color: #003592; +} +#head { + height:116px; + background: url(/media/img/siegel-93x55.png) bottom left no-repeat, + url(/media/img/sub-logo-small.gif) bottom right no-repeat; +} +#head h1, h2 { + color:white; +} + +#head h1 { + font-size: 22px; + padding-top:30px; + padding-left:54px; + padding-bottom:4px; + margin:0; +} + +#head h2 { + font-size: 12px; + padding:0; + margin:0; + padding-left:64px; +} +#logo-bar-red { + position:relative; + top:0px; + left:0px; + height:4px; + width:22px; + background-color: #c1002a; + /*border:1px solid red;*/ +} +#head-titlebar { + height:22px; + line-height:22px; + font-size:13px; + padding-left:10px; + background-color:#cacac8; +} +#content{ + padding: 10px; + font-size:13px; +} +/* ###################################################### */ #nav { border-bottom:1px solid #000; @@ -59,12 +144,12 @@ font-size:12px; color:#000; } -h1 { +#content h1 { display:block; text-align:center; margin:5px auto; } -h2{ +#content h2{ display:block; text-align:center; } diff --git a/public/media/img/siegel-93x55.png b/public/media/img/siegel-93x55.png Binary files differnew file mode 100755 index 0000000..9a6ba1d --- /dev/null +++ b/public/media/img/siegel-93x55.png diff --git a/public/media/img/sub-logo-small.gif b/public/media/img/sub-logo-small.gif Binary files differnew file mode 100755 index 0000000..faa5b8e --- /dev/null +++ b/public/media/img/sub-logo-small.gif diff --git a/public/media/img/unilogo-200x66.gif b/public/media/img/unilogo-200x66.gif Binary files differnew file mode 100755 index 0000000..a7e6666 --- /dev/null +++ b/public/media/img/unilogo-200x66.gif |