Changeset 4416


Ignore:
Timestamp:
01/31/14 13:13:09 (10 years ago)
Author:
twagoo
Message:

Put facets together in one sidebaritem in mockup

Location:
vlo/branches/vlo-3.0/vlo-web-app/src/main/html
Files:
3 edited

Legend:

Unmodified
Added
Removed

  • vlo/branches/vlo-3.0/vlo-web-app/src/main/html/index2.html

    r4413 r4416  
    9595
    9696            <div class="sidebar">
    97                 <div class="sidebaritem facet collapsedfacet">
     97                <div class="sidebaritem">
    9898                    <!-- rounded corners - top **** -->
    9999                    <div class="rtop"><div class="r1"></div><div class="r2"></div><div class="r3"></div><div class="r4"></div></div>
    100                     <a href="#" class="expandfacet"><span>expand</span></a>
    101                     <a href="#" class="collapsefacet"><span>collapse</span></a>
    102                     <h1><a href="#">Language</a></h1>
    103                     <a href class="filtertoggle"><span>filter</span></a>
    104                     <form class="filterform">
    105                         <input type="text" />
    106                     </form>
    107                     <div class="sbilinks facetvalues">
    108                         <ul>
    109                             <li><a href="index3.html">Dutch (148167)</a></li>
    110                             <li><a href="index3.html">English (72547)</a></li>
    111                             <li><a href="index3.html">German (39042)</a></li>
    112                             <li><a href="index3.html">French (9227)</a></li>
    113                             <li><a href="index3.html">Spanish; Castilian (8684)</a></li>
    114                             <li><a href="index3.html">Danish (8447)</a></li>
    115                             <li><a href="index3.html">Japanese (6761)</a></li>
    116                             <li><a href="index3.html">Turkish (4988)</a></li>
    117                             <li><a href="index3.html">Chinese (1980)</a></li>
    118                             <li class="more-link"><a href="#">more...</a></li>
    119                         </ul>
     100                    <h1>Facets</h1>
     101                    <p>
     102                        Use the categories below to limit the search results to those matching the selected value(s).
     103                    </p>
     104                    <div class="facet collapsedfacet">
     105                        <a href="#" class="expandfacet"><span>expand</span></a>
     106                        <a href="#" class="collapsefacet"><span>collapse</span></a>
     107                        <h1><a href="#">Language</a></h1>
     108                        <a href class="filtertoggle"><span>filter</span></a>
     109                        <form class="filterform">
     110                            <input type="text" />
     111                        </form>
     112                        <div class="sbilinks facetvalues">
     113                            <ul>
     114                                <li><a href="index3.html">Dutch (148167)</a></li>
     115                                <li><a href="index3.html">English (72547)</a></li>
     116                                <li><a href="index3.html">German (39042)</a></li>
     117                                <li><a href="index3.html">French (9227)</a></li>
     118                                <li><a href="index3.html">Spanish; Castilian (8684)</a></li>
     119                                <li><a href="index3.html">Danish (8447)</a></li>
     120                                <li><a href="index3.html">Japanese (6761)</a></li>
     121                                <li><a href="index3.html">Turkish (4988)</a></li>
     122                                <li><a href="index3.html">Chinese (1980)</a></li>
     123                                <li class="more-link"><a href="#">more...</a></li>
     124                            </ul>
     125                        </div>
     126                    </div>
     127                    <div class="facet collapsedfacet">                   
     128                        <a href="#" class="expandfacet"><span>expand</span></a>
     129                        <a href="#" class="collapsefacet"><span>collapse</span></a>
     130                        <h1><a href="#">Resource type</a></h1>
     131                        <a class="filtertoggle" title="Filter values" href="#"><span>filter</span></a>
     132                        <form class="filterform">
     133                            <input type="text" />
     134                        </form>
     135                        <div class="sbilinks facetvalues">
     136                            <ul>
     137                                <li><a href="">text (70769)</a></li>
     138                                <li><a href="">televisie (39307)</a></li>
     139                                <li><a href="">Text (32502)</a></li>
     140                                <li><a href="">Sound (10007)</a></li>
     141                                <li><a href="">Data Provider (4402)</a></li>
     142                                <li><a href="">bioscoop (2956)</a></li>
     143                                <li><a href="">Televisie (1695)</a></li>
     144                                <li><a href="">niet van toepassing (1185)</a></li>
     145                                <li class="more-link"><a href="#">more...</a></li>
     146                            </ul>
     147                        </div>                   
     148                    </div>
     149                    <div class="facet collapsedfacet"> 
     150                        <a href="#" class="expandfacet"><span>expand</span></a>
     151                        <a href="#" class="collapsefacet"><span>collapse</span></a>
     152                        <h1><a href="#">Genre</a></h1>
     153                        <a class="filtertoggle" title="Filter values" href="#"><span>filter</span></a>
     154                        <form class="filterform">
     155                            <input type="text" />
     156                        </form>
     157                        <div class="sbilinks facetvalues">
     158                            <ul>
     159                                <li><a href="">discourse (81536)</a></li>
     160                                <li><a href="" title="info:eu-repo/semantics/article">info:eu-repo/... (34677)</a></li>
     161                                <li><a href="">kinderlied (19218)</a></li>
     162                                <li><a href="">primary_text (12428)</a></li>
     163                                <li><a href="">narrative (11459)</a></li>
     164                                <li><a href="">language_description (11084)</a></li>
     165                                <li><a href="" title="info:eu-repo/semantics/masterthesis">info:eu-repo/... (10890)</a></li>
     166                                <li><a href="">liefdeslied (8381)</a></li>
     167                                <li><a href="">stimuli (8103)</a></li>
     168                                <li class="more-link"><a href="#">more...</a></li>
     169                            </ul>
     170                        </div>
     171                    </div>
     172                    <div class="facet collapsedfacet"> 
     173                        <a href="#" class="expandfacet"><span>expand</span></a>
     174                        <a href="#" class="collapsefacet"><span>collapse</span></a>
     175                        <h1><a href="#">Keywords</a></h1>
     176                        <a class="filtertoggle" title="Filter values" href="#"><span>filter</span></a>
     177                        <form class="filterform">
     178                            <input type="text" />
     179                        </form>                   
     180                        <div class="sbilinks facetvalues">
     181                            <ul>
     182                                <li><a href="">Geschiedenis (7836)</a></li>
     183                                <li><a href="">Scheikunde (5389)</a></li>
     184                                <li><a href="">Geneeskunde (4648)</a></li>
     185                                <li><a href="">Sociale Wetenschappen (4167)</a></li>
     186                                <li><a href="">BAS HEMPEL (3903)</a></li>
     187                                <li><a href="">aGender (3613)</a></li>
     188                                <li><a href="">Letteren (2827)</a></li>
     189                                <li><a href="">BAS Verbmobil 1 (2192)</a></li>
     190                                <li><a href="">Diergeneeskunde (2159)</a></li>
     191                                <li class="more-link"><a href="#">more...</a></li>
     192                            </ul>
     193                        </div>
     194                    </div>
     195                    <div class="facet collapsedfacet"> 
     196                        <a href="#" class="expandfacet"><span>expand</span></a>
     197                        <a href="#" class="collapsefacet"><span>collapse</span></a>
     198                        <h1><a href="#">Format</a></h1>
     199                        <a class="filtertoggle" title="Filter values" href="#"><span>filter</span></a>
     200                        <form class="filterform">
     201                            <input type="text" />
     202                        </form>
     203                        <div class="sbilinks facetvalues">
     204                            <ul>
     205                                <li><a href="">text (261220)</a></li>
     206                                <li><a href="">image (121518)</a></li>
     207                                <li><a href="">unknown type (104371)</a></li>
     208                                <li><a href="">audio (86934)</a></li>
     209                                <li><a href="">annotation (81323)</a></li>
     210                                <li><a href="">video (44388)</a></li>
     211                                <li><a href="">text/plain (1323)</a></li>
     212                                <li><a href="">application/pdf (511)</a></li>
     213                                <li><a href="">audio/vnd.wave (243)</a></li>
     214                                <li class="more-link"><a href="#">more...</a></li>
     215                            </ul>
     216                        </div>
     217                    </div>
     218                    <div class="facet collapsedfacet"> 
     219                        <a href="#" class="expandfacet"><span>expand</span></a>
     220                        <a href="#" class="collapsefacet"><span>collapse</span></a>
     221                        <h1><a href="#">Organisation</a></h1>
     222                        <a class="filtertoggle" title="Filter values" href="#"><span>filter</span></a>
     223                        <form class="filterform">
     224                            <input type="text" />
     225                        </form>
     226                        <div class="sbilinks facetvalues">
     227                            <ul>
     228                                <li><a href="">CMU (42821)</a></li>
     229                                <li><a href="">Max Planck Institute... (17874)</a></li>
     230                                <li><a href="">NOS (11669)</a></li>
     231                                <li><a href="">CLS-KUN (8859)</a></li>
     232                                <li><a href="">http://europa.eu/rapid/ (5328)</a></li>
     233                                <li><a href="">NPS (5274)</a></li>
     234                                <li><a href="">Institut fÃŒr Deutsche Sprache (4950)</a></li>
     235                                <li><a href="">Oxford Text Archive... (4638)</a></li>
     236                                <li><a href="">CLARIN-D center... (4409)</a></li>
     237                                <li class="more-link"><a href="#">more...</a></li>
     238                            </ul>
     239                        </div>
     240                    </div>
     241                    <div class="facet collapsedfacet"> 
     242                        <a href="#" class="expandfacet"><span>expand</span></a>
     243                        <a href="#" class="collapsefacet"><span>collapse</span></a>
     244                        <h1><a href="#">National project</a></h1>
     245                        <a href="#" class="filtertoggle" title="Filter values" href="#"><span>filter</span></a>
     246                        <form class="filterform">
     247                            <input type="text" />
     248                        </form>
     249                        <div class="sbilinks facetvalues">
     250                            <ul>
     251                                <li><a href="index3.html">CLARIN-NL (362661)</a></li>
     252                                <li><a href="index3.html">CLARIN-D (34586)</a></li>
     253                                <li><a href="index3.html">CLARIN-DK-UCPH (7810)</a></li>
     254                                <li><a href="index3.html">CLARIN-EU (1085)</a></li>
     255                                <li><a href="index3.html">Dutch Language Union (3)</a></li>
     256                                <li class="more-link"><a href="#">more...</a></li>
     257                            </ul>
     258                        </div>
    120259                    </div>
    121260                    <!-- rounded corners - bottom **** -->
    122261                    <div class="rbottom"><div class="r4"></div><div class="r3"></div><div class="r2"></div><div class="r1"></div></div>
    123262                </div>
    124                 <div class="sidebaritem facet collapsedfacet">
    125                     <!-- rounded corners - top **** -->
    126                     <div class="rtop"><div class="r1"></div><div class="r2"></div><div class="r3"></div><div class="r4"></div></div>
    127                     <a href="#" class="expandfacet"><span>expand</span></a>
    128                     <a href="#" class="collapsefacet"><span>collapse</span></a>
    129                     <h1><a href="#">Resource type</a></h1>
    130                     <a class="filtertoggle" title="Filter values" href="#"><span>filter</span></a>
    131                     <form class="filterform">
    132                         <input type="text" />
    133                     </form>
    134                     <div class="sbilinks facetvalues">
    135                         <ul>
    136                             <li><a href="">text (70769)</a></li>
    137                             <li><a href="">televisie (39307)</a></li>
    138                             <li><a href="">Text (32502)</a></li>
    139                             <li><a href="">Sound (10007)</a></li>
    140                             <li><a href="">Data Provider (4402)</a></li>
    141                             <li><a href="">bioscoop (2956)</a></li>
    142                             <li><a href="">Televisie (1695)</a></li>
    143                             <li><a href="">niet van toepassing (1185)</a></li>
    144                             <li class="more-link"><a href="#">more...</a></li>
    145                         </ul>
    146                     </div>
    147                     <!-- rounded corners - bottom **** -->
    148                     <div class="rbottom"><div class="r4"></div><div class="r3"></div><div class="r2"></div><div class="r1"></div></div>
    149                 </div>
    150                
    151                 <div class="sidebaritem facet collapsedfacet">
    152                     <!-- rounded corners - top **** -->
    153                     <div class="rtop"><div class="r1"></div><div class="r2"></div><div class="r3"></div><div class="r4"></div></div>
    154                     <a href="#" class="expandfacet"><span>expand</span></a>
    155                     <a href="#" class="collapsefacet"><span>collapse</span></a>
    156                     <h1><a href="#">Genre</a></h1>
    157                     <a class="filtertoggle" title="Filter values" href="#"><span>filter</span></a>
    158                     <form class="filterform">
    159                         <input type="text" />
    160                     </form>
    161                     <div class="sbilinks facetvalues">
    162                         <ul>
    163                             <li><a href="">discourse (81536)</a></li>
    164                             <li><a href="" title="info:eu-repo/semantics/article">info:eu-repo/... (34677)</a></li>
    165                             <li><a href="">kinderlied (19218)</a></li>
    166                             <li><a href="">primary_text (12428)</a></li>
    167                             <li><a href="">narrative (11459)</a></li>
    168                             <li><a href="">language_description (11084)</a></li>
    169                             <li><a href="" title="info:eu-repo/semantics/masterthesis">info:eu-repo/... (10890)</a></li>
    170                             <li><a href="">liefdeslied (8381)</a></li>
    171                             <li><a href="">stimuli (8103)</a></li>
    172                             <li class="more-link"><a href="#">more...</a></li>
    173                         </ul>
    174                     </div>
    175                     <!-- rounded corners - bottom **** -->
    176                     <div class="rbottom"><div class="r4"></div><div class="r3"></div><div class="r2"></div><div class="r1"></div></div>
    177                 </div>
    178 
    179                 <div class="sidebaritem facet collapsedfacet">
    180                     <!-- rounded corners - top **** -->
    181                     <div class="rtop"><div class="r1"></div><div class="r2"></div><div class="r3"></div><div class="r4"></div></div>
    182                     <a href="#" class="expandfacet"><span>expand</span></a>
    183                     <a href="#" class="collapsefacet"><span>collapse</span></a>
    184                     <h1><a href="#">Keywords</a></h1>
    185                     <a class="filtertoggle" title="Filter values" href="#"><span>filter</span></a>
    186                     <form class="filterform">
    187                         <input type="text" />
    188                     </form>                   
    189                     <div class="sbilinks facetvalues">
    190                         <ul>
    191                             <li><a href="">Geschiedenis (7836)</a></li>
    192                             <li><a href="">Scheikunde (5389)</a></li>
    193                             <li><a href="">Geneeskunde (4648)</a></li>
    194                             <li><a href="">Sociale Wetenschappen (4167)</a></li>
    195                             <li><a href="">BAS HEMPEL (3903)</a></li>
    196                             <li><a href="">aGender (3613)</a></li>
    197                             <li><a href="">Letteren (2827)</a></li>
    198                             <li><a href="">BAS Verbmobil 1 (2192)</a></li>
    199                             <li><a href="">Diergeneeskunde (2159)</a></li>
    200                             <li class="more-link"><a href="#">more...</a></li>
    201                         </ul>
    202                     </div>
    203                     <!-- rounded corners - bottom **** -->
    204                     <div class="rbottom"><div class="r4"></div><div class="r3"></div><div class="r2"></div><div class="r1"></div></div>
    205                 </div>
    206 
    207                 <div class="sidebaritem facet collapsedfacet">
    208                     <!-- rounded corners - top **** -->
    209                     <div class="rtop"><div class="r1"></div><div class="r2"></div><div class="r3"></div><div class="r4"></div></div>
    210                     <a href="#" class="expandfacet"><span>expand</span></a>
    211                     <a href="#" class="collapsefacet"><span>collapse</span></a>
    212                     <h1><a href="#">Format</a></h1>
    213                     <a class="filtertoggle" title="Filter values" href="#"><span>filter</span></a>
    214                     <form class="filterform">
    215                         <input type="text" />
    216                     </form>
    217                     <div class="sbilinks facetvalues">
    218                         <ul>
    219                             <li><a href="">text (261220)</a></li>
    220                             <li><a href="">image (121518)</a></li>
    221                             <li><a href="">unknown type (104371)</a></li>
    222                             <li><a href="">audio (86934)</a></li>
    223                             <li><a href="">annotation (81323)</a></li>
    224                             <li><a href="">video (44388)</a></li>
    225                             <li><a href="">text/plain (1323)</a></li>
    226                             <li><a href="">application/pdf (511)</a></li>
    227                             <li><a href="">audio/vnd.wave (243)</a></li>
    228                             <li class="more-link"><a href="#">more...</a></li>
    229                         </ul>
    230                     </div>
    231                     <!-- rounded corners - bottom **** -->
    232                     <div class="rbottom"><div class="r4"></div><div class="r3"></div><div class="r2"></div><div class="r1"></div></div>
    233                 </div>
    234 
    235                 <div class="sidebaritem facet collapsedfacet">
    236                     <!-- rounded corners - top **** -->
    237                     <div class="rtop"><div class="r1"></div><div class="r2"></div><div class="r3"></div><div class="r4"></div></div>
    238                     <a href="#" class="expandfacet"><span>expand</span></a>
    239                     <a href="#" class="collapsefacet"><span>collapse</span></a>
    240                     <h1><a href="#">Organisation</a></h1>
    241                     <a class="filtertoggle" title="Filter values" href="#"><span>filter</span></a>
    242                     <form class="filterform">
    243                         <input type="text" />
    244                     </form>
    245                     <div class="sbilinks facetvalues">
    246                         <ul>
    247                             <li><a href="">CMU (42821)</a></li>
    248                             <li><a href="">Max Planck Institute... (17874)</a></li>
    249                             <li><a href="">NOS (11669)</a></li>
    250                             <li><a href="">CLS-KUN (8859)</a></li>
    251                             <li><a href="">http://europa.eu/rapid/ (5328)</a></li>
    252                             <li><a href="">NPS (5274)</a></li>
    253                             <li><a href="">Institut fÃŒr Deutsche Sprache (4950)</a></li>
    254                             <li><a href="">Oxford Text Archive... (4638)</a></li>
    255                             <li><a href="">CLARIN-D center... (4409)</a></li>
    256                             <li class="more-link"><a href="#">more...</a></li>
    257                         </ul>
    258                     </div>
    259                     <!-- rounded corners - bottom **** -->
    260                     <div class="rbottom"><div class="r4"></div><div class="r3"></div><div class="r2"></div><div class="r1"></div></div>
    261                 </div>
    262 
    263                 <div class="sidebaritem facet collapsedfacet">
    264                     <!-- rounded corners - top **** -->
    265                     <div class="rtop"><div class="r1"></div><div class="r2"></div><div class="r3"></div><div class="r4"></div></div>
    266                     <a href="#" class="expandfacet"><span>expand</span></a>
    267                     <a href="#" class="collapsefacet"><span>collapse</span></a>
    268                     <h1><a href="#">National project</a></h1>
    269                     <a href="#" class="filtertoggle" title="Filter values" href="#"><span>filter</span></a>
    270                     <form class="filterform">
    271                         <input type="text" />
    272                     </form>
    273                     <div class="sbilinks facetvalues">
    274                         <ul>
    275                             <li><a href="index3.html">CLARIN-NL (362661)</a></li>
    276                             <li><a href="index3.html">CLARIN-D (34586)</a></li>
    277                             <li><a href="index3.html">CLARIN-DK-UCPH (7810)</a></li>
    278                             <li><a href="index3.html">CLARIN-EU (1085)</a></li>
    279                             <li><a href="index3.html">Dutch Language Union (3)</a></li>
    280                             <li class="more-link"><a href="#">more...</a></li>
    281                         </ul>
    282                     </div>
    283                     <!-- rounded corners - bottom **** -->
    284                     <div class="rbottom"><div class="r4"></div><div class="r3"></div><div class="r2"></div><div class="r1"></div></div>
    285                 </div>
    286 
    287263                <div class="sidebaritem facet collapsedfacet">
    288264                    <!-- rounded corners - top **** -->

  • vlo/branches/vlo-3.0/vlo-web-app/src/main/html/index3.html

    r4413 r4416  
    9797
    9898            <div class="sidebar">
    99                 <div class="sidebaritem facet expandedfacet">
     99                <div class="sidebaritem">
    100100                    <!-- rounded corners - top **** -->
    101101                    <div class="rtop"><div class="r1"></div><div class="r2"></div><div class="r3"></div><div class="r4"></div></div>
    102                     <a href="#" class="expandfacet"><span>expand</span></a>
    103                     <a href="#" class="collapsefacet"><span>collapse</span></a>
    104                     <h1><a href="#">Language <span class="selectedvaluelabel">[Dutch]</span></a></h1>
    105                     <div class="filtertoggle"><span>filter</span></div>
    106                     <form action="" class="filterform">
    107                         <p><input type="text" /></p>
    108                     </form>
    109                     <div class="sbilinks facetvalues">
    110                         <ul>
    111                             <li><span class="selectedfacetvalue">Dutch</span><a class="unselectfacetvalue" title="unselect value" href="index2.html"><span>[unselect]</span></a></li>
    112                             <li><span class="facetvalue">English</span></li>
    113                             <li><span class="facetvalue">German</span></li>
    114                             <li><span class="facetvalue">French</span></li>
    115                             <li><span class="facetvalue">Spanish</span></li>
    116                             <li><span class="facetvalue">Danish</span></li>
    117                             <li><span class="facetvalue">Japanese</span></li>
    118                             <li><span class="facetvalue">Turkish</span></li>
    119                             <li><span class="facetvalue">Chinese</span></li>
    120                             <!--<li class="more-link"><a href="#">more...</a></li>-->
    121                         </ul>
    122                     </div>
    123                     <!-- rounded corners - bottom **** -->
    124                     <div class="rbottom"><div class="r4"></div><div class="r3"></div><div class="r2"></div><div class="r1"></div></div>
    125                 </div>
    126                 <div class="sidebaritem facet collapsedfacet">
    127                     <!-- rounded corners - top **** -->
    128                     <div class="rtop"><div class="r1"></div><div class="r2"></div><div class="r3"></div><div class="r4"></div></div>
    129                     <a href="#" class="expandfacet"><span>expand</span></a>
    130                     <a href="#" class="collapsefacet"><span>collapse</span></a>
    131                     <h1><a href="#">Resource type</a></h1>
    132                     <a class="filtertoggle" title="Filter values" href="#"><span>filter</span></a>
    133                     <form action="" class="filterform">
    134                         <p><input type="text" /></p>
    135                     </form>
    136                     <div class="sbilinks facetvalues">
    137                         <ul>
    138                             <li><a href="">text (70769)</a></li>
    139                             <li><a href="">televisie (39307)</a></li>
    140                             <li><a href="">Text (32502)</a></li>
    141                             <li><a href="">Sound (10007)</a></li>
    142                             <li><a href="">Data Provider (4402)</a></li>
    143                             <li><a href="">bioscoop (2956)</a></li>
    144                             <li><a href="">Televisie (1695)</a></li>
    145                             <li><a href="">niet van toepassing (1185)</a></li>
    146                             <li class="more-link"><a href="#">more...</a></li>
    147                         </ul>
    148                     </div>
    149                     <!-- rounded corners - bottom **** -->
    150                     <div class="rbottom"><div class="r4"></div><div class="r3"></div><div class="r2"></div><div class="r1"></div></div>
    151                 </div>
    152 
    153                 <div class="sidebaritem facet collapsedfacet">
    154                     <!-- rounded corners - top **** -->
    155                     <div class="rtop"><div class="r1"></div><div class="r2"></div><div class="r3"></div><div class="r4"></div></div>
    156                     <a href="#" class="expandfacet"><span>expand</span></a>
    157                     <a href="#" class="collapsefacet"><span>collapse</span></a>
    158                     <h1><a href="#">Genre</a></h1>
    159                     <a class="filtertoggle" title="Filter values" href="#"><span>filter</span></a>
    160                     <form action="" class="filterform">
    161                         <p><input type="text" /></p>
    162                     </form>
    163                     <div class="sbilinks facetvalues">
    164                         <ul>
    165                             <li><a href="">discourse (81536)</a></li>
    166                             <li><a href="" title="info:eu-repo/semantics/article">info:eu-repo/... (34677)</a></li>
    167                             <li><a href="">kinderlied (19218)</a></li>
    168                             <li><a href="">primary_text (12428)</a></li>
    169                             <li><a href="">narrative (11459)</a></li>
    170                             <li><a href="">language_description (11084)</a></li>
    171                             <li><a href="" title="info:eu-repo/semantics/masterthesis">info:eu-repo/... (10890)</a></li>
    172                             <li><a href="">liefdeslied (8381)</a></li>
    173                             <li><a href="">stimuli (8103)</a></li>
    174                             <li class="more-link"><a href="#">more...</a></li>
    175                         </ul>
    176                     </div>
    177                     <!-- rounded corners - bottom **** -->
    178                     <div class="rbottom"><div class="r4"></div><div class="r3"></div><div class="r2"></div><div class="r1"></div></div>
    179                 </div>
    180 
    181                 <div class="sidebaritem facet collapsedfacet">
    182                     <!-- rounded corners - top **** -->
    183                     <div class="rtop"><div class="r1"></div><div class="r2"></div><div class="r3"></div><div class="r4"></div></div>
    184                     <a href="#" class="expandfacet"><span>expand</span></a>
    185                     <a href="#" class="collapsefacet"><span>collapse</span></a>
    186                     <h1><a href="#">Keywords</a></h1>
    187                     <a class="filtertoggle" title="Filter values" href="#"><span>filter</span></a>
    188                     <form action="" class="filterform">
    189                         <p><input type="text" /></p>
    190                     </form>                 
    191                     <div class="sbilinks facetvalues">
    192                         <ul>
    193                             <li><a href="">Geschiedenis (7836)</a></li>
    194                             <li><a href="">Scheikunde (5389)</a></li>
    195                             <li><a href="">Geneeskunde (4648)</a></li>
    196                             <li><a href="">Sociale Wetenschappen (4167)</a></li>
    197                             <li><a href="">BAS HEMPEL (3903)</a></li>
    198                             <li><a href="">aGender (3613)</a></li>
    199                             <li><a href="">Letteren (2827)</a></li>
    200                             <li><a href="">BAS Verbmobil 1 (2192)</a></li>
    201                             <li><a href="">Diergeneeskunde (2159)</a></li>
    202                             <li class="more-link"><a href="#">more...</a></li>
    203                         </ul>
    204                     </div>
    205                     <!-- rounded corners - bottom **** -->
    206                     <div class="rbottom"><div class="r4"></div><div class="r3"></div><div class="r2"></div><div class="r1"></div></div>
    207                 </div>
    208 
    209                 <div class="sidebaritem facet collapsedfacet">
    210                     <!-- rounded corners - top **** -->
    211                     <div class="rtop"><div class="r1"></div><div class="r2"></div><div class="r3"></div><div class="r4"></div></div>
    212                     <a href="#" class="expandfacet"><span>expand</span></a>
    213                     <a href="#" class="collapsefacet"><span>collapse</span></a>
    214                     <h1><a href="#">Format</a></h1>
    215                     <a class="filtertoggle" title="Filter values" href="#"><span>filter</span></a>
    216                     <form action="" class="filterform">
    217                         <p><input type="text" /></p>
    218                     </form>
    219                     <div class="sbilinks facetvalues">
    220                         <ul>
    221                             <li><a href="">text (261220)</a></li>
    222                             <li><a href="">image (121518)</a></li>
    223                             <li><a href="">unknown type (104371)</a></li>
    224                             <li><a href="">audio (86934)</a></li>
    225                             <li><a href="">annotation (81323)</a></li>
    226                             <li><a href="">video (44388)</a></li>
    227                             <li><a href="">text/plain (1323)</a></li>
    228                             <li><a href="">application/pdf (511)</a></li>
    229                             <li><a href="">audio/vnd.wave (243)</a></li>
    230                             <li class="more-link"><a href="#">more...</a></li>
    231                         </ul>
    232                     </div>
    233                     <!-- rounded corners - bottom **** -->
    234                     <div class="rbottom"><div class="r4"></div><div class="r3"></div><div class="r2"></div><div class="r1"></div></div>
    235                 </div>
    236 
    237                 <div class="sidebaritem facet collapsedfacet">
    238                     <!-- rounded corners - top **** -->
    239                     <div class="rtop"><div class="r1"></div><div class="r2"></div><div class="r3"></div><div class="r4"></div></div>
    240                     <a href="#" class="expandfacet"><span>expand</span></a>
    241                     <a href="#" class="collapsefacet"><span>collapse</span></a>
    242                     <h1><a href="#">Organisation</a></h1>
    243                     <a class="filtertoggle" title="Filter values" href="#"><span>filter</span></a>
    244                     <form action="" class="filterform">
    245                         <p><input type="text" /></p>
    246                     </form>
    247                     <div class="sbilinks facetvalues">
    248                         <ul>
    249                             <li><a href="">CMU (42821)</a></li>
    250                             <li><a href="">Max Planck Institute... (17874)</a></li>
    251                             <li><a href="">NOS (11669)</a></li>
    252                             <li><a href="">CLS-KUN (8859)</a></li>
    253                             <li><a href="">http://europa.eu/rapid/ (5328)</a></li>
    254                             <li><a href="">NPS (5274)</a></li>
    255                             <li><a href="">Institut fÃŒr Deutsche Sprache (4950)</a></li>
    256                             <li><a href="">Oxford Text Archive... (4638)</a></li>
    257                             <li><a href="">CLARIN-D center... (4409)</a></li>
    258                             <li class="more-link"><a href="#">more...</a></li>
    259                         </ul>
    260                     </div>
    261                     <!-- rounded corners - bottom **** -->
    262                     <div class="rbottom"><div class="r4"></div><div class="r3"></div><div class="r2"></div><div class="r1"></div></div>
    263                 </div>
    264 
    265                 <div class="sidebaritem facet expandedfacet">
    266                     <!-- rounded corners - top **** -->
    267                     <div class="rtop"><div class="r1"></div><div class="r2"></div><div class="r3"></div><div class="r4"></div></div>
    268                     <a href="#" class="expandfacet"><span>expand</span></a>
    269                     <a href="#" class="collapsefacet"><span>collapse</span></a>
    270                     <h1><a href="#">National project <span class="selectedvaluelabel">[CLARIN-NL]</span></a></h1>
    271                     <div class="filtertoggle" title="Filter values"><span>filter</span></div>
    272                     <form action="" class="filterform">
    273                         <p><input type="text" /></p>
    274                     </form>
    275                     <div class="sbilinks facetvalues">
    276                         <ul>
    277                             <li><span class="selectedfacetvalue">CLARIN-NL</span><a class="unselectfacetvalue" title="unselect value" href="index2.html"><span>[unselect]</span></a></li>
    278                             <li><span class="facetvalue">CLARIN-D</span></li>
    279                             <li><span class="facetvalue">CLARIN-DK-UCPH</span></li>
    280                             <li><span class="facetvalue">CLARIN-EU</span></li>
    281                             <li><span class="facetvalue">Dutch Language Union</span></li>
    282                         </ul>
     102                    <h1>Facets</h1>
     103                    <p>
     104                        Use the categories below to limit the search results to those matching the selected value(s).
     105                    </p>
     106                    <div class="facet expandedfacet">
     107                        <a href="#" class="expandfacet"><span>expand</span></a>
     108                        <a href="#" class="collapsefacet"><span>collapse</span></a>
     109                        <h1><a href="#">Language <span class="selectedvaluelabel">[Dutch]</span></a></h1>
     110                        <div class="filtertoggle"><span>filter</span></div>
     111                        <form action="" class="filterform">
     112                            <p><input type="text" /></p>
     113                        </form>
     114                        <div class="sbilinks facetvalues">
     115                            <ul>
     116                                <li><span class="selectedfacetvalue">Dutch</span><a class="unselectfacetvalue" title="unselect value" href="index2.html"><span>[unselect]</span></a></li>
     117                                <li><span class="facetvalue">English</span></li>
     118                                <li><span class="facetvalue">German</span></li>
     119                                <li><span class="facetvalue">French</span></li>
     120                                <li><span class="facetvalue">Spanish</span></li>
     121                                <li><span class="facetvalue">Danish</span></li>
     122                                <li><span class="facetvalue">Japanese</span></li>
     123                                <li><span class="facetvalue">Turkish</span></li>
     124                                <li><span class="facetvalue">Chinese</span></li>
     125                                <!--<li class="more-link"><a href="#">more...</a></li>-->
     126                            </ul>
     127                        </div>
     128                    </div>
     129                    <div class="facet collapsedfacet">                   
     130                        <a href="#" class="expandfacet"><span>expand</span></a>
     131                        <a href="#" class="collapsefacet"><span>collapse</span></a>
     132                        <h1><a href="#">Resource type</a></h1>
     133                        <a class="filtertoggle" title="Filter values" href="#"><span>filter</span></a>
     134                        <form action="" class="filterform">
     135                            <p><input type="text" /></p>
     136                        </form>
     137                        <div class="sbilinks facetvalues">
     138                            <ul>
     139                                <li><a href="">text (70769)</a></li>
     140                                <li><a href="">televisie (39307)</a></li>
     141                                <li><a href="">Text (32502)</a></li>
     142                                <li><a href="">Sound (10007)</a></li>
     143                                <li><a href="">Data Provider (4402)</a></li>
     144                                <li><a href="">bioscoop (2956)</a></li>
     145                                <li><a href="">Televisie (1695)</a></li>
     146                                <li><a href="">niet van toepassing (1185)</a></li>
     147                                <li class="more-link"><a href="#">more...</a></li>
     148                            </ul>
     149                        </div>
     150                    </div>
     151                    <div class="facet collapsedfacet">                   
     152                        <a href="#" class="expandfacet"><span>expand</span></a>
     153                        <a href="#" class="collapsefacet"><span>collapse</span></a>
     154                        <h1><a href="#">Genre</a></h1>
     155                        <a class="filtertoggle" title="Filter values" href="#"><span>filter</span></a>
     156                        <form action="" class="filterform">
     157                            <p><input type="text" /></p>
     158                        </form>
     159                        <div class="sbilinks facetvalues">
     160                            <ul>
     161                                <li><a href="">discourse (81536)</a></li>
     162                                <li><a href="" title="info:eu-repo/semantics/article">info:eu-repo/... (34677)</a></li>
     163                                <li><a href="">kinderlied (19218)</a></li>
     164                                <li><a href="">primary_text (12428)</a></li>
     165                                <li><a href="">narrative (11459)</a></li>
     166                                <li><a href="">language_description (11084)</a></li>
     167                                <li><a href="" title="info:eu-repo/semantics/masterthesis">info:eu-repo/... (10890)</a></li>
     168                                <li><a href="">liefdeslied (8381)</a></li>
     169                                <li><a href="">stimuli (8103)</a></li>
     170                                <li class="more-link"><a href="#">more...</a></li>
     171                            </ul>
     172                        </div>
     173                    </div>
     174                    <div class="facet collapsedfacet">                   
     175                        <a href="#" class="expandfacet"><span>expand</span></a>
     176                        <a href="#" class="collapsefacet"><span>collapse</span></a>
     177                        <h1><a href="#">Keywords</a></h1>
     178                        <a class="filtertoggle" title="Filter values" href="#"><span>filter</span></a>
     179                        <form action="" class="filterform">
     180                            <p><input type="text" /></p>
     181                        </form>                 
     182                        <div class="sbilinks facetvalues">
     183                            <ul>
     184                                <li><a href="">Geschiedenis (7836)</a></li>
     185                                <li><a href="">Scheikunde (5389)</a></li>
     186                                <li><a href="">Geneeskunde (4648)</a></li>
     187                                <li><a href="">Sociale Wetenschappen (4167)</a></li>
     188                                <li><a href="">BAS HEMPEL (3903)</a></li>
     189                                <li><a href="">aGender (3613)</a></li>
     190                                <li><a href="">Letteren (2827)</a></li>
     191                                <li><a href="">BAS Verbmobil 1 (2192)</a></li>
     192                                <li><a href="">Diergeneeskunde (2159)</a></li>
     193                                <li class="more-link"><a href="#">more...</a></li>
     194                            </ul>
     195                        </div>
     196                    </div>
     197                    <div class="facet collapsedfacet">                   
     198                        <a href="#" class="expandfacet"><span>expand</span></a>
     199                        <a href="#" class="collapsefacet"><span>collapse</span></a>
     200                        <h1><a href="#">Format</a></h1>
     201                        <a class="filtertoggle" title="Filter values" href="#"><span>filter</span></a>
     202                        <form action="" class="filterform">
     203                            <p><input type="text" /></p>
     204                        </form>
     205                        <div class="sbilinks facetvalues">
     206                            <ul>
     207                                <li><a href="">text (261220)</a></li>
     208                                <li><a href="">image (121518)</a></li>
     209                                <li><a href="">unknown type (104371)</a></li>
     210                                <li><a href="">audio (86934)</a></li>
     211                                <li><a href="">annotation (81323)</a></li>
     212                                <li><a href="">video (44388)</a></li>
     213                                <li><a href="">text/plain (1323)</a></li>
     214                                <li><a href="">application/pdf (511)</a></li>
     215                                <li><a href="">audio/vnd.wave (243)</a></li>
     216                                <li class="more-link"><a href="#">more...</a></li>
     217                            </ul>
     218                        </div>
     219                    </div>
     220                    <div class="facet collapsedfacet">                   
     221                        <a href="#" class="expandfacet"><span>expand</span></a>
     222                        <a href="#" class="collapsefacet"><span>collapse</span></a>
     223                        <h1><a href="#">Organisation</a></h1>
     224                        <a class="filtertoggle" title="Filter values" href="#"><span>filter</span></a>
     225                        <form action="" class="filterform">
     226                            <p><input type="text" /></p>
     227                        </form>
     228                        <div class="sbilinks facetvalues">
     229                            <ul>
     230                                <li><a href="">CMU (42821)</a></li>
     231                                <li><a href="">Max Planck Institute... (17874)</a></li>
     232                                <li><a href="">NOS (11669)</a></li>
     233                                <li><a href="">CLS-KUN (8859)</a></li>
     234                                <li><a href="">http://europa.eu/rapid/ (5328)</a></li>
     235                                <li><a href="">NPS (5274)</a></li>
     236                                <li><a href="">Institut fÃŒr Deutsche Sprache (4950)</a></li>
     237                                <li><a href="">Oxford Text Archive... (4638)</a></li>
     238                                <li><a href="">CLARIN-D center... (4409)</a></li>
     239                                <li class="more-link"><a href="#">more...</a></li>
     240                            </ul>
     241                        </div>
     242                    </div>
     243                    <div class="facet collapsedfacet">                   
     244                        <a href="#" class="expandfacet"><span>expand</span></a>
     245                        <a href="#" class="collapsefacet"><span>collapse</span></a>
     246                        <h1><a href="#">National project <span class="selectedvaluelabel">[CLARIN-NL]</span></a></h1>
     247                        <div class="filtertoggle" title="Filter values"><span>filter</span></div>
     248                        <form action="" class="filterform">
     249                            <p><input type="text" /></p>
     250                        </form>
     251                        <div class="sbilinks facetvalues">
     252                            <ul>
     253                                <li><span class="selectedfacetvalue">CLARIN-NL</span><a class="unselectfacetvalue" title="unselect value" href="index2.html"><span>[unselect]</span></a></li>
     254                                <li><span class="facetvalue">CLARIN-D</span></li>
     255                                <li><span class="facetvalue">CLARIN-DK-UCPH</span></li>
     256                                <li><span class="facetvalue">CLARIN-EU</span></li>
     257                                <li><span class="facetvalue">Dutch Language Union</span></li>
     258                            </ul>
     259                        </div>
    283260                    </div>
    284261                    <!-- rounded corners - bottom **** -->

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

    r4413 r4416  
    2222
    2323/* facet links */
     24
     25.facet {
     26    clear: both;
     27}
    2428
    2529.facet h1 a, .facet h1 a:hover {
Note: See TracChangeset for help on using the changeset viewer.