Changeset 4454

Timestamp:

02/06/14 08:51:46 (10 years ago)

Author:

twagoo

Message:

layout of record page mockup

Location:

vlo/branches/vlo-3.0/vlo-web-app/src/main/html

Files:

• record1.html (modified) (2 diffs)
• style/vlo-record.css (modified) (2 diffs)

vlo/branches/vlo-3.0/vlo-web-app/src/main/html/record1.html

@@ -54 +54 @@
                     <a href="index.html">VLO</a>
                     &gt; <a href="index2.html">Search results: democratie</a>
+                    &gt; <a href="index3.html">Language: Dutch </a>
                     &gt; &quot;Chinese Democratie en de Transformatie&quot;
                 </div>
@@ -64 +65 @@
             <div class="content" id="record">
 
+                <div id="recordindex">
+                    Result 1 of 604056 &nbsp;&nbsp;
+                </div>
                 <div id="recordprevnext">
                     &lt; previous
                     | <a href="">next &gt;</a><br />
-                    Record 1 of 604056 &nbsp;&nbsp;
                 </div>
                 <h1 id="recordtitle">&quot;Chinese Democratie en de Transformatie&quot;</h1>

vlo/branches/vlo-3.0/vlo-web-app/src/main/html/style/vlo-record.css

@@ -21 +21 @@
 
 div#record {
-    width: 90%;
+    width: 942px; /* no sidebar, so width of #content + .sidebar */
 }
 
@@ -56 +56 @@
 }
 
-/* record title with prev/next links */
+/* record index with prev/next links */
 
-h1#recordtitle {
-    max-width: 70%;
-    clear: left;
+#recordindex {
+    float: left;
+    max-width: 50%;
+    padding-bottom: 1em;
 }
 
 #recordprevnext {
-    width: 25%;
+    max-width: 45%;
     float: right;
     clear: right;
     text-align: right;
 }
+
+h1#recordtitle {
+    clear: both;
+}
+
+/* record attributes table */
 
 #recorddetails, #recordtechnicalattributes {