Changeset 4446


Ignore:
Timestamp:
02/05/14 13:21:26 (10 years ago)
Author:
twagoo
Message:

moved sidebar in mockup to the right

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

Legend:

Unmodified
Added
Removed

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

    r4445 r4446  
    5151            </div>
    5252
    53             <div id="topnavigation">
    54                 <div id="breadcrumbs">
    55                     <a href="">VLO</a>
    56                 </div>
    57                 <div id="topnavigationlinks">
    58                     <a id="permalink" href="" title="Link to this page"><span>[Link to this page]</span></a>
    59                     <!--<a id="help" href="" title="Help"><span>[Help]</span></a>-->
    60                 </div>
    61             </div>
    62 
    6353            <div class="topbar facet collapsedfacet" id="collections">
    6454                <div class="rtop"><div class="r1"></div><div class="r2"></div><div class="r3"></div><div class="r4"></div></div>
    … …  
    9080                <!-- rounded corners - bottom **** -->
    9181                <div class="rbottom"><div class="r4"></div><div class="r3"></div><div class="r2"></div><div class="r1"></div></div>
    92             </div>
    93 
    94             <div class="sidebar">
    95                 <div class="sidebaritem facet collapsedfacet">
    96                     <!-- rounded corners - top **** -->
    97                     <div class="rtop"><div class="r1"></div><div class="r2"></div><div class="r3"></div><div class="r4"></div></div>
    98                     <a href="#" class="expandfacet"><span>expand</span></a>
    99                     <a href="#" class="collapsefacet"><span>collapse</span></a>
    100                     <h1><a href="#">Advanced options</a></h1>
    101                     <div class="sbilinks facetvalues">
    102                         <form id="advancedoptions" action="">
    103                             <ul>
    104                                 <li>
    105                                     <input type="checkbox" id="onlyfcs"/>
    106                                     <label for="onlyfcs">Only include resources that support content search</label>
    107                                 </li>
    108                                 <li>
    109                                     <input type="checkbox" id="onlymdformat"/>
    110                                     <label for="onlyfcs">Only include resources described with</label>
    111                                     <select>
    112                                         <option>CMDI</option>
    113                                         <option>OLAC</option>
    114                                     </select>
    115                                 </li>
    116                             </ul>
    117                             <input type="submit" value="Apply" />
    118                         </form>
    119                     </div>
    120                     <!-- rounded corners - bottom **** -->
    121                     <div class="rbottom"><div class="r4"></div><div class="r3"></div><div class="r2"></div><div class="r1"></div></div>
    122                 </div>
    123 
    12482            </div>
    12583
    … …  
    169127                    </div>
    170128                </div>
    171 
     129            </div>
     130           
     131            <div class="sidebar">
     132                <div class="sidebaritem facet collapsedfacet">
     133                    <!-- rounded corners - top **** -->
     134                    <div class="rtop"><div class="r1"></div><div class="r2"></div><div class="r3"></div><div class="r4"></div></div>
     135                    <a href="#" class="expandfacet"><span>expand</span></a>
     136                    <a href="#" class="collapsefacet"><span>collapse</span></a>
     137                    <h1><a href="#">Search options</a></h1>
     138                    <div class="sbilinks facetvalues">
     139                        <form id="advancedoptions" action="">
     140                            <ul>
     141                                <li>
     142                                    <input type="checkbox" id="onlyfcs"/>
     143                                    <label for="onlyfcs">Only include resources that support content search</label>
     144                                </li>
     145                                <li>
     146                                    <input type="checkbox" id="onlymdformat"/>
     147                                    <label for="onlyfcs">Only include resources described with</label>
     148                                    <select>
     149                                        <option>CMDI</option>
     150                                        <option>OLAC</option>
     151                                    </select>
     152                                </li>
     153                            </ul>
     154                            <input type="submit" value="Apply" />
     155                        </form>
     156                    </div>
     157                    <!-- rounded corners - bottom **** -->
     158                    <div class="rbottom"><div class="r4"></div><div class="r3"></div><div class="r2"></div><div class="r1"></div></div>
     159                </div>
    172160            </div>
    173161

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

    r4445 r4446  
    9292                <!-- rounded corners - bottom **** -->
    9393                <div class="rbottom"><div class="r4"></div><div class="r3"></div><div class="r2"></div><div class="r1"></div></div>
    94             </div>
    95 
    96             <div class="sidebar">
    97                 <div class="sidebaritem">
    98                     <!-- rounded corners - top **** -->
    99                     <div class="rtop"><div class="r1"></div><div class="r2"></div><div class="r3"></div><div class="r4"></div></div>
    100                     <h1>Narrow down</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="">CLARIN-NL (362661)</a></li>
    252                                 <li><a href="">CLARIN-D (34586)</a></li>
    253                                 <li><a href="">CLARIN-DK-UCPH (7810)</a></li>
    254                                 <li><a href="">CLARIN-EU (1085)</a></li>
    255                                 <li><a href="">Dutch Language Union (3)</a></li>
    256                                 <li class="more-link"><a href="#">more...</a></li>
    257                             </ul>
    258                         </div>
    259                     </div>
    260                     <!-- rounded corners - bottom **** -->
    261                     <div class="rbottom"><div class="r4"></div><div class="r3"></div><div class="r2"></div><div class="r1"></div></div>
    262                 </div>
    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="#">Advanced options</a></h1>
    269                     <div class="sbilinks facetvalues">
    270                         <form id="advancedoptions" action="">
    271                             <ul>
    272                                 <li>
    273                                     <input type="checkbox" id="onlyfcs"/>
    274                                     <label for="onlyfcs">Only include resources that support content search</label>
    275                                 </li>
    276                                 <li>
    277                                     <input type="checkbox" id="onlymdformat"/>
    278                                     <label for="onlyfcs">Only include resources described with</label>
    279                                     <select>
    280                                         <option>CMDI</option>
    281                                         <option>OLAC</option>
    282                                     </select>
    283                                 </li>
    284                             </ul>
    285                             <input type="submit" value="Apply" />
    286                         </form>
    287                     </div>
    288                     <!-- rounded corners - bottom **** -->
    289                     <div class="rbottom"><div class="r4"></div><div class="r3"></div><div class="r2"></div><div class="r1"></div></div>
    290                 </div>
    29194            </div>
    29295
    … …  
    472275                </div>
    473276            </div>
     277           
     278            <div class="sidebar">
     279                <div class="sidebaritem">
     280                    <!-- rounded corners - top **** -->
     281                    <div class="rtop"><div class="r1"></div><div class="r2"></div><div class="r3"></div><div class="r4"></div></div>
     282                    <h1>Narrow down</h1>
     283                    <p>
     284                        Use the categories below to limit the search results to those matching the selected value(s).
     285                    </p>
     286                    <div class="facet collapsedfacet">
     287                        <a href="#" class="expandfacet"><span>expand</span></a>
     288                        <a href="#" class="collapsefacet"><span>collapse</span></a>
     289                        <h1><a href="#">Language</a></h1>
     290                        <a href class="filtertoggle"><span>filter</span></a>
     291                        <form class="filterform">
     292                            <input type="text" />
     293                        </form>
     294                        <div class="sbilinks facetvalues">
     295                            <ul>
     296                                <li><a href="index3.html">Dutch (148167)</a></li>
     297                                <li><a href="index3.html">English (72547)</a></li>
     298                                <li><a href="index3.html">German (39042)</a></li>
     299                                <li><a href="index3.html">French (9227)</a></li>
     300                                <li><a href="index3.html">Spanish; Castilian (8684)</a></li>
     301                                <li><a href="index3.html">Danish (8447)</a></li>
     302                                <li><a href="index3.html">Japanese (6761)</a></li>
     303                                <li><a href="index3.html">Turkish (4988)</a></li>
     304                                <li><a href="index3.html">Chinese (1980)</a></li>
     305                                <li class="more-link"><a href="#">more...</a></li>
     306                            </ul>
     307                        </div>
     308                    </div>
     309                    <div class="facet collapsedfacet">                   
     310                        <a href="#" class="expandfacet"><span>expand</span></a>
     311                        <a href="#" class="collapsefacet"><span>collapse</span></a>
     312                        <h1><a href="#">Resource type</a></h1>
     313                        <a class="filtertoggle" title="Filter values" href="#"><span>filter</span></a>
     314                        <form class="filterform">
     315                            <input type="text" />
     316                        </form>
     317                        <div class="sbilinks facetvalues">
     318                            <ul>
     319                                <li><a href="">text (70769)</a></li>
     320                                <li><a href="">televisie (39307)</a></li>
     321                                <li><a href="">Text (32502)</a></li>
     322                                <li><a href="">Sound (10007)</a></li>
     323                                <li><a href="">Data Provider (4402)</a></li>
     324                                <li><a href="">bioscoop (2956)</a></li>
     325                                <li><a href="">Televisie (1695)</a></li>
     326                                <li><a href="">niet van toepassing (1185)</a></li>
     327                                <li class="more-link"><a href="#">more...</a></li>
     328                            </ul>
     329                        </div>                   
     330                    </div>
     331                    <div class="facet collapsedfacet"> 
     332                        <a href="#" class="expandfacet"><span>expand</span></a>
     333                        <a href="#" class="collapsefacet"><span>collapse</span></a>
     334                        <h1><a href="#">Genre</a></h1>
     335                        <a class="filtertoggle" title="Filter values" href="#"><span>filter</span></a>
     336                        <form class="filterform">
     337                            <input type="text" />
     338                        </form>
     339                        <div class="sbilinks facetvalues">
     340                            <ul>
     341                                <li><a href="">discourse (81536)</a></li>
     342                                <li><a href="" title="info:eu-repo/semantics/article">info:eu-repo/... (34677)</a></li>
     343                                <li><a href="">kinderlied (19218)</a></li>
     344                                <li><a href="">primary_text (12428)</a></li>
     345                                <li><a href="">narrative (11459)</a></li>
     346                                <li><a href="">language_description (11084)</a></li>
     347                                <li><a href="" title="info:eu-repo/semantics/masterthesis">info:eu-repo/... (10890)</a></li>
     348                                <li><a href="">liefdeslied (8381)</a></li>
     349                                <li><a href="">stimuli (8103)</a></li>
     350                                <li class="more-link"><a href="#">more...</a></li>
     351                            </ul>
     352                        </div>
     353                    </div>
     354                    <div class="facet collapsedfacet"> 
     355                        <a href="#" class="expandfacet"><span>expand</span></a>
     356                        <a href="#" class="collapsefacet"><span>collapse</span></a>
     357                        <h1><a href="#">Keywords</a></h1>
     358                        <a class="filtertoggle" title="Filter values" href="#"><span>filter</span></a>
     359                        <form class="filterform">
     360                            <input type="text" />
     361                        </form>                   
     362                        <div class="sbilinks facetvalues">
     363                            <ul>
     364                                <li><a href="">Geschiedenis (7836)</a></li>
     365                                <li><a href="">Scheikunde (5389)</a></li>
     366                                <li><a href="">Geneeskunde (4648)</a></li>
     367                                <li><a href="">Sociale Wetenschappen (4167)</a></li>
     368                                <li><a href="">BAS HEMPEL (3903)</a></li>
     369                                <li><a href="">aGender (3613)</a></li>
     370                                <li><a href="">Letteren (2827)</a></li>
     371                                <li><a href="">BAS Verbmobil 1 (2192)</a></li>
     372                                <li><a href="">Diergeneeskunde (2159)</a></li>
     373                                <li class="more-link"><a href="#">more...</a></li>
     374                            </ul>
     375                        </div>
     376                    </div>
     377                    <div class="facet collapsedfacet"> 
     378                        <a href="#" class="expandfacet"><span>expand</span></a>
     379                        <a href="#" class="collapsefacet"><span>collapse</span></a>
     380                        <h1><a href="#">Format</a></h1>
     381                        <a class="filtertoggle" title="Filter values" href="#"><span>filter</span></a>
     382                        <form class="filterform">
     383                            <input type="text" />
     384                        </form>
     385                        <div class="sbilinks facetvalues">
     386                            <ul>
     387                                <li><a href="">text (261220)</a></li>
     388                                <li><a href="">image (121518)</a></li>
     389                                <li><a href="">unknown type (104371)</a></li>
     390                                <li><a href="">audio (86934)</a></li>
     391                                <li><a href="">annotation (81323)</a></li>
     392                                <li><a href="">video (44388)</a></li>
     393                                <li><a href="">text/plain (1323)</a></li>
     394                                <li><a href="">application/pdf (511)</a></li>
     395                                <li><a href="">audio/vnd.wave (243)</a></li>
     396                                <li class="more-link"><a href="#">more...</a></li>
     397                            </ul>
     398                        </div>
     399                    </div>
     400                    <div class="facet collapsedfacet"> 
     401                        <a href="#" class="expandfacet"><span>expand</span></a>
     402                        <a href="#" class="collapsefacet"><span>collapse</span></a>
     403                        <h1><a href="#">Organisation</a></h1>
     404                        <a class="filtertoggle" title="Filter values" href="#"><span>filter</span></a>
     405                        <form class="filterform">
     406                            <input type="text" />
     407                        </form>
     408                        <div class="sbilinks facetvalues">
     409                            <ul>
     410                                <li><a href="">CMU (42821)</a></li>
     411                                <li><a href="">Max Planck Institute... (17874)</a></li>
     412                                <li><a href="">NOS (11669)</a></li>
     413                                <li><a href="">CLS-KUN (8859)</a></li>
     414                                <li><a href="">http://europa.eu/rapid/ (5328)</a></li>
     415                                <li><a href="">NPS (5274)</a></li>
     416                                <li><a href="">Institut fÃŒr Deutsche Sprache (4950)</a></li>
     417                                <li><a href="">Oxford Text Archive... (4638)</a></li>
     418                                <li><a href="">CLARIN-D center... (4409)</a></li>
     419                                <li class="more-link"><a href="#">more...</a></li>
     420                            </ul>
     421                        </div>
     422                    </div>
     423                    <div class="facet collapsedfacet"> 
     424                        <a href="#" class="expandfacet"><span>expand</span></a>
     425                        <a href="#" class="collapsefacet"><span>collapse</span></a>
     426                        <h1><a href="#">National project</a></h1>
     427                        <a href="#" class="filtertoggle" title="Filter values" href="#"><span>filter</span></a>
     428                        <form class="filterform">
     429                            <input type="text" />
     430                        </form>
     431                        <div class="sbilinks facetvalues">
     432                            <ul>
     433                                <li><a href="">CLARIN-NL (362661)</a></li>
     434                                <li><a href="">CLARIN-D (34586)</a></li>
     435                                <li><a href="">CLARIN-DK-UCPH (7810)</a></li>
     436                                <li><a href="">CLARIN-EU (1085)</a></li>
     437                                <li><a href="">Dutch Language Union (3)</a></li>
     438                                <li class="more-link"><a href="#">more...</a></li>
     439                            </ul>
     440                        </div>
     441                    </div>
     442                    <!-- rounded corners - bottom **** -->
     443                    <div class="rbottom"><div class="r4"></div><div class="r3"></div><div class="r2"></div><div class="r1"></div></div>
     444                </div>
     445                <div class="sidebaritem facet collapsedfacet">
     446                    <!-- rounded corners - top **** -->
     447                    <div class="rtop"><div class="r1"></div><div class="r2"></div><div class="r3"></div><div class="r4"></div></div>
     448                    <a href="#" class="expandfacet"><span>expand</span></a>
     449                    <a href="#" class="collapsefacet"><span>collapse</span></a>
     450                    <h1><a href="#">Search options</a></h1>
     451                    <div class="sbilinks facetvalues">
     452                        <form id="advancedoptions" action="">
     453                            <ul>
     454                                <li>
     455                                    <input type="checkbox" id="onlyfcs"/>
     456                                    <label for="onlyfcs">Only include resources that support content search</label>
     457                                </li>
     458                                <li>
     459                                    <input type="checkbox" id="onlymdformat"/>
     460                                    <label for="onlyfcs">Only include resources described with</label>
     461                                    <select>
     462                                        <option>CMDI</option>
     463                                        <option>OLAC</option>
     464                                    </select>
     465                                </li>
     466                            </ul>
     467                            <input type="submit" value="Apply" />
     468                        </form>
     469                    </div>
     470                    <!-- rounded corners - bottom **** -->
     471                    <div class="rbottom"><div class="r4"></div><div class="r3"></div><div class="r2"></div><div class="r1"></div></div>
     472                </div>
     473            </div>
    474474
    475475

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

    r4445 r4446  
    9393                <!-- rounded corners - bottom **** -->
    9494                <div class="rbottom"><div class="r4"></div><div class="r3"></div><div class="r2"></div><div class="r1"></div></div>
    95             </div>
    96 
    97             <div class="sidebar">
    98                 <div class="sidebaritem">
    99                     <!-- rounded corners - top **** -->
    100                     <div class="rtop"><div class="r1"></div><div class="r2"></div><div class="r3"></div><div class="r4"></div></div>
    101                     <h1>Facets</h1>
    102                     <p>
    103                         Use the categories below to limit the search results to those matching the selected value(s).
    104                     </p>
    105                     <div class="facet collapsedfacet">
    106                         <a href="#" class="expandfacet"><span>expand</span></a>
    107                         <a href="#" class="collapsefacet"><span>collapse</span></a>
    108                         <h1><a href="#">Language</a></h1>
    109                         <div class="filtertoggle"><span>filter</span></div>
    110                         <div class="selectedvaluelabel">Dutch<a class="unselectfacetvalue" title="unselect value" href="index2.html"><span>[unselect]</span></a></div>
    111                         <div class="sbilinks facetvalues">
    112                             <ul>
    113                                 <li><span class="selectedfacetvalue">Dutch</span><a class="unselectfacetvalue" title="unselect value" href="index2.html"><span>[unselect]</span></a></li>
    114                                 <li><span class="facetvalue">English</span></li>
    115                                 <li><span class="facetvalue">German</span></li>
    116                                 <li><span class="facetvalue">French</span></li>
    117                                 <li><span class="facetvalue">Spanish</span></li>
    118                                 <li><span class="facetvalue">Danish</span></li>
    119                                 <li><span class="facetvalue">Japanese</span></li>
    120                                 <li><span class="facetvalue">Turkish</span></li>
    121                                 <li><span class="facetvalue">Chinese</span></li>
    122                                 <!--<li class="more-link"><a href="#">more...</a></li>-->
    123                             </ul>
    124                         </div>
    125                     </div>
    126                     <div class="facet collapsedfacet">                   
    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 action="" class="filterform">
    132                             <p><input type="text" /></p>
    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                     </div>
    148                     <div class="facet collapsedfacet">                   
    149                         <a href="#" class="expandfacet"><span>expand</span></a>
    150                         <a href="#" class="collapsefacet"><span>collapse</span></a>
    151                         <h1><a href="#">Genre</a></h1>
    152                         <a class="filtertoggle" title="Filter values" href="#"><span>filter</span></a>
    153                         <form action="" class="filterform">
    154                             <p><input type="text" /></p>
    155                         </form>
    156                         <div class="sbilinks facetvalues">
    157                             <ul>
    158                                 <li><a href="">discourse (81536)</a></li>
    159                                 <li><a href="" title="info:eu-repo/semantics/article">info:eu-repo/... (34677)</a></li>
    160                                 <li><a href="">kinderlied (19218)</a></li>
    161                                 <li><a href="">primary_text (12428)</a></li>
    162                                 <li><a href="">narrative (11459)</a></li>
    163                                 <li><a href="">language_description (11084)</a></li>
    164                                 <li><a href="" title="info:eu-repo/semantics/masterthesis">info:eu-repo/... (10890)</a></li>
    165                                 <li><a href="">liefdeslied (8381)</a></li>
    166                                 <li><a href="">stimuli (8103)</a></li>
    167                                 <li class="more-link"><a href="#">more...</a></li>
    168                             </ul>
    169                         </div>
    170                     </div>
    171                     <div class="facet collapsedfacet">                   
    172                         <a href="#" class="expandfacet"><span>expand</span></a>
    173                         <a href="#" class="collapsefacet"><span>collapse</span></a>
    174                         <h1><a href="#">Keywords</a></h1>
    175                         <a class="filtertoggle" title="Filter values" href="#"><span>filter</span></a>
    176                         <form action="" class="filterform">
    177                             <p><input type="text" /></p>
    178                         </form>                 
    179                         <div class="sbilinks facetvalues">
    180                             <ul>
    181                                 <li><a href="">Geschiedenis (7836)</a></li>
    182                                 <li><a href="">Scheikunde (5389)</a></li>
    183                                 <li><a href="">Geneeskunde (4648)</a></li>
    184                                 <li><a href="">Sociale Wetenschappen (4167)</a></li>
    185                                 <li><a href="">BAS HEMPEL (3903)</a></li>
    186                                 <li><a href="">aGender (3613)</a></li>
    187                                 <li><a href="">Letteren (2827)</a></li>
    188                                 <li><a href="">BAS Verbmobil 1 (2192)</a></li>
    189                                 <li><a href="">Diergeneeskunde (2159)</a></li>
    190                                 <li class="more-link"><a href="#">more...</a></li>
    191                             </ul>
    192                         </div>
    193                     </div>
    194                     <div class="facet collapsedfacet">                   
    195                         <a href="#" class="expandfacet"><span>expand</span></a>
    196                         <a href="#" class="collapsefacet"><span>collapse</span></a>
    197                         <h1><a href="#">Format</a></h1>
    198                         <a class="filtertoggle" title="Filter values" href="#"><span>filter</span></a>
    199                         <form action="" class="filterform">
    200                             <p><input type="text" /></p>
    201                         </form>
    202                         <div class="sbilinks facetvalues">
    203                             <ul>
    204                                 <li><a href="">text (261220)</a></li>
    205                                 <li><a href="">image (121518)</a></li>
    206                                 <li><a href="">unknown type (104371)</a></li>
    207                                 <li><a href="">audio (86934)</a></li>
    208                                 <li><a href="">annotation (81323)</a></li>
    209                                 <li><a href="">video (44388)</a></li>
    210                                 <li><a href="">text/plain (1323)</a></li>
    211                                 <li><a href="">application/pdf (511)</a></li>
    212                                 <li><a href="">audio/vnd.wave (243)</a></li>
    213                                 <li class="more-link"><a href="#">more...</a></li>
    214                             </ul>
    215                         </div>
    216                     </div>
    217                     <div class="facet collapsedfacet">                   
    218                         <a href="#" class="expandfacet"><span>expand</span></a>
    219                         <a href="#" class="collapsefacet"><span>collapse</span></a>
    220                         <h1><a href="#">Organisation</a></h1>
    221                         <a class="filtertoggle" title="Filter values" href="#"><span>filter</span></a>
    222                         <form action="" class="filterform">
    223                             <p><input type="text" /></p>
    224                         </form>
    225                         <div class="sbilinks facetvalues">
    226                             <ul>
    227                                 <li><a href="">CMU (42821)</a></li>
    228                                 <li><a href="">Max Planck Institute... (17874)</a></li>
    229                                 <li><a href="">NOS (11669)</a></li>
    230                                 <li><a href="">CLS-KUN (8859)</a></li>
    231                                 <li><a href="">http://europa.eu/rapid/ (5328)</a></li>
    232                                 <li><a href="">NPS (5274)</a></li>
    233                                 <li><a href="">Institut fÃŒr Deutsche Sprache (4950)</a></li>
    234                                 <li><a href="">Oxford Text Archive... (4638)</a></li>
    235                                 <li><a href="">CLARIN-D center... (4409)</a></li>
    236                                 <li class="more-link"><a href="#">more...</a></li>
    237                             </ul>
    238                         </div>
    239                     </div>
    240                     <div class="facet collapsedfacet"> 
    241                         <a href="#" class="expandfacet"><span>expand</span></a>
    242                         <a href="#" class="collapsefacet"><span>collapse</span></a>
    243                         <h1><a href="#">National project</a></h1>
    244                         <a href="#" class="filtertoggle" title="Filter values" href="#"><span>filter</span></a>
    245                         <form class="filterform">
    246                             <input type="text" />
    247                         </form>
    248                         <div class="sbilinks facetvalues">
    249                             <ul>
    250                                 <li><a href="index3.html">CLARIN-NL (362661)</a></li>
    251                                 <li><a href="index3.html">CLARIN-D (34586)</a></li>
    252                                 <li><a href="index3.html">CLARIN-DK-UCPH (7810)</a></li>
    253                                 <li><a href="index3.html">CLARIN-EU (1085)</a></li>
    254                                 <li><a href="index3.html">Dutch Language Union (3)</a></li>
    255                                 <li class="more-link"><a href="#">more...</a></li>
    256                             </ul>
    257                         </div>
    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="#">Advanced options</a></h1>
    269                     <div class="sbilinks facetvalues">
    270                         <form id="advancedoptions" action="">
    271                             <ul>
    272                                 <li>
    273                                     <input type="checkbox" id="onlyfcs"/>
    274                                     <label for="onlyfcs">Only include resources that support content search</label>
    275                                 </li>
    276                                 <li>
    277                                     <input type="checkbox" id="onlymdformat"/>
    278                                     <label for="onlyfcs">Only include resources described with</label>
    279                                     <select>
    280                                         <option>CMDI</option>
    281                                         <option>OLAC</option>
    282                                     </select>
    283                                 </li>
    284                             </ul>
    285                             <p><input type="submit" value="Apply" /></p>
    286                         </form>
    287                     </div>
    288                     <!-- rounded corners - bottom **** -->
    289                     <div class="rbottom"><div class="r4"></div><div class="r3"></div><div class="r2"></div><div class="r1"></div></div>
    290                 </div>
    29195            </div>
    29296
    … …  
    473277                </div>
    474278            </div>
     279           
     280            <div class="sidebar">
     281                <div class="sidebaritem">
     282                    <!-- rounded corners - top **** -->
     283                    <div class="rtop"><div class="r1"></div><div class="r2"></div><div class="r3"></div><div class="r4"></div></div>
     284                    <h1>Facets</h1>
     285                    <p>
     286                        Use the categories below to limit the search results to those matching the selected value(s).
     287                    </p>
     288                    <div class="facet collapsedfacet">
     289                        <a href="#" class="expandfacet"><span>expand</span></a>
     290                        <a href="#" class="collapsefacet"><span>collapse</span></a>
     291                        <h1><a href="#">Language</a></h1>
     292                        <div class="filtertoggle"><span>filter</span></div>
     293                        <div class="selectedvaluelabel">Dutch<a class="unselectfacetvalue" title="unselect value" href="index2.html"><span>[unselect]</span></a></div>
     294                        <div class="sbilinks facetvalues">
     295                            <ul>
     296                                <li><span class="selectedfacetvalue">Dutch</span><a class="unselectfacetvalue" title="unselect value" href="index2.html"><span>[unselect]</span></a></li>
     297                                <li><span class="facetvalue">English</span></li>
     298                                <li><span class="facetvalue">German</span></li>
     299                                <li><span class="facetvalue">French</span></li>
     300                                <li><span class="facetvalue">Spanish</span></li>
     301                                <li><span class="facetvalue">Danish</span></li>
     302                                <li><span class="facetvalue">Japanese</span></li>
     303                                <li><span class="facetvalue">Turkish</span></li>
     304                                <li><span class="facetvalue">Chinese</span></li>
     305                                <!--<li class="more-link"><a href="#">more...</a></li>-->
     306                            </ul>
     307                        </div>
     308                    </div>
     309                    <div class="facet collapsedfacet">                   
     310                        <a href="#" class="expandfacet"><span>expand</span></a>
     311                        <a href="#" class="collapsefacet"><span>collapse</span></a>
     312                        <h1><a href="#">Resource type</a></h1>
     313                        <a class="filtertoggle" title="Filter values" href="#"><span>filter</span></a>
     314                        <form action="" class="filterform">
     315                            <p><input type="text" /></p>
     316                        </form>
     317                        <div class="sbilinks facetvalues">
     318                            <ul>
     319                                <li><a href="">text (70769)</a></li>
     320                                <li><a href="">televisie (39307)</a></li>
     321                                <li><a href="">Text (32502)</a></li>
     322                                <li><a href="">Sound (10007)</a></li>
     323                                <li><a href="">Data Provider (4402)</a></li>
     324                                <li><a href="">bioscoop (2956)</a></li>
     325                                <li><a href="">Televisie (1695)</a></li>
     326                                <li><a href="">niet van toepassing (1185)</a></li>
     327                                <li class="more-link"><a href="#">more...</a></li>
     328                            </ul>
     329                        </div>
     330                    </div>
     331                    <div class="facet collapsedfacet">                   
     332                        <a href="#" class="expandfacet"><span>expand</span></a>
     333                        <a href="#" class="collapsefacet"><span>collapse</span></a>
     334                        <h1><a href="#">Genre</a></h1>
     335                        <a class="filtertoggle" title="Filter values" href="#"><span>filter</span></a>
     336                        <form action="" class="filterform">
     337                            <p><input type="text" /></p>
     338                        </form>
     339                        <div class="sbilinks facetvalues">
     340                            <ul>
     341                                <li><a href="">discourse (81536)</a></li>
     342                                <li><a href="" title="info:eu-repo/semantics/article">info:eu-repo/... (34677)</a></li>
     343                                <li><a href="">kinderlied (19218)</a></li>
     344                                <li><a href="">primary_text (12428)</a></li>
     345                                <li><a href="">narrative (11459)</a></li>
     346                                <li><a href="">language_description (11084)</a></li>
     347                                <li><a href="" title="info:eu-repo/semantics/masterthesis">info:eu-repo/... (10890)</a></li>
     348                                <li><a href="">liefdeslied (8381)</a></li>
     349                                <li><a href="">stimuli (8103)</a></li>
     350                                <li class="more-link"><a href="#">more...</a></li>
     351                            </ul>
     352                        </div>
     353                    </div>
     354                    <div class="facet collapsedfacet">                   
     355                        <a href="#" class="expandfacet"><span>expand</span></a>
     356                        <a href="#" class="collapsefacet"><span>collapse</span></a>
     357                        <h1><a href="#">Keywords</a></h1>
     358                        <a class="filtertoggle" title="Filter values" href="#"><span>filter</span></a>
     359                        <form action="" class="filterform">
     360                            <p><input type="text" /></p>
     361                        </form>                 
     362                        <div class="sbilinks facetvalues">
     363                            <ul>
     364                                <li><a href="">Geschiedenis (7836)</a></li>
     365                                <li><a href="">Scheikunde (5389)</a></li>
     366                                <li><a href="">Geneeskunde (4648)</a></li>
     367                                <li><a href="">Sociale Wetenschappen (4167)</a></li>
     368                                <li><a href="">BAS HEMPEL (3903)</a></li>
     369                                <li><a href="">aGender (3613)</a></li>
     370                                <li><a href="">Letteren (2827)</a></li>
     371                                <li><a href="">BAS Verbmobil 1 (2192)</a></li>
     372                                <li><a href="">Diergeneeskunde (2159)</a></li>
     373                                <li class="more-link"><a href="#">more...</a></li>
     374                            </ul>
     375                        </div>
     376                    </div>
     377                    <div class="facet collapsedfacet">                   
     378                        <a href="#" class="expandfacet"><span>expand</span></a>
     379                        <a href="#" class="collapsefacet"><span>collapse</span></a>
     380                        <h1><a href="#">Format</a></h1>
     381                        <a class="filtertoggle" title="Filter values" href="#"><span>filter</span></a>
     382                        <form action="" class="filterform">
     383                            <p><input type="text" /></p>
     384                        </form>
     385                        <div class="sbilinks facetvalues">
     386                            <ul>
     387                                <li><a href="">text (261220)</a></li>
     388                                <li><a href="">image (121518)</a></li>
     389                                <li><a href="">unknown type (104371)</a></li>
     390                                <li><a href="">audio (86934)</a></li>
     391                                <li><a href="">annotation (81323)</a></li>
     392                                <li><a href="">video (44388)</a></li>
     393                                <li><a href="">text/plain (1323)</a></li>
     394                                <li><a href="">application/pdf (511)</a></li>
     395                                <li><a href="">audio/vnd.wave (243)</a></li>
     396                                <li class="more-link"><a href="#">more...</a></li>
     397                            </ul>
     398                        </div>
     399                    </div>
     400                    <div class="facet collapsedfacet">                   
     401                        <a href="#" class="expandfacet"><span>expand</span></a>
     402                        <a href="#" class="collapsefacet"><span>collapse</span></a>
     403                        <h1><a href="#">Organisation</a></h1>
     404                        <a class="filtertoggle" title="Filter values" href="#"><span>filter</span></a>
     405                        <form action="" class="filterform">
     406                            <p><input type="text" /></p>
     407                        </form>
     408                        <div class="sbilinks facetvalues">
     409                            <ul>
     410                                <li><a href="">CMU (42821)</a></li>
     411                                <li><a href="">Max Planck Institute... (17874)</a></li>
     412                                <li><a href="">NOS (11669)</a></li>
     413                                <li><a href="">CLS-KUN (8859)</a></li>
     414                                <li><a href="">http://europa.eu/rapid/ (5328)</a></li>
     415                                <li><a href="">NPS (5274)</a></li>
     416                                <li><a href="">Institut fÃŒr Deutsche Sprache (4950)</a></li>
     417                                <li><a href="">Oxford Text Archive... (4638)</a></li>
     418                                <li><a href="">CLARIN-D center... (4409)</a></li>
     419                                <li class="more-link"><a href="#">more...</a></li>
     420                            </ul>
     421                        </div>
     422                    </div>
     423                    <div class="facet collapsedfacet"> 
     424                        <a href="#" class="expandfacet"><span>expand</span></a>
     425                        <a href="#" class="collapsefacet"><span>collapse</span></a>
     426                        <h1><a href="#">National project</a></h1>
     427                        <a href="#" class="filtertoggle" title="Filter values" href="#"><span>filter</span></a>
     428                        <form class="filterform">
     429                            <input type="text" />
     430                        </form>
     431                        <div class="sbilinks facetvalues">
     432                            <ul>
     433                                <li><a href="index3.html">CLARIN-NL (362661)</a></li>
     434                                <li><a href="index3.html">CLARIN-D (34586)</a></li>
     435                                <li><a href="index3.html">CLARIN-DK-UCPH (7810)</a></li>
     436                                <li><a href="index3.html">CLARIN-EU (1085)</a></li>
     437                                <li><a href="index3.html">Dutch Language Union (3)</a></li>
     438                                <li class="more-link"><a href="#">more...</a></li>
     439                            </ul>
     440                        </div>
     441                    </div>
     442                    <!-- rounded corners - bottom **** -->
     443                    <div class="rbottom"><div class="r4"></div><div class="r3"></div><div class="r2"></div><div class="r1"></div></div>
     444                </div>
     445
     446                <div class="sidebaritem facet collapsedfacet">
     447                    <!-- rounded corners - top **** -->
     448                    <div class="rtop"><div class="r1"></div><div class="r2"></div><div class="r3"></div><div class="r4"></div></div>
     449                    <a href="#" class="expandfacet"><span>expand</span></a>
     450                    <a href="#" class="collapsefacet"><span>collapse</span></a>
     451                    <h1><a href="#">Search options</a></h1>
     452                    <div class="sbilinks facetvalues">
     453                        <form id="advancedoptions" action="">
     454                            <ul>
     455                                <li>
     456                                    <input type="checkbox" id="onlyfcs"/>
     457                                    <label for="onlyfcs">Only include resources that support content search</label>
     458                                </li>
     459                                <li>
     460                                    <input type="checkbox" id="onlymdformat"/>
     461                                    <label for="onlyfcs">Only include resources described with</label>
     462                                    <select>
     463                                        <option>CMDI</option>
     464                                        <option>OLAC</option>
     465                                    </select>
     466                                </li>
     467                            </ul>
     468                            <p><input type="submit" value="Apply" /></p>
     469                        </form>
     470                    </div>
     471                    <!-- rounded corners - bottom **** -->
     472                    <div class="rbottom"><div class="r4"></div><div class="r3"></div><div class="r2"></div><div class="r1"></div></div>
     473                </div>
     474            </div>
    475475
    476476

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

    r4431 r4446  
    7878}
    7979
    80 .sbilinks li a, .sidebaritem a, .facetvalues a
     80.sbilinks li a, .sidebaritem a, .topbar a, .facetvalues a
    8181{
    8282    /*background: transparent url(arrow.png) no-repeat left center;*/

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

    r4415 r4446  
    164164.topbar
    165165{
    166   margin: 8px 15px 2px 15px;
    167   padding: 0px 0px 0px 0px;
    168   clear: both;
     166    margin: 8px 15px 2px 15px;
     167    padding: 0px 0px 0px 0px;
     168    clear: both;
    169169}
    170170
    171171/* sidebars */
    172172.sidebar
    173 {clear: left;
    174   float: left;
    175   width: 214px; /*  used to be 194px */
    176   padding: 16px 15px 15px 15px;
     173{
     174    float: left;
     175    width: 214px; /*  used to be 194px */
     176    padding: 16px 15px 15px 15px;
    177177}
    178178
    … …  
    222222#content
    223223{
    224   width: 697px; /* used to be 384px  */
    225   padding: 26px 0px 15px 9px;
    226   float: left;
    227   min-height: 500px;
     224    width: 697px; /* used to be 384px  */
     225    margin: 8px 15px 2px 20px;
     226    /*padding: 26px 0px 15px 9px;*/
     227    float: left;
     228    min-height: 500px;
    228229}
    229230
Note: See TracChangeset for help on using the changeset viewer.