Mercurial > hg > MPIWGWeb

changeset 148:e34232fbe622

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
first version of bookmark tabs.
author casties
date Mon, 03 Jun 2013 11:49:50 +0200
parents 6ae0201b1257
children 0d9eb2a859d3
files css/mpiwg.css zpt/www/main_template.zpt
diffstat 2 files changed, 39 insertions(+), 3 deletions(-) [+]
line wrap: on
line diff
--- a/css/mpiwg.css	Mon Jun 03 08:24:14 2013 +0200
+++ b/css/mpiwg.css	Mon Jun 03 11:49:50 2013 +0200
@@ -172,6 +172,8 @@
  * page wrapper and header
  */
 #wrapper {
+	position: relative;
+	z-index: 5;
     width: 900px;
     margin: 0 auto;
     padding: 10px 40px 10px 20px;
@@ -1343,4 +1345,35 @@
 #footer div.logo img {
     width: 204px;
     height: 41px;
+}
+
+/*
+ * bookmark flags
+ */
+#bookmarks {
+    position: absolute;
+    top: 0;
+	right: -130px;
+	width: 130px;
+}
+
+#bookmarks div.bookmark {
+    z-index: 1;
+    position: relative;
+	font-family: Georgia, Times, serif;
+    font-style: italic;
+    font-size: 16px;
+    color: #3b4186;
+    background-color: white;
+    padding: 5px 0.5em 5px 0.5em;
+    margin: 0.5em 0;
+    box-shadow: 2px 2px 3px 1px #d0d0d0;
+}
+
+#bookmarks div.bookmark a {
+    display: inline-block;
+    width: 100px;
+	color: #3b4186;
+    background: url(../images/internal.png) center right no-repeat;
+    padding-right: 13px;
 }
\ No newline at end of file
--- a/zpt/www/main_template.zpt	Mon Jun 03 08:24:14 2013 +0200
+++ b/zpt/www/main_template.zpt	Mon Jun 03 11:49:50 2013 +0200
@@ -102,9 +102,12 @@
         <a href="http://www.mpg.de/"> <img tal:attributes="src string:$root/images/signet.png" alt="MPG" width="204" height="41" />
         </a>
       </div>
+    </div><!-- /footer -->
+    <div id="bookmarks" metal:define-slot="bookmarks">
+        <div class="bookmark">
+            <a tal:attributes="href string:$root/${secmap/resources}/">Sources <img tal:attributes="src string:$root/images/sources_small.png"/></a>
+        </div>
     </div>
-    <!-- /footer -->
-  </div>
-  <!-- /wrapper -->
+  </div><!-- /wrapper -->
 </body>
 </html>