more styling.

g24at · Jun 2, 2012 · e841dd3 · e841dd3
1 parent 68b82a1
commit e841dd3
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 7 deletions.
diff --git a/src/g24/elements/browser/resources/views.css b/src/g24/elements/browser/resources/views.css
@@ -5,12 +5,23 @@ ul.threadview li {
 #sharingbox,
 article.element {
     border-radius:0px 20px 5px 20px;
-    border:1px solid grey;
+    border:1px solid black;
     max-width:50em;
     min-width:15em;
     padding:1em 2em;
     margin:1em 0; }
-article.element header h1 { margin:0 !important; }
+article.element header h1 { margin:0 !important; font-size:1.4em; }
+.parent-element { font-size:0.8em; }
+.current-element { font-size:1em; }
+.sub-element { font-size:0.9em; }
+
+.parent-element article, .sub-element article {
+    box-shadow: 5px 5px 2px #888;
+}
+.current-element article {
+    border-color:#0F0;
+    box-shadow: 5px 5px 2px #050;
+}
 
 
 article.element img { max-width:100%; }

diff --git a/src/g24/elements/browser/threadview.pt b/src/g24/elements/browser/threadview.pt
@@ -11,16 +11,25 @@
 <ul class="threadview parent" tal:define="parent nocall:view/parent" tal:omit-tag="not:parent">
   <li class="threadview-level--1 parent" tal:omit-tag="not:parent">
 
-    <tal:article
-        replace="structure python:view.element_provider(parent)"
-        condition="parent" />
+    <div class="parent-element">
+      <legend>Parent</legend>
+      <tal:article
+          replace="structure python:view.element_provider(parent)"
+          condition="parent" />
+    </div>
 
     <ul class="threadview">
       <li class="threadview-level-0">
 
-        <tal:article replace="structure python:view.element_provider(context)" />
+        <div class="current-element">
+          <legend>This</legend>
+          <tal:article replace="structure python:view.element_provider(context)" />
+        </div>
 
-        <tal:threadrunner replace="structure view/start_recurse" />
+        <div class="sub-element">
+          <legend>Answers</legend>
+          <tal:threadrunner replace="structure view/start_recurse" />
+        </div>
 
       </li>
     </ul>