Changeset 124 for trunk


Ignore:
Timestamp:
Mar 13, 2011, 12:56:45 AM (14 years ago)
Author:
anonymous
Message:

css tweaks for header and footer

Location:
trunk/docs
Files:
2 added
3 edited

Legend:

Unmodified
Added
Removed

  • trunk/docs/_static/default.css

    r121 r124  
    7373
    7474div.sphinxsidebar h3 {
    75     font-family: 'Verdana, Arial, Helvetica, sans-serif;
     75    font-family: 'Verdana, Arial, Helvetica, sans-serif';
    7676    color: #663e05;
    7777    font-size: 1.4em;
    … …  
    8686
    8787div.sphinxsidebar h4 {
    88     font-family: 'Verdana, Arial, Helvetica, sans-serif;
     88    font-family: 'Verdana, Arial, Helvetica, sans-serif';
    8989    color: #663e05;
    9090    font-size: 1.3em;
    … …  
    146146div.body h5,
    147147div.body h6 {
    148     font-family: 'Verdana, Arial, Helvetica, sans-serif;
     148    font-family: 'Verdana, Arial, Helvetica, sans-serif';
    149149    background-color: #ffffff;
    150150    font-weight: normal;
    … …  
    259259}
    260260
    261 /*  Menu Bar ---------------------------------------- */
     261/*  Custom Menu Bar ---------------------------------------- */
    262262
    263263ul.topnav {
    … …  
    335335 
    336336}
     337
     338/*  Custom Header ---------------------------------------- */
     339
     340#wrapper {
     341 margin: 0;
     342 padding: 0;
     343 width: 100%;
     344}
     345
     346#myheader {
     347 color: #333;
     348 width: 100%;
     349 height: 220px;
     350 margin: 0;
     351 background: #FFFFFF ;
     352filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#fff196'); /* for IE */
     353background:-webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#fff196)); /* for webkit browsers */
     354background:-moz-linear-gradient(top,  #FFFFFF, #fff196  ); /* for firefox 3.6+ */
     355}
     356
     357.hleft{
     358float:left;
     359margin:0;
     360width:380px;
     361height:180px;
     362background:url(images/zoo-title.png) no-repeat;}
     363
     364h1.title{width:290px;position:relative;top:115px;left:15px;font-size:1.4em;letter-spacing:2px;color:#727272;text-transform:uppercase;padding:5px;
     365 background:#999999;
     366 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0e0e0', endColorstr='#bbbbbb'); /* for IE */
     367background:-webkit-gradient(linear, left top, left bottom, from(#e0e0e0), to(#bbbbbb)); /* for webkit browsers */
     368background:-moz-linear-gradient(top,  #e0e0e0,  #bbbbbb); /* for firefox 3.6+ */
     369        -moz-border-radius: 5px;
     370        -webkit-border-radius: 5px;
     371        -webkit-border-radius: 5px;
     372                border: 1px solid #d4d4d4;
     373                text-align:center;
     374                text-shadow: 1px 1px 1px #E0E0E0;
     375}
     376
     377.orange{color:#ffaa17;display:block;padding:5px;}
     378
     379.hright{
     380float:right;
     381margin:0;
     382width:533px;
     383background:url(images/zoo-banner.png) no-repeat;
     384height:180px;
     385}
     386
     387/*  Custom Footer ---------------------------------------- */
     388
     389#footer {
     390        clear:both;
     391 width:99.99%;
     392 color: #333;
     393 background: #ffcd0b;
     394 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcd0b', endColorstr='#ee920c'); /* for IE */
     395background:-webkit-gradient(linear, left top, left bottom, from(#ffcd0b), to(#ee920c)); /* for webkit browsers */
     396background:-moz-linear-gradient(top,  #ffcd0b, #ee920c  ); /* for firefox 3.6+ */
     397 margin: 0;
     398 padding: 0;
     399}
     400
     401#footer p{
     402        padding: 0;
     403        text-align: center;
     404        margin: 0;
     405}
     406
     407#footer a{
     408        color: #563404;
     409        font-weight: bold;
     410        font-size: 14px;
     411        text-decoration: none;
     412}
     413
     414#footer .icon{
     415        display: none;
     416}
     417
     418#footer div{
     419        text-align: center;
     420}
     421
     422
     423#footer .menuContainer{
     424width: 750px; margin-left: auto; margin-right: auto;
     425}
     426
     427#footer .menuItemList{
     428        margin-top: 1em;
     429        float: left;
     430        padding-left: 1em;
     431        padding-right: 1em;
     432        border-left: 1px dashed #563404;;
     433}
     434
     435#footer .menuItemList a{
     436        font-weight: normal;
     437}

  • trunk/docs/_templates/layout.html

    r123 r124  
    3030
    3131{% block header %}
    32     <img src="{{ pathto("_static/images/header-logo.jpg", 1) }}">
    33 
     32<!-- Begin Header -->
     33<div id="wrapper">
     34        <div id="myheader">
     35        <div class="hleft">
     36          <h1 class="title">Open WPS Platform</h1>
     37        </div>
     38        <div class="hright">
     39        </div>
     40        </div>
     41</div>
    3442<ul class="topnav">
    3543  <li><a href="{{ pathto('index') }}">Home</a></li>
    … …  
    6775  </li>
    6876  <li><a href="/trac">Trac</a></li>
     77</ul>
     78<!-- End Header -->
     79    {{ super() }}
     80{% endblock %}
    6981
    70 </ul>
     82{% block footer %}
     83<!-- Begin Footer -->
     84<div id="footer">
     85<div>
    7186
     87<div>
     88  <div class="menuContainer">
     89    <div class="menuItemList">
     90      <a href="{{ pathto('index') }}" shape="rect">Home</a>
     91      <br/>
     92    </div>
     93    <div class="menuItemList">
     94      <a href="#" shape="rect">ZOO Project</a>
    7295
     96      <br/>
     97      <a href="/site/ZooWebSite/ZooProject/About" shape="rect">About</a>
     98      <br/>
     99      <a href="/site/ZooWebSite/ZooProject/Tribe" shape="rect">ZOO Tribe</a>
     100      <br/>
     101      <a href="/site/ZooWebSite/ZooProject/Events" shape="rect">Events</a>
     102      <br/>
     103
     104      <a href="/site/ZooWebSite/ZooProject/Photos" shape="rect">Photos</a>
     105      <br/>
     106      <a href="/site/ZooWebSite/ZooProject/Contact" shape="rect">Contacts</a>
     107      <br/>
     108    </div>
     109    <div class="menuItemList">
     110      <a href="#" shape="rect">Components</a>
     111
     112      <br/>
     113      <a href="/site/ZooWebSite/ZooKernel" shape="rect">ZOO Kernel</a>
     114      <br/>
     115      <a href="/site/ZooWebSite/ZooServices" shape="rect">ZOO Services</a>
     116      <br/>
     117      <a href="/site/ZooWebsite/ZooApi" shape="rect">ZOO API</a>
     118      <br/>
     119
     120    </div>
     121    <div class="menuItemList">
     122      <a href="{{ pathto('dl/index') }}" shape="rect">Download</a>
     123      <br/>
     124    </div>
     125    <div class="menuItemList">
     126      <a href="{{ pathto('doc/index') }}" shape="rect">Docs</a>
     127      <br/>
     128
     129    </div>
     130    <div class="menuItemList">
     131      <a href="#" shape="rect">Demos</a>
     132      <br/>
     133      <a href="/site/ZooWebSite/Demo/SpatialTools" shape="rect">ZOO Spatial Tools</a>
     134      <br/>
     135      <a href="/site/ZooWebSite/Demo/WFS-T" shape="rect">ZOO Mapserver WFS-T</a>
     136
     137      <br/>
     138      <a href="/site/ZooWebSite/Demo/GdalProfile" shape="rect">ZOO Elevation Profile</a>
     139      <br/>
     140      <a href="/site/ZooWebSite/Demo/FormTools" shape="rect">ZOO Form tools</a>
     141      <br/>
     142    </div>
     143    <div class="menuItemList">
     144      <a href="/trac" shape="rect">Trac</a>
     145
     146      <br/>
     147    </div>
     148  </div>
     149  <br style="clear:both"/>
     150</div>
     151</div>
     152<p>
     153&copy; Copyright 2011 - <a class="ext-link" href="http://www.zoo-project.org" shape="rect"><span class="icon"> </span>ZOO Project</a> - All Rights Reserved. Created using <a href="http://sphinx.pocoo.org/">Sphinx</a> {{sphinx_version}}.
     154</p>
     155</div>
     156<!-- End Footer -->
    73157    {{ super() }}
    74158{% endblock %}

  • trunk/docs/conf.py

    r123 r124  
    105105    "visitedlinkcolor": "#fc9326",   
    106106    "sidebarbgcolor": "white",
    107     "footerbgcolor": "#ffffff",
    108     "footertextcolor": "#646464",   
    109107    "relbarbgcolor": "#5e3905"   
    110108}
    … …  
    164162
    165163# If true, "Created using Sphinx" is shown in the HTML footer. Default is True.
    166 #html_show_sphinx = True
     164html_show_sphinx = False
    167165
    168166# If true, "(C) Copyright ..." is shown in the HTML footer. Default is True.
    169 #html_show_copyright = True
     167html_show_copyright = False
    170168
    171169# If true, an OpenSearch description file will be output, and all pages will
Note: See TracChangeset for help on using the changeset viewer.

Download now !

Search

Context Navigation

Main Navigation

ZOO Sponsors

http://www.zoo-project.org/trac/chrome/site/img/geolabs-logo.pnghttp://www.zoo-project.org/trac/chrome/site/img/neogeo-logo.png http://www.zoo-project.org/trac/chrome/site/img/apptech-logo.png http://www.zoo-project.org/trac/chrome/site/img/3liz-logo.png http://www.zoo-project.org/trac/chrome/site/img/gateway-logo.png

Become a sponsor !

Knowledge partners

http://www.zoo-project.org/trac/chrome/site/img/ocu-logo.png http://www.zoo-project.org/trac/chrome/site/img/gucas-logo.png http://www.zoo-project.org/trac/chrome/site/img/polimi-logo.png http://www.zoo-project.org/trac/chrome/site/img/fem-logo.png http://www.zoo-project.org/trac/chrome/site/img/supsi-logo.png http://www.zoo-project.org/trac/chrome/site/img/cumtb-logo.png

Become a knowledge partner

Related links

http://zoo-project.org/img/ogclogo.png http://zoo-project.org/img/osgeologo.png