Updated tutorial sources to use the new theme, use request.static_url('{{pa...

Blaise Laflamme

2011-01-06 30c242755e6ec6f21b9f817de606bdad6aed276f

Updated tutorial sources to use the new theme, use request.static_url('{{package}}:static/foo.css') instead of ${request.application_url}/static/foo.css for static files

 docs/tutorials/wiki/src/authorization/tutorial/static/footerbg.png

 docs/tutorials/wiki/src/authorization/tutorial/static/headerbg.png

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

New file
@@ -0,0 +1,8 @@
* html img,
* html .png{position:relative;behavior:expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "',sizingMethod='image')",
this.src = "static/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "',sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);}
#wrap{display:table;height:100%}

 docs/tutorials/wiki/src/authorization/tutorial/static/logo.png

Binary files differ

 docs/tutorials/wiki/src/authorization/tutorial/static/middlebg.png

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

@@ -4,34 +4,23 @@
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
/* remember to define focus styles! */
:focus{outline:0;}
/* remember to highlight inserts somehow! */
ins{text-decoration:none;}
del{text-decoration:line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:collapse;border-spacing:0;}
/* restyling */
sub{vertical-align:sub;font-size:smaller;line-height:normal;}
sup{vertical-align:super;font-size:smaller;line-height:normal;}
/* lists */
ul,menu,dir{display:block;list-style-type:disc;margin:1em 0;padding-left:40px;}
ol{display:block;list-style-type:decimal-leading-zero;margin:1em 0;padding-left:40px;}
li{display:list-item;}
/* nested lists have no top/bottom margins */
ul ul,ul ol,ul dir,ul menu,ul dl,ol ul,ol ol,ol dir,ol menu,ol dl,dir ul,dir ol,dir dir,dir menu,dir dl,menu ul,menu ol,menu dir,menu menu,menu dl,dl ul,dl ol,dl dir,dl menu,dl dl{margin-top:0;margin-bottom:0;}
/* 2 deep unordered lists use a circle */
ol ul,ul ul,menu ul,dir ul,ol menu,ul menu,menu menu,dir menu,ol dir,ul dir,menu dir,dir dir{list-style-type:circle;}
/* 3 deep (or more) unordered lists use a square */
ol ol ul,ol ul ul,ol menu ul,ol dir ul,ol ol menu,ol ul menu,ol menu menu,ol dir menu,ol ol dir,ol ul dir,ol menu dir,ol dir dir,ul ol ul,ul ul ul,ul menu ul,ul dir ul,ul ol menu,ul ul menu,ul menu menu,ul dir menu,ul ol dir,ul ul dir,ul menu dir,ul dir dir,menu ol ul,menu ul ul,menu menu ul,menu dir ul,menu ol menu,menu ul menu,menu menu menu,menu dir menu,menu ol dir,menu ul dir,menu menu dir,menu dir dir,dir ol ul,dir ul ul,dir menu ul,dir dir ul,dir ol menu,dir ul menu,dir menu menu,dir dir menu,dir ol dir,dir ul dir,dir menu dir,dir dir dir{list-style-type:square;}
.hidden{display:none;}
p{line-height:1.5em;}
h1{font-size:1.75em;/* 28px */
line-height:1.7em;font-family:helvetica,verdana;}
h2{font-size:1.5em;/* 24px */
line-height:1.7em;font-family:helvetica,verdana;}
h3{font-size:1.25em;/* 20px */
line-height:1.7em;font-family:helvetica,verdana;}
h1{font-size:1.75em;line-height:1.7em;font-family:helvetica,verdana;}
h2{font-size:1.5em;line-height:1.7em;font-family:helvetica,verdana;}
h3{font-size:1.25em;line-height:1.7em;font-family:helvetica,verdana;}
h4{font-size:1em;line-height:1.7em;font-family:helvetica,verdana;}
html,body{width:100%;height:100%;}
body{margin:0;padding:0;background-color:#ffffff;position:relative;font:16px/24px "Nobile","Lucida Grande",Lucida,Verdana,sans-serif;}
@@ -42,23 +31,25 @@
body h3,
body h4,
body h5,
body h6{font-family:"Nobile","Lucida Grande",Lucida,Verdana,sans-serif;font-weight:normal;color:#144fb2;font-style:normal;}
#wrap {min-height: 100%;}
#header,#footer{width:100%;color:#ffffff;height:40px;position:absolute;text-align:center;line-height:40px;overflow:hidden;font-size:12px;}
#header{background-color:#e88f00;top:0;font-size:14px;}
#footer{background-color:#000000;bottom:0;position: relative;margin-top:-40px;clear:both;}
.header,.footer{width:700px;margin-right:auto;margin-left:auto;}
body h6{font-family:"Neuton","Lucida Grande",Lucida,Verdana,sans-serif;font-weight:normal;color:#373839;font-style:normal;}
#wrap{min-height:100%;}
#header,#footer{width:100%;color:#ffffff;height:40px;position:absolute;text-align:center;line-height:40px;overflow:hidden;font-size:12px;vertical-align:middle;}
#header{background:#000000;top:0;font-size:14px;}
#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:#888;background-color:#eee;height:300px;border-bottom:2px solid #ddd;}
#bottom{color:#222;background-color:#ffffff;overflow:hidden;padding-bottom:80px;}
.top,.bottom{width:700px;margin-right:auto;margin-left:auto;}
.top{padding-top:100px;}
#top{color:#000000;height:230px;
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{padding-top:40px;}
#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;}
.bottom{padding-top:50px;}
#left{width:325px;float:left;padding-right:25px;}
#right{width:325px;float:right;padding-left:25px;}
#left{width:350px;float:left;padding-right:25px;}
#right{width:350px;float:right;padding-left:25px;}
.align-left{text-align:left;}
.align-right{text-align:right;}
.align-center{text-align:center;}
@@ -67,7 +58,7 @@
form{border-style:none;}
fieldset{border-style:none;}
input{color:#222;border:1px solid #ccc;font-family:sans-serif;font-size:12px;line-height:16px;}
input[type=text]{}
input[type=text],input[type=password]{width:205px;}
input[type=submit]{background-color:#ddd;font-weight:bold;}
/*Opera Fix*/
body:before {content:"";height:100%;float:left;width:0;margin-top:-32767px;}
body:before{content:"";height:100%;float:left;width:0;margin-top:-32767px;}

 docs/tutorials/wiki/src/authorization/tutorial/static/pyramid.png

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

File was deleted

 docs/tutorials/wiki/src/authorization/tutorial/static/transparent.gif

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

@@ -1,34 +1,51 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html
    xmlns="http://www.w3.org/1999/xhtml"
      xmlns:tal="http://xml.zope.org/namespaces/tal">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" xmlns:tal="http://xml.zope.org/namespaces/tal">
<head>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
    <title>Pyramid tutorial wiki (based on TurboGears 20-Minute Wiki) 
           Editing: ${page.__name__}</title>
        <link rel="stylesheet" type="text/css"
          href="${request.application_url}/static/style.css" />
    <title>${page.__name__} - Pyramid tutorial wiki (based on TurboGears 20-Minute Wiki)</title>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
    <meta name="keywords" content="python web application" />
    <meta name="description" content="pyramid web application" />
    <link rel="shortcut icon" href="${request.static_url('tutorial:static/favicon.ico')}" />
    <link rel="stylesheet" href="${request.static_url('tutorial:static/pylons.css')}" type="text/css" media="screen" charset="utf-8" />
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Neuton&amp;subset=latin" type="text/css" media="screen" charset="utf-8" />
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Nobile:regular,italic,bold,bolditalic&amp;subset=latin" type="text/css" media="screen" charset="utf-8" />
    <!--[if lte IE 6]>
    <link rel="stylesheet" href="${request.static_url('tutorial:static/ie6.css')}" type="text/css" media="screen" charset="utf-8" />
    <![endif]-->
</head>

<body>

<div class="main_content">
  <div style="float:right; width: 10em;"> Viewing
    <span tal:replace="page.__name__">Page Name Goes Here</span> <br/>
    You can return to the <a href="${request.application_url}"
          >FrontPage</a>.
   <span tal:condition="logged_in"><a 
         href="${request.application_url}/logout">Logout</a></span>
  </div>

  <div>
    <form action="${save_url}" method="post">
      <textarea name="body" tal:content="page.data" rows="10" cols="60"/>
      <input type="submit" name="form.submitted" value="Save"/>
    </form>
  </div>
</div>  
    <div id="wrap">
        <div id="top">
            <div class="top align-center">
                <div>
                    <img src="${request.static_url('tutorial:static/pyramid.png')}" width="750" height="169" alt="pyramid" />
                </div>
            </div>
        </div>
        <div id="middle">
            <div class="middle align-right">
                <div id="left" class="app-welcome align-left">
                    Editing <b><span tal:replace="page.__name__">Page Name Goes Here</span></b><br/>
                    You can return to the <a href="${request.application_url}">FrontPage</a>.<br/>
                </div>
                <div id="right" class="app-welcome align-right">
                    <span tal:condition="logged_in">
                          <a href="${request.application_url}/logout">Logout</a>
                    </span>
                </div>
            </div>
        </div>
        <div id="bottom">
            <div class="bottom">
                <form action="${save_url}" method="post">
                      <textarea name="body" tal:content="page.data" rows="10" cols="60"/><br/>
                      <input type="submit" name="form.submitted" value="Save"/>
                </form>
            </div>
        </div>
    </div>
    <div id="footer">
        <div class="footer">© Copyright 2008-2011, Agendaless Consulting.</div>
    </div>
</body>
</html>
</html>

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

@@ -1,32 +1,49 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:tal="http://xml.zope.org/namespaces/tal">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" xmlns:tal="http://xml.zope.org/namespaces/tal">
<head>
  <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
  <title>Pyramid tutorial wiki (based on TurboGears 20-Minute Wiki)</title>
  <link rel="stylesheet" type="text/css"
        href="${request.application_url}/static/style.css" />
    <title>Login - Pyramid tutorial wiki (based on TurboGears 20-Minute Wiki)</title>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
    <meta name="keywords" content="python web application" />
    <meta name="description" content="pyramid web application" />
    <link rel="shortcut icon" href="${request.static_url('tutorial:static/favicon.ico')}" />
    <link rel="stylesheet" href="${request.static_url('tutorial:static/pylons.css')}" type="text/css" media="screen" charset="utf-8" />
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Neuton&amp;subset=latin" type="text/css" media="screen" charset="utf-8" />
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Nobile:regular,italic,bold,bolditalic&amp;subset=latin" type="text/css" media="screen" charset="utf-8" />
    <!--[if lte IE 6]>
    <link rel="stylesheet" href="${request.static_url('tutorial:static/ie6.css')}" type="text/css" media="screen" charset="utf-8" />
    <![endif]-->
</head>

<body>

<h1>Log In</h1>

<div tal:replace="message"/>

<div class="main_content">
  <form action="${url}" method="post">
    <input type="hidden" name="came_from" value="${came_from}"/>
    <input type="text" name="login" value="${login}"/>
    <br/>
    <input type="password" name="password" value="${password}"/>
    <br/>
    <input type="submit" name="form.submitted" value="Log In"/>
  </form>
</div>  

    <div id="wrap">
        <div id="top">
            <div class="top align-center">
                <div>
                    <img src="${request.static_url('tutorial:static/pyramid.png')}" width="750" height="169" alt="pyramid" />
                </div>
            </div>
        </div>
        <div id="middle">
            <div class="middle align-right">
                <div id="left" class="app-welcome align-left">
                    <b>Login</b><br/>
                    <span tal:replace="message"/>
                </div>
                <div id="right" class="app-welcome align-right"></div>
            </div>
        </div>
        <div id="bottom">
            <div class="bottom">
                <form action="${url}" method="post">
                    <input type="hidden" name="came_from" value="${came_from}"/>
                    <input type="text" name="login" value="${login}"/><br/>
                    <input type="password" name="password" value="${password}"/><br/>
                    <input type="submit" name="form.submitted" value="Log In"/>
                  </form>
            </div>
        </div>
    </div>
    <div id="footer">
        <div class="footer">© Copyright 2008-2011, Agendaless Consulting.</div>
    </div>
</body>
</html>
</html>

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

@@ -5,65 +5,72 @@
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
    <meta name="keywords" content="python web application" />
    <meta name="description" content="pyramid web application" />
    <link rel="shortcut icon" href="${request.application_url}/static/favicon.ico" />
    <link rel="stylesheet" href="${request.application_url}/static/pylons.css" type="text/css" media="screen" charset="utf-8" />
    <link rel="shortcut icon" href="${request.static_url('tutorial:static/favicon.ico')}" />
    <link rel="stylesheet" href="${request.static_url('tutorial:static/pylons.css')}" type="text/css" media="screen" charset="utf-8" />
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Neuton&amp;subset=latin" type="text/css" media="screen" charset="utf-8" />
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Nobile:regular,italic,bold,bolditalic&amp;subset=latin" type="text/css" media="screen" charset="utf-8" />
    <!--[if lte IE 6]>
    <link rel="stylesheet" href="${request.static_url('tutorial:static/ie6.css')}" type="text/css" media="screen" charset="utf-8" />
    <![endif]-->
</head>
<body>
    <div id="header">
        <div class="header">The Pyramid Web Application Development Framework</div>
    </div>
    <div id="top">
        <div class="top align-center">
            <img src="${request.application_url}/static/logo.png" width="300" height="80"/>
            <p class="app-welcome">
                Welcome to <span class="app-name">${project}</span>, an application generated by<br/>
                the Pyramid web application development framework.
            </p>
        </div>
    </div>
    <div id="bottom">
        <div class="bottom">
            <div id="left" class="align-right">
                <h3>Search Pyramid documentation</h3>
                <form method="get" action="http://docs.pylonshq.com/pyramid/dev/search.html">
                      <input type="text" id="q" name="q" value="" />
                      <input type="submit" id="x" value="Search" />
                  </form>
    <div id="wrap">
        <div id="top">
            <div class="top align-center">
                <div><img src="${request.static_url('tutorial:static/pyramid.png')}" width="750" height="169" alt="pyramid"/></div>
            </div>
            <div id="right" class="align-left">
                <h3>Pyramid links</h3>
                <ul class="links">
                    <li>
                        <a href="http://pylonshq.com">Pylons Website</a>
                    </li>
                    <li>
                        <a href="http://docs.pylonshq.com/pyramid/dev/#narrative-documentation">Narrative Documentation</a>
                    </li>
                    <li>
                        <a href="http://docs.pylonshq.com/pyramid/dev/#api-documentation">API Documentation</a>
                    </li>
                    <li>
                        <a href="http://docs.pylonshq.com/pyramid/dev/#tutorials">Tutorials</a>
                    </li>
                    <li>
                        <a href="http://docs.pylonshq.com/pyramid/dev/#change-history">Change History</a>
                    </li>
                    <li>
                        <a href="http://docs.pylonshq.com/pyramid/dev/#sample-applications">Sample Applications</a>
                    </li>
                    <li>
                        <a href="http://docs.pylonshq.com/pyramid/dev/#support-and-development">Support and Development</a>
                    </li>
                    <li>
                        <a href="irc://irc.freenode.net#pyramid">IRC Channel</a>
                    </li>
                  </ul>
        </div>
        <div id="middle">
            <div class="middle align-center">
                <p class="app-welcome">
                    Welcome to <span class="app-name">${project}</span>, an application generated by<br/>
                    the Pyramid web application development framework.
                </p>
            </div>
        </div>
        <div id="bottom">
            <div class="bottom">
                <div id="left" class="align-right">
                    <h2>Search documentation</h2>
                    <form method="get" action="http://docs.pylonshq.com/pyramid/dev/search.html">
                          <input type="text" id="q" name="q" value="" />
                          <input type="submit" id="x" value="Go" />
                      </form>
                </div>
                <div id="right" class="align-left">
                    <h2>Pyramid links</h2>
                    <ul class="links">
                        <li>
                            <a href="http://pylonshq.com">Pylons Website</a>
                        </li>
                        <li>
                            <a href="http://docs.pylonshq.com/pyramid/dev/#narrative-documentation">Narrative Documentation</a>
                        </li>
                        <li>
                            <a href="http://docs.pylonshq.com/pyramid/dev/#api-documentation">API Documentation</a>
                        </li>
                        <li>
                            <a href="http://docs.pylonshq.com/pyramid/dev/#tutorials">Tutorials</a>
                        </li>
                        <li>
                            <a href="http://docs.pylonshq.com/pyramid/dev/#change-history">Change History</a>
                        </li>
                        <li>
                            <a href="http://docs.pylonshq.com/pyramid/dev/#sample-applications">Sample Applications</a>
                        </li>
                        <li>
                            <a href="http://docs.pylonshq.com/pyramid/dev/#support-and-development">Support and Development</a>
                        </li>
                        <li>
                            <a href="irc://irc.freenode.net#pyramid">IRC Channel</a>
                        </li>
                      </ul>
                </div>
            </div>
        </div>
    </div>
    <div id="footer">
        <div class="footer">© Copyright 2008-2010, Agendaless Consulting.</div>
        <div class="footer">© Copyright 2008-2011, Agendaless Consulting.</div>
    </div>
</body>
</html>

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

@@ -1,31 +1,55 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html
    xmlns="http://www.w3.org/1999/xhtml"
      xmlns:tal="http://xml.zope.org/namespaces/tal">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" xmlns:tal="http://xml.zope.org/namespaces/tal">
<head>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
    <title>${page.__name__} - Pyramid tutorial wiki 
           (based on TurboGears 20-Minute Wiki)
    </title>
        <link rel="stylesheet" type="text/css"
          href="${request.application_url}/static/style.css" />
    <title>${page.__name__} - Pyramid tutorial wiki (based on TurboGears 20-Minute Wiki)</title>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
    <meta name="keywords" content="python web application" />
    <meta name="description" content="pyramid web application" />
    <link rel="shortcut icon" href="${request.static_url('tutorial:static/favicon.ico')}" />
    <link rel="stylesheet" href="${request.static_url('tutorial:static/pylons.css')}" type="text/css" media="screen" charset="utf-8" />
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Neuton&amp;subset=latin" type="text/css" media="screen" charset="utf-8" />
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Nobile:regular,italic,bold,bolditalic&amp;subset=latin" type="text/css" media="screen" charset="utf-8" />
    <!--[if lte IE 6]>
    <link rel="stylesheet" href="${request.static_url('tutorial:static/ie6.css')}" type="text/css" media="screen" charset="utf-8" />
    <![endif]-->
</head>

<body>

<div class="main_content">
<div style="float:right; width: 10em;"> Viewing
<span tal:replace="page.__name__">Page Name Goes Here</span> <br/>
You can return to the <a href="${request.application_url}">FrontPage</a>.
<span tal:condition="logged_in">
  <a href="${request.application_url}/logout">Logout</a>
</span>
</div>

<div tal:replace="structure content">Page text goes here.</div>
<p><a tal:attributes="href edit_url" href="">Edit this page</a></p>
</div>

</body></html>
    <div id="wrap">
        <div id="top">
            <div class="top align-center">
                <div>
                    <img src="${request.static_url('tutorial:static/pyramid.png')}" width="750" height="169" alt="pyramid" />
                </div>
            </div>
        </div>
        <div id="middle">
            <div class="middle align-right">
                <div id="left" class="app-welcome align-left">
                    Viewing <b><span tal:replace="page.__name__">Page Name Goes Here</span></b><br/>
                    You can return to the <a href="${request.application_url}">FrontPage</a>.<br/>
                </div>
                <div id="right" class="app-welcome align-right">
                    <span tal:condition="logged_in">
                          <a href="${request.application_url}/logout">Logout</a>
                    </span>
                </div>
            </div>
        </div>
        <div id="bottom">
            <div class="bottom">
                <div tal:replace="structure content">
                    Page text goes here.
                </div>
                <p>
                    <a tal:attributes="href edit_url" href="">
                        Edit this page
                    </a>
                </p>
            </div>
        </div>
    </div>
    <div id="footer">
        <div class="footer">© Copyright 2008-2011, Agendaless Consulting.</div>
    </div>
</body>
</html>

 docs/tutorials/wiki/src/basiclayout/tutorial/static/footerbg.png

 docs/tutorials/wiki/src/basiclayout/tutorial/static/headerbg.png

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

New file
@@ -0,0 +1,8 @@
* html img,
* html .png{position:relative;behavior:expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "',sizingMethod='image')",
this.src = "static/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "',sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);}
#wrap{display:table;height:100%}

 docs/tutorials/wiki/src/basiclayout/tutorial/static/logo.png

Binary files differ

 docs/tutorials/wiki/src/basiclayout/tutorial/static/middlebg.png

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

@@ -4,34 +4,23 @@
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
/* remember to define focus styles! */
:focus{outline:0;}
/* remember to highlight inserts somehow! */
ins{text-decoration:none;}
del{text-decoration:line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:collapse;border-spacing:0;}
/* restyling */
sub{vertical-align:sub;font-size:smaller;line-height:normal;}
sup{vertical-align:super;font-size:smaller;line-height:normal;}
/* lists */
ul,menu,dir{display:block;list-style-type:disc;margin:1em 0;padding-left:40px;}
ol{display:block;list-style-type:decimal-leading-zero;margin:1em 0;padding-left:40px;}
li{display:list-item;}
/* nested lists have no top/bottom margins */
ul ul,ul ol,ul dir,ul menu,ul dl,ol ul,ol ol,ol dir,ol menu,ol dl,dir ul,dir ol,dir dir,dir menu,dir dl,menu ul,menu ol,menu dir,menu menu,menu dl,dl ul,dl ol,dl dir,dl menu,dl dl{margin-top:0;margin-bottom:0;}
/* 2 deep unordered lists use a circle */
ol ul,ul ul,menu ul,dir ul,ol menu,ul menu,menu menu,dir menu,ol dir,ul dir,menu dir,dir dir{list-style-type:circle;}
/* 3 deep (or more) unordered lists use a square */
ol ol ul,ol ul ul,ol menu ul,ol dir ul,ol ol menu,ol ul menu,ol menu menu,ol dir menu,ol ol dir,ol ul dir,ol menu dir,ol dir dir,ul ol ul,ul ul ul,ul menu ul,ul dir ul,ul ol menu,ul ul menu,ul menu menu,ul dir menu,ul ol dir,ul ul dir,ul menu dir,ul dir dir,menu ol ul,menu ul ul,menu menu ul,menu dir ul,menu ol menu,menu ul menu,menu menu menu,menu dir menu,menu ol dir,menu ul dir,menu menu dir,menu dir dir,dir ol ul,dir ul ul,dir menu ul,dir dir ul,dir ol menu,dir ul menu,dir menu menu,dir dir menu,dir ol dir,dir ul dir,dir menu dir,dir dir dir{list-style-type:square;}
.hidden{display:none;}
p{line-height:1.5em;}
h1{font-size:1.75em;/* 28px */
line-height:1.7em;font-family:helvetica,verdana;}
h2{font-size:1.5em;/* 24px */
line-height:1.7em;font-family:helvetica,verdana;}
h3{font-size:1.25em;/* 20px */
line-height:1.7em;font-family:helvetica,verdana;}
h1{font-size:1.75em;line-height:1.7em;font-family:helvetica,verdana;}
h2{font-size:1.5em;line-height:1.7em;font-family:helvetica,verdana;}
h3{font-size:1.25em;line-height:1.7em;font-family:helvetica,verdana;}
h4{font-size:1em;line-height:1.7em;font-family:helvetica,verdana;}
html,body{width:100%;height:100%;}
body{margin:0;padding:0;background-color:#ffffff;position:relative;font:16px/24px "Nobile","Lucida Grande",Lucida,Verdana,sans-serif;}
@@ -42,23 +31,25 @@
body h3,
body h4,
body h5,
body h6{font-family:"Nobile","Lucida Grande",Lucida,Verdana,sans-serif;font-weight:normal;color:#144fb2;font-style:normal;}
#wrap {min-height: 100%;}
#header,#footer{width:100%;color:#ffffff;height:40px;position:absolute;text-align:center;line-height:40px;overflow:hidden;font-size:12px;}
#header{background-color:#e88f00;top:0;font-size:14px;}
#footer{background-color:#000000;bottom:0;position: relative;margin-top:-40px;clear:both;}
.header,.footer{width:700px;margin-right:auto;margin-left:auto;}
body h6{font-family:"Neuton","Lucida Grande",Lucida,Verdana,sans-serif;font-weight:normal;color:#373839;font-style:normal;}
#wrap{min-height:100%;}
#header,#footer{width:100%;color:#ffffff;height:40px;position:absolute;text-align:center;line-height:40px;overflow:hidden;font-size:12px;vertical-align:middle;}
#header{background:#000000;top:0;font-size:14px;}
#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:#888;background-color:#eee;height:300px;border-bottom:2px solid #ddd;}
#bottom{color:#222;background-color:#ffffff;overflow:hidden;padding-bottom:80px;}
.top,.bottom{width:700px;margin-right:auto;margin-left:auto;}
.top{padding-top:100px;}
#top{color:#000000;height:230px;
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{padding-top:40px;}
#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;}
.bottom{padding-top:50px;}
#left{width:325px;float:left;padding-right:25px;}
#right{width:325px;float:right;padding-left:25px;}
#left{width:350px;float:left;padding-right:25px;}
#right{width:350px;float:right;padding-left:25px;}
.align-left{text-align:left;}
.align-right{text-align:right;}
.align-center{text-align:center;}
@@ -67,7 +58,7 @@
form{border-style:none;}
fieldset{border-style:none;}
input{color:#222;border:1px solid #ccc;font-family:sans-serif;font-size:12px;line-height:16px;}
input[type=text]{}
input[type=text],input[type=password]{width:205px;}
input[type=submit]{background-color:#ddd;font-weight:bold;}
/*Opera Fix*/
body:before {content:"";height:100%;float:left;width:0;margin-top:-32767px;}
body:before{content:"";height:100%;float:left;width:0;margin-top:-32767px;}

 docs/tutorials/wiki/src/basiclayout/tutorial/static/pyramid.png

 docs/tutorials/wiki/src/basiclayout/tutorial/static/transparent.gif

 docs/tutorials/wiki/src/basiclayout/tutorial/templates/mytemplate.pt

@@ -5,23 +5,23 @@
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
    <meta name="keywords" content="python web application" />
    <meta name="description" content="pyramid web application" />
    <link rel="shortcut icon" href="${request.application_url}/static/favicon.ico" />
    <link rel="stylesheet" href="${request.application_url}/static/pylons.css" type="text/css" media="screen" charset="utf-8" />
    <link rel="shortcut icon" href="${request.static_url('tutorial:static/favicon.ico')}" />
    <link rel="stylesheet" href="${request.static_url('tutorial:static/pylons.css')}" type="text/css" media="screen" charset="utf-8" />
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Neuton&amp;subset=latin" type="text/css" media="screen" charset="utf-8" />
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Nobile:regular,italic,bold,bolditalic&amp;subset=latin" type="text/css" media="screen" charset="utf-8" />
    <!--[if !IE 7]>
    <style type="text/css">
        #wrap {display:table;height:100%}
    </style>
    <!--[if lte IE 6]>
    <link rel="stylesheet" href="${request.static_url('tutorial:static/ie6.css')}" type="text/css" media="screen" charset="utf-8" />
    <![endif]-->
</head>
<body>
    <div id="wrap">
        <div id="header">
            <div class="header">The Pyramid Web Application Development Framework</div>
        </div>
        <div id="top">
            <div class="top align-center">
                <img src="${request.application_url}/static/logo.png" width="300" height="80"/>
                <div><img src="${request.static_url('tutorial:static/pyramid.png')}" width="750" height="169" alt="pyramid"/></div>
            </div>
        </div>
        <div id="middle">
            <div class="middle align-center">
                <p class="app-welcome">
                    Welcome to <span class="app-name">${project}</span>, an application generated by<br/>
                    the Pyramid web application development framework.
@@ -31,20 +31,17 @@
        <div id="bottom">
            <div class="bottom">
                <div id="left" class="align-right">
                    <h3>Search Pyramid documentation</h3>
                    <h2>Search documentation</h2>
                    <form method="get" action="http://docs.pylonshq.com/pyramid/dev/search.html">
                          <input type="text" id="q" name="q" value="" />
                          <input type="submit" id="x" value="Search" />
                          <input type="submit" id="x" value="Go" />
                      </form>
                </div>
                <div id="right" class="align-left">
                    <h3>Pyramid links</h3>
                    <h2>Pyramid links</h2>
                    <ul class="links">
                        <li>
                            <a href="http://pylonshq.com">Pylons Website</a>
                        </li>
                        <li>
                            <a href="http://docs.pylonshq.com/">The Pylons Project Documentation</a>
                        </li>
                        <li>
                            <a href="http://docs.pylonshq.com/pyramid/dev/#narrative-documentation">Narrative Documentation</a>
@@ -73,7 +70,7 @@
        </div>
    </div>
    <div id="footer">
        <div class="footer">© Copyright 2008-2010, Agendaless Consulting.</div>
        <div class="footer">© Copyright 2008-2011, Agendaless Consulting.</div>
    </div>
</body>
</html>

 docs/tutorials/wiki/src/models/tutorial/static/footerbg.png

 docs/tutorials/wiki/src/models/tutorial/static/headerbg.png

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

New file
@@ -0,0 +1,8 @@
* html img,
* html .png{position:relative;behavior:expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "',sizingMethod='image')",
this.src = "static/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "',sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);}
#wrap{display:table;height:100%}

 docs/tutorials/wiki/src/models/tutorial/static/logo.png

Binary files differ

 docs/tutorials/wiki/src/models/tutorial/static/middlebg.png

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

@@ -4,34 +4,23 @@
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
/* remember to define focus styles! */
:focus{outline:0;}
/* remember to highlight inserts somehow! */
ins{text-decoration:none;}
del{text-decoration:line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:collapse;border-spacing:0;}
/* restyling */
sub{vertical-align:sub;font-size:smaller;line-height:normal;}
sup{vertical-align:super;font-size:smaller;line-height:normal;}
/* lists */
ul,menu,dir{display:block;list-style-type:disc;margin:1em 0;padding-left:40px;}
ol{display:block;list-style-type:decimal-leading-zero;margin:1em 0;padding-left:40px;}
li{display:list-item;}
/* nested lists have no top/bottom margins */
ul ul,ul ol,ul dir,ul menu,ul dl,ol ul,ol ol,ol dir,ol menu,ol dl,dir ul,dir ol,dir dir,dir menu,dir dl,menu ul,menu ol,menu dir,menu menu,menu dl,dl ul,dl ol,dl dir,dl menu,dl dl{margin-top:0;margin-bottom:0;}
/* 2 deep unordered lists use a circle */
ol ul,ul ul,menu ul,dir ul,ol menu,ul menu,menu menu,dir menu,ol dir,ul dir,menu dir,dir dir{list-style-type:circle;}
/* 3 deep (or more) unordered lists use a square */
ol ol ul,ol ul ul,ol menu ul,ol dir ul,ol ol menu,ol ul menu,ol menu menu,ol dir menu,ol ol dir,ol ul dir,ol menu dir,ol dir dir,ul ol ul,ul ul ul,ul menu ul,ul dir ul,ul ol menu,ul ul menu,ul menu menu,ul dir menu,ul ol dir,ul ul dir,ul menu dir,ul dir dir,menu ol ul,menu ul ul,menu menu ul,menu dir ul,menu ol menu,menu ul menu,menu menu menu,menu dir menu,menu ol dir,menu ul dir,menu menu dir,menu dir dir,dir ol ul,dir ul ul,dir menu ul,dir dir ul,dir ol menu,dir ul menu,dir menu menu,dir dir menu,dir ol dir,dir ul dir,dir menu dir,dir dir dir{list-style-type:square;}
.hidden{display:none;}
p{line-height:1.5em;}
h1{font-size:1.75em;/* 28px */
line-height:1.7em;font-family:helvetica,verdana;}
h2{font-size:1.5em;/* 24px */
line-height:1.7em;font-family:helvetica,verdana;}
h3{font-size:1.25em;/* 20px */
line-height:1.7em;font-family:helvetica,verdana;}
h1{font-size:1.75em;line-height:1.7em;font-family:helvetica,verdana;}
h2{font-size:1.5em;line-height:1.7em;font-family:helvetica,verdana;}
h3{font-size:1.25em;line-height:1.7em;font-family:helvetica,verdana;}
h4{font-size:1em;line-height:1.7em;font-family:helvetica,verdana;}
html,body{width:100%;height:100%;}
body{margin:0;padding:0;background-color:#ffffff;position:relative;font:16px/24px "Nobile","Lucida Grande",Lucida,Verdana,sans-serif;}
@@ -42,23 +31,25 @@
body h3,
body h4,
body h5,
body h6{font-family:"Nobile","Lucida Grande",Lucida,Verdana,sans-serif;font-weight:normal;color:#144fb2;font-style:normal;}
#wrap {min-height: 100%;}
#header,#footer{width:100%;color:#ffffff;height:40px;position:absolute;text-align:center;line-height:40px;overflow:hidden;font-size:12px;}
#header{background-color:#e88f00;top:0;font-size:14px;}
#footer{background-color:#000000;bottom:0;position: relative;margin-top:-40px;clear:both;}
.header,.footer{width:700px;margin-right:auto;margin-left:auto;}
body h6{font-family:"Neuton","Lucida Grande",Lucida,Verdana,sans-serif;font-weight:normal;color:#373839;font-style:normal;}
#wrap{min-height:100%;}
#header,#footer{width:100%;color:#ffffff;height:40px;position:absolute;text-align:center;line-height:40px;overflow:hidden;font-size:12px;vertical-align:middle;}
#header{background:#000000;top:0;font-size:14px;}
#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:#888;background-color:#eee;height:300px;border-bottom:2px solid #ddd;}
#bottom{color:#222;background-color:#ffffff;overflow:hidden;padding-bottom:80px;}
.top,.bottom{width:700px;margin-right:auto;margin-left:auto;}
.top{padding-top:100px;}
#top{color:#000000;height:230px;
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{padding-top:40px;}
#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;}
.bottom{padding-top:50px;}
#left{width:325px;float:left;padding-right:25px;}
#right{width:325px;float:right;padding-left:25px;}
#left{width:350px;float:left;padding-right:25px;}
#right{width:350px;float:right;padding-left:25px;}
.align-left{text-align:left;}
.align-right{text-align:right;}
.align-center{text-align:center;}
@@ -67,7 +58,7 @@
form{border-style:none;}
fieldset{border-style:none;}
input{color:#222;border:1px solid #ccc;font-family:sans-serif;font-size:12px;line-height:16px;}
input[type=text]{}
input[type=text],input[type=password]{width:205px;}
input[type=submit]{background-color:#ddd;font-weight:bold;}
/*Opera Fix*/
body:before {content:"";height:100%;float:left;width:0;margin-top:-32767px;}
body:before{content:"";height:100%;float:left;width:0;margin-top:-32767px;}

 docs/tutorials/wiki/src/models/tutorial/static/pyramid.png

 docs/tutorials/wiki/src/models/tutorial/static/transparent.gif

 docs/tutorials/wiki/src/models/tutorial/templates/mytemplate.pt

@@ -5,65 +5,72 @@
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
    <meta name="keywords" content="python web application" />
    <meta name="description" content="pyramid web application" />
    <link rel="shortcut icon" href="${request.application_url}/static/favicon.ico" />
    <link rel="stylesheet" href="${request.application_url}/static/pylons.css" type="text/css" media="screen" charset="utf-8" />
    <link rel="shortcut icon" href="${request.static_url('tutorial:static/favicon.ico')}" />
    <link rel="stylesheet" href="${request.static_url('tutorial:static/pylons.css')}" type="text/css" media="screen" charset="utf-8" />
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Neuton&amp;subset=latin" type="text/css" media="screen" charset="utf-8" />
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Nobile:regular,italic,bold,bolditalic&amp;subset=latin" type="text/css" media="screen" charset="utf-8" />
    <!--[if lte IE 6]>
    <link rel="stylesheet" href="${request.static_url('tutorial:static/ie6.css')}" type="text/css" media="screen" charset="utf-8" />
    <![endif]-->
</head>
<body>
    <div id="header">
        <div class="header">The Pyramid Web Application Development Framework</div>
    </div>
    <div id="top">
        <div class="top align-center">
            <img src="${request.application_url}/static/logo.png" width="300" height="80"/>
            <p class="app-welcome">
                Welcome to <span class="app-name">${project}</span>, an application generated by<br/>
                the Pyramid web application development framework.
            </p>
        </div>
    </div>
    <div id="bottom">
        <div class="bottom">
            <div id="left" class="align-right">
                <h3>Search Pyramid documentation</h3>
                <form method="get" action="http://docs.pylonshq.com/pyramid/dev/search.html">
                      <input type="text" id="q" name="q" value="" />
                      <input type="submit" id="x" value="Search" />
                  </form>
    <div id="wrap">
        <div id="top">
            <div class="top align-center">
                <div><img src="${request.static_url('tutorial:static/pyramid.png')}" width="750" height="169" alt="pyramid"/></div>
            </div>
            <div id="right" class="align-left">
                <h3>Pyramid links</h3>
                <ul class="links">
                    <li>
                        <a href="http://pylonshq.com">Pylons Website</a>
                    </li>
                    <li>
                        <a href="http://docs.pylonshq.com/pyramid/dev/#narrative-documentation">Narrative Documentation</a>
                    </li>
                    <li>
                        <a href="http://docs.pylonshq.com/pyramid/dev/#api-documentation">API Documentation</a>
                    </li>
                    <li>
                        <a href="http://docs.pylonshq.com/pyramid/dev/#tutorials">Tutorials</a>
                    </li>
                    <li>
                        <a href="http://docs.pylonshq.com/pyramid/dev/#change-history">Change History</a>
                    </li>
                    <li>
                        <a href="http://docs.pylonshq.com/pyramid/dev/#sample-applications">Sample Applications</a>
                    </li>
                    <li>
                        <a href="http://docs.pylonshq.com/pyramid/dev/#support-and-development">Support and Development</a>
                    </li>
                    <li>
                        <a href="irc://irc.freenode.net#pyramid">IRC Channel</a>
                    </li>
                  </ul>
        </div>
        <div id="middle">
            <div class="middle align-center">
                <p class="app-welcome">
                    Welcome to <span class="app-name">${project}</span>, an application generated by<br/>
                    the Pyramid web application development framework.
                </p>
            </div>
        </div>
        <div id="bottom">
            <div class="bottom">
                <div id="left" class="align-right">
                    <h2>Search documentation</h2>
                    <form method="get" action="http://docs.pylonshq.com/pyramid/dev/search.html">
                          <input type="text" id="q" name="q" value="" />
                          <input type="submit" id="x" value="Go" />
                      </form>
                </div>
                <div id="right" class="align-left">
                    <h2>Pyramid links</h2>
                    <ul class="links">
                        <li>
                            <a href="http://pylonshq.com">Pylons Website</a>
                        </li>
                        <li>
                            <a href="http://docs.pylonshq.com/pyramid/dev/#narrative-documentation">Narrative Documentation</a>
                        </li>
                        <li>
                            <a href="http://docs.pylonshq.com/pyramid/dev/#api-documentation">API Documentation</a>
                        </li>
                        <li>
                            <a href="http://docs.pylonshq.com/pyramid/dev/#tutorials">Tutorials</a>
                        </li>
                        <li>
                            <a href="http://docs.pylonshq.com/pyramid/dev/#change-history">Change History</a>
                        </li>
                        <li>
                            <a href="http://docs.pylonshq.com/pyramid/dev/#sample-applications">Sample Applications</a>
                        </li>
                        <li>
                            <a href="http://docs.pylonshq.com/pyramid/dev/#support-and-development">Support and Development</a>
                        </li>
                        <li>
                            <a href="irc://irc.freenode.net#pyramid">IRC Channel</a>
                        </li>
                      </ul>
                </div>
            </div>
        </div>
    </div>
    <div id="footer">
        <div class="footer">© Copyright 2008-2010, Agendaless Consulting.</div>
        <div class="footer">© Copyright 2008-2011, Agendaless Consulting.</div>
    </div>
</body>
</html>

 docs/tutorials/wiki/src/views/tutorial/static/footerbg.png

 docs/tutorials/wiki/src/views/tutorial/static/headerbg.png

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

New file
@@ -0,0 +1,8 @@
* html img,
* html .png{position:relative;behavior:expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "',sizingMethod='image')",
this.src = "static/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "',sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);}
#wrap{display:table;height:100%}

 docs/tutorials/wiki/src/views/tutorial/static/logo.png

Binary files differ

 docs/tutorials/wiki/src/views/tutorial/static/middlebg.png

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

@@ -4,34 +4,23 @@
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
/* remember to define focus styles! */
:focus{outline:0;}
/* remember to highlight inserts somehow! */
ins{text-decoration:none;}
del{text-decoration:line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:collapse;border-spacing:0;}
/* restyling */
sub{vertical-align:sub;font-size:smaller;line-height:normal;}
sup{vertical-align:super;font-size:smaller;line-height:normal;}
/* lists */
ul,menu,dir{display:block;list-style-type:disc;margin:1em 0;padding-left:40px;}
ol{display:block;list-style-type:decimal-leading-zero;margin:1em 0;padding-left:40px;}
li{display:list-item;}
/* nested lists have no top/bottom margins */
ul ul,ul ol,ul dir,ul menu,ul dl,ol ul,ol ol,ol dir,ol menu,ol dl,dir ul,dir ol,dir dir,dir menu,dir dl,menu ul,menu ol,menu dir,menu menu,menu dl,dl ul,dl ol,dl dir,dl menu,dl dl{margin-top:0;margin-bottom:0;}
/* 2 deep unordered lists use a circle */
ol ul,ul ul,menu ul,dir ul,ol menu,ul menu,menu menu,dir menu,ol dir,ul dir,menu dir,dir dir{list-style-type:circle;}
/* 3 deep (or more) unordered lists use a square */
ol ol ul,ol ul ul,ol menu ul,ol dir ul,ol ol menu,ol ul menu,ol menu menu,ol dir menu,ol ol dir,ol ul dir,ol menu dir,ol dir dir,ul ol ul,ul ul ul,ul menu ul,ul dir ul,ul ol menu,ul ul menu,ul menu menu,ul dir menu,ul ol dir,ul ul dir,ul menu dir,ul dir dir,menu ol ul,menu ul ul,menu menu ul,menu dir ul,menu ol menu,menu ul menu,menu menu menu,menu dir menu,menu ol dir,menu ul dir,menu menu dir,menu dir dir,dir ol ul,dir ul ul,dir menu ul,dir dir ul,dir ol menu,dir ul menu,dir menu menu,dir dir menu,dir ol dir,dir ul dir,dir menu dir,dir dir dir{list-style-type:square;}
.hidden{display:none;}
p{line-height:1.5em;}
h1{font-size:1.75em;/* 28px */
line-height:1.7em;font-family:helvetica,verdana;}
h2{font-size:1.5em;/* 24px */
line-height:1.7em;font-family:helvetica,verdana;}
h3{font-size:1.25em;/* 20px */
line-height:1.7em;font-family:helvetica,verdana;}
h1{font-size:1.75em;line-height:1.7em;font-family:helvetica,verdana;}
h2{font-size:1.5em;line-height:1.7em;font-family:helvetica,verdana;}
h3{font-size:1.25em;line-height:1.7em;font-family:helvetica,verdana;}
h4{font-size:1em;line-height:1.7em;font-family:helvetica,verdana;}
html,body{width:100%;height:100%;}
body{margin:0;padding:0;background-color:#ffffff;position:relative;font:16px/24px "Nobile","Lucida Grande",Lucida,Verdana,sans-serif;}
@@ -42,23 +31,25 @@
body h3,
body h4,
body h5,
body h6{font-family:"Nobile","Lucida Grande",Lucida,Verdana,sans-serif;font-weight:normal;color:#144fb2;font-style:normal;}
#wrap {min-height: 100%;}
#header,#footer{width:100%;color:#ffffff;height:40px;position:absolute;text-align:center;line-height:40px;overflow:hidden;font-size:12px;}
#header{background-color:#e88f00;top:0;font-size:14px;}
#footer{background-color:#000000;bottom:0;position: relative;margin-top:-40px;clear:both;}
.header,.footer{width:700px;margin-right:auto;margin-left:auto;}
body h6{font-family:"Neuton","Lucida Grande",Lucida,Verdana,sans-serif;font-weight:normal;color:#373839;font-style:normal;}
#wrap{min-height:100%;}
#header,#footer{width:100%;color:#ffffff;height:40px;position:absolute;text-align:center;line-height:40px;overflow:hidden;font-size:12px;vertical-align:middle;}
#header{background:#000000;top:0;font-size:14px;}
#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:#888;background-color:#eee;height:300px;border-bottom:2px solid #ddd;}
#bottom{color:#222;background-color:#ffffff;overflow:hidden;padding-bottom:80px;}
.top,.bottom{width:700px;margin-right:auto;margin-left:auto;}
.top{padding-top:100px;}
#top{color:#000000;height:230px;
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{padding-top:40px;}
#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;}
.bottom{padding-top:50px;}
#left{width:325px;float:left;padding-right:25px;}
#right{width:325px;float:right;padding-left:25px;}
#left{width:350px;float:left;padding-right:25px;}
#right{width:350px;float:right;padding-left:25px;}
.align-left{text-align:left;}
.align-right{text-align:right;}
.align-center{text-align:center;}
@@ -67,7 +58,7 @@
form{border-style:none;}
fieldset{border-style:none;}
input{color:#222;border:1px solid #ccc;font-family:sans-serif;font-size:12px;line-height:16px;}
input[type=text]{}
input[type=text],input[type=password]{width:205px;}
input[type=submit]{background-color:#ddd;font-weight:bold;}
/*Opera Fix*/
body:before {content:"";height:100%;float:left;width:0;margin-top:-32767px;}
body:before{content:"";height:100%;float:left;width:0;margin-top:-32767px;}

 docs/tutorials/wiki/src/views/tutorial/static/pyramid.png

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

File was deleted

 docs/tutorials/wiki/src/views/tutorial/static/transparent.gif

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

@@ -1,32 +1,51 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html
    xmlns="http://www.w3.org/1999/xhtml"
      xmlns:tal="http://xml.zope.org/namespaces/tal">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" xmlns:tal="http://xml.zope.org/namespaces/tal">
<head>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
    <title>Pyramid tutorial wiki (based on TurboGears 20-Minute Wiki) 
           Editing: ${page.__name__}</title>
        <link rel="stylesheet" type="text/css"
          href="${request.application_url}/static/style.css" />
    <title>${page.__name__} - Pyramid tutorial wiki (based on TurboGears 20-Minute Wiki)</title>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
    <meta name="keywords" content="python web application" />
    <meta name="description" content="pyramid web application" />
    <link rel="shortcut icon" href="${request.static_url('tutorial:static/favicon.ico')}" />
    <link rel="stylesheet" href="${request.static_url('tutorial:static/pylons.css')}" type="text/css" media="screen" charset="utf-8" />
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Neuton&amp;subset=latin" type="text/css" media="screen" charset="utf-8" />
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Nobile:regular,italic,bold,bolditalic&amp;subset=latin" type="text/css" media="screen" charset="utf-8" />
    <!--[if lte IE 6]>
    <link rel="stylesheet" href="${request.static_url('tutorial:static/ie6.css')}" type="text/css" media="screen" charset="utf-8" />
    <![endif]-->
</head>

<body>

<div class="main_content">
  <div style="float:right; width: 10em;"> Viewing
    <span tal:replace="page.__name__">Page Name Goes Here</span> <br/>
    You can return to the <a href="${request.application_url}"
        >FrontPage</a>.
  </div>  

  <div>
    <form action="${save_url}" method="post">
      <textarea name="body" tal:content="page.data" rows="10" cols="60"/>
      <input type="submit" name="form.submitted" value="Save"/>
    </form>
  </div>
</div>  
    <div id="wrap">
        <div id="top">
            <div class="top align-center">
                <div>
                    <img src="${request.static_url('tutorial:static/pyramid.png')}" width="750" height="169" alt="pyramid" />
                </div>
            </div>
        </div>
        <div id="middle">
            <div class="middle align-right">
                <div id="left" class="app-welcome align-left">
                    Editing <b><span tal:replace="page.__name__">Page Name Goes Here</span></b><br/>
                    You can return to the <a href="${request.application_url}">FrontPage</a>.<br/>
                </div>
                <div id="right" class="app-welcome align-right">
                    <span tal:condition="logged_in">
                          <a href="${request.application_url}/logout">Logout</a>
                    </span>
                </div>
            </div>
        </div>
        <div id="bottom">
            <div class="bottom">
                <form action="${save_url}" method="post">
                      <textarea name="body" tal:content="page.data" rows="10" cols="60"/><br/>
                      <input type="submit" name="form.submitted" value="Save"/>
                </form>
            </div>
        </div>
    </div>
    <div id="footer">
        <div class="footer">© Copyright 2008-2011, Agendaless Consulting.</div>
    </div>
</body>
</html>
</html>

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

@@ -5,65 +5,72 @@
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
    <meta name="keywords" content="python web application" />
    <meta name="description" content="pyramid web application" />
    <link rel="shortcut icon" href="${request.application_url}/static/favicon.ico" />
    <link rel="stylesheet" href="${request.application_url}/static/pylons.css" type="text/css" media="screen" charset="utf-8" />
    <link rel="shortcut icon" href="${request.static_url('tutorial:static/favicon.ico')}" />
    <link rel="stylesheet" href="${request.static_url('tutorial:static/pylons.css')}" type="text/css" media="screen" charset="utf-8" />
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Neuton&amp;subset=latin" type="text/css" media="screen" charset="utf-8" />
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Nobile:regular,italic,bold,bolditalic&amp;subset=latin" type="text/css" media="screen" charset="utf-8" />
    <!--[if lte IE 6]>
    <link rel="stylesheet" href="${request.static_url('tutorial:static/ie6.css')}" type="text/css" media="screen" charset="utf-8" />
    <![endif]-->
</head>
<body>
    <div id="header">
        <div class="header">The Pyramid Web Application Development Framework</div>
    </div>
    <div id="top">
        <div class="top align-center">
            <img src="${request.application_url}/static/logo.png" width="300" height="80"/>
            <p class="app-welcome">
                Welcome to <span class="app-name">${project}</span>, an application generated by<br/>
                the Pyramid web application development framework.
            </p>
        </div>
    </div>
    <div id="bottom">
        <div class="bottom">
            <div id="left" class="align-right">
                <h3>Search Pyramid documentation</h3>
                <form method="get" action="http://docs.pylonshq.com/pyramid/dev/search.html">
                      <input type="text" id="q" name="q" value="" />
                      <input type="submit" id="x" value="Search" />
                  </form>
    <div id="wrap">
        <div id="top">
            <div class="top align-center">
                <div><img src="${request.static_url('tutorial:static/pyramid.png')}" width="750" height="169" alt="pyramid"/></div>
            </div>
            <div id="right" class="align-left">
                <h3>Pyramid links</h3>
                <ul class="links">
                    <li>
                        <a href="http://pylonshq.com">Pylons Website</a>
                    </li>
                    <li>
                        <a href="http://docs.pylonshq.com/pyramid/dev/#narrative-documentation">Narrative Documentation</a>
                    </li>
                    <li>
                        <a href="http://docs.pylonshq.com/pyramid/dev/#api-documentation">API Documentation</a>
                    </li>
                    <li>
                        <a href="http://docs.pylonshq.com/pyramid/dev/#tutorials">Tutorials</a>
                    </li>
                    <li>
                        <a href="http://docs.pylonshq.com/pyramid/dev/#change-history">Change History</a>
                    </li>
                    <li>
                        <a href="http://docs.pylonshq.com/pyramid/dev/#sample-applications">Sample Applications</a>
                    </li>
                    <li>
                        <a href="http://docs.pylonshq.com/pyramid/dev/#support-and-development">Support and Development</a>
                    </li>
                    <li>
                        <a href="irc://irc.freenode.net#pyramid">IRC Channel</a>
                    </li>
                  </ul>
        </div>
        <div id="middle">
            <div class="middle align-center">
                <p class="app-welcome">
                    Welcome to <span class="app-name">${project}</span>, an application generated by<br/>
                    the Pyramid web application development framework.
                </p>
            </div>
        </div>
        <div id="bottom">
            <div class="bottom">
                <div id="left" class="align-right">
                    <h2>Search documentation</h2>
                    <form method="get" action="http://docs.pylonshq.com/pyramid/dev/search.html">
                          <input type="text" id="q" name="q" value="" />
                          <input type="submit" id="x" value="Go" />
                      </form>
                </div>
                <div id="right" class="align-left">
                    <h2>Pyramid links</h2>
                    <ul class="links">
                        <li>
                            <a href="http://pylonshq.com">Pylons Website</a>
                        </li>
                        <li>
                            <a href="http://docs.pylonshq.com/pyramid/dev/#narrative-documentation">Narrative Documentation</a>
                        </li>
                        <li>
                            <a href="http://docs.pylonshq.com/pyramid/dev/#api-documentation">API Documentation</a>
                        </li>
                        <li>
                            <a href="http://docs.pylonshq.com/pyramid/dev/#tutorials">Tutorials</a>
                        </li>
                        <li>
                            <a href="http://docs.pylonshq.com/pyramid/dev/#change-history">Change History</a>
                        </li>
                        <li>
                            <a href="http://docs.pylonshq.com/pyramid/dev/#sample-applications">Sample Applications</a>
                        </li>
                        <li>
                            <a href="http://docs.pylonshq.com/pyramid/dev/#support-and-development">Support and Development</a>
                        </li>
                        <li>
                            <a href="irc://irc.freenode.net#pyramid">IRC Channel</a>
                        </li>
                      </ul>
                </div>
            </div>
        </div>
    </div>
    <div id="footer">
        <div class="footer">© Copyright 2008-2010, Agendaless Consulting.</div>
        <div class="footer">© Copyright 2008-2011, Agendaless Consulting.</div>
    </div>
</body>
</html>

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

@@ -1,29 +1,55 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html
    xmlns="http://www.w3.org/1999/xhtml"
      xmlns:tal="http://xml.zope.org/namespaces/tal">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" xmlns:tal="http://xml.zope.org/namespaces/tal">
<head>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
    <title>${page.__name__} - Pyramid tutorial wiki 
           (based on TurboGears 20-Minute Wiki)
    </title>
        <link rel="stylesheet" type="text/css"
          href="${request.application_url}/static/style.css" />
    <title>${page.__name__} - Pyramid tutorial wiki (based on TurboGears 20-Minute Wiki)</title>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
    <meta name="keywords" content="python web application" />
    <meta name="description" content="pyramid web application" />
    <link rel="shortcut icon" href="${request.static_url('tutorial:static/favicon.ico')}" />
    <link rel="stylesheet" href="${request.static_url('tutorial:static/pylons.css')}" type="text/css" media="screen" charset="utf-8" />
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Neuton&amp;subset=latin" type="text/css" media="screen" charset="utf-8" />
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Nobile:regular,italic,bold,bolditalic&amp;subset=latin" type="text/css" media="screen" charset="utf-8" />
    <!--[if lte IE 6]>
    <link rel="stylesheet" href="${request.static_url('tutorial:static/ie6.css')}" type="text/css" media="screen" charset="utf-8" />
    <![endif]-->
</head>

<body>

<div class="main_content">
<div style="float:right; width: 10em;"> Viewing
<span tal:replace="page.__name__">Page Name Goes Here</span> <br/>
You can return to the 
<a href="${request.application_url}">FrontPage</a>.
</div>

<div tal:replace="structure content">Page text goes here.</div>
<p><a tal:attributes="href edit_url" href="">Edit this page</a></p>
</div>

</body></html>
    <div id="wrap">
        <div id="top">
            <div class="top align-center">
                <div>
                    <img src="${request.static_url('tutorial:static/pyramid.png')}" width="750" height="169" alt="pyramid" />
                </div>
            </div>
        </div>
        <div id="middle">
            <div class="middle align-right">
                <div id="left" class="app-welcome align-left">
                    Viewing <b><span tal:replace="page.__name__">Page Name Goes Here</span></b><br/>
                    You can return to the <a href="${request.application_url}">FrontPage</a>.<br/>
                </div>
                <div id="right" class="app-welcome align-right">
                    <span tal:condition="logged_in">
                          <a href="${request.application_url}/logout">Logout</a>
                    </span>
                </div>
            </div>
        </div>
        <div id="bottom">
            <div class="bottom">
                <div tal:replace="structure content">
                    Page text goes here.
                </div>
                <p>
                    <a tal:attributes="href edit_url" href="">
                        Edit this page
                    </a>
                </p>
            </div>
        </div>
    </div>
    <div id="footer">
        <div class="footer">© Copyright 2008-2011, Agendaless Consulting.</div>
    </div>
</body>
</html>

 docs/tutorials/wiki2/src/authorization/tutorial/static/footerbg.png

 docs/tutorials/wiki2/src/authorization/tutorial/static/headerbg.png

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

New file
@@ -0,0 +1,8 @@
* html img,
* html .png{position:relative;behavior:expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "',sizingMethod='image')",
this.src = "static/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "',sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);}
#wrap{display:table;height:100%}

 docs/tutorials/wiki2/src/authorization/tutorial/static/logo.png

Binary files differ

 docs/tutorials/wiki2/src/authorization/tutorial/static/middlebg.png

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

@@ -4,34 +4,23 @@
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
/* remember to define focus styles! */
:focus{outline:0;}
/* remember to highlight inserts somehow! */
ins{text-decoration:none;}
del{text-decoration:line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:collapse;border-spacing:0;}
/* restyling */
sub{vertical-align:sub;font-size:smaller;line-height:normal;}
sup{vertical-align:super;font-size:smaller;line-height:normal;}
/* lists */
ul,menu,dir{display:block;list-style-type:disc;margin:1em 0;padding-left:40px;}
ol{display:block;list-style-type:decimal-leading-zero;margin:1em 0;padding-left:40px;}
li{display:list-item;}
/* nested lists have no top/bottom margins */
ul ul,ul ol,ul dir,ul menu,ul dl,ol ul,ol ol,ol dir,ol menu,ol dl,dir ul,dir ol,dir dir,dir menu,dir dl,menu ul,menu ol,menu dir,menu menu,menu dl,dl ul,dl ol,dl dir,dl menu,dl dl{margin-top:0;margin-bottom:0;}
/* 2 deep unordered lists use a circle */
ol ul,ul ul,menu ul,dir ul,ol menu,ul menu,menu menu,dir menu,ol dir,ul dir,menu dir,dir dir{list-style-type:circle;}
/* 3 deep (or more) unordered lists use a square */
ol ol ul,ol ul ul,ol menu ul,ol dir ul,ol ol menu,ol ul menu,ol menu menu,ol dir menu,ol ol dir,ol ul dir,ol menu dir,ol dir dir,ul ol ul,ul ul ul,ul menu ul,ul dir ul,ul ol menu,ul ul menu,ul menu menu,ul dir menu,ul ol dir,ul ul dir,ul menu dir,ul dir dir,menu ol ul,menu ul ul,menu menu ul,menu dir ul,menu ol menu,menu ul menu,menu menu menu,menu dir menu,menu ol dir,menu ul dir,menu menu dir,menu dir dir,dir ol ul,dir ul ul,dir menu ul,dir dir ul,dir ol menu,dir ul menu,dir menu menu,dir dir menu,dir ol dir,dir ul dir,dir menu dir,dir dir dir{list-style-type:square;}
.hidden{display:none;}
p{line-height:1.5em;}
h1{font-size:1.75em;/* 28px */
line-height:1.7em;font-family:helvetica,verdana;}
h2{font-size:1.5em;/* 24px */
line-height:1.7em;font-family:helvetica,verdana;}
h3{font-size:1.25em;/* 20px */
line-height:1.7em;font-family:helvetica,verdana;}
h1{font-size:1.75em;line-height:1.7em;font-family:helvetica,verdana;}
h2{font-size:1.5em;line-height:1.7em;font-family:helvetica,verdana;}
h3{font-size:1.25em;line-height:1.7em;font-family:helvetica,verdana;}
h4{font-size:1em;line-height:1.7em;font-family:helvetica,verdana;}
html,body{width:100%;height:100%;}
body{margin:0;padding:0;background-color:#ffffff;position:relative;font:16px/24px "Nobile","Lucida Grande",Lucida,Verdana,sans-serif;}
@@ -42,23 +31,25 @@
body h3,
body h4,
body h5,
body h6{font-family:"Nobile","Lucida Grande",Lucida,Verdana,sans-serif;font-weight:normal;color:#144fb2;font-style:normal;}
#wrap {min-height: 100%;}
#header,#footer{width:100%;color:#ffffff;height:40px;position:absolute;text-align:center;line-height:40px;overflow:hidden;font-size:12px;}
#header{background-color:#e88f00;top:0;font-size:14px;}
#footer{background-color:#000000;bottom:0;position: relative;margin-top:-40px;clear:both;}
.header,.footer{width:700px;margin-right:auto;margin-left:auto;}
body h6{font-family:"Neuton","Lucida Grande",Lucida,Verdana,sans-serif;font-weight:normal;color:#373839;font-style:normal;}
#wrap{min-height:100%;}
#header,#footer{width:100%;color:#ffffff;height:40px;position:absolute;text-align:center;line-height:40px;overflow:hidden;font-size:12px;vertical-align:middle;}
#header{background:#000000;top:0;font-size:14px;}
#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:#888;background-color:#eee;height:300px;border-bottom:2px solid #ddd;}
#bottom{color:#222;background-color:#ffffff;overflow:hidden;padding-bottom:80px;}
.top,.bottom{width:700px;margin-right:auto;margin-left:auto;}
.top{padding-top:100px;}
#top{color:#000000;height:230px;
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{padding-top:40px;}
#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;}
.bottom{padding-top:50px;}
#left{width:325px;float:left;padding-right:25px;}
#right{width:325px;float:right;padding-left:25px;}
#left{width:350px;float:left;padding-right:25px;}
#right{width:350px;float:right;padding-left:25px;}
.align-left{text-align:left;}
.align-right{text-align:right;}
.align-center{text-align:center;}
@@ -67,7 +58,7 @@
form{border-style:none;}
fieldset{border-style:none;}
input{color:#222;border:1px solid #ccc;font-family:sans-serif;font-size:12px;line-height:16px;}
input[type=text]{}
input[type=text],input[type=password]{width:205px;}
input[type=submit]{background-color:#ddd;font-weight:bold;}
/*Opera Fix*/
body:before {content:"";height:100%;float:left;width:0;margin-top:-32767px;}
body:before{content:"";height:100%;float:left;width:0;margin-top:-32767px;}

 docs/tutorials/wiki2/src/authorization/tutorial/static/pyramid.png

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

File was deleted

 docs/tutorials/wiki2/src/authorization/tutorial/static/transparent.gif

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

@@ -1,35 +1,51 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html
    xmlns="http://www.w3.org/1999/xhtml"
      xmlns:tal="http://xml.zope.org/namespaces/tal">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" xmlns:tal="http://xml.zope.org/namespaces/tal">
<head>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
    <title>Pyramid tutorial wiki (based on TurboGears 20-Minute Wiki) 
           Editing: ${page.name}</title>
        <link rel="stylesheet" type="text/css"
          href="${request.application_url}/static/style.css" />
    <title>${page.name} - Pyramid tutorial wiki (based on TurboGears 20-Minute Wiki)</title>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
    <meta name="keywords" content="python web application" />
    <meta name="description" content="pyramid web application" />
    <link rel="shortcut icon" href="${request.static_url('tutorial:static/favicon.ico')}" />
    <link rel="stylesheet" href="${request.static_url('tutorial:static/pylons.css')}" type="text/css" media="screen" charset="utf-8" />
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Neuton&amp;subset=latin" type="text/css" media="screen" charset="utf-8" />
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Nobile:regular,italic,bold,bolditalic&amp;subset=latin" type="text/css" media="screen" charset="utf-8" />
    <!--[if lte IE 6]>
    <link rel="stylesheet" href="${request.static_url('tutorial:static/ie6.css')}" type="text/css" media="screen" charset="utf-8" />
    <![endif]-->
</head>

<body>

<div class="main_content">
  <div style="float:right; width: 10em;"> Viewing
    <span tal:replace="page.name">Page Name Goes Here</span> <br/>
    You can return to the <a href="${request.application_url}"
            >FrontPage</a>.
   <span tal:condition="logged_in">
      <a href="${request.application_url}/logout">Logout</a>
   </span>
  </div>  

  <div>
    <form action="${save_url}" method="post">
      <textarea name="body" tal:content="page.data" rows="10" cols="60"/>
      <input type="submit" name="form.submitted" value="Save"/>
    </form>
  </div>
</div>  
    <div id="wrap">
        <div id="top">
            <div class="top align-center">
                <div>
                    <img src="${request.static_url('tutorial:static/pyramid.png')}" width="750" height="169" alt="pyramid" />
                </div>
            </div>
        </div>
        <div id="middle">
            <div class="middle align-right">
                <div id="left" class="app-welcome align-left">
                    Editing <b><span tal:replace="page.name">Page Name Goes Here</span></b><br/>
                    You can return to the <a href="${request.application_url}">FrontPage</a>.<br/>
                </div>
                <div id="right" class="app-welcome align-right">
                    <span tal:condition="logged_in">
                          <a href="${request.application_url}/logout">Logout</a>
                    </span>
                </div>
            </div>
        </div>
        <div id="bottom">
            <div class="bottom">
                <form action="${save_url}" method="post">
                      <textarea name="body" tal:content="page.data" rows="10" cols="60"/><br/>
                      <input type="submit" name="form.submitted" value="Save"/>
                </form>
            </div>
        </div>
    </div>
    <div id="footer">
        <div class="footer">© Copyright 2008-2011, Agendaless Consulting.</div>
    </div>
</body>
</html>
</html>

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

@@ -1,32 +1,49 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:tal="http://xml.zope.org/namespaces/tal">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" xmlns:tal="http://xml.zope.org/namespaces/tal">
<head>
  <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
  <title>Pyramid tutorial wiki (based on TurboGears 20-Minute Wiki)</title>
  <link rel="stylesheet" type="text/css"
        href="${request.application_url}/static/style.css" />
    <title>Login - Pyramid tutorial wiki (based on TurboGears 20-Minute Wiki)</title>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
    <meta name="keywords" content="python web application" />
    <meta name="description" content="pyramid web application" />
    <link rel="shortcut icon" href="${request.static_url('tutorial:static/favicon.ico')}" />
    <link rel="stylesheet" href="${request.static_url('tutorial:static/pylons.css')}" type="text/css" media="screen" charset="utf-8" />
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Neuton&amp;subset=latin" type="text/css" media="screen" charset="utf-8" />
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Nobile:regular,italic,bold,bolditalic&amp;subset=latin" type="text/css" media="screen" charset="utf-8" />
    <!--[if lte IE 6]>
    <link rel="stylesheet" href="${request.static_url('tutorial:static/ie6.css')}" type="text/css" media="screen" charset="utf-8" />
    <![endif]-->
</head>

<body>

<h1>Log In</h1>

<div tal:replace="message"/>

<div class="main_content">
  <form action="${url}" method="post">
    <input type="hidden" name="came_from" value="${came_from}"/>
    <input type="text" name="login" value="${login}"/>
    <br/>
    <input type="password" name="password" value="${password}"/>
    <br/>
    <input type="submit" name="form.submitted" value="Log In"/>
  </form>
</div>  

    <div id="wrap">
        <div id="top">
            <div class="top align-center">
                <div>
                    <img src="${request.static_url('tutorial:static/pyramid.png')}" width="750" height="169" alt="pyramid" />
                </div>
            </div>
        </div>
        <div id="middle">
            <div class="middle align-right">
                <div id="left" class="app-welcome align-left">
                    <b>Login</b><br/>
                    <span tal:replace="message"/>
                </div>
                <div id="right" class="app-welcome align-right"></div>
            </div>
        </div>
        <div id="bottom">
            <div class="bottom">
                <form action="${url}" method="post">
                    <input type="hidden" name="came_from" value="${came_from}"/>
                    <input type="text" name="login" value="${login}"/><br/>
                    <input type="password" name="password" value="${password}"/><br/>
                    <input type="submit" name="form.submitted" value="Log In"/>
                  </form>
            </div>
        </div>
    </div>
    <div id="footer">
        <div class="footer">© Copyright 2008-2011, Agendaless Consulting.</div>
    </div>
</body>
</html>
</html>

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

@@ -5,23 +5,23 @@
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
    <meta name="keywords" content="python web application" />
    <meta name="description" content="pyramid web application" />
    <link rel="shortcut icon" href="${request.application_url}/static/favicon.ico" />
    <link rel="stylesheet" href="${request.application_url}/static/pylons.css" type="text/css" media="screen" charset="utf-8" />
    <link rel="shortcut icon" href="${request.static_url('tutorial:static/favicon.ico')}" />
    <link rel="stylesheet" href="${request.static_url('tutorial:static/pylons.css')}" type="text/css" media="screen" charset="utf-8" />
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Neuton&amp;subset=latin" type="text/css" media="screen" charset="utf-8" />
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Nobile:regular,italic,bold,bolditalic&amp;subset=latin" type="text/css" media="screen" charset="utf-8" />
    <!--[if !IE 7]>
    <style type="text/css">
        #wrap {display:table;height:100%}
    </style>
    <!--[if lte IE 6]>
    <link rel="stylesheet" href="${request.static_url('tutorial:static/ie6.css')}" type="text/css" media="screen" charset="utf-8" />
    <![endif]-->
</head>
<body>
    <div id="wrap">
        <div id="header">
            <div class="header">The Pyramid Web Application Development Framework</div>
        </div>
        <div id="top">
            <div class="top align-center">
                <img src="${request.application_url}/static/logo.png" width="300" height="80"/>
                <div><img src="${request.static_url('tutorial:static/pyramid.png')}" width="750" height="169" alt="pyramid"/></div>
            </div>
        </div>
        <div id="middle">
            <div class="middle align-center">
                <p class="app-welcome">
                    Welcome to <span class="app-name">${project}</span>, an application generated by<br/>
                    the Pyramid web application development framework.
@@ -31,20 +31,17 @@
        <div id="bottom">
            <div class="bottom">
                <div id="left" class="align-right">
                    <h3>Search Pyramid documentation</h3>
                    <h2>Search documentation</h2>
                    <form method="get" action="http://docs.pylonshq.com/pyramid/dev/search.html">
                          <input type="text" id="q" name="q" value="" />
                          <input type="submit" id="x" value="Search" />
                          <input type="submit" id="x" value="Go" />
                      </form>
                </div>
                <div id="right" class="align-left">
                    <h3>Pyramid links</h3>
                    <h2>Pyramid links</h2>
                    <ul class="links">
                        <li>
                            <a href="http://pylonshq.com">Pylons Website</a>
                        </li>
                        <li>
                            <a href="http://docs.pylonshq.com/">The Pylons Project Documentation</a>
                        </li>
                        <li>
                            <a href="http://docs.pylonshq.com/pyramid/dev/#narrative-documentation">Narrative Documentation</a>
@@ -73,7 +70,7 @@
        </div>
    </div>
    <div id="footer">
        <div class="footer">© Copyright 2008-2010, Agendaless Consulting.</div>
        <div class="footer">© Copyright 2008-2011, Agendaless Consulting.</div>
    </div>
</body>
</html>

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

@@ -1,31 +1,55 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html
    xmlns="http://www.w3.org/1999/xhtml"
      xmlns:tal="http://xml.zope.org/namespaces/tal">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" xmlns:tal="http://xml.zope.org/namespaces/tal">
<head>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
    <title>${page.name} - Pyramid tutorial wiki 
           (based on TurboGears 20-Minute Wiki)</title>
        <link rel="stylesheet" type="text/css"
          href="${request.application_url}/static/style.css" />
    <title>${page.name} - Pyramid tutorial wiki (based on TurboGears 20-Minute Wiki)</title>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
    <meta name="keywords" content="python web application" />
    <meta name="description" content="pyramid web application" />
    <link rel="shortcut icon" href="${request.static_url('tutorial:static/favicon.ico')}" />
    <link rel="stylesheet" href="${request.static_url('tutorial:static/pylons.css')}" type="text/css" media="screen" charset="utf-8" />
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Neuton&amp;subset=latin" type="text/css" media="screen" charset="utf-8" />
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Nobile:regular,italic,bold,bolditalic&amp;subset=latin" type="text/css" media="screen" charset="utf-8" />
    <!--[if lte IE 6]>
    <link rel="stylesheet" href="${request.static_url('tutorial:static/ie6.css')}" type="text/css" media="screen" charset="utf-8" />
    <![endif]-->
</head>

<body>

<div class="main_content">
<div style="float:right; width: 10em;"> Viewing
<span tal:replace="page.name">Page Name Goes Here</span> <br/>
You can return to the <a href="${request.application_url}">FrontPage</a>.
<span tal:condition="logged_in">
  <a href="${request.application_url}/logout">Logout</a>
</span>
</div>

<div tal:replace="structure content">Page text goes here.</div>
<p><a tal:attributes="href edit_url" href="">Edit this page</a></p>
</div>

    <div id="wrap">
        <div id="top">
            <div class="top align-center">
                <div>
                    <img src="${request.static_url('tutorial:static/pyramid.png')}" width="750" height="169" alt="pyramid" />
                </div>
            </div>
        </div>
        <div id="middle">
            <div class="middle align-right">
                <div id="left" class="app-welcome align-left">
                    Viewing <b><span tal:replace="page.name">Page Name Goes Here</span></b><br/>
                    You can return to the <a href="${request.application_url}">FrontPage</a>.<br/>
                </div>
                <div id="right" class="app-welcome align-right">
                    <span tal:condition="logged_in">
                          <a href="${request.application_url}/logout">Logout</a>
                    </span>
                </div>
            </div>
        </div>
        <div id="bottom">
            <div class="bottom">
                <div tal:replace="structure content">
                    Page text goes here.
                </div>
                <p>
                    <a tal:attributes="href edit_url" href="">
                        Edit this page
                    </a>
                </p>
            </div>
        </div>
    </div>
    <div id="footer">
        <div class="footer">© Copyright 2008-2011, Agendaless Consulting.</div>
    </div>
</body>
</html>
</html>

 docs/tutorials/wiki2/src/basiclayout/tutorial/static/footerbg.png

 docs/tutorials/wiki2/src/basiclayout/tutorial/static/headerbg.png

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

New file
@@ -0,0 +1,8 @@
* html img,
* html .png{position:relative;behavior:expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "',sizingMethod='image')",
this.src = "static/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "',sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);}
#wrap{display:table;height:100%}

 docs/tutorials/wiki2/src/basiclayout/tutorial/static/logo.png

Binary files differ

 docs/tutorials/wiki2/src/basiclayout/tutorial/static/middlebg.png

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

@@ -4,34 +4,23 @@
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
/* remember to define focus styles! */
:focus{outline:0;}
/* remember to highlight inserts somehow! */
ins{text-decoration:none;}
del{text-decoration:line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:collapse;border-spacing:0;}
/* restyling */
sub{vertical-align:sub;font-size:smaller;line-height:normal;}
sup{vertical-align:super;font-size:smaller;line-height:normal;}
/* lists */
ul,menu,dir{display:block;list-style-type:disc;margin:1em 0;padding-left:40px;}
ol{display:block;list-style-type:decimal-leading-zero;margin:1em 0;padding-left:40px;}
li{display:list-item;}
/* nested lists have no top/bottom margins */
ul ul,ul ol,ul dir,ul menu,ul dl,ol ul,ol ol,ol dir,ol menu,ol dl,dir ul,dir ol,dir dir,dir menu,dir dl,menu ul,menu ol,menu dir,menu menu,menu dl,dl ul,dl ol,dl dir,dl menu,dl dl{margin-top:0;margin-bottom:0;}
/* 2 deep unordered lists use a circle */
ol ul,ul ul,menu ul,dir ul,ol menu,ul menu,menu menu,dir menu,ol dir,ul dir,menu dir,dir dir{list-style-type:circle;}
/* 3 deep (or more) unordered lists use a square */
ol ol ul,ol ul ul,ol menu ul,ol dir ul,ol ol menu,ol ul menu,ol menu menu,ol dir menu,ol ol dir,ol ul dir,ol menu dir,ol dir dir,ul ol ul,ul ul ul,ul menu ul,ul dir ul,ul ol menu,ul ul menu,ul menu menu,ul dir menu,ul ol dir,ul ul dir,ul menu dir,ul dir dir,menu ol ul,menu ul ul,menu menu ul,menu dir ul,menu ol menu,menu ul menu,menu menu menu,menu dir menu,menu ol dir,menu ul dir,menu menu dir,menu dir dir,dir ol ul,dir ul ul,dir menu ul,dir dir ul,dir ol menu,dir ul menu,dir menu menu,dir dir menu,dir ol dir,dir ul dir,dir menu dir,dir dir dir{list-style-type:square;}
.hidden{display:none;}
p{line-height:1.5em;}
h1{font-size:1.75em;/* 28px */
line-height:1.7em;font-family:helvetica,verdana;}
h2{font-size:1.5em;/* 24px */
line-height:1.7em;font-family:helvetica,verdana;}
h3{font-size:1.25em;/* 20px */
line-height:1.7em;font-family:helvetica,verdana;}
h1{font-size:1.75em;line-height:1.7em;font-family:helvetica,verdana;}
h2{font-size:1.5em;line-height:1.7em;font-family:helvetica,verdana;}
h3{font-size:1.25em;line-height:1.7em;font-family:helvetica,verdana;}
h4{font-size:1em;line-height:1.7em;font-family:helvetica,verdana;}
html,body{width:100%;height:100%;}
body{margin:0;padding:0;background-color:#ffffff;position:relative;font:16px/24px "Nobile","Lucida Grande",Lucida,Verdana,sans-serif;}
@@ -42,23 +31,25 @@
body h3,
body h4,
body h5,
body h6{font-family:"Nobile","Lucida Grande",Lucida,Verdana,sans-serif;font-weight:normal;color:#144fb2;font-style:normal;}
#wrap {min-height: 100%;}
#header,#footer{width:100%;color:#ffffff;height:40px;position:absolute;text-align:center;line-height:40px;overflow:hidden;font-size:12px;}
#header{background-color:#e88f00;top:0;font-size:14px;}
#footer{background-color:#000000;bottom:0;position: relative;margin-top:-40px;clear:both;}
.header,.footer{width:700px;margin-right:auto;margin-left:auto;}
body h6{font-family:"Neuton","Lucida Grande",Lucida,Verdana,sans-serif;font-weight:normal;color:#373839;font-style:normal;}
#wrap{min-height:100%;}
#header,#footer{width:100%;color:#ffffff;height:40px;position:absolute;text-align:center;line-height:40px;overflow:hidden;font-size:12px;vertical-align:middle;}
#header{background:#000000;top:0;font-size:14px;}
#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:#888;background-color:#eee;height:300px;border-bottom:2px solid #ddd;}
#bottom{color:#222;background-color:#ffffff;overflow:hidden;padding-bottom:80px;}
.top,.bottom{width:700px;margin-right:auto;margin-left:auto;}
.top{padding-top:100px;}
#top{color:#000000;height:230px;
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{padding-top:40px;}
#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;}
.bottom{padding-top:50px;}
#left{width:325px;float:left;padding-right:25px;}
#right{width:325px;float:right;padding-left:25px;}
#left{width:350px;float:left;padding-right:25px;}
#right{width:350px;float:right;padding-left:25px;}
.align-left{text-align:left;}
.align-right{text-align:right;}
.align-center{text-align:center;}
@@ -67,7 +58,7 @@
form{border-style:none;}
fieldset{border-style:none;}
input{color:#222;border:1px solid #ccc;font-family:sans-serif;font-size:12px;line-height:16px;}
input[type=text]{}
input[type=text],input[type=password]{width:205px;}
input[type=submit]{background-color:#ddd;font-weight:bold;}
/*Opera Fix*/
body:before {content:"";height:100%;float:left;width:0;margin-top:-32767px;}
body:before{content:"";height:100%;float:left;width:0;margin-top:-32767px;}

 docs/tutorials/wiki2/src/basiclayout/tutorial/static/pyramid.png

 docs/tutorials/wiki2/src/basiclayout/tutorial/static/transparent.gif

 docs/tutorials/wiki2/src/basiclayout/tutorial/templates/mytemplate.pt

@@ -5,23 +5,23 @@
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
    <meta name="keywords" content="python web application" />
    <meta name="description" content="pyramid web application" />
    <link rel="shortcut icon" href="${request.application_url}/static/favicon.ico" />
    <link rel="stylesheet" href="${request.application_url}/static/pylons.css" type="text/css" media="screen" charset="utf-8" />
    <link rel="shortcut icon" href="${request.static_url('tutorial:static/favicon.ico')}" />
    <link rel="stylesheet" href="${request.static_url('tutorial:static/pylons.css')}" type="text/css" media="screen" charset="utf-8" />
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Neuton&amp;subset=latin" type="text/css" media="screen" charset="utf-8" />
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Nobile:regular,italic,bold,bolditalic&amp;subset=latin" type="text/css" media="screen" charset="utf-8" />
    <!--[if !IE 7]>
    <style type="text/css">
        #wrap {display:table;height:100%}
    </style>
    <!--[if lte IE 6]>
    <link rel="stylesheet" href="${request.static_url('tutorial:static/ie6.css')}" type="text/css" media="screen" charset="utf-8" />
    <![endif]-->
</head>
<body>
    <div id="wrap">
        <div id="header">
            <div class="header">The Pyramid Web Application Development Framework</div>
        </div>
        <div id="top">
            <div class="top align-center">
                <img src="${request.application_url}/static/logo.png" width="300" height="80"/>
                <div><img src="${request.static_url('tutorial:static/pyramid.png')}" width="750" height="169" alt="pyramid"/></div>
            </div>
        </div>
        <div id="middle">
            <div class="middle align-center">
                <p class="app-welcome">
                    Welcome to <span class="app-name">${project}</span>, an application generated by<br/>
                    the Pyramid web application development framework.
@@ -31,20 +31,17 @@
        <div id="bottom">
            <div class="bottom">
                <div id="left" class="align-right">
                    <h3>Search Pyramid documentation</h3>
                    <h2>Search documentation</h2>
                    <form method="get" action="http://docs.pylonshq.com/pyramid/dev/search.html">
                          <input type="text" id="q" name="q" value="" />
                          <input type="submit" id="x" value="Search" />
                          <input type="submit" id="x" value="Go" />
                      </form>
                </div>
                <div id="right" class="align-left">
                    <h3>Pyramid links</h3>
                    <h2>Pyramid links</h2>
                    <ul class="links">
                        <li>
                            <a href="http://pylonshq.com">Pylons Website</a>
                        </li>
                        <li>
                            <a href="http://docs.pylonshq.com/">The Pylons Project Documentation</a>
                        </li>
                        <li>
                            <a href="http://docs.pylonshq.com/pyramid/dev/#narrative-documentation">Narrative Documentation</a>
@@ -73,7 +70,7 @@
        </div>
    </div>
    <div id="footer">
        <div class="footer">© Copyright 2008-2010, Agendaless Consulting.</div>
        <div class="footer">© Copyright 2008-2011, Agendaless Consulting.</div>
    </div>
</body>
</html>

 docs/tutorials/wiki2/src/models/tutorial/static/footerbg.png

 docs/tutorials/wiki2/src/models/tutorial/static/headerbg.png

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

New file
@@ -0,0 +1,8 @@
* html img,
* html .png{position:relative;behavior:expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "',sizingMethod='image')",
this.src = "static/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "',sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);}
#wrap{display:table;height:100%}

 docs/tutorials/wiki2/src/models/tutorial/static/logo.png

Binary files differ

 docs/tutorials/wiki2/src/models/tutorial/static/middlebg.png

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

@@ -4,34 +4,23 @@
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
/* remember to define focus styles! */
:focus{outline:0;}
/* remember to highlight inserts somehow! */
ins{text-decoration:none;}
del{text-decoration:line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:collapse;border-spacing:0;}
/* restyling */
sub{vertical-align:sub;font-size:smaller;line-height:normal;}
sup{vertical-align:super;font-size:smaller;line-height:normal;}
/* lists */
ul,menu,dir{display:block;list-style-type:disc;margin:1em 0;padding-left:40px;}
ol{display:block;list-style-type:decimal-leading-zero;margin:1em 0;padding-left:40px;}
li{display:list-item;}
/* nested lists have no top/bottom margins */
ul ul,ul ol,ul dir,ul menu,ul dl,ol ul,ol ol,ol dir,ol menu,ol dl,dir ul,dir ol,dir dir,dir menu,dir dl,menu ul,menu ol,menu dir,menu menu,menu dl,dl ul,dl ol,dl dir,dl menu,dl dl{margin-top:0;margin-bottom:0;}
/* 2 deep unordered lists use a circle */
ol ul,ul ul,menu ul,dir ul,ol menu,ul menu,menu menu,dir menu,ol dir,ul dir,menu dir,dir dir{list-style-type:circle;}
/* 3 deep (or more) unordered lists use a square */
ol ol ul,ol ul ul,ol menu ul,ol dir ul,ol ol menu,ol ul menu,ol menu menu,ol dir menu,ol ol dir,ol ul dir,ol menu dir,ol dir dir,ul ol ul,ul ul ul,ul menu ul,ul dir ul,ul ol menu,ul ul menu,ul menu menu,ul dir menu,ul ol dir,ul ul dir,ul menu dir,ul dir dir,menu ol ul,menu ul ul,menu menu ul,menu dir ul,menu ol menu,menu ul menu,menu menu menu,menu dir menu,menu ol dir,menu ul dir,menu menu dir,menu dir dir,dir ol ul,dir ul ul,dir menu ul,dir dir ul,dir ol menu,dir ul menu,dir menu menu,dir dir menu,dir ol dir,dir ul dir,dir menu dir,dir dir dir{list-style-type:square;}
.hidden{display:none;}
p{line-height:1.5em;}
h1{font-size:1.75em;/* 28px */
line-height:1.7em;font-family:helvetica,verdana;}
h2{font-size:1.5em;/* 24px */
line-height:1.7em;font-family:helvetica,verdana;}
h3{font-size:1.25em;/* 20px */
line-height:1.7em;font-family:helvetica,verdana;}
h1{font-size:1.75em;line-height:1.7em;font-family:helvetica,verdana;}
h2{font-size:1.5em;line-height:1.7em;font-family:helvetica,verdana;}
h3{font-size:1.25em;line-height:1.7em;font-family:helvetica,verdana;}
h4{font-size:1em;line-height:1.7em;font-family:helvetica,verdana;}
html,body{width:100%;height:100%;}
body{margin:0;padding:0;background-color:#ffffff;position:relative;font:16px/24px "Nobile","Lucida Grande",Lucida,Verdana,sans-serif;}
@@ -42,23 +31,25 @@
body h3,
body h4,
body h5,
body h6{font-family:"Nobile","Lucida Grande",Lucida,Verdana,sans-serif;font-weight:normal;color:#144fb2;font-style:normal;}
#wrap {min-height: 100%;}
#header,#footer{width:100%;color:#ffffff;height:40px;position:absolute;text-align:center;line-height:40px;overflow:hidden;font-size:12px;}
#header{background-color:#e88f00;top:0;font-size:14px;}
#footer{background-color:#000000;bottom:0;position: relative;margin-top:-40px;clear:both;}
.header,.footer{width:700px;margin-right:auto;margin-left:auto;}
body h6{font-family:"Neuton","Lucida Grande",Lucida,Verdana,sans-serif;font-weight:normal;color:#373839;font-style:normal;}
#wrap{min-height:100%;}
#header,#footer{width:100%;color:#ffffff;height:40px;position:absolute;text-align:center;line-height:40px;overflow:hidden;font-size:12px;vertical-align:middle;}
#header{background:#000000;top:0;font-size:14px;}
#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:#888;background-color:#eee;height:300px;border-bottom:2px solid #ddd;}
#bottom{color:#222;background-color:#ffffff;overflow:hidden;padding-bottom:80px;}
.top,.bottom{width:700px;margin-right:auto;margin-left:auto;}
.top{padding-top:100px;}
#top{color:#000000;height:230px;
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{padding-top:40px;}
#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;}
.bottom{padding-top:50px;}
#left{width:325px;float:left;padding-right:25px;}
#right{width:325px;float:right;padding-left:25px;}
#left{width:350px;float:left;padding-right:25px;}
#right{width:350px;float:right;padding-left:25px;}
.align-left{text-align:left;}
.align-right{text-align:right;}
.align-center{text-align:center;}
@@ -67,7 +58,7 @@
form{border-style:none;}
fieldset{border-style:none;}
input{color:#222;border:1px solid #ccc;font-family:sans-serif;font-size:12px;line-height:16px;}
input[type=text]{}
input[type=text],input[type=password]{width:205px;}
input[type=submit]{background-color:#ddd;font-weight:bold;}
/*Opera Fix*/
body:before {content:"";height:100%;float:left;width:0;margin-top:-32767px;}
body:before{content:"";height:100%;float:left;width:0;margin-top:-32767px;}

 docs/tutorials/wiki2/src/models/tutorial/static/pyramid.png

 docs/tutorials/wiki2/src/models/tutorial/static/transparent.gif

 docs/tutorials/wiki2/src/models/tutorial/templates/mytemplate.pt

@@ -5,23 +5,23 @@
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
    <meta name="keywords" content="python web application" />
    <meta name="description" content="pyramid web application" />
    <link rel="shortcut icon" href="${request.application_url}/static/favicon.ico" />
    <link rel="stylesheet" href="${request.application_url}/static/pylons.css" type="text/css" media="screen" charset="utf-8" />
    <link rel="shortcut icon" href="${request.static_url('tutorial:static/favicon.ico')}" />
    <link rel="stylesheet" href="${request.static_url('tutorial:static/pylons.css')}" type="text/css" media="screen" charset="utf-8" />
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Neuton&amp;subset=latin" type="text/css" media="screen" charset="utf-8" />
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Nobile:regular,italic,bold,bolditalic&amp;subset=latin" type="text/css" media="screen" charset="utf-8" />
    <!--[if !IE 7]>
    <style type="text/css">
        #wrap {display:table;height:100%}
    </style>
    <!--[if lte IE 6]>
    <link rel="stylesheet" href="${request.static_url('tutorial:static/ie6.css')}" type="text/css" media="screen" charset="utf-8" />
    <![endif]-->
</head>
<body>
    <div id="wrap">
        <div id="header">
            <div class="header">The Pyramid Web Application Development Framework</div>
        </div>
        <div id="top">
            <div class="top align-center">
                <img src="${request.application_url}/static/logo.png" width="300" height="80"/>
                <div><img src="${request.static_url('tutorial:static/pyramid.png')}" width="750" height="169" alt="pyramid"/></div>
            </div>
        </div>
        <div id="middle">
            <div class="middle align-center">
                <p class="app-welcome">
                    Welcome to <span class="app-name">${project}</span>, an application generated by<br/>
                    the Pyramid web application development framework.
@@ -31,20 +31,17 @@
        <div id="bottom">
            <div class="bottom">
                <div id="left" class="align-right">
                    <h3>Search Pyramid documentation</h3>
                    <h2>Search documentation</h2>
                    <form method="get" action="http://docs.pylonshq.com/pyramid/dev/search.html">
                          <input type="text" id="q" name="q" value="" />
                          <input type="submit" id="x" value="Search" />
                          <input type="submit" id="x" value="Go" />
                      </form>
                </div>
                <div id="right" class="align-left">
                    <h3>Pyramid links</h3>
                    <h2>Pyramid links</h2>
                    <ul class="links">
                        <li>
                            <a href="http://pylonshq.com">Pylons Website</a>
                        </li>
                        <li>
                            <a href="http://docs.pylonshq.com/">The Pylons Project Documentation</a>
                        </li>
                        <li>
                            <a href="http://docs.pylonshq.com/pyramid/dev/#narrative-documentation">Narrative Documentation</a>
@@ -73,7 +70,7 @@
        </div>
    </div>
    <div id="footer">
        <div class="footer">© Copyright 2008-2010, Agendaless Consulting.</div>
        <div class="footer">© Copyright 2008-2011, Agendaless Consulting.</div>
    </div>
</body>
</html>

 docs/tutorials/wiki2/src/views/tutorial/static/footerbg.png

 docs/tutorials/wiki2/src/views/tutorial/static/headerbg.png

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

New file
@@ -0,0 +1,8 @@
* html img,
* html .png{position:relative;behavior:expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "',sizingMethod='image')",
this.src = "static/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "',sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);}
#wrap{display:table;height:100%}

 docs/tutorials/wiki2/src/views/tutorial/static/logo.png

Binary files differ

 docs/tutorials/wiki2/src/views/tutorial/static/middlebg.png

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

@@ -4,34 +4,23 @@
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
/* remember to define focus styles! */
:focus{outline:0;}
/* remember to highlight inserts somehow! */
ins{text-decoration:none;}
del{text-decoration:line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:collapse;border-spacing:0;}
/* restyling */
sub{vertical-align:sub;font-size:smaller;line-height:normal;}
sup{vertical-align:super;font-size:smaller;line-height:normal;}
/* lists */
ul,menu,dir{display:block;list-style-type:disc;margin:1em 0;padding-left:40px;}
ol{display:block;list-style-type:decimal-leading-zero;margin:1em 0;padding-left:40px;}
li{display:list-item;}
/* nested lists have no top/bottom margins */
ul ul,ul ol,ul dir,ul menu,ul dl,ol ul,ol ol,ol dir,ol menu,ol dl,dir ul,dir ol,dir dir,dir menu,dir dl,menu ul,menu ol,menu dir,menu menu,menu dl,dl ul,dl ol,dl dir,dl menu,dl dl{margin-top:0;margin-bottom:0;}
/* 2 deep unordered lists use a circle */
ol ul,ul ul,menu ul,dir ul,ol menu,ul menu,menu menu,dir menu,ol dir,ul dir,menu dir,dir dir{list-style-type:circle;}
/* 3 deep (or more) unordered lists use a square */
ol ol ul,ol ul ul,ol menu ul,ol dir ul,ol ol menu,ol ul menu,ol menu menu,ol dir menu,ol ol dir,ol ul dir,ol menu dir,ol dir dir,ul ol ul,ul ul ul,ul menu ul,ul dir ul,ul ol menu,ul ul menu,ul menu menu,ul dir menu,ul ol dir,ul ul dir,ul menu dir,ul dir dir,menu ol ul,menu ul ul,menu menu ul,menu dir ul,menu ol menu,menu ul menu,menu menu menu,menu dir menu,menu ol dir,menu ul dir,menu menu dir,menu dir dir,dir ol ul,dir ul ul,dir menu ul,dir dir ul,dir ol menu,dir ul menu,dir menu menu,dir dir menu,dir ol dir,dir ul dir,dir menu dir,dir dir dir{list-style-type:square;}
.hidden{display:none;}
p{line-height:1.5em;}
h1{font-size:1.75em;/* 28px */
line-height:1.7em;font-family:helvetica,verdana;}
h2{font-size:1.5em;/* 24px */
line-height:1.7em;font-family:helvetica,verdana;}
h3{font-size:1.25em;/* 20px */
line-height:1.7em;font-family:helvetica,verdana;}
h1{font-size:1.75em;line-height:1.7em;font-family:helvetica,verdana;}
h2{font-size:1.5em;line-height:1.7em;font-family:helvetica,verdana;}
h3{font-size:1.25em;line-height:1.7em;font-family:helvetica,verdana;}
h4{font-size:1em;line-height:1.7em;font-family:helvetica,verdana;}
html,body{width:100%;height:100%;}
body{margin:0;padding:0;background-color:#ffffff;position:relative;font:16px/24px "Nobile","Lucida Grande",Lucida,Verdana,sans-serif;}
@@ -42,23 +31,25 @@
body h3,
body h4,
body h5,
body h6{font-family:"Nobile","Lucida Grande",Lucida,Verdana,sans-serif;font-weight:normal;color:#144fb2;font-style:normal;}
#wrap {min-height: 100%;}
#header,#footer{width:100%;color:#ffffff;height:40px;position:absolute;text-align:center;line-height:40px;overflow:hidden;font-size:12px;}
#header{background-color:#e88f00;top:0;font-size:14px;}
#footer{background-color:#000000;bottom:0;position: relative;margin-top:-40px;clear:both;}
.header,.footer{width:700px;margin-right:auto;margin-left:auto;}
body h6{font-family:"Neuton","Lucida Grande",Lucida,Verdana,sans-serif;font-weight:normal;color:#373839;font-style:normal;}
#wrap{min-height:100%;}
#header,#footer{width:100%;color:#ffffff;height:40px;position:absolute;text-align:center;line-height:40px;overflow:hidden;font-size:12px;vertical-align:middle;}
#header{background:#000000;top:0;font-size:14px;}
#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:#888;background-color:#eee;height:300px;border-bottom:2px solid #ddd;}
#bottom{color:#222;background-color:#ffffff;overflow:hidden;padding-bottom:80px;}
.top,.bottom{width:700px;margin-right:auto;margin-left:auto;}
.top{padding-top:100px;}
#top{color:#000000;height:230px;
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{padding-top:40px;}
#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;}
.bottom{padding-top:50px;}
#left{width:325px;float:left;padding-right:25px;}
#right{width:325px;float:right;padding-left:25px;}
#left{width:350px;float:left;padding-right:25px;}
#right{width:350px;float:right;padding-left:25px;}
.align-left{text-align:left;}
.align-right{text-align:right;}
.align-center{text-align:center;}
@@ -67,7 +58,7 @@
form{border-style:none;}
fieldset{border-style:none;}
input{color:#222;border:1px solid #ccc;font-family:sans-serif;font-size:12px;line-height:16px;}
input[type=text]{}
input[type=text],input[type=password]{width:205px;}
input[type=submit]{background-color:#ddd;font-weight:bold;}
/*Opera Fix*/
body:before {content:"";height:100%;float:left;width:0;margin-top:-32767px;}
body:before{content:"";height:100%;float:left;width:0;margin-top:-32767px;}

 docs/tutorials/wiki2/src/views/tutorial/static/pyramid.png

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

File was deleted

 docs/tutorials/wiki2/src/views/tutorial/static/transparent.gif

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

@@ -1,32 +1,51 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html
    xmlns="http://www.w3.org/1999/xhtml"
      xmlns:tal="http://xml.zope.org/namespaces/tal">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" xmlns:tal="http://xml.zope.org/namespaces/tal">
<head>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
    <title>Pyramid tutorial wiki (based on TurboGears 20-Minute Wiki) 
           Editing: ${page.name}</title>
        <link rel="stylesheet" type="text/css"
          href="${request.application_url}/static/style.css" />
    <title>${page.name} - Pyramid tutorial wiki (based on TurboGears 20-Minute Wiki)</title>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
    <meta name="keywords" content="python web application" />
    <meta name="description" content="pyramid web application" />
    <link rel="shortcut icon" href="${request.static_url('tutorial:static/favicon.ico')}" />
    <link rel="stylesheet" href="${request.static_url('tutorial:static/pylons.css')}" type="text/css" media="screen" charset="utf-8" />
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Neuton&amp;subset=latin" type="text/css" media="screen" charset="utf-8" />
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Nobile:regular,italic,bold,bolditalic&amp;subset=latin" type="text/css" media="screen" charset="utf-8" />
    <!--[if lte IE 6]>
    <link rel="stylesheet" href="${request.static_url('tutorial:static/ie6.css')}" type="text/css" media="screen" charset="utf-8" />
    <![endif]-->
</head>

<body>

<div class="main_content">
  <div style="float:right; width: 10em;"> Viewing
    <span tal:replace="page.name">Page Name Goes Here</span> <br/>
    You can return to the <a href="${request.application_url}"
       >FrontPage</a>.
  </div>  

  <div>
    <form action="${save_url}" method="post">
      <textarea name="body" tal:content="page.data" rows="10" cols="60"/>
      <input type="submit" name="form.submitted" value="Save"/>
    </form>
  </div>
</div>  
    <div id="wrap">
        <div id="top">
            <div class="top align-center">
                <div>
                    <img src="${request.static_url('tutorial:static/pyramid.png')}" width="750" height="169" alt="pyramid" />
                </div>
            </div>
        </div>
        <div id="middle">
            <div class="middle align-right">
                <div id="left" class="app-welcome align-left">
                    Editing <b><span tal:replace="page.name">Page Name Goes Here</span></b><br/>
                    You can return to the <a href="${request.application_url}">FrontPage</a>.<br/>
                </div>
                <div id="right" class="app-welcome align-right">
                    <span tal:condition="logged_in">
                          <a href="${request.application_url}/logout">Logout</a>
                    </span>
                </div>
            </div>
        </div>
        <div id="bottom">
            <div class="bottom">
                <form action="${save_url}" method="post">
                      <textarea name="body" tal:content="page.data" rows="10" cols="60"/><br/>
                      <input type="submit" name="form.submitted" value="Save"/>
                </form>
            </div>
        </div>
    </div>
    <div id="footer">
        <div class="footer">© Copyright 2008-2011, Agendaless Consulting.</div>
    </div>
</body>
</html>
</html>

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

@@ -5,23 +5,23 @@
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
    <meta name="keywords" content="python web application" />
    <meta name="description" content="pyramid web application" />
    <link rel="shortcut icon" href="${request.application_url}/static/favicon.ico" />
    <link rel="stylesheet" href="${request.application_url}/static/pylons.css" type="text/css" media="screen" charset="utf-8" />
    <link rel="shortcut icon" href="${request.static_url('tutorial:static/favicon.ico')}" />
    <link rel="stylesheet" href="${request.static_url('tutorial:static/pylons.css')}" type="text/css" media="screen" charset="utf-8" />
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Neuton&amp;subset=latin" type="text/css" media="screen" charset="utf-8" />
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Nobile:regular,italic,bold,bolditalic&amp;subset=latin" type="text/css" media="screen" charset="utf-8" />
    <!--[if !IE 7]>
    <style type="text/css">
        #wrap {display:table;height:100%}
    </style>
    <!--[if lte IE 6]>
    <link rel="stylesheet" href="${request.static_url('tutorial:static/ie6.css')}" type="text/css" media="screen" charset="utf-8" />
    <![endif]-->
</head>
<body>
    <div id="wrap">
        <div id="header">
            <div class="header">The Pyramid Web Application Development Framework</div>
        </div>
        <div id="top">
            <div class="top align-center">
                <img src="${request.application_url}/static/logo.png" width="300" height="80"/>
                <div><img src="${request.static_url('tutorial:static/pyramid.png')}" width="750" height="169" alt="pyramid"/></div>
            </div>
        </div>
        <div id="middle">
            <div class="middle align-center">
                <p class="app-welcome">
                    Welcome to <span class="app-name">${project}</span>, an application generated by<br/>
                    the Pyramid web application development framework.
@@ -31,20 +31,17 @@
        <div id="bottom">
            <div class="bottom">
                <div id="left" class="align-right">
                    <h3>Search Pyramid documentation</h3>
                    <h2>Search documentation</h2>
                    <form method="get" action="http://docs.pylonshq.com/pyramid/dev/search.html">
                          <input type="text" id="q" name="q" value="" />
                          <input type="submit" id="x" value="Search" />
                          <input type="submit" id="x" value="Go" />
                      </form>
                </div>
                <div id="right" class="align-left">
                    <h3>Pyramid links</h3>
                    <h2>Pyramid links</h2>
                    <ul class="links">
                        <li>
                            <a href="http://pylonshq.com">Pylons Website</a>
                        </li>
                        <li>
                            <a href="http://docs.pylonshq.com/">The Pylons Project Documentation</a>
                        </li>
                        <li>
                            <a href="http://docs.pylonshq.com/pyramid/dev/#narrative-documentation">Narrative Documentation</a>
@@ -73,7 +70,7 @@
        </div>
    </div>
    <div id="footer">
        <div class="footer">© Copyright 2008-2010, Agendaless Consulting.</div>
        <div class="footer">© Copyright 2008-2011, Agendaless Consulting.</div>
    </div>
</body>
</html>

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

@@ -1,28 +1,55 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html
    xmlns="http://www.w3.org/1999/xhtml"
      xmlns:tal="http://xml.zope.org/namespaces/tal">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" xmlns:tal="http://xml.zope.org/namespaces/tal">
<head>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
    <title>${page.name} - Pyramid tutorial wiki 
            (based on TurboGears 20-Minute Wiki)</title>
        <link rel="stylesheet" type="text/css"
          href="${request.application_url}/static/style.css" />
    <title>${page.name} - Pyramid tutorial wiki (based on TurboGears 20-Minute Wiki)</title>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
    <meta name="keywords" content="python web application" />
    <meta name="description" content="pyramid web application" />
    <link rel="shortcut icon" href="${request.static_url('tutorial:static/favicon.ico')}" />
    <link rel="stylesheet" href="${request.static_url('tutorial:static/pylons.css')}" type="text/css" media="screen" charset="utf-8" />
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Neuton&amp;subset=latin" type="text/css" media="screen" charset="utf-8" />
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Nobile:regular,italic,bold,bolditalic&amp;subset=latin" type="text/css" media="screen" charset="utf-8" />
    <!--[if lte IE 6]>
    <link rel="stylesheet" href="${request.static_url('tutorial:static/ie6.css')}" type="text/css" media="screen" charset="utf-8" />
    <![endif]-->
</head>

<body>

<div class="main_content">
<div style="float:right; width: 10em;"> Viewing
<span tal:replace="page.name">Page Name Goes Here</span> <br/>
You can return to the <a href="${request.application_url}">FrontPage</a>.
</div>

<div tal:replace="structure content">Page text goes here.</div>
<p><a tal:attributes="href edit_url" href="">Edit this page</a></p>
</div>

    <div id="wrap">
        <div id="top">
            <div class="top align-center">
                <div>
                    <img src="${request.static_url('tutorial:static/pyramid.png')}" width="750" height="169" alt="pyramid" />
                </div>
            </div>
        </div>
        <div id="middle">
            <div class="middle align-right">
                <div id="left" class="app-welcome align-left">
                    Viewing <b><span tal:replace="page.name">Page Name Goes Here</span></b><br/>
                    You can return to the <a href="${request.application_url}">FrontPage</a>.<br/>
                </div>
                <div id="right" class="app-welcome align-right">
                    <span tal:condition="logged_in">
                          <a href="${request.application_url}/logout">Logout</a>
                    </span>
                </div>
            </div>
        </div>
        <div id="bottom">
            <div class="bottom">
                <div tal:replace="structure content">
                    Page text goes here.
                </div>
                <p>
                    <a tal:attributes="href edit_url" href="">
                        Edit this page
                    </a>
                </p>
            </div>
        </div>
    </div>
    <div id="footer">
        <div class="footer">© Copyright 2008-2011, Agendaless Consulting.</div>
    </div>
</body>
</html>
</html>