Changeset 834

Show
Ignore:
Timestamp:
10/16/2007 01:40:03 PM (14 months ago)
Author:
Shadowhand
Message:

Updated template CSS. Design is now completely full-width and liquid, using ems for sizes. All unused images removed.

Location:
branches/website/application/views
Files:
5 removed
2 modified

Legend:

Unmodified
Added
Removed

  • branches/website/application/views/layout.php

    r706 r834  
    1717</head> 
    1818<body> 
    19 <div id="container"> 
    20  
    21  
    2219<!-- Start Developer Menu --> 
    23 <div id="developer"> 
     20<div id="developer" class="container clearfix"> 
    2421<span>Developers:</span> 
    2522<ul> 
    … …  
    3431 
    3532<!-- Start Header --> 
    36 <div id="header" class="clearfix"> 
     33<div id="header" class="container clearfix"> 
    3734 
    3835<!-- Start Logo --> 
    … …  
    5451 
    5552<!-- Start Body --> 
    56 <div id="body"> 
     53<div id="body" class="container"> 
     54 
     55<!-- Start Content --> 
     56<div id="content-wrapper"><div id="content"> 
    5757<?php echo $content ?> 
     58</div></div> 
     59<!-- End Content --> 
    5860 
    5961<!-- Start Sidebar --> 
    … …  
    7880<!-- End Body --> 
    7981 
    80 <div id="footer" class="clearfix"><strong>&copy;2007 Kohana Team. All rights reserved.</strong> Powered by Kohana v{kohana_version}. Rendered in {execution_time} seconds.</div> 
     82<div id="footer" class="container"><strong>&copy;2007 Kohana Team. All rights reserved.</strong> Powered by Kohana v{kohana_version}. Rendered in {execution_time} seconds.</div> 
    8183 
    8284</div> 

  • branches/website/application/views/media/css/layout.css

    r707 r834  
    11/* Defaults */ 
    2 html { background: #f7fbf1 url(../img/body-background.png) repeat-x 50% 0; } 
    3 body { font-family: Arial, Verdana, sans-serif; font-size: 76%; color: #313230; line-height: 1; } 
     2html { background: #f7fbf1; color: #313230; } 
     3body { font-family: Arial, Verdana, sans-serif; font-size: 76%; line-height: 1; } 
    44a { color: #006; text-decoration: none; } 
    55a:hover { color: #009; } 
    … …  
    1313 
    1414/* Container */ 
    15 #container { position: relative; width: 960px; margin: 0 auto; padding: 2em; } 
     15.container { position: relative; clear: both; } 
    1616 
    1717/* Developer Menu */ 
    18 #developer { position: absolute; top: 11px; margin-left: 35px; text-transform: uppercase; font-size: 0.9em; color: #2d4565; } 
     18#developer { padding: 1em 2em; background: #1e2e42; text-transform: uppercase; font-size: 0.9em; color: #2d4565; text-align: right; } 
    1919        #developer span { font-weight: bold; } 
    2020        #developer ul { display: inline; } 
    … …  
    2525 
    2626/* Header */ 
    27 #header { position: relative; top: 0; height: 229px; background: url(../img/kohana.png) 35px center no-repeat; } 
     27#header { height: 16em; background: #83c018; border-bottom: solid 0.1em #96a67a; } 
    2828 
    2929/* Logo */ 
    … …  
    3131 
    3232/* Main Menu */ 
    33 #menu { position: absolute; bottom: 0; margin-left: 35px; } 
    34         #menu li { display: block; float: left; padding: 3px 3px 0; } 
    35         #menu li.active { margin-right: 8px; background: #f7fbf1; } 
    36                 #menu a { display: block; padding: 10px 20px 15px; text-transform: uppercase; font-weight: bold; color: #3f5c0b; } 
     33#menu { position: absolute; bottom: 0; margin: 0 2em; margin-right: 22em; } 
     34        #menu li { display: block; float: left; margin-right: 0.4em; } 
     35        #menu li.active { border-right-color: #76b714; } 
     36                #menu a { display: block; padding: 1em 1.2em 0.6em; margin-bottom: -0.1em; border: solid 0.1em #83c018; border-bottom: 0; text-transform: uppercase; font-weight: bold; color: #3f5c0b; } 
    3737                #menu a:hover { background: #76b714; color: #2c360b; } 
    38                 #menu li.active a { margin-bottom: -1px; padding: 10px 24px 20px; background: #f7fbf1; border: solid 1px #d4e9af; border-width: 1px 1px 0; color: #222; } 
     38                #menu li.active a { background: #f7fbf1; border-color: #96a67a; } 
    3939                #menu li.active a:hover { background: #f7fbf1; color: #000; } 
    4040 
    41 /* Content Body */ 
    42 #body { clear: both; position: relative; min-width: 40em; min-height: 280px; padding: 1.4em 0; margin-left: 35px; padding-right: 20em; } 
     41/* Main Body */ 
     42#body { position: relative; padding: 1em 4em; } 
    4343        #body p { margin-bottom: 1em; } 
    4444        #body ul { padding-left: 1.5em; margin-bottom: 1em; list-style: square; line-height: 180%; } 
    45         #body .intro { width: 22em; margin-bottom: 1em; margin-left: -35px; padding: 1.5em 4em; padding-left: 35px; background: #eaeee5; font-size: 1.6em; line-height: 1.4em; color: #8C9393; } 
     45        #body .intro { margin: 1em; margin-left: -4em; padding: 1em 2em; padding-left: 4em; background: #eaeee5; font-size: 1.6em; line-height: 1.4em; color: #8C9393; } 
    4646                #body .intro strong { text-transform: uppercase; font-weight: bold; font-size: 0.76em; color: #7b7d78; letter-spacing: -0.02em; white-space: nowrap; } 
    4747 
     48/* Content */ 
     49#content-wrapper { margin-right: 21em; } 
     50#content { float: left; width: 100%; margin-right: -21em; } 
     51 
    4852/* Sidebar */ 
    49 #sidebar { position: absolute; top: -180px; right: 0; z-index: 100; width: 20em; } 
     53#sidebar { float: right; width: 20em; margin-top: -14em; margin-bottom: 2em; } 
    5054        #sidebody { padding: 5px; background: #c9e59d; } 
    5155                #sidecontent { background: #f7fbf1; padding-bottom: 1px; } 
    … …  
    6165 
    6266/* Footer */ 
    63 #footer { padding: 1em 35px; background: #83c018; text-transform: uppercase; text-align: right; color: #eee; font-size: 0.8em; } 
     67#footer { padding: 1em 2em; background: #83c018; text-transform: uppercase; text-align: right; color: #eee; font-size: 0.8em; } 
    6468        #footer strong { float: left; font-weight: bold; }