Changeset 4402


Ignore:
Timestamp:
01/30/14 15:20:29 (10 years ago)
Author:
twagoo
Message:

Moved all facet boxes in the mockup to the left

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

Legend:

Unmodified
Added
Removed

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

    r4391 r4402  
    123123                    <div class="rbottom"><div class="r4"></div><div class="r3"></div><div class="r2"></div><div class="r1"></div></div>
    124124                </div>
    125                 <div class="sidebaritem facet expandedfacet">
     125                <div class="sidebaritem facet collapsedfacet">
    126126                    <!-- rounded corners - top **** -->
    127127                    <div class="rtop"><div class="r1"></div><div class="r2"></div><div class="r3"></div><div class="r4"></div></div>
    … …  
    178178                    <div class="rbottom"><div class="r4"></div><div class="r3"></div><div class="r2"></div><div class="r1"></div></div>
    179179                </div>
     180               
     181               
     182                <div class="sidebaritem facet collapsedfacet">
     183                    <!-- rounded corners - top **** -->
     184                    <div class="rtop"><div class="r1"></div><div class="r2"></div><div class="r3"></div><div class="r4"></div></div>
     185                    <a href="#" class="expandfacet"><span>expand</span></a>
     186                    <a href="#" class="collapsefacet"><span>collapse</span></a>
     187                    <h1>Genre</h1>
     188                    <a class="filtertoggle" title="Filter values" href="#"><span>filter</span></a>
     189                    <form class="filterform">
     190                        <input type="text" />
     191                    </form>
     192                    <div class="sbilinks facetvalues">
     193                        <ul>
     194                            <li><a href="">discourse (81536)</a></li>
     195                            <li><a href="" title="info:eu-repo/semantics/article">info:eu-repo/... (34677)</a></li>
     196                            <li><a href="">kinderlied (19218)</a></li>
     197                            <li><a href="">primary_text (12428)</a></li>
     198                            <li><a href="">narrative (11459)</a></li>
     199                            <li><a href="">language_description (11084)</a></li>
     200                            <li><a href="" title="info:eu-repo/semantics/masterthesis">info:eu-repo/... (10890)</a></li>
     201                            <li><a href="">liefdeslied (8381)</a></li>
     202                            <li><a href="">stimuli (8103)</a></li>
     203                            <li class="more-link"><a href="#">more...</a></li>
     204                        </ul>
     205                    </div>
     206                    <!-- rounded corners - bottom **** -->
     207                    <div class="rbottom"><div class="r4"></div><div class="r3"></div><div class="r2"></div><div class="r1"></div></div>
     208                </div>
     209
     210                <div class="sidebaritem facet collapsedfacet">
     211                    <!-- rounded corners - top **** -->
     212                    <div class="rtop"><div class="r1"></div><div class="r2"></div><div class="r3"></div><div class="r4"></div></div>
     213                    <a href="#" class="expandfacet"><span>expand</span></a>
     214                    <a href="#" class="collapsefacet"><span>collapse</span></a>
     215                    <h1>Keywords</h1>
     216                    <a class="filtertoggle" title="Filter values" href="#"><span>filter</span></a>
     217                    <form class="filterform">
     218                        <input type="text" />
     219                    </form>                   
     220                    <div class="sbilinks facetvalues">
     221                        <ul>
     222                            <li><a href="">Geschiedenis (7836)</a></li>
     223                            <li><a href="">Scheikunde (5389)</a></li>
     224                            <li><a href="">Geneeskunde (4648)</a></li>
     225                            <li><a href="">Sociale Wetenschappen (4167)</a></li>
     226                            <li><a href="">BAS HEMPEL (3903)</a></li>
     227                            <li><a href="">aGender (3613)</a></li>
     228                            <li><a href="">Letteren (2827)</a></li>
     229                            <li><a href="">BAS Verbmobil 1 (2192)</a></li>
     230                            <li><a href="">Diergeneeskunde (2159)</a></li>
     231                            <li class="more-link"><a href="#">more...</a></li>
     232                        </ul>
     233                    </div>
     234                    <!-- rounded corners - bottom **** -->
     235                    <div class="rbottom"><div class="r4"></div><div class="r3"></div><div class="r2"></div><div class="r1"></div></div>
     236                </div>
     237
     238                <div class="sidebaritem facet collapsedfacet">
     239                    <!-- rounded corners - top **** -->
     240                    <div class="rtop"><div class="r1"></div><div class="r2"></div><div class="r3"></div><div class="r4"></div></div>
     241                    <a href="#" class="expandfacet"><span>expand</span></a>
     242                    <a href="#" class="collapsefacet"><span>collapse</span></a>
     243                    <h1>Format</h1>
     244                    <a 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="">text (261220)</a></li>
     251                            <li><a href="">image (121518)</a></li>
     252                            <li><a href="">unknown type (104371)</a></li>
     253                            <li><a href="">audio (86934)</a></li>
     254                            <li><a href="">annotation (81323)</a></li>
     255                            <li><a href="">video (44388)</a></li>
     256                            <li><a href="">text/plain (1323)</a></li>
     257                            <li><a href="">application/pdf (511)</a></li>
     258                            <li><a href="">audio/vnd.wave (243)</a></li>
     259                            <li class="more-link"><a href="#">more...</a></li>
     260                        </ul>
     261                    </div>
     262                    <!-- rounded corners - bottom **** -->
     263                    <div class="rbottom"><div class="r4"></div><div class="r3"></div><div class="r2"></div><div class="r1"></div></div>
     264                </div>
     265
     266                <div class="sidebaritem facet collapsedfacet">
     267                    <!-- rounded corners - top **** -->
     268                    <div class="rtop"><div class="r1"></div><div class="r2"></div><div class="r3"></div><div class="r4"></div></div>
     269                    <a href="#" class="expandfacet"><span>expand</span></a>
     270                    <a href="#" class="collapsefacet"><span>collapse</span></a>
     271                    <h1>Organisation</h1>
     272                    <a class="filtertoggle" title="Filter values" href="#"><span>filter</span></a>
     273                    <form class="filterform">
     274                        <input type="text" />
     275                    </form>
     276                    <div class="sbilinks facetvalues">
     277                        <ul>
     278                            <li><a href="">CMU (42821)</a></li>
     279                            <li><a href="">Max Planck Institute... (17874)</a></li>
     280                            <li><a href="">NOS (11669)</a></li>
     281                            <li><a href="">CLS-KUN (8859)</a></li>
     282                            <li><a href="">http://europa.eu/rapid/ (5328)</a></li>
     283                            <li><a href="">NPS (5274)</a></li>
     284                            <li><a href="">Institut fÃŒr Deutsche Sprache (4950)</a></li>
     285                            <li><a href="">Oxford Text Archive... (4638)</a></li>
     286                            <li><a href="">CLARIN-D center... (4409)</a></li>
     287                            <li class="more-link"><a href="#">more...</a></li>
     288                        </ul>
     289                    </div>
     290                    <!-- rounded corners - bottom **** -->
     291                    <div class="rbottom"><div class="r4"></div><div class="r3"></div><div class="r2"></div><div class="r1"></div></div>
     292                </div>
     293
     294                <div class="sidebaritem facet expandedfacet">
     295                    <!-- rounded corners - top **** -->
     296                    <div class="rtop"><div class="r1"></div><div class="r2"></div><div class="r3"></div><div class="r4"></div></div>
     297                    <a href="#" class="expandfacet"><span>expand</span></a>
     298                    <a href="#" class="collapsefacet"><span>collapse</span></a>
     299                    <h1>National project <span class="selectedvaluelabel">[CLARIN-NL]</a></h1>
     300                    <div class="filtertoggle" title="Filter values" href="#"><span>filter</span></div>
     301                    <form class="filterform">
     302                        <input type="text" />
     303                    </form>
     304                    <div class="sbilinks facetvalues">
     305                        <ul>
     306                            <li><span class="selectedfacetvalue">CLARIN-NL</span><a class="unselectfacetvalue" title="unselect value" href=""><span>[unselect]</span></a></li>
     307                            <li><span class="facetvalue">CLARIN-D</span></li>
     308                            <li><span class="facetvalue">CLARIN-DK-UCPH</span></li>
     309                            <li><span class="facetvalue">CLARIN-EU</span></li>
     310                            <li><span class="facetvalue">Dutch Language Union</span></li>
     311                        </ul>
     312                    </div>
     313                    <!-- rounded corners - bottom **** -->
     314                    <div class="rbottom"><div class="r4"></div><div class="r3"></div><div class="r2"></div><div class="r1"></div></div>
     315                </div>
    180316            </div>
    181317
    … …  
    183319                <form action="" id="search">
    184320                    <p>
    185                         Search for records:
    186321                        <span id="searchcontrols">
    187322                            <input id="searchbox" type="text" />
    … …  
    297432            </div>
    298433
    299             <div class="sidebar">
    300                 <div class="sidebaritem facet collapsedfacet">
    301                     <!-- rounded corners - top **** -->
    302                     <div class="rtop"><div class="r1"></div><div class="r2"></div><div class="r3"></div><div class="r4"></div></div>
    303                     <a href="#" class="expandfacet"><span>expand</span></a>
    304                     <a href="#" class="collapsefacet"><span>collapse</span></a>
    305                     <h1>Genre</h1>
    306                     <a class="filtertoggle" title="Filter values" href="#"><span>filter</span></a>
    307                     <form class="filterform">
    308                         <input type="text" />
    309                     </form>
    310                     <div class="sbilinks facetvalues">
    311                         <ul>
    312                             <li><a href="">discourse (81536)</a></li>
    313                             <li><a href="" title="info:eu-repo/semantics/article">info:eu-repo/... (34677)</a></li>
    314                             <li><a href="">kinderlied (19218)</a></li>
    315                             <li><a href="">primary_text (12428)</a></li>
    316                             <li><a href="">narrative (11459)</a></li>
    317                             <li><a href="">language_description (11084)</a></li>
    318                             <li><a href="" title="info:eu-repo/semantics/masterthesis">info:eu-repo/... (10890)</a></li>
    319                             <li><a href="">liefdeslied (8381)</a></li>
    320                             <li><a href="">stimuli (8103)</a></li>
    321                             <li class="more-link"><a href="#">more...</a></li>
    322                         </ul>
    323                     </div>
    324                     <!-- rounded corners - bottom **** -->
    325                     <div class="rbottom"><div class="r4"></div><div class="r3"></div><div class="r2"></div><div class="r1"></div></div>
    326                 </div>
    327 
    328                 <div class="sidebaritem facet collapsedfacet">
    329                     <!-- rounded corners - top **** -->
    330                     <div class="rtop"><div class="r1"></div><div class="r2"></div><div class="r3"></div><div class="r4"></div></div>
    331                     <a href="#" class="expandfacet"><span>expand</span></a>
    332                     <a href="#" class="collapsefacet"><span>collapse</span></a>
    333                     <h1>Keywords</h1>
    334                     <a class="filtertoggle" title="Filter values" href="#"><span>filter</span></a>
    335                     <form class="filterform">
    336                         <input type="text" />
    337                     </form>                   
    338                     <div class="sbilinks facetvalues">
    339                         <ul>
    340                             <li><a href="">Geschiedenis (7836)</a></li>
    341                             <li><a href="">Scheikunde (5389)</a></li>
    342                             <li><a href="">Geneeskunde (4648)</a></li>
    343                             <li><a href="">Sociale Wetenschappen (4167)</a></li>
    344                             <li><a href="">BAS HEMPEL (3903)</a></li>
    345                             <li><a href="">aGender (3613)</a></li>
    346                             <li><a href="">Letteren (2827)</a></li>
    347                             <li><a href="">BAS Verbmobil 1 (2192)</a></li>
    348                             <li><a href="">Diergeneeskunde (2159)</a></li>
    349                             <li class="more-link"><a href="#">more...</a></li>
    350                         </ul>
    351                     </div>
    352                     <!-- rounded corners - bottom **** -->
    353                     <div class="rbottom"><div class="r4"></div><div class="r3"></div><div class="r2"></div><div class="r1"></div></div>
    354                 </div>
    355 
    356                 <div class="sidebaritem facet collapsedfacet">
    357                     <!-- rounded corners - top **** -->
    358                     <div class="rtop"><div class="r1"></div><div class="r2"></div><div class="r3"></div><div class="r4"></div></div>
    359                     <a href="#" class="expandfacet"><span>expand</span></a>
    360                     <a href="#" class="collapsefacet"><span>collapse</span></a>
    361                     <h1>Format</h1>
    362                     <a class="filtertoggle" title="Filter values" href="#"><span>filter</span></a>
    363                     <form class="filterform">
    364                         <input type="text" />
    365                     </form>
    366                     <div class="sbilinks facetvalues">
    367                         <ul>
    368                             <li><a href="">text (261220)</a></li>
    369                             <li><a href="">image (121518)</a></li>
    370                             <li><a href="">unknown type (104371)</a></li>
    371                             <li><a href="">audio (86934)</a></li>
    372                             <li><a href="">annotation (81323)</a></li>
    373                             <li><a href="">video (44388)</a></li>
    374                             <li><a href="">text/plain (1323)</a></li>
    375                             <li><a href="">application/pdf (511)</a></li>
    376                             <li><a href="">audio/vnd.wave (243)</a></li>
    377                             <li class="more-link"><a href="#">more...</a></li>
    378                         </ul>
    379                     </div>
    380                     <!-- rounded corners - bottom **** -->
    381                     <div class="rbottom"><div class="r4"></div><div class="r3"></div><div class="r2"></div><div class="r1"></div></div>
    382                 </div>
    383 
    384                 <div class="sidebaritem facet collapsedfacet">
    385                     <!-- rounded corners - top **** -->
    386                     <div class="rtop"><div class="r1"></div><div class="r2"></div><div class="r3"></div><div class="r4"></div></div>
    387                     <a href="#" class="expandfacet"><span>expand</span></a>
    388                     <a href="#" class="collapsefacet"><span>collapse</span></a>
    389                     <h1>Organisation</h1>
    390                     <a class="filtertoggle" title="Filter values" href="#"><span>filter</span></a>
    391                     <form class="filterform">
    392                         <input type="text" />
    393                     </form>
    394                     <div class="sbilinks facetvalues">
    395                         <ul>
    396                             <li><a href="">CMU (42821)</a></li>
    397                             <li><a href="">Max Planck Institute... (17874)</a></li>
    398                             <li><a href="">NOS (11669)</a></li>
    399                             <li><a href="">CLS-KUN (8859)</a></li>
    400                             <li><a href="">http://europa.eu/rapid/ (5328)</a></li>
    401                             <li><a href="">NPS (5274)</a></li>
    402                             <li><a href="">Institut fÃŒr Deutsche Sprache (4950)</a></li>
    403                             <li><a href="">Oxford Text Archive... (4638)</a></li>
    404                             <li><a href="">CLARIN-D center... (4409)</a></li>
    405                             <li class="more-link"><a href="#">more...</a></li>
    406                         </ul>
    407                     </div>
    408                     <!-- rounded corners - bottom **** -->
    409                     <div class="rbottom"><div class="r4"></div><div class="r3"></div><div class="r2"></div><div class="r1"></div></div>
    410                 </div>
    411 
    412                 <div class="sidebaritem facet expandedfacet">
    413                     <!-- rounded corners - top **** -->
    414                     <div class="rtop"><div class="r1"></div><div class="r2"></div><div class="r3"></div><div class="r4"></div></div>
    415                     <a href="#" class="expandfacet"><span>expand</span></a>
    416                     <a href="#" class="collapsefacet"><span>collapse</span></a>
    417                     <h1>National project <span class="selectedvaluelabel">[CLARIN-NL]</a></h1>
    418                     <div class="filtertoggle" title="Filter values" href="#"><span>filter</span></div>
    419                     <form class="filterform">
    420                         <input type="text" />
    421                     </form>
    422                     <div class="sbilinks facetvalues">
    423                         <ul>
    424                             <li><span class="selectedfacetvalue">CLARIN-NL</span><a class="unselectfacetvalue" title="unselect value" href=""><span>[unselect]</span></a></li>
    425                             <li><span class="facetvalue">CLARIN-D</span></li>
    426                             <li><span class="facetvalue">CLARIN-DK-UCPH</span></li>
    427                             <li><span class="facetvalue">CLARIN-EU</span></li>
    428                             <li><span class="facetvalue">Dutch Language Union</span></li>
    429                         </ul>
    430                     </div>
    431                     <!-- rounded corners - bottom **** -->
    432                     <div class="rbottom"><div class="r4"></div><div class="r3"></div><div class="r2"></div><div class="r1"></div></div>
    433                 </div>
    434 
    435             </div>
    436434
    437435            <div id="footer">

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

    r4378 r4402  
    221221#content
    222222{ text-align: justify;
    223   width: 483px; /* used to be 384px  */
     223  width: 697px; /* used to be 384px  */
    224224  padding: 26px 0px 15px 9px;
    225225  float: left;

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

    r4400 r4402  
    6161    display: inline-block;
    6262    padding-top: .5em;
    63 }
    64 
    65 #content.record {
    66     width: 697px;
    6763}
    6864

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

    r4340 r4402  
    2525
    2626#searchbox {
    27     min-width: 250px;
     27    width: 85%;
     28}
     29
     30#searchbutton {
     31    width: 10%;
    2832}
    2933
    3034#searchresults {
     35    width: 100%;
    3136    clear: both;
    3237}
    … …  
    5560#searchresultpagecount{
    5661    float: right;
     62    text-align: right;
    5763    height: 1em;
    5864    width: 20%;
Note: See TracChangeset for help on using the changeset viewer.