Commit 43801ead authored by Kazuhiko Shiozaki's avatar Kazuhiko Shiozaki

remove needless files.

git-svn-id: https://svn.erp5.org/repos/public/erp5/trunk@29021 20353a03-c40f-0410-a6d1-a30d3c3de9de
parent f9c84c07
<?xml version="1.0"?>
<ZopeData>
<record id="1" aka="AAAAAAAAAAE=">
<pickle>
<tuple>
<global name="Folder" module="OFS.Folder"/>
<tuple/>
</tuple>
</pickle>
<pickle>
<dictionary>
<item>
<key> <string>_objects</string> </key>
<value>
<tuple/>
</value>
</item>
<item>
<key> <string>id</string> </key>
<value> <string>archive</string> </value>
</item>
<item>
<key> <string>title</string> </key>
<value> <string>Unused files which kept here for the record</string> </value>
</item>
</dictionary>
</pickle>
</record>
</ZopeData>
<?xml version="1.0"?>
<ZopeData>
<record id="1" aka="AAAAAAAAAAE=">
<pickle>
<tuple>
<global name="ZopePageTemplate" module="Products.PageTemplates.ZopePageTemplate"/>
<tuple/>
</tuple>
</pickle>
<pickle>
<dictionary>
<item>
<key> <string>_Cacheable__manager_id</string> </key>
<value> <string>http_cache</string> </value>
</item>
<item>
<key> <string>_bind_names</string> </key>
<value>
<object>
<klass>
<global name="NameAssignments" module="Shared.DC.Scripts.Bindings"/>
</klass>
<tuple/>
<state>
<dictionary>
<item>
<key> <string>_asgns</string> </key>
<value>
<dictionary>
<item>
<key> <string>name_subpath</string> </key>
<value> <string>traverse_subpath</string> </value>
</item>
</dictionary>
</value>
</item>
</dictionary>
</state>
</object>
</value>
</item>
<item>
<key> <string>_text</string> </key>
<value> <string encoding="cdata"><![CDATA[
<tal:block define="dummy python: request.RESPONSE.setHeader(\'Content-Type\', \'text/css;; charset=utf-8\')"/>\n
\n
\n
/****************************************************************/\n
/* Design: Multiflex-5.4 */\n
/* Type: Design without sidebar */\n
/* File: Content Toolbox */\n
/*--------------------------------------------------------------*/\n
/* Design: www.1234.info */\n
/* Date: March 13, 2008 */\n
/*--------------------------------------------------------------*/\n
/* License: Fully open source without restrictions. */\n
/* Please keep footer credits with the words */\n
/* "Design by 1234.info". Thank you! */\n
/****************************************************************/\n
\n
/*************/\n
/* CONTENT */\n
/*************/\n
\n
/* PAGETITLE */\n
.main h1.pagetitle {margin:0 0 0.5em 0; padding:1px 0 1px 32px; background: url(./mf54_image/icon_pagetitle.gif) no-repeat; background-position:center left; color:rgb(255,255,255); font-weight:bold; font-size:220% !important /*Non-IE6*/; font-size:200% /*IE6*/;}\n
\n
/* HEADING -- Standard icon (1-Column / 2-Column / 3-Column) */\n
.content h1 {margin:0; padding:5px 50px 12px 20px; border-bottom:solid 1px rgb(215,215,215); background: url(./mf54_image/icon_celltitle_level1.gif) no-repeat; background-position:914px 5px; color:rgb(75,75,75); font-weight:bold; font-size:220% !important /*Non-IE6*/; font-size:200% /*IE6*/;}\n
.content-2col-box-leftcolumn h1, .content-2col-box-rightcolumn h1 {margin:0; padding:5px 50px 12px 20px; border-bottom:solid 1px rgb(215,215,215); background: url(./mf54_image/icon_celltitle_level1.gif) no-repeat; background-position:430px 3px; color:rgb(75,75,75); font-weight:bold; font-size:220% !important /*Non-IE6*/; font-size:200% /*IE6*/;}\n
.content-3col-box-leftcolumn h1, .content-3col-box-middlecolumn h1, .content-3col-box-rightcolumn h1 {margin:0; padding:5px 50px 12px 20px; border-bottom:solid 1px rgb(215,215,215); background: url(./mf54_image/icon_celltitle_level1.gif) no-repeat; background-position:269px 3px; color:rgb(75,75,75); font-weight:bold; font-size:220% !important /*Non-IE6*/; font-size:200% /*IE6*/;}\n
\n
.content h2 {clear:both; /*Start IE Hack*/ position:relative; z-index:1; top:-1px /* End IE Hack to remove vertical -1px margin bug otherwise produced by margin*/; margin: 0 20px 0 20px; padding:15px 35px 5px 0; border-top:solid 1px rgb(215,215,215); background: url(./mf54_image/icon_celltitle_level2.gif) no-repeat; background-position:right 15px; color:rgb(75,75,75); font-weight:bold; font-size:180% !important /*Non-IE6*/; font-size:160% /*IE6*/;}\n
.content h3 {margin:1.0em 0 -0.3em 0; padding:0 20px 0 20px; color:rgb(75,75,75); font-weight:bold; font-size:180% !important /*Non-IE6*/; font-size:160% /*IE6*/;}\n
.content h3.line {/*Start IE Hack*/ position:relative; z-index:1; top:-1px; /* End IE Hack vertical alignment to blend top border with h1, if directly after each other*/ margin:0 20px -0.3em 20px; padding:1.0em 0 0 0; border-top:solid 1px rgb(215,215,215);}\n
.content h4 {margin:1.0em 0 -0.3em 0; padding:0 20px 0 20px; color:rgb(75,75,75); font-weight:bold; font-size:160% !important /*Non-IE6*/; font-size:140% /*IE6*/;}\n
.content h5 {margin:1.0em 0 -0.5em 0; padding:0 20px 0 20px; color:rgb(75,75,75); font-weight:bold; font-size:140% !important /*Non-IE6*/; font-size:125% /*IE6*/;}\n
.content h6 {margin:0.4em 0 0.5em 0; padding:0 20px 0 20px; color:rgb(50,50,50); font-weight:normal; font-size:130% !important /*Non-IE6*/; font-size:115% /*IE6*/;}\n
\n
/* HEADING -- Special icon (1-Column / 2-Column / 3-Column) */\n
.content h1.contact {background: url(./mf54_image/icon_celltitle_contact.gif) no-repeat; background-position:898px 5px;}\n
.content h1.login {background: url(./mf54_image/icon_celltitle_login.gif) no-repeat; background-position:917px 5px;}\n
.content h1.search {background: url(./mf54_image/icon_celltitle_search.gif) no-repeat; background-position:918px 5px;}\n
.content h1.video {background: url(./mf54_image/icon_celltitle_video.gif) no-repeat; background-position:919px 5px;}\n
.content h1.audio {background: url(./mf54_image/icon_celltitle_audio.gif) no-repeat; background-position:913px 5px;}\n
.content h1.webtemplate {background: url(./mf54_image/icon_celltitle_webtemplate.gif) no-repeat; background-position:914px 5px;}\n
.content h1.document {background: url(./mf54_image/icon_celltitle_document.gif) no-repeat; background-position:917px 5px;}\n
.content h1.blog {background: url(./mf54_image/icon_celltitle_blog.gif) no-repeat; background-position:921px 5px;}\n
.content h1.forum {background: url(./mf54_image/icon_celltitle_forum.gif) no-repeat; background-position:917px 5px;}\n
\n
.content-2col-box-leftcolumn h1.contact, .content-2col-box-rightcolumn h1.contact {background: url(./mf54_image/icon_celltitle_contact.gif) no-repeat; background-position:414px 5px;}\n
.content-2col-box-leftcolumn h1.login, .content-2col-box-rightcolumn h1.login {background: url(./mf54_image/icon_celltitle_login.gif) no-repeat; background-position:433px 5px;}\n
.content-2col-box-leftcolumn h1.search, .content-2col-box-rightcolumn h1.search {background: url(./mf54_image/icon_celltitle_search.gif) no-repeat; background-position:429px 5px;}\n
.content-2col-box-leftcolumn h1.video, .content-2col-box-rightcolumn h1.video {background: url(./mf54_image/icon_celltitle_video.gif) no-repeat; background-position:435px 5px;}\n
.content-2col-box-leftcolumn h1.audio, .content-2col-box-rightcolumn h1.audio {background: url(./mf54_image/icon_celltitle_audio.gif) no-repeat; background-position:429px 5px;}\n
.content-2col-box-leftcolumn h1.webtemplate, .content-2col-box-rightcolumn h1.webtemplate {background: url(./mf54_image/icon_celltitle_webtemplate.gif) no-repeat; background-position:430px 5px;}\n
.content-2col-box-leftcolumn h1.document, .content-2col-box-rightcolumn h1.document {background: url(./mf54_image/icon_celltitle_document.gif) no-repeat; background-position:433px 5px;}\n
.content-2col-box-leftcolumn h1.blog, .content-2col-box-rightcolumn h1.blog {background: url(./mf54_image/icon_celltitle_blog.gif) no-repeat; background-position:437px 5px;}\n
.content-2col-box-leftcolumn h1.forum, .content-2col-box-rightcolumn h1.forum {background: url(./mf54_image/icon_celltitle_forum.gif) no-repeat; background-position:433px 5px;}\n
\n
.content-3col-box-leftcolumn h1.contact, .content-3col-box-middlecolumn h1.contact, .content-3col-box-rightcolumn h1.contact {background: url(./mf54_image/icon_celltitle_contact.gif) no-repeat; background-position:253px 5px;}\n
.content-3col-box-leftcolumn h1.login, .content-3col-box-middlecolumn h1.login, .content-3col-box-rightcolumn h1.login {background: url(./mf54_image/icon_celltitle_login.gif) no-repeat; background-position:272px 5px;}\n
.content-3col-box-leftcolumn h1.search, .content-3col-box-middlecolumn h1.search, .content-3col-box-rightcolumn h1.search {background: url(./mf54_image/icon_celltitle_search.gif) no-repeat; background-position:268px 5px;}\n
.content-3col-box-leftcolumn h1.video, .content-3col-box-middlecolumn h1.video, .content-3col-box-rightcolumn h1.video {background: url(./mf54_image/icon_celltitle_video.gif) no-repeat; background-position:274px 5px;}\n
.content-3col-box-leftcolumn h1.audio, .content-3col-box-middlecolumn h1.audio, .content-3col-box-rightcolumn h1.audio {background: url(./mf54_image/icon_celltitle_audio.gif) no-repeat; background-position:268px 5px;}\n
.content-3col-box-leftcolumn h1.webtemplate, .content-3col-box-middlecolumn h1.webtemplate, .content-3col-box-rightcolumn h1.webtemplate {background: url(./mf54_image/icon_celltitle_webtemplate.gif) no-repeat; background-position:269px 5px;}\n
.content-3col-box-leftcolumn h1.document, .content-3col-box-middlecolumn h1.document, .content-3col-box-rightcolumn h1.document {background: url(./mf54_image/icon_celltitle_document.gif) no-repeat; background-position:272px 5px;}\n
.content-3col-box-leftcolumn h1.blog, .content-3col-box-middlecolumn h1.blog, .content-3col-box-rightcolumn h1.blog {background: url(./mf54_image/icon_celltitle_blog.gif) no-repeat; background-position:276px 5px;}\n
.content-3col-box-leftcolumn h1.forum, .content-3col-box-middlecolumn h1.forum, .content-3col-box-rightcolumn h1.forum {background: url(./mf54_image/icon_celltitle_forum.gif) no-repeat; background-position:272px 5px;}\n
\n
/* HEADING -- No icon */\n
.main h1.pagetitle-noicon {margin:0 0 0.5em 0; padding:1px 0 1px 0; background:none; color:rgb(255,255,255); font-weight:normal; font-size:220% !important /*Non-IE6*/; font-size:200% /*IE6*/;}\n
.content h1.noicon {background:none;}\n
.content h2.noicon {background:none;}\n
\n
/* PARAGRAPH TEXT */\n
.content p {margin:1.0em 0 1.0em 0; color:rgb(0,0,0); line-height:1.3em; padding: 0 20px 0 20px; font-size:131% !important /*Non-IE6*/; font-size:115% /*IE6*/;}\n
.content p.details {margin:-0.2em 0 1.0em 0; line-height:1.0em; font-size:120% !important /*Non-IE6*/; font-size:110% /*IE6*/;}\n
.content blockquote {clear:both; margin:0 30px 0.6em 30px; font-size:90%;}\n
\n
/* LIST */\n
.content ul {margin:1.4em 0 1.0em 0; padding:0em 20px 0em 20px; list-style:none;}\n
.content ul li {margin:0 0 0.3em 2px; padding:0 0 0 12px; background:url(./mf54_image/bg_bullet_square.gif) no-repeat 0 0.5em; line-height:1.3em; font-size:131% !important /*Non-IE6*/; font-size:115% /*IE6*/;}\n
.content ol {margin:1.4em 0 1.0em 0; padding:0 20px 0 40px !important /*Non-IE6*/; padding:0 20px 0 50px /*IE6*/;}\n
.content ol li {list-style-type:decimal; list-style-position:outside; margin:0 0 0.3em 3px; line-height:1.3em; font-size:131% !important /*Non-IE6*/; font-size:115% /*IE6*/;}\n
.content ul.indent {padding:0 50px 0 50px;}\n
.content ol.indent {padding:0 20px 0 70px !important /*Non-IE6*/; padding:0 20px 0 80px /*IE6*/;}\n
\n
/* TABLE(1-Column / 2-Column / 3-Column)*/\n
.content table {clear:both; width:920px; margin:2.0em 0 0.2em 20px; table-layout:fixed; border-collapse:collapse; empty-cells:show; background-color:rgb(233,232,244);}\n
.content-2col-nobox-leftcolumn table, .content-2col-nobox-rightcolumn table, .content-2col-box-leftcolumn table, .content-2col-box-rightcolumn table {clear:both; width:440px; margin:2.0em 0 0.2em 20px; table-layout:fixed; border-collapse:collapse; empty-cells:show; background-color:rgb(233,232,244);}\n
.content-3col-nobox-leftcolumn table, .content-3col-nobox-middlecolumn table, .content-3col-nobox-rightcolumn table, .content-3col-box-leftcolumn table, .content-3col-box-middlecolumn table, .content-3col-box-rightcolumn table {clear:both; width:280px; margin:2.0em 0 0.2em 20px; table-layout:fixed; border-collapse:collapse; empty-cells:show; background-color:rgb(233,232,244);}\n
\n
.content table th.top {height:3.5em; padding:0 7px 0 7px; empty-cells:show; background-color:rgb(175,175,175); text-align:left; color:rgb(255,255,255); font-weight:bold; font-size:120% !important /*Non-IE6*/; font-size:110% /*IE6*/;}\n
.content table th {height:3.0em; padding:2px 20px 2px 7px; border:solid 2px rgb(245,245,245); background-color:rgb(225,225,225); text-align:left; color:rgb(80,80,80); font-weight:bold; font-size:120% !important /*Non-IE6*/; font-size:110% /*IE6*/;}\n
.content table td {height:3.0em; padding:2px 7px 2px 7px; border:solid 2px rgb(245,245,245); background-color:rgb(225,225,225); text-align:left; font-weight:normal; color:rgb(80,80,80); font-size:120% !important /*Non-IE6*/; font-size:110% /*IE6*/;}\n
.content p.caption {clear:both; margin:0.5em 0 2.0em 0; text-align:left; color:rgb(80,80,80); font-size:120% !important /*Non-IE6*/; font-size:110% /*IE6*/;}\n
\n
/* CONTACT FORM (1-Column / 2-Column / 3-Column) */\n
.contactform {width:918px; margin:1.0em 10px 0 20px;}\n
.contactform fieldset {padding:10px 0 10px 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:solid 1px rgb(220,220,220);}\n
.contactform fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; color:rgb(80,80,80); font-weight:bold; font-size:131%;}\n
.contactform label.left {float:left; width:100px; margin:0 0 0 10px; padding:2px; font-size:100%;}\n
.contactform select.combo {width:281px; padding:2px; border:solid 1px rgb(200,200,200); font-size:100%;}\n
.contactform input.field {width:276px; padding:2px; border:solid 1px rgb(200,200,200); font-size:100%;}\n
.contactform textarea {width:276px; padding:2px; border:solid 1px rgb(200,200,200); font-size:100%;}\n
.contactform input.button {float:left; width:9.0em; margin-left:115px !important /*Non-IE6*/; margin-left:118px /*IE6*/; padding:3px !important /*Non-IE6*/; padding:2px /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; color:rgb(150,150,150); font-size:100%;}\n
.contactform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}\n
\n
.content-2col-nobox-leftcolumn .contactform, .content-2col-nobox-rightcolumn .contactform, .content-2col-box-leftcolumn .contactform, .content-2col-box-rightcolumn .contactform {width:438px; margin:1.0em 10px 0 20px;}\n
.content-2col-nobox-leftcolumn .contactform fieldset, .content-2col-nobox-rightcolumn .contactform fieldset, .content-2col-box-leftcolumn .contactform fieldset, .content-2col-box-rightcolumn .contactform fieldset {padding:10px 0 10px 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:solid 1px rgb(220,220,220);}\n
.content-2col-nobox-leftcolumn .contactform fieldset legend, .content-2col-nobox-rightcolumn .contactform fieldset legend, .content-2col-box-leftcolumn .contactform fieldset legend, .content-2col-box-rightcolumn .contactform fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; color:rgb(80,80,80); font-weight:bold; font-size:131%;}\n
.content-2col-nobox-leftcolumn .contactform label.left, .content-2col-nobox-rightcolumn .contactform label.left, .content-2col-box-leftcolumn .contactform label.left, .content-2col-box-rightcolumn .contactform label.left {float:left; width:100px; margin:0; padding:2px; font-size:100%;}\n
.content-2col-nobox-leftcolumn .contactform select.combo, .content-2col-nobox-rightcolumn .contactform select.combo, .content-2col-box-leftcolumn .contactform select.combo, .content-2col-box-rightcolumn .contactform select.combo {width:281px; padding:2px; border:solid 1px rgb(200,200,200); font-size:100%;}\n
.content-2col-nobox-leftcolumn .contactform input.field, .content-2col-nobox-rightcolumn .contactform input.field, .content-2col-box-leftcolumn .contactform input.field, .content-2col-box-rightcolumn .contactform input.field {width:276px; padding:2px; border:solid 1px rgb(200,200,200); font-size:100%;}\n
.content-2col-nobox-leftcolumn .contactform textarea, .content-2col-nobox-rightcolumn .contactform textarea, .content-2col-box-leftcolumn .contactform textarea, .content-2col-box-rightcolumn .contactform textarea {width:276px; padding:2px; border:solid 1px rgb(200,200,200); font-size:100%;}\n
.content-2col-nobox-leftcolumn .contactform input.button, .content-2col-nobox-rightcolumn .contactform input.button, .content-2col-box-leftcolumn .contactform input.button, .content-2col-box-rightcolumn .contactform input.button {float:left; width:9.0em; margin-left:105px !important /*Non-IE6*/; margin-left:108px /*IE6*/; padding:3px !important /*Non-IE6*/; padding:2px /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; color:rgb(150,150,150); font-size:100%;}\n
.content-2col-nobox-leftcolumn .contactform input.button:hover, .content-2col-nobox-rightcolumn .contactform input.button:hover, .content-2col-box-leftcolumn .contactform input.button:hover, .content-2col-box-rightcolumn .contactform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}\n
\n
.content-3col-nobox-leftcolumn .contactform, .content-3col-nobox-middlecolumn .contactform, .content-3col-nobox-rightcolumn .contactform, .content-3col-box-leftcolumn .contactform, .content-3col-box-middlecolumn .contactform, .content-3col-box-rightcolumn .contactform {width:277px; margin:1.0em 10px 0 20px;}\n
.content-3col-nobox-leftcolumn .contactform fieldset, .content-3col-nobox-middlecolumn .contactform fieldset, .content-3col-nobox-rightcolumn .contactform fieldset, .content-3col-box-leftcolumn .contactform fieldset, .content-3col-box-middlecolumn .contactform fieldset, .content-3col-box-rightcolumn .contactform fieldset {padding:10px 0 10px 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:solid 1px rgb(220,220,220);}\n
.content-3col-nobox-leftcolumn .contactform fieldset legend, .content-3col-nobox-middlecolumn .contactform fieldset legend, .content-3col-nobox-rightcolumn .contactform fieldset legend, .content-3col-box-leftcolumn .contactform fieldset legend, .content-3col-box-middlecolumn .contactform fieldset legend, .content-3col-box-rightcolumn .contactform fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; color:rgb(80,80,80); font-weight:bold; font-size:131%;}\n
.content-3col-nobox-leftcolumn .contactform label.left, .content-3col-nobox-middlecolumn .contactform label.left, .content-3col-nobox-rightcolumn .contactform label.left, .content-3col-box-leftcolumn .contactform label.left, .content-3col-box-middlecolumn .contactform label.left, .content-3col-box-rightcolumn .contactform label.left {float:left; width:100px; margin:0; padding:2px; font-size:100%;}\n
.content-3col-nobox-leftcolumn .contactform select.combo, .content-3col-nobox-middlecolumn .contactform select.combo, .content-3col-nobox-rightcolumn .contactform select.combo, .content-3col-box-leftcolumn .contactform select.combo, .content-3col-box-middlecolumn .contactform select.combo, .content-3col-box-rightcolumn .contactform select.combo {width:120px; padding:2px; border:solid 1px rgb(200,200,200); font-size:100%;}\n
.content-3col-nobox-leftcolumn .contactform input.field, .content-3col-nobox-middlecolumn .contactform input.field, .content-3col-nobox-rightcolumn .contactform input.field, .content-3col-box-leftcolumn .contactform input.field, .content-3col-box-middlecolumn .contactform input.field, .content-3col-box-rightcolumn .contactform input.field {width:115px; padding:2px; border:solid 1px rgb(200,200,200); font-size:100%;}\n
.content-3col-nobox-leftcolumn .contactform textarea, .content-3col-nobox-middlecolumn .contactform textarea, .content-3col-nobox-rightcolumn .contactform textarea, .content-3col-box-leftcolumn .contactform textarea, .content-3col-box-middlecolumn .contactform textarea, .content-3col-box-rightcolumn .contactform textarea {width:222px; padding:2px; border:solid 1px rgb(200,200,200); font-size:100%;}\n
.content-3col-nobox-leftcolumn .contactform input.button, .content-3col-nobox-middlecolumn .contactform input.button, .content-3col-nobox-rightcolumn .contactform input.button, .content-3col-box-leftcolumn .contactform input.button, .content-3col-box-middlecolumn .contactform input.button, .content-3col-box-rightcolumn .contactform input.button {float:left; width:9.0em; margin-left:0px !important /*Non-IE6*/; margin-left:3px /*IE6*/; padding:3px !important /*Non-IE6*/; padding:2px /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; color:rgb(150,150,150); font-size:100%;}\n
.content-3col-nobox-leftcolumn .contactform input.button:hover, .content-3col-nobox-middlecolumn .contactform input.button:hover, .content-3col-nobox-rightcolumn .contactform input.button:hover, .content-3col-box-leftcolumn .contactform input.button:hover, .content-3col-box-middlecolumn .contactform input.button:hover, .content-3col-box-rightcolumn .contactform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}\n
\n
/* LOGIN FORM (1-Column / 2-Column / 3-Column)*/\n
.content .loginform {width:918px; margin:1.0em 10px 0 20px;}\n
.content-2col-nobox-leftcolumn .loginform, .content-2col-nobox-rightcolumn .loginform, .content-2col-box-leftcolumn .loginform, .content-2col-box-rightcolumn .loginform {width:438px; margin:1.0em 10px 0 20px;}\n
.content-3col-nobox-leftcolumn .loginform, .content-3col-nobox-middlecolumn .loginform, .content-3col-nobox-rightcolumn .loginform, .content-3col-box-leftcolumn .loginform, .content-3col-box-middlecolumn .loginform, .content-3col-box-rightcolumn .loginform {width:277px; margin:1.0em 10px 0 20px;}\n
\n
.content .loginform p {clear:both; margin:0; padding:0;}\n
.content .loginform fieldset {width:160px; border:none;}\n
.content .loginform label.top {float:left; width:125px; margin:0 0 2px 0; font-size:110%;}\n
.content .loginform label.right {float:left; width:125px; margin:5px 0 0 0; padding:0 0 0 3px /*IE6*/; font-size:110%;}\n
.content .loginform input.field {width:158px; margin:0 0 5px 0; padding:0.1em 0 0.2em 0 !important /*Non-IE6*/; padding:0.2em 0 0.3em 0 /*IE6*/; border:solid 1px rgb(200,200,200); font-size:110%;}\n
.content .loginform input.checkbox {float:left; margin:5px 0 0 0 !important /*Non-IE6*/; margin:2px 0 0 -3px /*IE6*/; border:none;}\n
.content .loginform input.button {float:left; width:5.0em; margin:10px 0 5px 0; padding:1px; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; color:rgb(150,150,150); font-size:110%;}\n
.content .loginform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}\n
\n
/* SEARCH FORM (1-Column / 2-Column / 3-Column)*/\n
.content .searchform {width:918px; margin:1.0em 10px 0 20px;}\n
.content-2col-nobox-leftcolumn .searchform, .content-2col-nobox-rightcolumn .searchform, .content-2col-box-leftcolumn .searchform, .content-2col-box-rightcolumn .searchform {width:438px; margin:1.0em 10px 0 20px;;}\n
.content-3col-nobox-leftcolumn .searchform, .content-3col-nobox-middlecolumn .searchform, .content-3col-nobox-rightcolumn .searchform, .content-3col-box-leftcolumn .searchform, .content-3col-box-middlecolumn .searchform, .content-3col-box-rightcolumn .searchform {width:277px; margin:1.0em 10px 0 20px;;}\n
\n
.content .searchform fieldset {border:none;}\n
.content .searchform input.field {float:left; width:158px; padding:3px 0 3px 0; border:1px solid rgb(200,200,200); font-size:120%;}\n
.content .searchform input.button {clear:both; float:left; width:3.0em; margin-top:0.5em; padding:1px; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; color:rgb(150,150,150); font-size:120%;}\n
.content .searchform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}\n
\n
/* MEDIA PLAYER (1-Column / 2-Column / 3-Column)*/\n
.content .videoplayer {width:908px; height:532px; margin:10px 20px 10px 20px; border:solid 5px rgb(175,175,175);}\n
.content-2col-nobox-leftcolumn .videoplayer, .content-2col-nobox-rightcolumn .videoplayer, .content-2col-box-leftcolumn .videoplayer, .content-2col-box-rightcolumn .videoplayer {width:428px; height:260px; margin:10px 20px 10px 20px; border:solid 5px rgb(175,175,175);}\n
.content-3col-nobox-leftcolumn .videoplayer, .content-3col-nobox-middlecolumn .videoplayer, .content-3col-nobox-rightcolumn .videoplayer, .content-3col-box-leftcolumn .videoplayer, .content-3col-box-middlecolumn .videoplayer, .content-3col-box-rightcolumn .videoplayer {width:267px; height:168px; margin:10px 20px 10px 20px; border:solid 5px rgb(175,175,175);}\n
\n
.content .audioplayer {width:908px; height:20px; margin:10px 20px 10px 20px; border:solid 5px rgb(175,175,175);}\n
.content-2col-nobox-leftcolumn .audioplayer, .content-2col-nobox-rightcolumn .audioplayer, .content-2col-box-leftcolumn .audioplayer, .content-2col-box-rightcolumn .audioplayer {width:428px; height:20px; margin:10px 20px 10px 20px; border:solid 5px rgb(175,175,175);}\n
.content-3col-nobox-leftcolumn .audioplayer, .content-3col-nobox-middlecolumn .audioplayer, .content-3col-nobox-rightcolumn .audioplayer, .content-3col-box-leftcolumn .audioplayer, .content-3col-box-middlecolumn .audioplayer, .content-3col-box-rightcolumn .audioplayer {width:267px; height:20px; margin:10px 20px 10px 20px; border:solid 5px rgb(175,175,175);}\n
\n
/**********/\n
/* IMAGES */\n
/**********/\n
\n
.main img {clear:both; float:left; margin:3px 15px 7px 0; border:solid 3px rgb(200,200,200);}\n
.main img.center {clear:both; float:none; display:block; margin:0 auto; border:solid 3px rgb(200,200,200);}\n
.main img.right {clear:both; float:right; margin:3px 0 7px 10px; border:solid 3px rgb(200,200,200);}\n
\n
/*********/\n
/* LINKS */\n
/*********/\n
\n
/* Text links */\n
.main a {color:rgb(70,122,167); font-weight:bold; text-decoration:none;}\n
.main a:hover {color:rgb(42,90,138); text-decoration:underline;}\n
.main a:visited {color:rgb(42,90,138);}\n
\n
/*Image links */\n
.main a img {border:solid 3px rgb(200,200,200);}\n
.main a:hover img {border:solid 3px rgb(175,175,175);}\n
\n
/******************************************/\n
/* ADDITIONAL USER STYLES */\n
/* If you want to add your own styles, */\n
/* then add them here in order to avoid */\n
/* a mixup with the default styles. */\n
/******************************************/\n
]]></string> </value>
</item>
<item>
<key> <string>content_type</string> </key>
<value> <string>text/html</string> </value>
</item>
<item>
<key> <string>expand</string> </key>
<value> <int>0</int> </value>
</item>
<item>
<key> <string>id</string> </key>
<value> <string>mf54_content_nosidebar.css</string> </value>
</item>
<item>
<key> <string>title</string> </key>
<value> <string></string> </value>
</item>
</dictionary>
</pickle>
</record>
</ZopeData>
<?xml version="1.0"?>
<ZopeData>
<record id="1" aka="AAAAAAAAAAE=">
<pickle>
<tuple>
<global name="ZopePageTemplate" module="Products.PageTemplates.ZopePageTemplate"/>
<tuple/>
</tuple>
</pickle>
<pickle>
<dictionary>
<item>
<key> <string>_bind_names</string> </key>
<value>
<object>
<klass>
<global name="NameAssignments" module="Shared.DC.Scripts.Bindings"/>
</klass>
<tuple/>
<state>
<dictionary>
<item>
<key> <string>_asgns</string> </key>
<value>
<dictionary>
<item>
<key> <string>name_subpath</string> </key>
<value> <string>traverse_subpath</string> </value>
</item>
</dictionary>
</value>
</item>
</dictionary>
</state>
</object>
</value>
</item>
<item>
<key> <string>_text</string> </key>
<value> <string encoding="cdata"><![CDATA[
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">\n
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">\n
\n
\n
<!-- Version: Multiflex-5.4 / Overview -->\n
<!-- Type: Design with sidebar -->\n
<!-- Date: March 13, 2008 -->\n
<!-- Design: www.1234.info -->\n
<!-- License: Fully open source without restrictions. -->\n
<!-- Please keep footer credits with the words -->\n
<!-- "Design by 1234.info". Thank you! -->\n
\n
<head>\n
<meta http-equiv="content-type" content="text/html; charset=utf-8" />\n
<meta http-equiv="cache-control" content="no-cache" />\n
<meta http-equiv="expires" content="3600" />\n
<meta name="revisit-after" content="2 days" />\n
<meta name="robots" content="index,follow" />\n
<meta name="publisher" content="Your publisher infos here" />\n
<meta name="copyright" content="Your copyright infos here" />\n
<meta name="author" content="Designed by www.1234.info / Modified: Your Name" />\n
<meta name="distribution" content="global" />\n
<meta name="description" content="Your container description here" />\n
<meta name="keywords" content="Your keywords, keywords, keywords, here" />\n
<link rel="stylesheet" type="text/css" media="screen,projection,print" href="mf54_reset.css" />\n
<link rel="stylesheet" type="text/css" media="screen,projection,print" href="mf54_grid.css" />\n
<link rel="stylesheet" type="text/css" media="screen,projection,print" href="mf54_content.css" />\n
<link rel="icon" type="image/x-icon" href="./mf54_image/favicon.ico" />\n
<title>Multiflex-5.4 | Grid Toolbox |</title>\n
</head>\n
\n
<!-- Global IE fix to avoid layout crash when single word size wider than column width -->\n
<!-- Following line MUST remain as a comment to have the proper effect -->\n
<!--[if IE]><style type="text/css"> body {word-wrap: break-word;}</style><![endif]-->\n
\n
<body>\n
<!-- CONTAINER FOR ENTIRE PAGE -->\n
<div class="container">\n
\n
<!-- A. HEADER --> \n
<div class="corner-page-top"></div>\n
<div class="header">\n
<div class="header-top">\n
\n
<!-- A.1 SITENAME --> \n
<a class="sitelogo" href="index.html" title="Home"></a>\n
<div class="sitename">\n
<h1><a href="index.html" title="Home">MULTIFLEX&bull;5.4</a></h1> \n
<h2>Open Source Designs</h2>\n
</div>\n
\n
<!-- A.2 BUTTON NAVIGATION -->\n
<div class="navbutton">\n
<ul>\n
<li><a href="#" title="English"><img src="./mf54_image/icon_flag_us.gif" alt="Flag" /></a></li>\n
<li><a href="#" title="Deutsch"><img src="./mf54_image/icon_flag_de.gif" alt="Flag" /></a></li>\n
<li><a href="#" title="Svenska"><img src="./mf54_image/icon_flag_se.gif" alt="Flag" /></a></li>\n
<li><a href="#" title="RSS"><img src="./mf54_image/icon_rss.gif" alt="RSS-Button" /></a></li>\n
</ul>\n
</div>\n
\n
<!-- A.3 GLOBAL NAVIGATION -->\n
<div class="navglobal">\n
<ul>\n
<li><a href="#" title="">About</a></li>\n
<li><a href="#" title="">Contact</a></li> \n
<li><a href="#" title="">Sitemap</a></li> \n
<li><a href="#" title="">Links</a></li> \n
</ul>\n
</div> \n
</div>\n
\n
<!-- A.4 BREADCRUMB and SEARCHFORM -->\n
<div class="header-bottom">\n
\n
<!-- Breadcrumb -->\n
<ul>\n
<li class="nobullet">You are here:&nbsp;</li>\n
<li><a href="#">Home</a></li>\n
<li><a href="#">Page</a></li>\n
<li><a href="#">Sub-Page</a></li>\n
<li><a href="#">Sub-Sub-Page</a></li> \n
</ul>\n
\n
<!-- Search form --> \n
<div class="searchform">\n
<form action="index.html" method="get">\n
<fieldset>\n
<input name="field" class="field" value=" Enter search word ..." />\n
<input type="submit" name="button" class="button" value="Search" />\n
</fieldset>\n
</form>\n
</div>\n
</div>\n
</div>\n
<div class="corner-page-bottom"></div>\n
\n
<!-- B. NAVIGATION BAR -->\n
<div class="corner-page-top"></div> \n
<div class="navbar">\n
\n
<!-- Navigation item -->\n
<ul>\n
<li><a href="index.html">Overview</a></li>\n
</ul>\n
<!-- Navigation item -->\n
<ul>\n
<li><a href="mf54_tutorial.html">Tutorial</a></li>\n
</ul> \n
<!-- Navigation item -->\n
<ul>\n
<li><a href="#">Grid Toolbox<!--[if IE 7]><!--></a><!--<![endif]-->\n
<!--[if lte IE 6]><table><tr><td><![endif]-->\n
<ul>\n
<li><a href="mf54_grid.html">With sidebar</a></li>\n
<li><a href="mf54_grid_nosidebar.html">Without sidebar</a></li>\n
</ul>\n
<!--[if lte IE 6]></td></tr></table></a><![endif]-->\n
</li>\n
</ul> \n
<!-- Navigation item -->\n
<ul>\n
<li><a href="#">Content Toolbox<!--[if IE 7]><!--></a><!--<![endif]-->\n
<!--[if lte IE 6]><table><tr><td><![endif]-->\n
<ul>\n
<li><a href="mf54_content.html">With sidebar</a></li>\n
<li><a href="mf54_content_nosidebar.html">Without sidebar</a></li>\n
</ul>\n
<!--[if lte IE 6]></td></tr></table></a><![endif]-->\n
</li>\n
</ul> \n
<!-- Navigation item -->\n
<ul>\n
<li><a href="#">Drop-down Menu<!--[if IE 7]><!--></a><!--<![endif]-->\n
<!--[if lte IE 6]><table><tr><td><![endif]-->\n
<ul>\n
<li><a href="#">Menu subitem 1</a></li>\n
<li><a href="#">Menu subitem 2</a></li>\n
<li><a href="#">Menu subitem 3</a></li>\n
<li><a href="#">Menu subitem 4</a></li>\n
<li><a href="#">Menu subitem 5</a></li>\n
</ul>\n
<!--[if lte IE 6]></td></tr></table></a><![endif]-->\n
</li>\n
</ul> \n
</div> \n
\n
<!-- C. MAIN SECTION --> \n
<div class="main">\n
<h1 class="pagetitle">Grid Toolbox (With sidebar)</h1>\n
\n
<!-- C.1 CONTENT -->\n
<div class="content">\n
\n
<!-- CONTENT CELL --> \n
<div class="corner-content-1col-top"></div> \n
<div class="content-1col-nobox">\n
<h1>Available Grid Styles</h1>\n
<ul>\n
<li>1-01 / <a href="#anchor-grid-101">Content section (1-column, no box)</a></li>\n
<li>2-01 / <a href="#anchor-grid-201">Content section (2-column, no box)</a><br /></li>\n
<li>3-01 / <a href="#anchor-grid-301">Content section (2-column, box)</a><br /></li>\n
<li>4-01 / <a href="#anchor-grid-401">Subcontent section (1-column, box)</a><br /></li>\n
<li>9-01 / <a href="#anchor-grid-901">Content section (Mixed, 1-/2-column, no box)</a></li>\n
<li>9-02 / <a href="#anchor-grid-902">Content section (Mixed, 2-/1-column, no box)</a></li>\n
</ul>\n
</div>\n
<div class="corner-content-1col-bottom"></div> \n
\n
\n
<!-- ************************************************************************************************** -->\n
<!-- ************************************************************************************************** -->\n
<!-- ******************************** START OF AVAILABLE GRID STYLES ****************************** -->\n
<!-- ************************************************************************************************** -->\n
<!-- ************************************************************************************************** --> \n
\n
\n
<!-- ************************************************************************************************** -->\n
<!-- ************************************************************************************************** -->\n
<!-- ** ** -->\n
<!-- ** 1. CONTENT GRID (1-COLUMN) ** -->\n
<!-- ** ** -->\n
<!-- ************************************************************************************************** -->\n
<!-- ************************************************************************************************** -->\n
\n
\n
<!-- CONTENT CELL --> \n
<a id="anchor-grid-101"></a>\n
<div class="corner-content-1col-top"></div> \n
<div class="content-1col-nobox">\n
<h1>1-01. Content (1-column, no box)</h1>\n
<h2>Cell subtitle</h2> \n
<p class="demo">Here comes the content. <br />See "Content Toolbox" on how to fill up content.</p> \n
<h2>Cell subtitle</h2> \n
<p class="demo">Here comes the content. <br />See "Content Toolbox" on how to fill up content.</p> \n
</div> \n
<div class="corner-content-1col-bottom"></div> \n
\n
\n
<!-- ************************************************************************************************** -->\n
<!-- ************************************************************************************************** -->\n
<!-- ** ** -->\n
<!-- ** 2. CONTENT GRID (2-COLUMN, NO BOX) ** -->\n
<!-- ** ** -->\n
<!-- ************************************************************************************************** -->\n
<!-- ************************************************************************************************** -->\n
\n
\n
<!-- CONTENT CELL --> \n
<a id="anchor-grid-201"></a>\n
<div class="corner-content-1col-top"></div> \n
<div class="content-1col-nobox">\n
<h1>2-01. Content (2-column, no box)</h1> \n
\n
<!-- 2-column LEFT (no box) -->\n
<div class="content-2col-nobox-leftcolumn">\n
<h2>Cell subtitle</h2>\n
<p class="demo">Here comes the content. <br />See "Content Toolbox" on how to fill up content.</p> \n
<h2>Cell subtitle</h2>\n
<p class="demo">Here comes the content. <br />See "Content Toolbox" on how to fill up content.</p> \n
</div>\n
\n
<!-- 2-column RIGHT (no box) --> \n
<div class="content-2col-nobox-rightcolumn"> \n
<h2>Cell subtitle</h2>\n
<p class="demo">Here comes the content. <br />See "Content Toolbox" on how to fill up content.</p> \n
<h2>Cell subtitle</h2>\n
<p class="demo">Here comes the content. <br />See "Content Toolbox" on how to fill up content.</p> \n
</div>\n
</div> \n
<div class="corner-content-1col-bottom"></div> \n
\n
\n
<!-- ************************************************************************************************** -->\n
<!-- ************************************************************************************************** -->\n
<!-- ** ** -->\n
<!-- ** 3. CONTENT GRID (2-COLUMN, BOX) ** -->\n
<!-- ** ** -->\n
<!-- ************************************************************************************************** -->\n
<!-- ************************************************************************************************** -->\n
\n
\n
<!-- CONTENT CELL --> \n
<a id="anchor-grid-301"></a>\n
<div class="content-1col-box">\n
\n
<!-- 2-column LEFT-->\n
<div class="content-2col-box-leftcolumn">\n
\n
<!-- Subcell content -->\n
<div class="corner-content-2col-top"></div> \n
<div class="content-2col-box">\n
<h1>3-01. Content (2-column, box)</h1> \n
<h2>Cell subtitle</h2> \n
<p class="demo">Here comes the content. <br />See "Content Toolbox" on how to fill up content.</p> \n
<h2>Cell subtitle</h2> \n
<p class="demo">Here comes the content. <br />See "Content Toolbox" on how to fill up content.</p> \n
</div>\n
<div class="corner-content-2col-bottom"></div> \n
\n
<!-- Subcell content -->\n
<div class="corner-content-2col-top"></div> \n
<div class="content-2col-box">\n
<h1>3-01. Content (2-column, box)</h1> \n
<h2>Cell subtitle</h2> \n
<p class="demo">Here comes the content. <br />See "Content Toolbox" on how to fill up content.</p> \n
</div>\n
<div class="corner-content-2col-bottom"></div> \n
</div>\n
\n
<!-- 2-column RIGHT --> \n
<div class="content-2col-box-rightcolumn">\n
\n
<!-- Subcell content -->\n
<div class="corner-content-2col-top"></div> \n
<div class="content-2col-box">\n
<h1>3-01. Content (2-column, box)</h1> \n
<h2>Cell subtitle</h2> \n
<p class="demo">Here comes the content. <br />See "Content Toolbox" on how to fill up content.</p> \n
</div>\n
<div class="corner-content-2col-bottom"></div> \n
\n
<!-- Subcell content -->\n
<div class="corner-content-2col-top"></div> \n
<div class="content-2col-box">\n
<h1>3-01. Content (2-column, box)</h1> \n
<h2>Cell subtitle</h2> \n
<p class="demo">Here comes the content. <br />See "Content Toolbox" on how to fill up content.</p> \n
<h2>Cell subtitle</h2> \n
<p class="demo">Here comes the content. <br />See "Content Toolbox" on how to fill up content.</p> \n
</div>\n
<div class="corner-content-2col-bottom"></div> \n
</div>\n
</div> \n
\n
\n
<!-- ************************************************************************************************** -->\n
<!-- ************************************************************************************************** -->\n
<!-- ** ** -->\n
<!-- ** 9. CONTENT GRID (MIXED (1-/2-COLUMN, NO BOX) ** -->\n
<!-- ** ** -->\n
<!-- ************************************************************************************************** -->\n
<!-- ************************************************************************************************** -->\n
\n
\n
<!-- ************************************************************************************************** -->\n
<!-- ** 9-01. MIXED MODE (1-Column / 2-Column) ** -->\n
<!-- ************************************************************************************************** -->\n
\n
\n
<!-- CONTENT CELL (subcells NOT boxes) --> \n
<a id="anchor-grid-901"></a>\n
<div class="corner-content-1col-top"></div> \n
<div class="content-1col-nobox">\n
\n
<!-- 1-column -->\n
<h1>9-01. Content (Mixed 1-/2-column, no box)</h1> \n
<h2>Cell subtitle</h2>\n
<p class="demo">Here comes the content. <br />See "Content Toolbox" on how to fill up content.</p> \n
<h2>Cell subtitle</h2>\n
<p class="demo">Here comes the content. <br />See "Content Toolbox" on how to fill up content.</p> \n
\n
<!-- 2-column LEFT-->\n
<div class="content-2col-nobox-leftcolumn">\n
<h2>Cell subtitle</h2>\n
<p class="demo">Here comes the content. <br />See "Content Toolbox" on how to fill up content.</p> \n
<h2>Cell subtitle</h2>\n
<p class="demo">Here comes the content. <br />See "Content Toolbox" on how to fill up content.</p> \n
</div>\n
\n
<!-- 2-column RIGHT --> \n
<div class="content-2col-nobox-rightcolumn"> \n
<h2>Cell subtitle</h2>\n
<p class="demo">Here comes the content. <br />See "Content Toolbox" on how to fill up content.</p> \n
<h2>Cell subtitle</h2>\n
<p class="demo">Here comes the content. <br />See "Content Toolbox" on how to fill up content.</p> \n
</div>\n
</div> \n
<div class="corner-content-1col-bottom"></div> \n
\n
\n
<!-- ************************************************************************************************** -->\n
<!-- ** 9-02. MIXED MODE (2-Column / 1-Column) ** -->\n
<!-- ************************************************************************************************** -->\n
\n
\n
<!-- CONTENT CELL (subcells NOT boxes) --> \n
<a id="anchor-grid-902"></a>\n
<div class="corner-content-1col-top"></div> \n
<div class="content-1col-nobox">\n
<h1>9-02. Content (Mixed 2-/1-column, no box)</h1> \n
\n
<!-- 2-column LEFT-->\n
<div class="content-2col-nobox-leftcolumn">\n
<h2>Cell subtitle</h2>\n
<p class="demo">Here comes the content. <br />See "Content Toolbox" on how to fill up content.</p> \n
<h2>Cell subtitle</h2>\n
<p class="demo">Here comes the content. <br />See "Content Toolbox" on how to fill up content.</p> \n
</div>\n
\n
<!-- 2-column RIGHT --> \n
<div class="content-2col-nobox-rightcolumn"> \n
<h2>Cell subtitle</h2>\n
<p class="demo">Here comes the content. <br />See "Content Toolbox" on how to fill up content.</p> \n
<h2>Cell subtitle</h2>\n
<p class="demo">Here comes the content. <br />See "Content Toolbox" on how to fill up content.</p> \n
</div>\n
\n
<!-- 1-column width --> \n
<h2>Cell subtitle</h2>\n
<p class="demo">Here comes the content. <br />See "Content Toolbox" on how to fill up content.</p> \n
<h2>Cell subtitle</h2>\n
<p class="demo">Here comes the content. <br />See "Content Toolbox" on how to fill up content.</p> \n
</div> \n
<div class="corner-content-1col-bottom"></div> \n
</div>\n
\n
\n
<!-- ************************************************************************************************** -->\n
<!-- ************************************************************************************************** -->\n
<!-- ** ** -->\n
<!-- ** 4. SUBCONTENT GRID ** -->\n
<!-- ** ** -->\n
<!-- ************************************************************************************************** -->\n
<!-- ************************************************************************************************** --> \n
\n
\n
<!-- C.2 SUBCONTENT -->\n
<a id="anchor-grid-401"></a>\n
<div class="subcontent">\n
\n
<!-- SUBCONTENT CELL -->\n
<div class="corner-subcontent-top"></div> \n
<div class="subcontent-box">\n
<h1>4-01. Subcontent</h1> \n
<h2>Cell subtitle</h2> \n
<p class="demo">Here comes the content. <br />See "Content Toolbox" on how to fill up content.</p> \n
<h2>Cell subtitle</h2> \n
<p class="demo">Here comes the content. <br />See "Content Toolbox" on how to fill up content.</p> \n
</div> \n
<div class="corner-subcontent-bottom"></div> \n
\n
<!-- SUBCONTENT CELL -->\n
<div class="corner-subcontent-top"></div> \n
<div class="subcontent-box">\n
<h1>4-01. Subcontent</h1> \n
<h2>Cell subtitle</h2> \n
<p class="demo">Here comes the content. <br />See "Content Toolbox" on how to fill up content.</p> \n
<h2>Cell subtitle</h2> \n
<p class="demo">Here comes the content. <br />See "Content Toolbox" on how to fill up content.</p> \n
</div> \n
<div class="corner-subcontent-bottom"></div> \n
</div> \n
</div>\n
\n
\n
<!-- ************************************************************************************************** -->\n
<!-- ************************************************************************************************** -->\n
<!-- ********************************* END OF AVAILABLE GRID STYLES ******************************* -->\n
<!-- ************************************************************************************************** -->\n
<!-- ************************************************************************************************** --> \n
\n
\n
<!-- D. FOOTER --> \n
<div class="footer">\n
<p>Copyright &copy; 2008 Your Company&nbsp;&nbsp;|&nbsp;&nbsp;All Rights Reserved</p>\n
<p class="credits">Design by <a href="http://1234.info/" title="Designer Homepage">1234.info</a> | Modified by <a href="#" title="Modifyer Homepage">Your Name</a> | Powered by <a href="#" title="CMS Homepage">Your CMS</a> | Media Player by <a href="http://www.jeroenwijering.com" title="Media Player Credits">Jeroen Wijering</a> | <a href="http://validator.w3.org/check?uri=referer" title="Validate XHTML code">XHTML 1.0</a> | <a href="http://jigsaw.w3.org/css-validator/" title="Validate CSS code">CSS 2.0</a></p>\n
</div>\n
<div class="corner-page-bottom"></div> \n
</div> \n
\n
</body>\n
</html>\n
\n
\n
\n
]]></string> </value>
</item>
<item>
<key> <string>id</string> </key>
<value> <string>mf54_grid.html</string> </value>
</item>
</dictionary>
</pickle>
</record>
</ZopeData>
<?xml version="1.0"?>
<ZopeData>
<record id="1" aka="AAAAAAAAAAE=">
<pickle>
<tuple>
<global name="ZopePageTemplate" module="Products.PageTemplates.ZopePageTemplate"/>
<tuple/>
</tuple>
</pickle>
<pickle>
<dictionary>
<item>
<key> <string>_Cacheable__manager_id</string> </key>
<value> <string>http_cache</string> </value>
</item>
<item>
<key> <string>_bind_names</string> </key>
<value>
<object>
<klass>
<global name="NameAssignments" module="Shared.DC.Scripts.Bindings"/>
</klass>
<tuple/>
<state>
<dictionary>
<item>
<key> <string>_asgns</string> </key>
<value>
<dictionary>
<item>
<key> <string>name_subpath</string> </key>
<value> <string>traverse_subpath</string> </value>
</item>
</dictionary>
</value>
</item>
</dictionary>
</state>
</object>
</value>
</item>
<item>
<key> <string>_text</string> </key>
<value> <string encoding="cdata"><![CDATA[
<tal:block define="dummy python: request.RESPONSE.setHeader(\'Content-Type\', \'text/css;; charset=utf-8\')"/>\n
\n
\n
/****************************************************************/\n
/* Design: Multiflex-5.4 */\n
/* Type: Design without sidebar */\n
/* File: Grid Toolbox */\n
/*--------------------------------------------------------------*/\n
/* Design: www.1234.info */\n
/* Date: March 13, 2008 */\n
/*--------------------------------------------------------------*/\n
/* License: Fully open source without restrictions. */\n
/* Please keep footer credits with the words */\n
/* "Design by 1234.info". Thank you! */\n
/****************************************************************/\n
\n
/******************/\n
/* GLOBAL LAYOUT */\n
/******************/\n
\n
body {font-size:62.5%; background-color:rgb(240,240,240); font-family:arial,sans-serif;} /*Font-size: 1.0em = 10px when browser default size is 16px*/\n
.container {width:978px; padding-top:10px; padding-bottom:20px; margin:0 auto; font-size:1.0em;}\n
.header {width:958px; min-height:130px /*Non-IE6*/; height:auto !important /*Non-IE6*/; height:130px /*IE6*/; border-left:solid 10px rgb(200,200,200); border-right:solid 10px rgb(200,200,200); background:rgb(225,225,225) url(./mf54_image/bg_header.jpg) repeat-x /*Total header background image entered here. Height: 125px*/; font-size:1.0em;}\n
.header-top {clear:both; width:958px; height:100px; background:rgb(218,218,218) url(./mf54_image/bg_header_top.jpg) repeat-x /*Top header background image entered here. Height: 100px*/; font-size:1.0em;}\n
.header-bottom {clear:both; width:958px; min-height:30px /*Non-IE6*/; height:auto !important /*Non-IE6*/; height:30px /*IE6*/; background:rgb(225,225,225) url(./mf54_image/bg_header_bottom.jpg) repeat-x /*Bottom header background image entered here: Height: 25 px*/; font-size:1.0em;}\n
.navbar {white-space:nowrap /*IE hack*/; float:left; width:958px; border-left:solid 10px rgb(200,200,200); border-right:solid 10px rgb(200,200,200); background-color:rgb(225,225,225); font-family:tahoma,arial,sans-serif; font-size:130% !important /*Non-IE6*/; font-size:120% /*IE6*/;} /*Color navigation bar normal mode*/\n
.main {clear:both; width:958px; padding:10px 0 20px 0; border-left:solid 10px rgb(200,200,200); border-right:solid 10px rgb(200,200,200); background-color:rgb(200,200,200); font-size:1.0em;}\n
.content {display:inline; /*Fix IE floating margin bug*/; float:left; width:958px; background-color:rgb(200,200,200); font-size:1.0em; overflow:visible !important /*Non-IE6*/; overflow:hidden /*IE6*/;}\n
.footer {clear:both; width:958px; padding:1.0em 0 1.0em 0; border-left:solid 10px rgb(200,200,200); border-right:solid 10px rgb(200,200,200); background-color:rgb(225,225,225); font-size:1.1em !important /*Non-IE6*/; font-size:1.0em /*IE6*/; overflow:visible !important /*Non-IE6*/; overflow:hidden /*IE6*/;}\n
\n
/****************/\n
/* HEADER-TOP */\n
/****************/\n
\n
/* SITENAME AND SLOGAN */\n
.sitelogo {width:70px; height:70px; position:absolute; z-index:1; margin:15px 0 0 15px; background:url(./mf54_image/bg_logo.gif);}\n
.sitename {width:300px; height:70px; position:absolute; z-index:1; margin:27px 0 0 95px; overflow:hidden;}\n
.sitename h1 {font-family:"trebuchet ms",arial,sans serif; font-weight:normal; font-size:290% !important /*Non-IE6*/; font-size:260% /*IE6*/;}\n
.sitename h2 {font-family:verdana,arial,sans serif; margin-top:-5px; padding-bottom:2px; color:rgb(125,125,125); height:20px; font-weight:normal; font-size:130% !important /*Non-IE6*/; font-size:120% /*IE6*/;}\n
.sitename a{text-decoration:none; color:rgb(125,125,125);}\n
.sitename a:hover {text-decoration:none;}\n
\n
/* BUTTON NAVIGATION */\n
.navbutton {width:400px; position:absolute; z-index:2; margin-top:26px; margin-left:547px !important /*Non-IE6*/; margin-left:550px /*IE6*/;}\n
.navbutton ul {float:right;}\n
.navbutton li {display:inline; list-style:none;}\n
.navbutton li a {padding-left:3px;}\n
.navbutton a:hover {text-decoration:none;}\n
.navbutton a img {height:32px;}\n
\n
/* GLOBAL NAVIGATION */\n
.navglobal {width:600px; position:absolute; z-index:3; margin-top:65px; margin-left:349px !important /*Non-IE6*/; margin-left:351px /*IE6*/;}\n
.navglobal ul {float:right; font-weight:normal;} \n
.navglobal li {display:inline; list-style:none;}\n
.navglobal li a {display:block; float:left; padding:2px 5px 2px 5px; color:rgb(125,125,125); text-decoration:none; font-size:130% !important /*Non-IE6*/; font-size:120% /*IE6*/;}\n
.navglobal a:hover {text-decoration:none; color:rgb(255,255,255);}\n
\n
/*******************/\n
/* HEADER BOTTOM */\n
/*******************/\n
\n
/* BREADCRUMB */\n
.header-bottom ul {float:left; width:430px; list-style:none; padding:8px 0 3px 10px !important /*Non-IE6*/; padding:8px 0 3px 10px /*IE6*/;}\n
.header-bottom ul li {display:inline; padding:0 0 0 10px; background:transparent url(./mf54_image/bg_bullet_arrow.gif) no-repeat 0 50%; font-size:110% !important /*Non-IE6*/; font-size:100% /*IE6*/;}\n
.header-bottom ul li.nobullet {display:inline; padding:0; background:none; color:rgb(75,75,75);}\n
.header-bottom ul a {color:rgb(125,125,125); font-weight:bold; text-decoration:none;}\n
.header-bottom ul a:hover {color:rgb(255,255,255);}\n
\n
/* SEARCH FORM*/\n
.header-bottom .searchform {float:right; width:430px;}\n
.header-bottom .searchform form fieldset {float:right; border:none; padding-top:5px; padding-right:10px;}\n
.header-bottom .searchform input.field {width:15.0em; height:1.2em; padding:1px !important /*Non-IE6*/; padding:2px /*IE6*/; border:solid 1px rgb(200,200,200); background-color:rgb(255,255,255); font-size:110% !important /*Non-IE6*/; font-size:100% /*IE6*/;}\n
.header-bottom .searchform input.button {width:4.5em; height:1.6em; background-color:rgb(240,240,240); border:solid 1px rgb(150,150,150); text-align:center; color:rgb(100,100,100); font-size:110% !important /*Non-IE6*/; font-size:100% /*IE6*/;}\n
.header-bottom .searchform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background-color:rgb(220,220,220); color:rgb(80,80,80);}\n
\n
/********************/\n
/* NAVIGATION BAR */\n
/********************/\n
\n
/* MAIN MENU */\n
.navbar ul {list-style-type:none;}\n
.navbar ul li {float:left; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/; background-color:rgb(225,225,225);}\n
.navbar ul li a {float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; height:3.1em; line-height:3.1em; padding:0 16px 0 16px; text-decoration:none; font-weight:bold; color:rgb(100,100,100); border-right:solid 0px rgb(215,215,215);}\n
.navbar ul li ul {display:none; border:none;}\n
\n
/* SUBMENU (Non-IE6 hovering) */\n
.navbar ul li:hover {position:relative;} /*Sylvain IE hack*/\n
.navbar ul li:hover a {background-color:rgb(235,235,235); text-decoration:none;} /*Color main cells hovering mode*/\n
.navbar ul li:hover ul {display:block; width:10.0em; position:absolute; z-index:1000; top:3.0em; margin-top:0.1em; left:0; padding:0px 16px 0px 16px; border-top:solid 1px rgb(215,215,215);}\n
.navbar ul li:hover ul li a {white-space:normal; display:block; width:10.0em; height:auto; line-height:1.3em; margin-left:-17px; padding:4px 16px 4px 16px; border-right:solid 1px rgb(215,215,215); border-left:solid 1px rgb(215,215,215); border-bottom: solid 1px rgb(215,215,215); background-color:rgb(235,235,235); font-weight:normal; color:rgb(100,100,100);} /*Color subcells normal mode*/\n
.navbar ul li:hover ul li a:hover {background-color:rgb(225,225,225); text-decoration:none;} /*Color subcells hovering mode*/\n
\n
/* SUBMENU (IE6 hovering) */\n
.navbar table {position:absolute; z-index:1000; top:0px; left:-1px; border-collapse:collapse;}\n
.navbar ul li a:hover {position:relative /*Sylvain IE hack*/; z-index:1000 /*Sylvain IE hack*/; background-color:rgb(235,235,235); text-decoration:none;} /*Color main cells hovering mode*/\n
.navbar ul li a:hover ul {display:block; width:10.0em; position:absolute; z-index:1000; top:3.1em; t\\op:3.0em; left:0px; marg\\in-top:0.1em; border-top:solid 1px rgb(215,215,215); }\n
.navbar ul li a:hover ul li a {white-space:normal; display:block; w\\idth:10.0em; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-right:solid 1px rgb(215,215,215); border-left:solid 1px rgb(215,215,215); border-bottom: solid 1px rgb(215,215,215); background-color:rgb(235,235,235); font-weight:normal; color:rgb(100,100,100);} /*Color subcells normal mode*/\n
.navbar ul li a:hover ul li a:hover {background-color:rgb(225,225,225); text-decoration:none;} /*Color subcells hovering mode*/\n
\n
/*************/\n
/* CONTENT */\n
/*************/\n
\n
/* CONTAINER (NO BOXES) */\n
.content-1col-nobox {width:958px; background-color:rgb(255,255,255);}\n
.content-2col-nobox-leftcolumn {display:inline; float:left; width:478px; border-right:solid 1px rgb(215,215,215) /*Use this statement if left column is longer than the right column. Activate by removing "xx_" from property name*/; background-color:rgb(255,255,255);}\n
.content-2col-nobox-rightcolumn {display:inline; float:right; width:478px; border-left:solid 1px rgb(215,215,215)/*Use this statement if right columnn is longer than the left column. De-activate by adding "xx_" to propery name*/; background-color:rgb(255,255,255);}\n
.content-3col-nobox-leftcolumn {display:inline; float:left; width:318px; border-right:solid 1px rgb(215,215,215) /*Use this statement if left column is longer than the right column. Activate by removing "xx_" from property name*/; background-color:rgb(255,255,255);}\n
.content-3col-nobox-middlecolumn {display:inline; float:left; width:318px; border-left:solid 1px rgb(215,215,215); border-right:solid 1px rgb(215,215,215) /*Use this statement if left column is longer than the right column. Activate by removing "xx_" from property name*/; background-color:rgb(255,255,255);}\n
.content-3col-nobox-rightcolumn {display:inline; float:right; width:318px; border-left:solid 1px rgb(215,215,215)/*Use this statement if right columnn is longer than the left column. De-activate by adding "xx_" to propery name*/; background-color:rgb(255,255,255);}\n
\n
/* CONTAINER (BOXES) */\n
.content-1col-box {width:958px; background-color:transparent;}\n
.content-2col-box-leftcolumn {display:inline; float:left; width:474px; background-color:transparent;}\n
.content-2col-box-rightcolumn {display:inline; float:right; width:474px; background-color:transparent;}\n
.content-2col-box {width:474px; background-color:rgb(255,255,255);}\n
.content-3col-box-leftcolumn {display:inline; float:left; width:313px; background-color:transparent;}\n
.content-3col-box-middlecolumn {display:inline; float:left; margin-left:10px; width:313px; background-color:transparent;}\n
.content-3col-box-rightcolumn {display:inline; float:right; width:313px; background-color:transparent;}\n
.content-3col-box {width:313px; background-color:rgb(255,255,255);}\n
\n
/************/\n
/* FOOTER */\n
/************/\n
.footer p {clear:both; line-height:1.3em; text-align:center; color:rgb(125,125,125); font-weight:bold; font-size:110%;}\n
.footer p.credits {clear:both; font-weight:normal;}\n
.footer a, .footer a:visited {text-decoration:underline; color:rgb(125,125,125);}\n
.footer a:hover {text-decoration:none; color:rgb(0,0,0);}\n
\n
/*********************/\n
/* ROUNDED CORNERS */\n
/*********************/\n
\n
/* PAGE */\n
.corner-page-top {width:978px; height:10px; background:transparent url(./mf54_image/bg_corner_page_top.gif) no-repeat; overflow:hidden;}\n
.corner-page-bottom {width:978px; height:10px; padding-bottom:20px; background:transparent url(./mf54_image/bg_corner_page_bottom.gif) no-repeat; overflow:hidden;}\n
\n
/* CONTENT */\n
.corner-content-1col-top {clear:both; width:958px; height:7px; background:white url(./mf54_image/bg_corner_content_nosidebar_1col_top.gif) no-repeat; overflow:hidden;}\n
.corner-content-1col-bottom {clear:both; width:958px; height:7px; margin-bottom:10px; background:transparent url(./mf54_image/bg_corner_content_nosidebar_1col_bottom.gif) no-repeat; overflow:hidden;}\n
.corner-content-2col-top {width:474px; height:7px; background:transparent url(./mf54_image/bg_corner_content_nosidebar_2col_top.gif) no-repeat; overflow:hidden;}\n
.corner-content-2col-bottom {width:474px; height:7px; margin-bottom:10px; background:transparent url(./mf54_image/bg_corner_content_nosidebar_2col_bottom.gif) no-repeat; overflow:hidden;}\n
.corner-content-3col-top {width:313px; height:7px; background:transparent url(./mf54_image/bg_corner_content_nosidebar_3col_top.gif) no-repeat; overflow:hidden;}\n
.corner-content-3col-bottom {width:313px; height:7px; margin-bottom:10px; background:transparent url(./mf54_image/bg_corner_content_nosidebar_3col_bottom.gif) no-repeat; overflow:hidden;}\n
\n
/******************/\n
/* CLEAR FLOATS */\n
/******************/\n
.container:after, .header:after, .header-top:after, .header-bottom:after, .navbar:after, .main:after, .content:after, .content div:after, .subcontent:after, .subcontent div:after, .footer:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}\n
.content-1col-nobox:after, .content-2col-nobox-leftcolumn:after, .content-2col-nobox-rightcolumn:after, .content-3col-nobox-leftcolumn:after, .content-3col-nobox-middlecolumn:after, .content-3col-nobox-rightcolumn:after, .content-1col-box:after, .content-2col-box-leftcolumn:after, .content-2col-box-rightcolumn:after, .content-2col-box:after, .content-3col-box-leftcolumn:after, .content-3col-box-middlecolumn:after, .content-3col-box-rightcolumn:after, .content-3col-box:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}\n
.corner-content-1col-top:after, .corner-content-1col-bottom:after, .corner-content-2col-top:after, .corner-content-2col-bottom:after, .corner-subcontent-top:after, .corner-subcontent-bottom:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}\n
p:after {content:"."; display:block; height:0; /*clear:both Do not use here to avoid paragraphs clearing next to images;*/ visibility:hidden;}\n
\n
/**************/\n
/* PRINTING */\n
/**************/\n
/* To avoid that some layouts may break during printing */\n
/* we remove one vertical border-line for the columns */ \n
@media print {.content-2col-nobox-rightcolumn {display:inline; float:right; width:313px; border-left:none; background-color:rgb(255,255,255);}}\n
@media print {.content-3col-nobox-rightcolumn {display:inline; float:right; width:313px; border-left:none; background-color:rgb(255,255,255);}}\n
\n
/********************************************/\n
/* USED ONLY FOR DEMO PAGE FOR GRID SETUP */\n
/* Do not use for operational purposes */\n
/********************************************/\n
.main p.demo {margin:0; padding:10px 20px 50px 20px;}\n
\n
/******************************************/\n
/* YOUR OWN USER STYLES */\n
/* If you want to add your own styles, */\n
/* then add them here below in order to */\n
/* avoid a mixup with default styles. */\n
/******************************************/\n
\n
]]></string> </value>
</item>
<item>
<key> <string>content_type</string> </key>
<value> <string>text/html</string> </value>
</item>
<item>
<key> <string>expand</string> </key>
<value> <int>0</int> </value>
</item>
<item>
<key> <string>id</string> </key>
<value> <string>mf54_grid_nosidebar.css</string> </value>
</item>
<item>
<key> <string>title</string> </key>
<value> <string></string> </value>
</item>
</dictionary>
</pickle>
</record>
</ZopeData>
<?xml version="1.0"?>
<ZopeData>
<record id="1" aka="AAAAAAAAAAE=">
<pickle>
<tuple>
<global name="ZopePageTemplate" module="Products.PageTemplates.ZopePageTemplate"/>
<tuple/>
</tuple>
</pickle>
<pickle>
<dictionary>
<item>
<key> <string>_bind_names</string> </key>
<value>
<object>
<klass>
<global name="NameAssignments" module="Shared.DC.Scripts.Bindings"/>
</klass>
<tuple/>
<state>
<dictionary>
<item>
<key> <string>_asgns</string> </key>
<value>
<dictionary>
<item>
<key> <string>name_subpath</string> </key>
<value> <string>traverse_subpath</string> </value>
</item>
</dictionary>
</value>
</item>
</dictionary>
</state>
</object>
</value>
</item>
<item>
<key> <string>_text</string> </key>
<value> <string encoding="cdata"><![CDATA[
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">\n
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">\n
\n
\n
<!-- Version: Multiflex-5.4 / Overview -->\n
<!-- Type: Design without sidebar -->\n
<!-- Date: March 13, 2008 -->\n
<!-- Design: www.1234.info -->\n
<!-- License: Fully open source without restrictions. -->\n
<!-- Please keep footer credits with the words -->\n
<!-- "Design by 1234.info". Thank you! -->\n
\n
<head>\n
<meta http-equiv="content-type" content="text/html; charset=utf-8" />\n
<meta http-equiv="cache-control" content="no-cache" />\n
<meta http-equiv="expires" content="3600" />\n
<meta name="revisit-after" content="2 days" />\n
<meta name="robots" content="index,follow" />\n
<meta name="publisher" content="Your publisher infos here" />\n
<meta name="copyright" content="Your copyright infos here" />\n
<meta name="author" content="Designed by www.1234.info / Modified: Your Name" />\n
<meta name="distribution" content="global" />\n
<meta name="description" content="Your container description here" />\n
<meta name="keywords" content="Your keywords, keywords, keywords, here" />\n
<link rel="stylesheet" type="text/css" media="screen,projection,print" href="mf54_reset.css" />\n
<link rel="stylesheet" type="text/css" media="screen,projection,print" href="mf54_grid_nosidebar.css" />\n
<link rel="stylesheet" type="text/css" media="screen,projection,print" href="mf54_content_nosidebar.css" />\n
<link rel="icon" type="image/x-icon" href="./mf54_image/favicon.ico" />\n
<title>Multiflex-5.4 | Grid Toolbox |</title>\n
</head>\n
\n
<!-- Global IE fix to avoid layout crash when single word size wider than column width -->\n
<!-- Following line MUST remain as a comment to have the proper effect -->\n
<!--[if IE]><style type="text/css"> body {word-wrap: break-word;}</style><![endif]-->\n
\n
<body>\n
<!-- CONTAINER FOR ENTIRE PAGE -->\n
<div class="container">\n
\n
<!-- A. HEADER --> \n
<div class="corner-page-top"></div>\n
<div class="header">\n
<div class="header-top">\n
\n
<!-- A.1 SITENAME --> \n
<a class="sitelogo" href="index.html" title="Home"></a>\n
<div class="sitename">\n
<h1><a href="index.html" title="Home">MULTIFLEX&bull;5.4</a></h1> \n
<h2>Open Source Designs</h2>\n
</div>\n
\n
<!-- A.2 BUTTON NAVIGATION -->\n
<div class="navbutton">\n
<ul>\n
<li><a href="#" title="English"><img src="./mf54_image/icon_flag_us.gif" alt="Flag" /></a></li>\n
<li><a href="#" title="Deutsch"><img src="./mf54_image/icon_flag_de.gif" alt="Flag" /></a></li>\n
<li><a href="#" title="Svenska"><img src="./mf54_image/icon_flag_se.gif" alt="Flag" /></a></li>\n
<li><a href="#" title="RSS"><img src="./mf54_image/icon_rss.gif" alt="RSS-Button" /></a></li>\n
</ul>\n
</div>\n
\n
<!-- A.3 GLOBAL NAVIGATION -->\n
<div class="navglobal">\n
<ul>\n
<li><a href="#" title="">About</a></li>\n
<li><a href="#" title="">Contact</a></li> \n
<li><a href="#" title="">Sitemap</a></li> \n
<li><a href="#" title="">Links</a></li> \n
</ul>\n
</div> \n
</div>\n
\n
<!-- A.4 BREADCRUMB and SEARCHFORM -->\n
<div class="header-bottom">\n
\n
<!-- Breadcrumb -->\n
<ul>\n
<li class="nobullet">You are here:&nbsp;</li>\n
<li><a href="#">Home</a></li>\n
<li><a href="#">Page</a></li>\n
<li><a href="#">Sub-Page</a></li>\n
<li><a href="#">Sub-Sub-Page</a></li> \n
</ul>\n
\n
<!-- Search form --> \n
<div class="searchform">\n
<form action="index.html" method="get">\n
<fieldset>\n
<input name="field" class="field" value=" Enter search word ..." />\n
<input type="submit" name="button" class="button" value="Search" />\n
</fieldset>\n
</form>\n
</div>\n
</div>\n
</div>\n
<div class="corner-page-bottom"></div>\n
\n
<!-- B. NAVIGATION BAR -->\n
<div class="corner-page-top"></div> \n
<div class="navbar">\n
\n
<!-- Navigation item -->\n
<ul>\n
<li><a href="index.html">Overview</a></li>\n
</ul>\n
<!-- Navigation item -->\n
<ul>\n
<li><a href="mf54_tutorial.html">Tutorial</a></li>\n
</ul> \n
<!-- Navigation item -->\n
<ul>\n
<li><a href="#">Grid Toolbox<!--[if IE 7]><!--></a><!--<![endif]-->\n
<!--[if lte IE 6]><table><tr><td><![endif]-->\n
<ul>\n
<li><a href="mf54_grid.html">With sidebar</a></li>\n
<li><a href="mf54_grid_nosidebar.html">Without sidebar</a></li>\n
</ul>\n
<!--[if lte IE 6]></td></tr></table></a><![endif]-->\n
</li>\n
</ul> \n
<!-- Navigation item -->\n
<ul>\n
<li><a href="#">Content Toolbox<!--[if IE 7]><!--></a><!--<![endif]-->\n
<!--[if lte IE 6]><table><tr><td><![endif]-->\n
<ul>\n
<li><a href="mf54_content.html">With sidebar</a></li>\n
<li><a href="mf54_content_nosidebar.html">Without sidebar</a></li>\n
</ul>\n
<!--[if lte IE 6]></td></tr></table></a><![endif]-->\n
</li>\n
</ul> \n
<!-- Navigation item -->\n
<ul>\n
<li><a href="#">Drop-down Menu<!--[if IE 7]><!--></a><!--<![endif]-->\n
<!--[if lte IE 6]><table><tr><td><![endif]-->\n
<ul>\n
<li><a href="#">Menu subitem 1</a></li>\n
<li><a href="#">Menu subitem 2</a></li>\n
<li><a href="#">Menu subitem 3</a></li>\n
<li><a href="#">Menu subitem 4</a></li>\n
<li><a href="#">Menu subitem 5</a></li>\n
</ul>\n
<!--[if lte IE 6]></td></tr></table></a><![endif]-->\n
</li>\n
</ul> \n
</div> \n
\n
<!-- C. MAIN SECTION --> \n
<div class="main">\n
<h1 class="pagetitle">Grid Toolbox (Without sidebar)</h1>\n
\n
<!-- C.1 CONTENT -->\n
<div class="content">\n
\n
<!-- CONTENT CELL --> \n
<div class="corner-content-1col-top"></div> \n
<div class="content-1col-nobox">\n
<h1>Available Grid Styles</h1>\n
<ul>\n
<li>1-01 / <a href="#anchor-grid-101">Content section (1-column, no box)</a></li>\n
<li>2-01 / <a href="#anchor-grid-201">Content section (2-column, no box)</a><br /></li>\n
<li>3-01 / <a href="#anchor-grid-301">Content section (3-column, no box)</a><br /></li> \n
<li>4-01 / <a href="#anchor-grid-401">Content section (2-column, box)</a><br /></li>\n
<li>5-01 / <a href="#anchor-grid-501">Content section (3-column, box)</a><br /></li> \n
<li>9-01 / <a href="#anchor-grid-901">Content section (Mixed, 1-/2-/3-column, no box)</a></li>\n
<li>9-02 / <a href="#anchor-grid-902">Content section (Mixed, 3-/2-/1-column, no box)</a></li> \n
</ul>\n
</div>\n
<div class="corner-content-1col-bottom"></div> \n
\n
\n
<!-- ************************************************************************************************** -->\n
<!-- ************************************************************************************************** -->\n
<!-- ******************************** START OF AVAILABLE GRID STYLES ****************************** -->\n
<!-- ************************************************************************************************** -->\n
<!-- ************************************************************************************************** --> \n
\n
\n
<!-- ************************************************************************************************** -->\n
<!-- ************************************************************************************************** -->\n
<!-- ** ** -->\n
<!-- ** 1. CONTENT GRID (1-COLUMN) ** -->\n
<!-- ** ** -->\n
<!-- ************************************************************************************************** -->\n
<!-- ************************************************************************************************** -->\n
\n
\n
<!-- CONTENT CELL --> \n
<a id="anchor-grid-101"></a>\n
<div class="corner-content-1col-top"></div> \n
<div class="content-1col-nobox">\n
<h1>1-01. Content (1-Column, No box)</h1>\n
<h2>Cell subtitle</h2> \n
<p class="demo">Here comes the content. <br />See "Content Toolbox" on how to fill up content.</p> \n
<h2>Cell subtitle</h2> \n
<p class="demo">Here comes the content. <br />See "Content Toolbox" on how to fill up content.</p> \n
</div> \n
<div class="corner-content-1col-bottom"></div> \n
\n
\n
<!-- ************************************************************************************************** -->\n
<!-- ************************************************************************************************** -->\n
<!-- ** ** -->\n
<!-- ** 2. CONTENT GRID (2-COLUMN, NO BOX) ** -->\n
<!-- ** ** -->\n
<!-- ************************************************************************************************** -->\n
<!-- ************************************************************************************************** -->\n
\n
\n
<!-- CONTENT CELL (Subcells no boxes) --> \n
<a id="anchor-grid-201"></a>\n
<div class="corner-content-1col-top"></div> \n
<div class="content-1col-nobox">\n
<h1>2-01. Content (2-Column, no box)</h1> \n
\n
<!-- LEFT Column -->\n
<div class="content-2col-nobox-leftcolumn">\n
<h2>Cell subtitle</h2>\n
<p class="demo">Here comes the content. <br />See "Content Toolbox" on how to fill up content.</p> \n
<h2>Cell subtitle</h2>\n
<p class="demo">Here comes the content. <br />See "Content Toolbox" on how to fill up content.</p> \n
</div>\n
\n
<!-- RIGHT Column --> \n
<div class="content-2col-nobox-rightcolumn"> \n
<h2>Cell subtitle</h2>\n
<p class="demo">Here comes the content. <br />See "Content Toolbox" on how to fill up content.</p> \n
<h2>Cell subtitle</h2>\n
<p class="demo">Here comes the content. <br />See "Content Toolbox" on how to fill up content.</p> \n
</div>\n
</div> \n
<div class="corner-content-1col-bottom"></div> \n
\n
\n
<!-- ************************************************************************************************** -->\n
<!-- ************************************************************************************************** -->\n
<!-- ** ** -->\n
<!-- ** 3. CONTENT GRID (3-COLUMN, NO BOX) ** -->\n
<!-- ** ** -->\n
<!-- ************************************************************************************************** -->\n
<!-- ************************************************************************************************** -->\n
\n
\n
<!-- CONTENT CELL (Subcell no boxes) --> \n
<a id="anchor-grid-301"></a>\n
<div class="corner-content-1col-top"></div> \n
<div class="content-1col-nobox">\n
<h1>3-01. Content (3-Column, no box)</h1> \n
\n
<!-- LEFT Column -->\n
<div class="content-3col-nobox-leftcolumn">\n
<h2>Cell subtitle</h2>\n
<p class="demo">Here comes the content. <br />See "Content Toolbox" on how to fill up content.</p> \n
<h2>Cell subtitle</h2>\n
<p class="demo">Here comes the content. <br />See "Content Toolbox" on how to fill up content.</p> \n
</div>\n
\n
<!-- MIDDLE Column --> \n
<div class="content-3col-nobox-middlecolumn"> \n
<h2>Cell subtitle</h2>\n
<p class="demo">Here comes the content. <br />See "Content Toolbox" on how to fill up content.</p> \n
<h2>Cell subtitle</h2>\n
<p class="demo">Here comes the content. <br />See "Content Toolbox" on how to fill up content.</p> \n
</div>\n
\n
<!-- RIGHT Column --> \n
<div class="content-3col-nobox-rightcolumn"> \n
<h2>Cell subtitle</h2>\n
<p class="demo">Here comes the content. <br />See "Content Toolbox" on how to fill up content.</p> \n
<h2>Cell subtitle</h2>\n
<p class="demo">Here comes the content. <br />See "Content Toolbox" on how to fill up content.</p> \n
</div> \n
</div> \n
<div class="corner-content-1col-bottom"></div> \n
\n
\n
\n
<!-- ************************************************************************************************** -->\n
<!-- ************************************************************************************************** -->\n
<!-- ** ** -->\n
<!-- ** 4. CONTENT GRID (2-COLUMN, BOX) ** -->\n
<!-- ** ** -->\n
<!-- ************************************************************************************************** -->\n
<!-- ************************************************************************************************** -->\n
\n
\n
<!-- CONTENT CELL (Subcells ARE boxes) --> \n
<a id="anchor-grid-401"></a>\n
<div class="content-1col-box">\n
\n
<!-- LEFT Column -->\n
<div class="content-2col-box-leftcolumn">\n
\n
<!-- Subcell -->\n
<div class="corner-content-2col-top"></div> \n
<div class="content-2col-box">\n
<h1>4-01. Content (2-Column, box)</h1> \n
<h2>Cell subtitle</h2> \n
<p class="demo">Here comes the content. <br />See "Content Toolbox" on how to fill up content.</p> \n
<h2>Cell subtitle</h2> \n
<p class="demo">Here comes the content. <br />See "Content Toolbox" on how to fill up content.</p> \n
</div>\n
<div class="corner-content-2col-bottom"></div> \n
\n
<!-- Subcell -->\n
<div class="corner-content-2col-top"></div> \n
<div class="content-2col-box">\n
<h1>4-01. Content (2-Column, box)</h1> \n
<h2>Cell subtitle</h2> \n
<p class="demo">Here comes the content. <br />See "Content Toolbox" on how to fill up content.</p> \n
</div>\n
<div class="corner-content-2col-bottom"></div> \n
</div>\n
\n
<!-- RIGHT Column --> \n
<div class="content-2col-box-rightcolumn">\n
\n
<!-- Subcell -->\n
<div class="corner-content-2col-top"></div> \n
<div class="content-2col-box">\n
<h1>4-01. Content (2-Column, box)</h1> \n
<h2>Cell subtitle</h2> \n
<p class="demo">Here comes the content. <br />See "Content Toolbox" on how to fill up content.</p> \n
</div>\n
<div class="corner-content-2col-bottom"></div> \n
\n
<!-- Subcell -->\n
<div class="corner-content-2col-top"></div> \n
<div class="content-2col-box">\n
<h1>4-01. Content (2-Column, box)</h1> \n
<h2>Cell subtitle</h2> \n
<p class="demo">Here comes the content. <br />See "Content Toolbox" on how to fill up content.</p> \n
<h2>Cell subtitle</h2> \n
<p class="demo">Here comes the content. <br />See "Content Toolbox" on how to fill up content.</p> \n
</div>\n
<div class="corner-content-2col-bottom"></div> \n
</div>\n
</div> \n
\n
\n
<!-- ************************************************************************************************** -->\n
<!-- ************************************************************************************************** -->\n
<!-- ** ** -->\n
<!-- ** 5. CONTENT GRID (3-COLUMN, BOX) ** -->\n
<!-- ** ** -->\n
<!-- ************************************************************************************************** -->\n
<!-- ************************************************************************************************** --> \n
\n
<!-- CONTENT CELL (subcells ARE boxes) --> \n
<a id="anchor-grid-501"></a>\n
<div class="content-1col-box">\n
\n
<!-- LEFT Column -->\n
<div class="content-3col-box-leftcolumn">\n
\n
<!-- Subcell -->\n
<div class="corner-content-3col-top"></div> \n
<div class="content-3col-box">\n
<h1>5-01. Content (3-Column, box)</h1> \n
<h2>Cell subtitle</h2> \n
<p class="demo">Here comes the content. <br />See "Content Toolbox" on how to fill up content.</p> \n
<h2>Cell subtitle</h2> \n
<p class="demo">Here comes the content. <br />See "Content Toolbox" on how to fill up content.</p> \n
</div>\n
<div class="corner-content-3col-bottom"></div> \n
\n
<!-- Subcell -->\n
<div class="corner-content-3col-top"></div> \n
<div class="content-3col-box">\n
<h1>5-01. Content (3-Column, box)</h1> \n
<h2>Cell subtitle</h2> \n
<p class="demo">Here comes the content. <br />See "Content Toolbox" on how to fill up content.</p> \n
</div>\n
<div class="corner-content-3col-bottom"></div> \n
</div>\n
\n
<!-- MIDDLE Column -->\n
<div class="content-3col-box-middlecolumn">\n
\n
<!-- Subcell -->\n
<div class="corner-content-3col-top"></div> \n
<div class="content-3col-box">\n
<h1>5-01. Content (3-Column, box)</h1> \n
<h2>Cell subtitle</h2> \n
<p class="demo">Here comes the content. <br />See "Content Toolbox" on how to fill up content.</p> \n
</div>\n
<div class="corner-content-3col-bottom"></div> \n
\n
<!-- Subcell -->\n
<div class="corner-content-3col-top"></div> \n
<div class="content-3col-box">\n
<h1>5-01. Content (3-Column, box)</h1> \n
<h2>Cell subtitle</h2> \n
<p class="demo">Here comes the content. <br />See "Content Toolbox" on how to fill up content.</p> \n
<h2>Cell subtitle</h2> \n
<p class="demo">Here comes the content. <br />See "Content Toolbox" on how to fill up content.</p> \n
</div>\n
<div class="corner-content-3col-bottom"></div> \n
</div> \n
\n
<!-- RIGHT Column --> \n
<div class="content-3col-box-rightcolumn">\n
\n
<!-- Subcell -->\n
<div class="corner-content-3col-top"></div> \n
<div class="content-3col-box">\n
<h1>5-01. Content (3-Column, box)</h1> \n
<h2>Cell subtitle</h2> \n
<p class="demo">Here comes the content. <br />See "Content Toolbox" on how to fill up content.</p> \n
<h2>Cell subtitle</h2> \n
<p class="demo">Here comes the content. <br />See "Content Toolbox" on how to fill up content.</p> \n
</div>\n
<div class="corner-content-3col-bottom"></div> \n
\n
<!-- Subcell -->\n
<div class="corner-content-3col-top"></div> \n
<div class="content-3col-box">\n
<h1>5-01. Content (3-Column, box)</h1> \n
<h2>Cell subtitle</h2> \n
<p class="demo">Here comes the content. <br />See "Content Toolbox" on how to fill up content.</p> \n
</div>\n
<div class="corner-content-3col-bottom"></div> \n
</div>\n
</div> \n
\n
\n
<!-- ************************************************************************************************** -->\n
<!-- ************************************************************************************************** -->\n
<!-- ** ** -->\n
<!-- ** 9. MIXED MODE (1-/2-/3-COLUMNS, NO BOX) ** -->\n
<!-- ** ** -->\n
<!-- ************************************************************************************************** -->\n
<!-- ************************************************************************************************** --> \n
\n
\n
<!-- ************************************************************************************************** -->\n
<!-- ** 9-01. MIXED MODE (1-/2-/3-Columns) ** -->\n
<!-- ************************************************************************************************** -->\n
\n
<!-- CONTENT CELL (Subcells NOT boxes) --> \n
<a id="anchor-grid-901"></a>\n
<div class="corner-content-1col-top"></div> \n
<div class="content-1col-nobox">\n
\n
<!-- 1-COLUMN -->\n
<h1>9-01. Content (Mixed 1-/2-/3-Column, no box)</h1> \n
<h2>Cell subtitle</h2>\n
<p class="demo">Here comes the content. <br />See "Content Toolbox" on how to fill up content.</p> \n
<h2>Cell subtitle</h2>\n
<p class="demo">Here comes the content. <br />See "Content Toolbox" on how to fill up content.</p> \n
\n
<!-- 2-COLUMN -->\n
<!-- LEFT Column -->\n
<div class="content-2col-nobox-leftcolumn">\n
<h2>Cell subtitle</h2>\n
<p class="demo">Here comes the content. <br />See "Content Toolbox" on how to fill up content.</p> \n
<h2>Cell subtitle</h2>\n
<p class="demo">Here comes the content. <br />See "Content Toolbox" on how to fill up content.</p> \n
</div> \n
<!-- RIGHT Column --> \n
<div class="content-2col-nobox-rightcolumn"> \n
<h2>Cell subtitle</h2>\n
<p class="demo">Here comes the content. <br />See "Content Toolbox" on how to fill up content.</p> \n
<h2>Cell subtitle</h2>\n
<p class="demo">Here comes the content. <br />See "Content Toolbox" on how to fill up content.</p> \n
</div>\n
\n
<!-- 3-COLUMN --> \n
<!-- LEFT Column-->\n
<div class="content-3col-nobox-leftcolumn">\n
<h2>Cell subtitle</h2>\n
<p class="demo">Here comes the content. <br />See "Content Toolbox" on how to fill up content.</p> \n
<h2>Cell subtitle</h2>\n
<p class="demo">Here comes the content. <br />See "Content Toolbox" on how to fill up content.</p> \n
</div> \n
<!-- MIDDLE Column --> \n
<div class="content-3col-nobox-middlecolumn"> \n
<h2>Cell subtitle</h2>\n
<p class="demo">Here comes the content. <br />See "Content Toolbox" on how to fill up content.</p> \n
<h2>Cell subtitle</h2>\n
<p class="demo">Here comes the content. <br />See "Content Toolbox" on how to fill up content.</p> \n
</div> \n
<!-- RIGHT Column --> \n
<div class="content-3col-nobox-rightcolumn"> \n
<h2>Cell subtitle</h2>\n
<p class="demo">Here comes the content. <br />See "Content Toolbox" on how to fill up content.</p> \n
<h2>Cell subtitle</h2>\n
<p class="demo">Here comes the content. <br />See "Content Toolbox" on how to fill up content.</p> \n
</div> \n
</div> \n
<div class="corner-content-1col-bottom"></div> \n
\n
\n
<!-- ************************************************************************************************** -->\n
<!-- ** 9-02. MIXED MODE (3-/2-/1-Columns) ** -->\n
<!-- ************************************************************************************************** -->\n
\n
<!-- CONTENT CELL (Subcells NOT boxes) --> \n
<a id="anchor-grid-902"></a>\n
<div class="corner-content-1col-top"></div> \n
<div class="content-1col-nobox">\n
<h1>9-02. Content (Mixed 3-/2-/1-Column, no box)</h1> \n
\n
<!-- 3-COLUMN --> \n
<!-- LEFT Column -->\n
<div class="content-3col-nobox-leftcolumn">\n
<h2>Cell subtitle</h2>\n
<p class="demo">Here comes the content. <br />See "Content Toolbox" on how to fill up content.</p> \n
<h2>Cell subtitle</h2>\n
<p class="demo">Here comes the content. <br />See "Content Toolbox" on how to fill up content.</p> \n
</div> \n
<!-- MIDDLE Column --> \n
<div class="content-3col-nobox-middlecolumn"> \n
<h2>Cell subtitle</h2>\n
<p class="demo">Here comes the content. <br />See "Content Toolbox" on how to fill up content.</p> \n
<h2>Cell subtitle</h2>\n
<p class="demo">Here comes the content. <br />See "Content Toolbox" on how to fill up content.</p> \n
</div> \n
<!-- RIGHT Column --> \n
<div class="content-3col-nobox-rightcolumn"> \n
<h2>Cell subtitle</h2>\n
<p class="demo">Here comes the content. <br />See "Content Toolbox" on how to fill up content.</p> \n
<h2>Cell subtitle</h2>\n
<p class="demo">Here comes the content. <br />See "Content Toolbox" on how to fill up content.</p> \n
</div> \n
\n
<!-- 2-COLUMN --> \n
<!-- LEFT Column -->\n
<div class="content-2col-nobox-leftcolumn">\n
<h2>Cell subtitle</h2>\n
<p class="demo">Here comes the content. <br />See "Content Toolbox" on how to fill up content.</p> \n
<h2>Cell subtitle</h2>\n
<p class="demo">Here comes the content. <br />See "Content Toolbox" on how to fill up content.</p> \n
</div>\n
<!-- RIGHT Column --> \n
<div class="content-2col-nobox-rightcolumn"> \n
<h2>Cell subtitle</h2>\n
<p class="demo">Here comes the content. <br />See "Content Toolbox" on how to fill up content.</p> \n
<h2>Cell subtitle</h2>\n
<p class="demo">Here comes the content. <br />See "Content Toolbox" on how to fill up content.</p> \n
</div>\n
\n
<!-- 1-COLUMN --> \n
<h2>Cell subtitle</h2>\n
<p class="demo">Here comes the content. <br />See "Content Toolbox" on how to fill up content.</p> \n
<h2>Cell subtitle</h2>\n
<p class="demo">Here comes the content. <br />See "Content Toolbox" on how to fill up content.</p> \n
</div> \n
<div class="corner-content-1col-bottom"></div> \n
</div> \n
</div>\n
\n
\n
<!-- ************************************************************************************************** -->\n
<!-- ************************************************************************************************** -->\n
<!-- ********************************* END OF AVAILABLE GRID STYLES ******************************* -->\n
<!-- ************************************************************************************************** -->\n
<!-- ************************************************************************************************** --> \n
\n
\n
<!-- D. FOOTER --> \n
<div class="footer">\n
<p>Copyright &copy; 2008 Your Company&nbsp;&nbsp;|&nbsp;&nbsp;All Rights Reserved</p>\n
<p class="credits">Design by <a href="http://1234.info/" title="Designer Homepage">1234.info</a> | Modified by <a href="#" title="Modifyer Homepage">Your Name</a> | Powered by <a href="#" title="CMS Homepage">Your CMS</a> | Media Player by <a href="http://www.jeroenwijering.com" title="Media Player Credits">Jeroen Wijering</a> | <a href="http://validator.w3.org/check?uri=referer" title="Validate XHTML code">XHTML 1.0</a> | <a href="http://jigsaw.w3.org/css-validator/" title="Validate CSS code">CSS 2.0</a></p>\n
</div>\n
<div class="corner-page-bottom"></div> \n
</div> \n
\n
</body>\n
</html>\n
\n
\n
\n
]]></string> </value>
</item>
<item>
<key> <string>id</string> </key>
<value> <string>mf54_grid_nosidebar.html</string> </value>
</item>
</dictionary>
</pickle>
</record>
</ZopeData>
143
\ No newline at end of file
144
\ No newline at end of file
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment