Changeset 4338

Timestamp:

01/24/14 16:28:46 (10 years ago)

Author:

twagoo

Message:

mockup: added facet and some more styling

Location:

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

Files:

• index.html (modified) (2 diffs)
• style/style.css (modified) (1 diff)
• style/vlo-collections.css (modified) (1 diff)
• style/vlo-search.css (modified) (1 diff)

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

@@ -53 +53 @@
                 <div class="rtop"><div class="r1"></div><div class="r2"></div><div class="r3"></div><div class="r4"></div></div>
                 <h1>Collections</h1>
-                <p>Collections to search in:</p>
                 <form action="" id="collections">
                     <ul>
@@ -309 +308 @@
                     <div class="rbottom"><div class="r4"></div><div class="r3"></div><div class="r2"></div><div class="r1"></div></div>
                 </div>
+                
+                <div class="sidebaritem collapsedfacet">
+                    <!-- rounded corners - top **** -->
+                    <div class="rtop"><div class="r1"></div><div class="r2"></div><div class="r3"></div><div class="r4"></div></div>
+                    <a href="#" class="expandfacet"><span>expand</span></a>
+                    <a href="#" class="collapsefacet"><span>collapse</span></a>
+                    <h1>Organisation</h1>
+                    <div class="sbilinks">
+                        <ul>
+                            <li><a href="">CMU (42821)</a></li>
+                            <li><a href="">Max Planck Institute... (17874)</a></li>
+                            <li><a href="">NOS (11669)</a></li>
+                            <li><a href="">CLS-KUN (8859)</a></li>
+                            <li><a href="">http://europa.eu/rapid/ (5328)</a></li>
+                            <li><a href="">NPS (5274)</a></li>
+                            <li><a href="">Institut fÃŒr Deutsche Sprache (4950)</a></li>
+                            <li><a href="">Oxford Text Archive... (4638)</a></li>
+                            <li><a href="">CLARIN-D center... (4409)</a></li>
+                            <li class="more-link"><a href="#">more...</a></li>
+                        </ul>
+                    </div>
+                    <!-- rounded corners - bottom **** -->
+                    <div class="rbottom"><div class="r4"></div><div class="r3"></div><div class="r2"></div><div class="r1"></div></div>
+                </div>
             </div>
 

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

@@ -187 +187 @@
 
 .sidebaritem h1, .topbar h1
-{ font-weight: normal; padding: 8px 0px 16px 0px;
+{ font-weight: normal; padding: 8px 0px 8px 0px;
   text-transform: uppercase;
 }

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

@@ -28 +28 @@
 }
 
+form#collections ul{
+    margin-left: 0;
+}
+
 form#collections ul li {
     display: block;

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

@@ -83 +83 @@
     float: right;
     text-align: right;
+    font-weight: bold;
 }