RedHatTraining/pyramid.git

parent: be3d6f9b | patch | commit | ignore whitespace

Added small header support to css paster templates, using small header for ...

Blaise Laflamme

2011-01-06 7edf031a149f36ccdf1dd176f7018bd402dd65f6

Added small header support to css paster templates, using small header for wiki tutorial

26 files modified

	docs/tutorials/wiki/src/authorization/tutorial/static/pylons.css	9 ●●●●● patch \| view \| raw \| blame \| history
	docs/tutorials/wiki/src/authorization/tutorial/templates/edit.pt	6 ●●●●● patch \| view \| raw \| blame \| history
	docs/tutorials/wiki/src/authorization/tutorial/templates/login.pt	6 ●●●●● patch \| view \| raw \| blame \| history
	docs/tutorials/wiki/src/authorization/tutorial/templates/view.pt	6 ●●●●● patch \| view \| raw \| blame \| history
	docs/tutorials/wiki/src/basiclayout/tutorial/static/pylons.css	9 ●●●●● patch \| view \| raw \| blame \| history
	docs/tutorials/wiki/src/models/tutorial/static/pylons.css	9 ●●●●● patch \| view \| raw \| blame \| history
	docs/tutorials/wiki/src/views/tutorial/static/pylons.css	9 ●●●●● patch \| view \| raw \| blame \| history
	docs/tutorials/wiki/src/views/tutorial/templates/edit.pt	6 ●●●●● patch \| view \| raw \| blame \| history
	docs/tutorials/wiki/src/views/tutorial/templates/view.pt	6 ●●●●● patch \| view \| raw \| blame \| history
	docs/tutorials/wiki2/src/authorization/tutorial/static/pylons.css	9 ●●●●● patch \| view \| raw \| blame \| history
	docs/tutorials/wiki2/src/authorization/tutorial/templates/edit.pt	6 ●●●●● patch \| view \| raw \| blame \| history
	docs/tutorials/wiki2/src/authorization/tutorial/templates/login.pt	6 ●●●●● patch \| view \| raw \| blame \| history
	docs/tutorials/wiki2/src/authorization/tutorial/templates/view.pt	6 ●●●●● patch \| view \| raw \| blame \| history
	docs/tutorials/wiki2/src/basiclayout/tutorial/static/pylons.css	9 ●●●●● patch \| view \| raw \| blame \| history
	docs/tutorials/wiki2/src/models/tutorial/static/pylons.css	9 ●●●●● patch \| view \| raw \| blame \| history
	docs/tutorials/wiki2/src/views/tutorial/static/pylons.css	9 ●●●●● patch \| view \| raw \| blame \| history
	docs/tutorials/wiki2/src/views/tutorial/templates/edit.pt	6 ●●●●● patch \| view \| raw \| blame \| history
	docs/tutorials/wiki2/src/views/tutorial/templates/view.pt	6 ●●●●● patch \| view \| raw \| blame \| history
	pyramid/paster_templates/alchemy/+package+/static/pylons.css	9 ●●●●● patch \| view \| raw \| blame \| history
	pyramid/paster_templates/pylons_basic/+package+/static/pylons.css	9 ●●●●● patch \| view \| raw \| blame \| history
	pyramid/paster_templates/pylons_minimal/+package+/static/pylons.css	9 ●●●●● patch \| view \| raw \| blame \| history
	pyramid/paster_templates/pylons_sqla/+package+/static/pylons.css	9 ●●●●● patch \| view \| raw \| blame \| history
	pyramid/paster_templates/routesalchemy/+package+/static/pylons.css	9 ●●●●● patch \| view \| raw \| blame \| history
	pyramid/paster_templates/starter/+package+/static/pylons.css	9 ●●●●● patch \| view \| raw \| blame \| history
	pyramid/paster_templates/starter_zcml/+package+/static/pylons.css	9 ●●●●● patch \| view \| raw \| blame \| history
	pyramid/paster_templates/zodb/+package+/static/pylons.css	9 ●●●●● patch \| view \| raw \| blame \| history

 docs/tutorials/wiki/src/authorization/tutorial/static/pylons.css

