[Checkins] SVN: Sandbox/ulif/grok-adminui/src/grok/admin/ CSS and
HTML-cleanup.
Uli Fouquet
uli at gnufix.de
Fri Jul 13 11:11:16 EDT 2007
Log message for revision 77865:
CSS and HTML-cleanup.
Changed:
D Sandbox/ulif/grok-adminui/src/grok/admin/static/Develop_btn.jpg
D Sandbox/ulif/grok-adminui/src/grok/admin/static/Eval_btn.jpg
D Sandbox/ulif/grok-adminui/src/grok/admin/static/Fire.gif
D Sandbox/ulif/grok-adminui/src/grok/admin/static/GROK_Ornament.jpg
D Sandbox/ulif/grok-adminui/src/grok/admin/static/GROK_Ornament2.jpg
D Sandbox/ulif/grok-adminui/src/grok/admin/static/Highlight_Bkgrnd.jpg
D Sandbox/ulif/grok-adminui/src/grok/admin/static/Learn_btn.jpg
D Sandbox/ulif/grok-adminui/src/grok/admin/static/Sidebar_Bottom.jpg
D Sandbox/ulif/grok-adminui/src/grok/admin/static/Sidebar_Middle.jpg
D Sandbox/ulif/grok-adminui/src/grok/admin/static/Sidebar_Top.jpg
A Sandbox/ulif/grok-adminui/src/grok/admin/static/grok-relax5.gif
U Sandbox/ulif/grok-adminui/src/grok/admin/static/grok.css
U Sandbox/ulif/grok-adminui/src/grok/admin/view_templates/macros.pt
U Sandbox/ulif/grok-adminui/src/grok/admin/view_templates/server.pt
-=-
Deleted: Sandbox/ulif/grok-adminui/src/grok/admin/static/Develop_btn.jpg
===================================================================
(Binary files differ)
Deleted: Sandbox/ulif/grok-adminui/src/grok/admin/static/Eval_btn.jpg
===================================================================
(Binary files differ)
Deleted: Sandbox/ulif/grok-adminui/src/grok/admin/static/Fire.gif
===================================================================
(Binary files differ)
Deleted: Sandbox/ulif/grok-adminui/src/grok/admin/static/GROK_Ornament.jpg
===================================================================
(Binary files differ)
Deleted: Sandbox/ulif/grok-adminui/src/grok/admin/static/GROK_Ornament2.jpg
===================================================================
(Binary files differ)
Deleted: Sandbox/ulif/grok-adminui/src/grok/admin/static/Highlight_Bkgrnd.jpg
===================================================================
(Binary files differ)
Deleted: Sandbox/ulif/grok-adminui/src/grok/admin/static/Learn_btn.jpg
===================================================================
(Binary files differ)
Deleted: Sandbox/ulif/grok-adminui/src/grok/admin/static/Sidebar_Bottom.jpg
===================================================================
(Binary files differ)
Deleted: Sandbox/ulif/grok-adminui/src/grok/admin/static/Sidebar_Middle.jpg
===================================================================
(Binary files differ)
Deleted: Sandbox/ulif/grok-adminui/src/grok/admin/static/Sidebar_Top.jpg
===================================================================
(Binary files differ)
Added: Sandbox/ulif/grok-adminui/src/grok/admin/static/grok-relax5.gif
===================================================================
(Binary files differ)
Property changes on: Sandbox/ulif/grok-adminui/src/grok/admin/static/grok-relax5.gif
___________________________________________________________________
Name: svn:executable
+ *
Name: svn:mime-type
+ application/octet-stream
Modified: Sandbox/ulif/grok-adminui/src/grok/admin/static/grok.css
===================================================================
--- Sandbox/ulif/grok-adminui/src/grok/admin/static/grok.css 2007-07-13 14:24:08 UTC (rev 77864)
+++ Sandbox/ulif/grok-adminui/src/grok/admin/static/grok.css 2007-07-13 15:11:15 UTC (rev 77865)
@@ -1,501 +1,246 @@
/* @override http://www.urbantalk.se/DEVELOPER/grok_2/grok.css */
+/* ---- general styling elements ---- */
body {
- bac/kground: #ffe;
- background: #eee;
- background: #fff;
- ba/ckground: #bbb;
- margin: 0px;
- padding-top: -10px;
- font-size: 13px;
- font-family: verdana;
- line-height: 20px;
- color: #555555;
-
+background:#fff;
+color:#555;
+font-family:verdana;
+font-size:0.8em;
+margin:0;
}
h1 {
- font-size: 15px;
- font-family: verdana;
- line-height: 20px;
- text-align: left;
- color: #CC9900;
- width: 100%;
- margin: 23px auto 8px auto;
- border-bottom: 1px solid #CC9900;
+border-bottom:1px solid #C90;
+color:#C90;
+font-family:verdana;
+font-size:1.5em;
+margin:2.3em auto 0.8em;
+text-align:left;
+width:100%;
}
+
h2 {
- font-size: 13px;
- font-family: verdana;
- line-height: 20px;
- color: #CC9900;
- width: 100%;
- margin: 16px auto 8px auto;
- border-bottom: 1px dotted #cccccc;
+border-bottom:1px dotted #ccc;
+color:#C90;
+font-family:verdana;
+font-size:1.3em;
+margin:1.6em auto 0.8em;
+width:100%;
}
+
h3 {
- font-size: 12px;
- font-family: verdana;
- line-height: 12px;
- color: #555555;
- width: 100%;
- margin: 16px auto -4px auto;
+color:#555;
+font-family:verdana;
+font-size:1.2em;
+margin:1.6em auto -0.4em;
+width:100%;
}
+
p {
- font-size: 13px;
- font-family: verdana;
- line-height: 20px;
- color: #555555;
- wi/dth: 540px;
- margin: 8px auto;
+color:#555;
+font-family:verdana;
+font-size:1em;
}
-p.download {
- font-size: 10px;
- font-weight: normal;
- font-family: verdana;
- line-height: 18px;
- color: #555555;
- margin: 4px 12px;
- width: 176px;
+a:link,a:visited {
+border-bottom-style:dotted;
+border-bottom-width:1px;
+color:#555;
+text-decoration:none;
}
-#menu {
- font-size: 11px;
- font-family: verdana;
- line-height: 20px;
- color: #A90101;
-}
-pre {
- font-size: 11px;
- font-family: courier;
- line-height: 18px;
- color: #A90101;
- wi/dth: 540px;
- margin: 8px auto;
- padding: 16px 8px;
- border-top: 1px solid #cccccc;
- border-bottom: 1px solid #dddddd;
- background: #eeeeee;
-}
-ul {
- font-size: 11px;
- font-family: verdana;
- line-height: 20px;
- color: #555555;
- wi/dth: 540px;
- margin: 16px auto;
- list-style-type: none;
-}
-li {
- margin: 0 50px 0 0;
- left: 0;
- padding: 0;
-}
-legend {
- font-size: 12px;
- font-family: verdana;
- font-weight: bold;
- line-height: 12px;
- color: #555555;
- color: #CC9900;
- background: url("Highlight_Bkgrnd.jpg");
- wi/dth: 100%;
- margin: 16px auto -4px auto;
- padding: 3px;
- padding-bottom: 10px;
-}
-
-fieldset {
- margin-top: 8px;
- background: url("Highlight_Bkgrnd.jpg");
- border: 1px solid #c90;
- wi/dth: 550px;
-}
-
-a > img {
- border: 0px;
-}
-
-
-a:link {
- color: #555555;
- text-decoration: none;
- border-bottom-style: dotted;
- border-bottom-width: 1px;
-}
-
-
a:hover {
- color: #CC9900;
- border-bottom-style: dotted;
- background-color: #ffffff;
- border-width: 1px;
+background-color:#fff;
+border-bottom-style:dotted;
+border-width:0.1em;
+color:#C90;
}
-a:visited {
- color: #555555;
- text-decoration: none;
- border-bottom-style: dotted;
- border-bottom-width: 1px;
+img {
+ border:none;
}
-a:hover>img {
- background-color: #CC9900;
- border: 0px;
- border-bottom: 0px;
+pre {
+background:#eee;
+border-bottom:1px solid #ddd;
+border-top:1px solid #ccc;
+color:#A90101;
+font-family:courier;
+font-size:1.1em;
+margin:0.8em auto;
+padding:1.6em 0.8em;
}
-#logo {
- background-color: none;
- border: 0px;
- border-bottom: 0px;
+ul {
+color:#555;
+font-family:verdana;
+font-size:1.1em;
+list-style-type:none;
+margin:1.6em auto;
}
-div#tag_cloud {
- margin: 16px 0px;
+li {
+left:0;
+margin:0 5em 0 0;
+padding:0;
}
-.tag_cloud>p {
- font-family: verdana;
- font-size: 13px;
- line-height: 22px;
- color: #555555;
- width: 100%;
- margin: 0 8px 8px 8px;
+legend {
+color:#C90;
+font-family:verdana;
+font-size:1.2em;
+font-weight:700;
}
-.tag_cloud>a:link {
- color: #F7DA4A;
+div#banner {
+background:#cc9900 url("GROK_Ornament3.jpg") repeat-x;
+height:40px;
}
-.tag_cloud>h3 {
- font-family: verdana;
- font-size: 10px;
- font-weight: normal;
- line-height: 20px;
- color: #cccccc;
- width: 100%;
- margin: 0 8px -4px 8px;
+div#banner-shadow {
+margin-left:1.3em;
}
-div.track {
- margin: 0;
- padding: 0;
- w/idth: 257px;
-
+div#banner a,div#banner a:hover,div#banner a:visited, div#banner a:link {
+border:none;
}
-.track>h2 {
- padding: 0 8px;
- font-size: 13px;
- font-family: verdana;
- line-height: 0px;
- wi/dth: 253px;
- border: none;
+div#logo {
+border:none;
}
-.track>a>p {
- font-size: 13px;
- font-family: verdana;
- line-height: 20px;
- color: #777777;
- wi/dth: 249px;
- margin: 0 2px;
- padding: 3px 5px;
-}
-div.track>a>p:hover {
- background-color: #ffffff;
- color: #cc9900;
-}
-.track>p>a {
- color: #555555;
-}
-.track>p>a:link {
- border-style: none;
-}
-.track>p>a:hover {
- background-color: #dddddd;
- border-style: none;
-}
-.menu_img {
- margin: 0;
- border-width: 0;
+div#Fireplace {
+ position: absolute;
+ right: 0px;
+ top: 5px;
+ width: 160px;
+ height: 75px;
}
-.menu_link {
- margin: 0;
- border-width: 0;
- border-style: none;
-}
-.menu_link:hover {
- margin: 0;
- border-width: 0;
- border-style: none;
-}
-div#version_info {
- margin: 32px 0px;
+div#breadcrumbs {
}
-.version_info>p {
- font-family: verdana;
- font-size: 13px;
- line-height: 22px;
- color: #CC9900;
- width: 100%;
- margin: 0 8px 8px 8px;
+div#content {
+margin-left:5%;
+margin-right:5%;
+text-align:left;
}
-.version_info>h3 {
- font-family: verdana;
- font-size: 10px;
- font-weight: normal;
- line-height: 20px;
- color: #cccccc;
- width: 100%;
- margin: 0 8px;
+#footer-copyright {
+font-size:0.9em;
+text-align:center;
}
-div.feature {
- w/idth: 538px;
- min-height: 64px;
- bac/kground: url('Highlight_Bkgrnd.jpg');
- border-left: 1px solid #F7DA4A;
- border-left: 1px solid #ddd;
- bord/er-right: 1px solid #F7DA4A
- border-right: 5px solid #ddd;
-}
-div.feature > p {
- wi/dth: 522px;
- min-height: 64px;
- padding: 8px 8px 0 8px;
- color: #888888;
- margin: 0;
+/* ---- form and form-like elements ----- */
+input, select {
+border:1px solid #C90;
+margin:0;
+padding:0;
}
-div.feature > p:hover {
- bac/kground-color: #ffffff;
- background: url('Highlight_Bkgrnd.jpg');
- color: #cc9900;
+.button {
+background-color:#ccc;
+font-size:1em;
+padding:0;
+margin:0;
}
-div.feature_top {
- width: 540px;
- height: 7px;
- background: url('Highlight_T.jpg') repeat-x
+fieldset {
+border:1px solid #c90;
+margin-top:0.8em;
+padding:0.5em;
+text-align:left;
+background-color:#f9f9D4;
}
-div.feature_bottom {
- width: 540px;
- height: 7px;
- background: url('Highlight_B.jpg') repeat-x
-}
-img.track_button {
- float: left;
- border-width: 0;
- margin-left: 6px;
- margin-right: 16px;
+a.button {
+border-bottom:groove #C90 2px;
+color:#000;
+padding:0 0.2em 0.2em;
}
-div#sidebar > h1 {
- padding: 5px auto 0 auto;
- text-align: center;
- color: #777;
- font-family: verdana;
- font-size: 12px;
- font-weight: bold;
- width: 264px; height: 27px;
- background: url("Sidebar_Top.jpg") no-repeat;
- border: none;
- margin: 0;
+a:hover.button {
+background-color:#ccc;
+border:groove #C90 2px;
+border-bottom:groove #C90 2px;
+color:#000;
+padding:0 0.2em 0.2em;
}
-img.sidebar_divider {
- padding: 0 0 3px 0;
+.checkbox {
+border:groove #C90 2px;
}
-img.people {
- float: left;
- border: 0px solid #F7DA4A;
+/* ----- menu elements ----- */
+#menu {
+color:#A90101;
+font-family:verdana;
+font-size:1.1em;
}
-div#Breadcrumbs {
- padding-left: 5px;
- font-size: 15px;
- font-family: verdana;
- co/lor: #CC9900;
- f/ont-style: verdana;
- to/p: 59px;
- ba/ckground: url("Highlight_Bkgrnd.jpg");
- background: url("banner-shadow.jpg");
- ba/ckground: url("GROK_Ornament_small.jpg");
- ba/ckground: url("GROK_Ornament.jpg");
- bor/der-top: 1px solid #CC9900;
- height: 36px;
+div#menu-links {
+margin-left:5%;
+margin-right:5%;
+text-align:center;
}
-div#Banner-Shadow {
- margin-left: 13px;
+.menu-box1 {
+padding:0.5em;
}
-div#Content {
- text-align: left;
- po/sition: absolute;
- le/ft: 290px;
- t/op: 91px;
- m/in-width: 400px;
- m/ax-width: 540px;
- max-width: 80%;
- marg/in-left: 30%;
- marg/in-right: 30%;
- min-width: 50%;
- max-width: 90%;
+.menu-box2 {
+background-color:#fff4be;
+border:1px solid #fc9;
+padding:0.5em;
}
-div#Fireplace {
- position: absolute;
- right: 0px;
- top: 5px;
- width: 160px;
- height: 75px;
+.menu-description1 {
+margin-left:1.5em;
}
-div#Banner {
- height: 40px;
- background: #eeeeee url("GROK_Ornament2.jpg") repeat-x;
- background: #eeeeee url("GROK_Ornament3.jpg") repeat-x;
-}
-#Footer-marker {
- text-align: center;
- font-size: 10px;
- color: #CC9900;
- margin-top: 20px
+/* ---- docgrok related ---- */
+.docgrok-entry {
+margin-bottom:0.5em;
}
-#Footer-copyright {
- text-align: center;
- font-size: 9px
-}
-#Sidebar {
- position: absolute;
- left: 10px;
- top: 112px;
- width: 264px;
- background: #dddddd url("Sidebar_Middle.jpg") repeat-y;
-}
-#SearchBox {
- padding: 5px 8px;
-}
-input,select {
- border: 1px solid #CC9900;
- padding-left: 2px;
+.docgrok-pathvalue {
+font-family:courier;
}
-.button {
- background-color: #ccc;
- font-size: 12px;
- padding: 0px;
- border: groove #CC9900 2px;
+.docgrok-annotation1 {
+margin-left:2em;
}
-a.button {
- color: #000;
- padding: 2px;
- padding-top: 0px;
- border-bottom: groove #CC9900 2px;
+.docgrok-annotation2 {
+margin-left:5em;
}
-a:hover.button {
- background-color: #ccc;
- color: #000;
- padding: 2px;
- padding-top: 0px;
- border: groove #CC9900 2px;
- border-bottom: groove #CC9900 2px;
+.docgrok-pycode1 {
+color:#00f;
+font-family:courier;
}
-.checkbox {
- border: groove #CC9900 2px;
+.docgrok-sourcetext {
+background-color:#f8f8f8;
+border:2px groove #eee;
+margin:1em;
+padding:1.5em;
}
-.huge {
- text-align: center;
- font-size: 16px;
-}
-.emph {
- font-weight: bold;
-}
-.rightalign {
- text-align: right;
-}
-/* menu related... */
-.menu-box1 {
- padding: 5px;
+.docgrok-sourceheader {
+background-color:#fff;
}
-.menu-box2 {
- background-color: #F7DA4A;
- background-color: #F8EAB0;
- background-color: #fff4be;
- padding: 5px;
- border: 2px groove #fff4be;
- border: 1px solid #fc9;
-}
-.menu-head1 {
- font-weight: bold;
-}
-.menu-description1 {
- margin-left: 15px;
-}
-/* docgrok related... */
-.docgrok-entry {
- margin-bottom: 5px;
+/* ----- misc elements ----- */
+.huge {
+font-size:1.6em;
+text-align:center;
}
-.docgrok-description1 {
- font-weight: bold;
-}
-.docgrok-pathvalue {
- font-family: courier;
-}
-.docgrok-annotation1 {
- margin-left: 2ex;
-}
-.docgrok-annotation2 {
- margin-left: 5ex;
-}
-.docgrok-pycode1 {
- font-family: courier;
- color: #00f;
-}
-.docgrok-sourcetext {
- border: 2px groove #eee;
- bo/rder-top: none;
- padding: 15px;
- background-color: #f8f8f8;
- margin: 10px;
-}
-.docgrok-sourceheader {
- bo/rder: 2px groove #eee;
- bo/rder-bottom: none;
- background-color: #fff;
- pa/dding: 5px;
- pa/dding-top: 0px;
-}
-.docgrok-elemname1 { /* Element names in headings */
- color: #555555;
-}
-
-/* Message support */
-#messages li {
- border: 1px solid #CC9900;
- padding:0.25em 0.5em ;
- background-color: #FCEFB8;
- margin-bottom:0.5em;
- margin-top:0.5em;
+.rightalign {
+text-align:right;
}
-#messages li.admin {
- border-color:#999;
- background-color:#EEE;
+.emph,.menu-head1,.docgrok-description1 {
+font-weight:700;
}
Modified: Sandbox/ulif/grok-adminui/src/grok/admin/view_templates/macros.pt
===================================================================
--- Sandbox/ulif/grok-adminui/src/grok/admin/view_templates/macros.pt 2007-07-13 14:24:08 UTC (rev 77864)
+++ Sandbox/ulif/grok-adminui/src/grok/admin/view_templates/macros.pt 2007-07-13 15:11:15 UTC (rev 77865)
@@ -13,23 +13,23 @@
<body>
<div>
- <div id="Banner">
+ <div id="banner">
<a href="/" id="logo">
- <img alt="Grok" src="images/grok-admin.jpg"
+ <img alt="Grok" src="images/grok-admin.jpg" height="40"
tal:attributes="src view/static/grok-admin.jpg" />
</a>
</div>
- <div id="Breadcrumbs">
- <div id="Banner-Shadow">
+ <div id="breadcrumbs">
+ <div id="banner-shadow">
</div>
</div>
- <div id="Fireplace">
- <img alt="Fire" src="images/Fire.gif"
- tal:attributes="src view/static/grok-relax5.png" />
+ <div id="fireplace">
+ <img alt="grok_relax_image" src="images/grok-relax5.gif"
+ tal:attributes="src view/static/grok-relax5.gif" />
</div>
- <center tal:define="currview python:view.url()">
- <span class="menu_link_inactive"
+ <div id="menu-links" tal:define="currview python:view.url()">
+ <span class="menu-link-inactive"
tal:define="target string:${view/root_url}/applications">
<a href="applications"
tal:condition="python: target != currview"
@@ -41,7 +41,7 @@
</span>
</span>
- <span class="menu_link_inactive"
+ <span class="menu-link-inactive"
tal:define="target string:${view/root_url}/server"
>
<a href="z3index"
@@ -59,13 +59,12 @@
<a href=""
tal:attributes="href string:${view/root_url}/docgrok/">
- <span tal:attributes="class python:view.in_docgrok() and 'emph'"
+ <span tal:attributes="class python:view.in_docgrok() and 'emph'"
>Documentation</span>
</a>
- </center>
+ </div>
- <center>
- <div id="Content">
+ <div id="content">
<div id="messages" tal:content="structure context/@@messages" />
@@ -79,10 +78,9 @@
</div>
<div>
- <p id="Footer-copyright">© Copyright 2007, The Zope Foundation<br />Design inspired by Sebastian Ware</p>
+ <p id="footer-copyright">© Copyright 2007, The Zope Foundation<br />Design inspired by Sebastian Ware</p>
</div>
</div>
- </center>
</div>
</body>
Modified: Sandbox/ulif/grok-adminui/src/grok/admin/view_templates/server.pt
===================================================================
--- Sandbox/ulif/grok-adminui/src/grok/admin/view_templates/server.pt 2007-07-13 14:24:08 UTC (rev 77864)
+++ Sandbox/ulif/grok-adminui/src/grok/admin/view_templates/server.pt 2007-07-13 15:11:15 UTC (rev 77865)
@@ -24,7 +24,7 @@
<input type="hidden" name="submitted" value="true"/>
- <input type="submit" name="save_message" value="Save"/>
+ <input type="submit" name="save_message" class="button" value="Save"/>
</fieldset>
More information about the Checkins
mailing list