@@ -38,12 +38,13 @@
#footer{bottom:0;background:#000000 url(footerbg.png) repeat-x 0 top;position:relative;margin-top:-40px;clear:both;}
.header,.footer{width:750px;margin-right:auto;margin-left:auto;}
.wrapper{width:100%}
#top,#bottom{width:100%;}
#top{color:#000000;height:230px;
background:#ffffff url(headerbg.png) repeat-x 0 top;position:relative;}
#top,#top-small,#bottom{width:100%;}
#top{color:#000000;height:230px;background:#ffffff url(headerbg.png) repeat-x 0 top;position:relative;}
#top-small{color:#000000;height:60px;background:#ffffff url(headerbg.png) repeat-x 0 top;position:relative;}
#bottom{color:#222;background-color:#ffffff;}
.top,.middle,.bottom{width:750px;margin-right:auto;margin-left:auto;}
.top,.top-small,.middle,.bottom{width:750px;margin-right:auto;margin-left:auto;}
.top{padding-top:40px;}
.top-small{padding-top:10px;}
#middle{width:100%;height:100px;background:url(middlebg.png) repeat-x;border-top:2px solid #ffffff;border-bottom:2px solid #b2b2b2;}
.app-welcome{margin-top:25px;}
.app-name{color:#000000;font-weight:bold;}

 docs/tutorials/wiki/src/authorization/tutorial/templates/edit.pt

@@ -15,10 +15,10 @@
</head>
<body>
    <div id="wrap">
        <div id="top">
            <div class="top align-center">
        <div id="top-small">
            <div class="top-small align-center">
                <div>
                    <img src="${request.static_url('tutorial:static/pyramid.png')}" width="750" height="169" alt="pyramid" />
                    <img src="${request.static_url('tutorial:static/pyramid-small.png')}" width="220" height="50" alt="pyramid" />
                </div>
            </div>
        </div>

 docs/tutorials/wiki/src/authorization/tutorial/templates/login.pt

@@ -15,10 +15,10 @@
</head>
<body>
    <div id="wrap">
        <div id="top">
            <div class="top align-center">
        <div id="top-small">
            <div class="top-small align-center">
                <div>
                    <img src="${request.static_url('tutorial:static/pyramid.png')}" width="750" height="169" alt="pyramid" />
                    <img src="${request.static_url('tutorial:static/pyramid-small.png')}" width="220" height="50" alt="pyramid" />
                </div>
            </div>
        </div>

 docs/tutorials/wiki/src/authorization/tutorial/templates/view.pt

@@ -15,10 +15,10 @@
</head>
<body>
    <div id="wrap">
        <div id="top">
            <div class="top align-center">
        <div id="top-small">
            <div class="top-small align-center">
                <div>
                    <img src="${request.static_url('tutorial:static/pyramid.png')}" width="750" height="169" alt="pyramid" />
                    <img src="${request.static_url('tutorial:static/pyramid-small.png')}" width="220" height="50" alt="pyramid" />
                </div>
            </div>
        </div>

 docs/tutorials/wiki/src/basiclayout/tutorial/static/pylons.css

@@ -38,12 +38,13 @@
#footer{bottom:0;background:#000000 url(footerbg.png) repeat-x 0 top;position:relative;margin-top:-40px;clear:both;}
.header,.footer{width:750px;margin-right:auto;margin-left:auto;}
.wrapper{width:100%}
#top,#bottom{width:100%;}
#top{color:#000000;height:230px;
background:#ffffff url(headerbg.png) repeat-x 0 top;position:relative;}
#top,#top-small,#bottom{width:100%;}
#top{color:#000000;height:230px;background:#ffffff url(headerbg.png) repeat-x 0 top;position:relative;}
#top-small{color:#000000;height:60px;background:#ffffff url(headerbg.png) repeat-x 0 top;position:relative;}
#bottom{color:#222;background-color:#ffffff;}
.top,.middle,.bottom{width:750px;margin-right:auto;margin-left:auto;}
.top,.top-small,.middle,.bottom{width:750px;margin-right:auto;margin-left:auto;}
.top{padding-top:40px;}
.top-small{padding-top:10px;}
#middle{width:100%;height:100px;background:url(middlebg.png) repeat-x;border-top:2px solid #ffffff;border-bottom:2px solid #b2b2b2;}
.app-welcome{margin-top:25px;}
.app-name{color:#000000;font-weight:bold;}

 docs/tutorials/wiki/src/models/tutorial/static/pylons.css

@@ -38,12 +38,13 @@
#footer{bottom:0;background:#000000 url(footerbg.png) repeat-x 0 top;position:relative;margin-top:-40px;clear:both;}
.header,.footer{width:750px;margin-right:auto;margin-left:auto;}
.wrapper{width:100%}
#top,#bottom{width:100%;}
#top{color:#000000;height:230px;
background:#ffffff url(headerbg.png) repeat-x 0 top;position:relative;}
#top,#top-small,#bottom{width:100%;}
#top{color:#000000;height:230px;background:#ffffff url(headerbg.png) repeat-x 0 top;position:relative;}
#top-small{color:#000000;height:60px;background:#ffffff url(headerbg.png) repeat-x 0 top;position:relative;}
#bottom{color:#222;background-color:#ffffff;}
.top,.middle,.bottom{width:750px;margin-right:auto;margin-left:auto;}
.top,.top-snall,.middle,.bottom{width:750px;margin-right:auto;margin-left:auto;}
.top{padding-top:40px;}
.top-small{padding-top:10px;}
#middle{width:100%;height:100px;background:url(middlebg.png) repeat-x;border-top:2px solid #ffffff;border-bottom:2px solid #b2b2b2;}
.app-welcome{margin-top:25px;}
.app-name{color:#000000;font-weight:bold;}

 docs/tutorials/wiki/src/views/tutorial/static/pylons.css

@@ -38,12 +38,13 @@
#footer{bottom:0;background:#000000 url(footerbg.png) repeat-x 0 top;position:relative;margin-top:-40px;clear:both;}
.header,.footer{width:750px;margin-right:auto;margin-left:auto;}
.wrapper{width:100%}
#top,#bottom{width:100%;}
#top{color:#000000;height:230px;
background:#ffffff url(headerbg.png) repeat-x 0 top;position:relative;}
#top,#top-small,#bottom{width:100%;}
#top{color:#000000;height:230px;background:#ffffff url(headerbg.png) repeat-x 0 top;position:relative;}
#top-small{color:#000000;height:60px;background:#ffffff url(headerbg.png) repeat-x 0 top;position:relative;}
#bottom{color:#222;background-color:#ffffff;}
.top,.middle,.bottom{width:750px;margin-right:auto;margin-left:auto;}
.top,.top-small,.middle,.bottom{width:750px;margin-right:auto;margin-left:auto;}
.top{padding-top:40px;}
.top-small{padding-top:10px;}
#middle{width:100%;height:100px;background:url(middlebg.png) repeat-x;border-top:2px solid #ffffff;border-bottom:2px solid #b2b2b2;}
.app-welcome{margin-top:25px;}
.app-name{color:#000000;font-weight:bold;}

 docs/tutorials/wiki/src/views/tutorial/templates/edit.pt

@@ -15,10 +15,10 @@
</head>
<body>
    <div id="wrap">
        <div id="top">
            <div class="top align-center">
        <div id="top-small">
            <div class="top-small align-center">
                <div>
                    <img src="${request.static_url('tutorial:static/pyramid.png')}" width="750" height="169" alt="pyramid" />
                    <img src="${request.static_url('tutorial:static/pyramid-small.png')}" width="220" height="50" alt="pyramid" />
                </div>
            </div>
        </div>

 docs/tutorials/wiki/src/views/tutorial/templates/view.pt

@@ -15,10 +15,10 @@
</head>
<body>
    <div id="wrap">
        <div id="top">
            <div class="top align-center">
        <div id="top-small">
            <div class="top-small align-center">
                <div>
                    <img src="${request.static_url('tutorial:static/pyramid.png')}" width="750" height="169" alt="pyramid" />
                    <img src="${request.static_url('tutorial:static/pyramid-small.png')}" width="220" height="50" alt="pyramid" />
                </div>
            </div>
        </div>

 docs/tutorials/wiki2/src/authorization/tutorial/static/pylons.css

@@ -38,12 +38,13 @@
#footer{bottom:0;background:#000000 url(footerbg.png) repeat-x 0 top;position:relative;margin-top:-40px;clear:both;}
.header,.footer{width:750px;margin-right:auto;margin-left:auto;}
.wrapper{width:100%}
#top,#bottom{width:100%;}
#top{color:#000000;height:230px;
background:#ffffff url(headerbg.png) repeat-x 0 top;position:relative;}
#top,#top-small,#bottom{width:100%;}
#top{color:#000000;height:230px;background:#ffffff url(headerbg.png) repeat-x 0 top;position:relative;}
#top-small{color:#000000;height:60px;background:#ffffff url(headerbg.png) repeat-x 0 top;position:relative;}
#bottom{color:#222;background-color:#ffffff;}
.top,.middle,.bottom{width:750px;margin-right:auto;margin-left:auto;}
.top,.top-small,.middle,.bottom{width:750px;margin-right:auto;margin-left:auto;}
.top{padding-top:40px;}
.top-small{padding-top:10px;}
#middle{width:100%;height:100px;background:url(middlebg.png) repeat-x;border-top:2px solid #ffffff;border-bottom:2px solid #b2b2b2;}
.app-welcome{margin-top:25px;}
.app-name{color:#000000;font-weight:bold;}

 docs/tutorials/wiki2/src/authorization/tutorial/templates/edit.pt

@@ -15,10 +15,10 @@
</head>
<body>
    <div id="wrap">
        <div id="top">
            <div class="top align-center">
        <div id="top-small">
            <div class="top-small align-center">
                <div>
                    <img src="${request.static_url('tutorial:static/pyramid.png')}" width="750" height="169" alt="pyramid" />
                    <img src="${request.static_url('tutorial:static/pyramid-small.png')}" width="220" height="50" alt="pyramid" />
                </div>
            </div>
        </div>

 docs/tutorials/wiki2/src/authorization/tutorial/templates/login.pt

@@ -15,10 +15,10 @@
</head>
<body>
    <div id="wrap">
        <div id="top">
            <div class="top align-center">
        <div id="top-small">
            <div class="top-small align-center">
                <div>
                    <img src="${request.static_url('tutorial:static/pyramid.png')}" width="750" height="169" alt="pyramid" />
                    <img src="${request.static_url('tutorial:static/pyramid-small.png')}" width="220" height="50" alt="pyramid" />
                </div>
            </div>
        </div>

 docs/tutorials/wiki2/src/authorization/tutorial/templates/view.pt

@@ -15,10 +15,10 @@
</head>
<body>
    <div id="wrap">
        <div id="top">
            <div class="top align-center">
        <div id="top-small">
            <div class="top-small align-center">
                <div>
                    <img src="${request.static_url('tutorial:static/pyramid.png')}" width="750" height="169" alt="pyramid" />
                    <img src="${request.static_url('tutorial:static/pyramid-small.png')}" width="220" height="50" alt="pyramid" />
                </div>
            </div>
        </div>

 docs/tutorials/wiki2/src/basiclayout/tutorial/static/pylons.css

@@ -38,12 +38,13 @@
#footer{bottom:0;background:#000000 url(footerbg.png) repeat-x 0 top;position:relative;margin-top:-40px;clear:both;}
.header,.footer{width:750px;margin-right:auto;margin-left:auto;}
.wrapper{width:100%}
#top,#bottom{width:100%;}
#top{color:#000000;height:230px;
background:#ffffff url(headerbg.png) repeat-x 0 top;position:relative;}
#top,#top-small,#bottom{width:100%;}
#top{color:#000000;height:230px;background:#ffffff url(headerbg.png) repeat-x 0 top;position:relative;}
#top-small{color:#000000;height:60px;background:#ffffff url(headerbg.png) repeat-x 0 top;position:relative;}
#bottom{color:#222;background-color:#ffffff;}
.top,.middle,.bottom{width:750px;margin-right:auto;margin-left:auto;}
.top,.top-small,.middle,.bottom{width:750px;margin-right:auto;margin-left:auto;}
.top{padding-top:40px;}
.top-small{padding-top:10px;}
#middle{width:100%;height:100px;background:url(middlebg.png) repeat-x;border-top:2px solid #ffffff;border-bottom:2px solid #b2b2b2;}
.app-welcome{margin-top:25px;}
.app-name{color:#000000;font-weight:bold;}

 docs/tutorials/wiki2/src/models/tutorial/static/pylons.css

@@ -38,12 +38,13 @@
#footer{bottom:0;background:#000000 url(footerbg.png) repeat-x 0 top;position:relative;margin-top:-40px;clear:both;}
.header,.footer{width:750px;margin-right:auto;margin-left:auto;}
.wrapper{width:100%}
#top,#bottom{width:100%;}
#top{color:#000000;height:230px;
background:#ffffff url(headerbg.png) repeat-x 0 top;position:relative;}
#top,#top-small,#bottom{width:100%;}
#top{color:#000000;height:230px;background:#ffffff url(headerbg.png) repeat-x 0 top;position:relative;}
#top-small{color:#000000;height:60px;background:#ffffff url(headerbg.png) repeat-x 0 top;position:relative;}
#bottom{color:#222;background-color:#ffffff;}
.top,.middle,.bottom{width:750px;margin-right:auto;margin-left:auto;}
.top,.top-small,.middle,.bottom{width:750px;margin-right:auto;margin-left:auto;}
.top{padding-top:40px;}
.top-small{padding-top:10px;}
#middle{width:100%;height:100px;background:url(middlebg.png) repeat-x;border-top:2px solid #ffffff;border-bottom:2px solid #b2b2b2;}
.app-welcome{margin-top:25px;}
.app-name{color:#000000;font-weight:bold;}

 docs/tutorials/wiki2/src/views/tutorial/static/pylons.css

@@ -38,12 +38,13 @@
#footer{bottom:0;background:#000000 url(footerbg.png) repeat-x 0 top;position:relative;margin-top:-40px;clear:both;}
.header,.footer{width:750px;margin-right:auto;margin-left:auto;}
.wrapper{width:100%}
#top,#bottom{width:100%;}
#top{color:#000000;height:230px;
background:#ffffff url(headerbg.png) repeat-x 0 top;position:relative;}
#top,#top-small,#bottom{width:100%;}
#top{color:#000000;height:230px;background:#ffffff url(headerbg.png) repeat-x 0 top;position:relative;}
#top-small{color:#000000;height:60px;background:#ffffff url(headerbg.png) repeat-x 0 top;position:relative;}
#bottom{color:#222;background-color:#ffffff;}
.top,.middle,.bottom{width:750px;margin-right:auto;margin-left:auto;}
.top,.top-small,.middle,.bottom{width:750px;margin-right:auto;margin-left:auto;}
.top{padding-top:40px;}
.top-small{padding-top:10px;}
#middle{width:100%;height:100px;background:url(middlebg.png) repeat-x;border-top:2px solid #ffffff;border-bottom:2px solid #b2b2b2;}
.app-welcome{margin-top:25px;}
.app-name{color:#000000;font-weight:bold;}

 docs/tutorials/wiki2/src/views/tutorial/templates/edit.pt

@@ -15,10 +15,10 @@
</head>
<body>
    <div id="wrap">
        <div id="top">
            <div class="top align-center">
        <div id="top-small">
            <div class="top-small align-center">
                <div>
                    <img src="${request.static_url('tutorial:static/pyramid.png')}" width="750" height="169" alt="pyramid" />
                    <img src="${request.static_url('tutorial:static/pyramid-small.png')}" width="220" height="50" alt="pyramid" />
                </div>
            </div>
        </div>

 docs/tutorials/wiki2/src/views/tutorial/templates/view.pt

@@ -15,10 +15,10 @@
</head>
<body>
    <div id="wrap">
        <div id="top">
            <div class="top align-center">
        <div id="top-small">
            <div class="top-small align-center">
                <div>
                    <img src="${request.static_url('tutorial:static/pyramid.png')}" width="750" height="169" alt="pyramid" />
                    <img src="${request.static_url('tutorial:static/pyramid-small.png')}" width="220" height="50" alt="pyramid" />
                </div>
            </div>
        </div>

 pyramid/paster_templates/alchemy/+package+/static/pylons.css

@@ -38,12 +38,13 @@
#footer{bottom:0;background:#000000 url(footerbg.png) repeat-x 0 top;position:relative;margin-top:-40px;clear:both;}
.header,.footer{width:750px;margin-right:auto;margin-left:auto;}
.wrapper{width:100%}
#top,#bottom{width:100%;}
#top{color:#000000;height:230px;
background:#ffffff url(headerbg.png) repeat-x 0 top;position:relative;}
#top,#top-small,#bottom{width:100%;}
#top{color:#000000;height:230px;background:#ffffff url(headerbg.png) repeat-x 0 top;position:relative;}
#top-small{color:#000000;height:60px;background:#ffffff url(headerbg.png) repeat-x 0 top;position:relative;}
#bottom{color:#222;background-color:#ffffff;}
.top,.middle,.bottom{width:750px;margin-right:auto;margin-left:auto;}
.top,.top-small,.middle,.bottom{width:750px;margin-right:auto;margin-left:auto;}
.top{padding-top:40px;}
.top-small{padding-top:10px;}
#middle{width:100%;height:100px;background:url(middlebg.png) repeat-x;border-top:2px solid #ffffff;border-bottom:2px solid #b2b2b2;}
.app-welcome{margin-top:25px;}
.app-name{color:#000000;font-weight:bold;}

 pyramid/paster_templates/pylons_basic/+package+/static/pylons.css

@@ -38,12 +38,13 @@
#footer{bottom:0;background:#000000 url(footerbg.png) repeat-x 0 top;position:relative;margin-top:-40px;clear:both;}
.header,.footer{width:750px;margin-right:auto;margin-left:auto;}
.wrapper{width:100%}
#top,#bottom{width:100%;}
#top{color:#000000;height:230px;
background:#ffffff url(headerbg.png) repeat-x 0 top;position:relative;}
#top,#top-small,#bottom{width:100%;}
#top{color:#000000;height:230px;background:#ffffff url(headerbg.png) repeat-x 0 top;position:relative;}
#top-small{color:#000000;height:60px;background:#ffffff url(headerbg.png) repeat-x 0 top;position:relative;}
#bottom{color:#222;background-color:#ffffff;}
.top,.middle,.bottom{width:750px;margin-right:auto;margin-left:auto;}
.top,.top-small,.middle,.bottom{width:750px;margin-right:auto;margin-left:auto;}
.top{padding-top:40px;}
.top-small{padding-top:10px;}
#middle{width:100%;height:100px;background:url(middlebg.png) repeat-x;border-top:2px solid #ffffff;border-bottom:2px solid #b2b2b2;}
.app-welcome{margin-top:25px;}
.app-name{color:#000000;font-weight:bold;}

 pyramid/paster_templates/pylons_minimal/+package+/static/pylons.css

@@ -38,12 +38,13 @@
#footer{bottom:0;background:#000000 url(footerbg.png) repeat-x 0 top;position:relative;margin-top:-40px;clear:both;}
.header,.footer{width:750px;margin-right:auto;margin-left:auto;}
.wrapper{width:100%}
#top,#bottom{width:100%;}
#top{color:#000000;height:230px;
background:#ffffff url(headerbg.png) repeat-x 0 top;position:relative;}
#top,#top-small,#bottom{width:100%;}
#top{color:#000000;height:230px;background:#ffffff url(headerbg.png) repeat-x 0 top;position:relative;}
#top-small{color:#000000;height:60px;background:#ffffff url(headerbg.png) repeat-x 0 top;position:relative;}
#bottom{color:#222;background-color:#ffffff;}
.top,.middle,.bottom{width:750px;margin-right:auto;margin-left:auto;}
.top,.top-small,.middle,.bottom{width:750px;margin-right:auto;margin-left:auto;}
.top{padding-top:40px;}
.top-small{padding-top:10px;}
#middle{width:100%;height:100px;background:url(middlebg.png) repeat-x;border-top:2px solid #ffffff;border-bottom:2px solid #b2b2b2;}
.app-welcome{margin-top:25px;}
.app-name{color:#000000;font-weight:bold;}

 pyramid/paster_templates/pylons_sqla/+package+/static/pylons.css

@@ -38,12 +38,13 @@
#footer{bottom:0;background:#000000 url(footerbg.png) repeat-x 0 top;position:relative;margin-top:-40px;clear:both;}
.header,.footer{width:750px;margin-right:auto;margin-left:auto;}
.wrapper{width:100%}
#top,#bottom{width:100%;}
#top{color:#000000;height:230px;
background:#ffffff url(headerbg.png) repeat-x 0 top;position:relative;}
#top,#top-small,#bottom{width:100%;}
#top{color:#000000;height:230px;background:#ffffff url(headerbg.png) repeat-x 0 top;position:relative;}
#top-small{color:#000000;height:60px;background:#ffffff url(headerbg.png) repeat-x 0 top;position:relative;}
#bottom{color:#222;background-color:#ffffff;}
.top,.middle,.bottom{width:750px;margin-right:auto;margin-left:auto;}
.top,.top-small,.middle,.bottom{width:750px;margin-right:auto;margin-left:auto;}
.top{padding-top:40px;}
.top-small{padding-top:10px;}
#middle{width:100%;height:100px;background:url(middlebg.png) repeat-x;border-top:2px solid #ffffff;border-bottom:2px solid #b2b2b2;}
.app-welcome{margin-top:25px;}
.app-name{color:#000000;font-weight:bold;}

 pyramid/paster_templates/routesalchemy/+package+/static/pylons.css

@@ -38,12 +38,13 @@
#footer{bottom:0;background:#000000 url(footerbg.png) repeat-x 0 top;position:relative;margin-top:-40px;clear:both;}
.header,.footer{width:750px;margin-right:auto;margin-left:auto;}
.wrapper{width:100%}
#top,#bottom{width:100%;}
#top{color:#000000;height:230px;
background:#ffffff url(headerbg.png) repeat-x 0 top;position:relative;}
#top,#top-small,#bottom{width:100%;}
#top{color:#000000;height:230px;background:#ffffff url(headerbg.png) repeat-x 0 top;position:relative;}
#top-small{color:#000000;height:60px;background:#ffffff url(headerbg.png) repeat-x 0 top;position:relative;}
#bottom{color:#222;background-color:#ffffff;}
.top,.middle,.bottom{width:750px;margin-right:auto;margin-left:auto;}
.top,.top-small,.middle,.bottom{width:750px;margin-right:auto;margin-left:auto;}
.top{padding-top:40px;}
.top-small{padding-top:10px;}
#middle{width:100%;height:100px;background:url(middlebg.png) repeat-x;border-top:2px solid #ffffff;border-bottom:2px solid #b2b2b2;}
.app-welcome{margin-top:25px;}
.app-name{color:#000000;font-weight:bold;}

 pyramid/paster_templates/starter/+package+/static/pylons.css

@@ -38,12 +38,13 @@
#footer{bottom:0;background:#000000 url(footerbg.png) repeat-x 0 top;position:relative;margin-top:-40px;clear:both;}
.header,.footer{width:750px;margin-right:auto;margin-left:auto;}
.wrapper{width:100%}
#top,#bottom{width:100%;}
#top{color:#000000;height:230px;
background:#ffffff url(headerbg.png) repeat-x 0 top;position:relative;}
#top,#top-small,#bottom{width:100%;}
#top{color:#000000;height:230px;background:#ffffff url(headerbg.png) repeat-x 0 top;position:relative;}
#top-small{color:#000000;height:60px;background:#ffffff url(headerbg.png) repeat-x 0 top;position:relative;}
#bottom{color:#222;background-color:#ffffff;}
.top,.middle,.bottom{width:750px;margin-right:auto;margin-left:auto;}
.top,.top-small,.middle,.bottom{width:750px;margin-right:auto;margin-left:auto;}
.top{padding-top:40px;}
.top-small{padding-top:10px;}
#middle{width:100%;height:100px;background:url(middlebg.png) repeat-x;border-top:2px solid #ffffff;border-bottom:2px solid #b2b2b2;}
.app-welcome{margin-top:25px;}
.app-name{color:#000000;font-weight:bold;}

 pyramid/paster_templates/starter_zcml/+package+/static/pylons.css

@@ -38,12 +38,13 @@
#footer{bottom:0;background:#000000 url(footerbg.png) repeat-x 0 top;position:relative;margin-top:-40px;clear:both;}
.header,.footer{width:750px;margin-right:auto;margin-left:auto;}
.wrapper{width:100%}
#top,#bottom{width:100%;}
#top{color:#000000;height:230px;
background:#ffffff url(headerbg.png) repeat-x 0 top;position:relative;}
#top,#top-small,#bottom{width:100%;}
#top{color:#000000;height:230px;background:#ffffff url(headerbg.png) repeat-x 0 top;position:relative;}
#top-small{color:#000000;height:60px;background:#ffffff url(headerbg.png) repeat-x 0 top;position:relative;}
#bottom{color:#222;background-color:#ffffff;}
.top,.middle,.bottom{width:750px;margin-right:auto;margin-left:auto;}
.top,.top-small,.middle,.bottom{width:750px;margin-right:auto;margin-left:auto;}
.top{padding-top:40px;}
.top-small{padding-top:10px;}
#middle{width:100%;height:100px;background:url(middlebg.png) repeat-x;border-top:2px solid #ffffff;border-bottom:2px solid #b2b2b2;}
.app-welcome{margin-top:25px;}
.app-name{color:#000000;font-weight:bold;}

 pyramid/paster_templates/zodb/+package+/static/pylons.css

@@ -38,12 +38,13 @@
#footer{bottom:0;background:#000000 url(footerbg.png) repeat-x 0 top;position:relative;margin-top:-40px;clear:both;}
.header,.footer{width:750px;margin-right:auto;margin-left:auto;}
.wrapper{width:100%}
#top,#bottom{width:100%;}
#top{color:#000000;height:230px;
background:#ffffff url(headerbg.png) repeat-x 0 top;position:relative;}
#top,#top-small,#bottom{width:100%;}
#top{color:#000000;height:230px;background:#ffffff url(headerbg.png) repeat-x 0 top;position:relative;}
#top-small{color:#000000;height:60px;background:#ffffff url(headerbg.png) repeat-x 0 top;position:relative;}
#bottom{color:#222;background-color:#ffffff;}
.top,.middle,.bottom{width:750px;margin-right:auto;margin-left:auto;}
.top,.top-small,.middle,.bottom{width:750px;margin-right:auto;margin-left:auto;}
.top{padding-top:40px;}
.top-small{padding-top:10px;}
#middle{width:100%;height:100px;background:url(middlebg.png) repeat-x;border-top:2px solid #ffffff;border-bottom:2px solid #b2b2b2;}
.app-welcome{margin-top:25px;}
.app-name{color:#000000;font-weight:bold;}

			@@ -38,12 +38,13 @@
			#footer{bottom:0;background:#000000 url(footerbg.png) repeat-x 0 top;position:relative;margin-top:-40px;clear:both;}
			.header,.footer{width:750px;margin-right:auto;margin-left:auto;}
			.wrapper{width:100%}
			#top,#bottom{width:100%;}
			#top{color:#000000;height:230px;
			background:#ffffff url(headerbg.png) repeat-x 0 top;position:relative;}
			#top,#top-small,#bottom{width:100%;}
			#top{color:#000000;height:230px;background:#ffffff url(headerbg.png) repeat-x 0 top;position:relative;}
			#top-small{color:#000000;height:60px;background:#ffffff url(headerbg.png) repeat-x 0 top;position:relative;}
			#bottom{color:#222;background-color:#ffffff;}
			.top,.middle,.bottom{width:750px;margin-right:auto;margin-left:auto;}
			.top,.top-small,.middle,.bottom{width:750px;margin-right:auto;margin-left:auto;}
			.top{padding-top:40px;}
			.top-small{padding-top:10px;}
			#middle{width:100%;height:100px;background:url(middlebg.png) repeat-x;border-top:2px solid #ffffff;border-bottom:2px solid #b2b2b2;}
			.app-welcome{margin-top:25px;}
			.app-name{color:#000000;font-weight:bold;}

			@@ -15,10 +15,10 @@
			</head>
			<body>
			<div id="wrap">
			<div id="top">
			<div class="top align-center">
			<div id="top-small">
			<div class="top-small align-center">
			<div>
			<img src="${request.static_url('tutorial:static/pyramid.png')}" width="750" height="169" alt="pyramid" />
			<img src="${request.static_url('tutorial:static/pyramid-small.png')}" width="220" height="50" alt="pyramid" />
			</div>
			</div>
			</div>