Changeset 6171 for SRUAggregator


Ignore:
Timestamp:
04/28/15 17:04:50 (9 years ago)
Author:
emanuel.dima@uni-tuebingen.de
Message:
  1. beta-43: UI/css general fixes
Location:
SRUAggregator/trunk
Files:
2 added
7 edited

Legend:

Unmodified
Added
Removed

  • SRUAggregator/trunk/pom.xml

    r6156 r6171  
    88        <groupId>eu.clarin.sru.fcs</groupId>
    99        <artifactId>aggregator</artifactId>
    10         <version>2.0.0-beta-42</version>
     10        <version>2.0.0-beta-43</version>
    1111        <name>FCS Aggregator</name>
    1212

  • SRUAggregator/trunk/src/main/resources/assets/CLARIN.css

    r6145 r6171  
    1717
    1818a {
    19   color: #806a52;
    20   text-decoration: dotted !important;
     19  /*color: #806a52;*/
     20  color: #B27000;
     21  /*text-decoration: dotted !important;*/
    2122}
    2223a:hover, a:focus {
    … …  
    319320ul#CLARIN_header_right, div#CLARIN_footer_left, div#CLARIN_footer_right {
    320321  margin: 0px 4px 0 p x 4px;
    321   color: #806a52;
     322  color: #653D00;
    322323}
    323324ul#CLARIN_header_right :not(.glyphicon), div#CLARIN_footer_left :not(.glyphicon), div#CLARIN_footer_right :not(.glyphicon) {
    324325  font-size: 12px;
    325   font-variant: small-caps;
    326326}
    327327ul#CLARIN_header_right a, div#CLARIN_footer_left a, div#CLARIN_footer_right a {
    328   color: #806a52;
     328  color: #653D00;
    329329  text-decoration: none;
    330330}

  • SRUAggregator/trunk/src/main/resources/assets/base.css

    r6092 r6171  
    22/* clarin gold: rgb(128,107,82) #806A52; */
    33
     4.navbar-header a img{
     5        float:left;
     6        margin: 12px 10px 0 2px;
     7        padding: 3px 3px;
     8        border-radius: 50% 50%;
     9        border: 1px solid #003f6e;
     10        box-shadow: inset 0 0 3px #003f6e;
     11}
     12
     13
     14#clarinmore{
     15        padding:4px 4px;
     16        height:32px;
     17        width:32px;
     18}
     19
     20#clarinmore div {
     21        width:6px;
     22        height:6px;
     23        float:left;
     24        margin: 1px 1px;
     25        padding: 1px 1px;
     26        background-color: #003f6e;
     27        border-radius: 50% 50%;
     28        /*border: 1px solid #003f6e;*/
     29        box-shadow: inset 0 0 1px white;
     30}
     31
    432.aligncenter {
    533        text-align: center;
    634}
    7 
    835
    936.muted {
    … …  
    7198}
    7299
    73 .errorRow { 
     100.errorRow {
    74101        position: absolute;
    75102        width: 100%;
    … …  
    82109        color: #fff;
    83110        border-radius: 4px;
    84         background-color: #a20; 
     111        background-color: #a20;
    85112        text-align: center;
    86113        margin: 0 auto;
    … …  
    130157
    131158/* large spinner */
    132 input[type=number]::-webkit-inner-spin-button, 
    133 input[type=number]::-webkit-outer-spin-button { 
    134         margin-left: 2px; 
     159input[type=number]::-webkit-inner-spin-button,
     160input[type=number]::-webkit-outer-spin-button {
     161        margin-left: 2px;
    135162        font-size:24px;
    136163}
    … …  
    311338        color: #222;
    312339}
    313  
     340
    314341.panel-body span.keyword {
    315342        font-weight: bold;
    … …  
    326353        /*display: inline;*/
    327354}
    328  
     355
    329356.panel-body td.keyword {
    330357        color: #00406F;
    … …  
    332359        font-weight: bold;
    333360}
    334  
     361
    335362.bs-callout {
    336363        padding: 0 20px;
    … …  
    352379}
    353380.panel-body {
    354         border-top: 1px solid #ddd;     
     381        border-top: 1px solid #ddd;
    355382}
    356383
    … …  
    462489
    463490.beta-tag {
    464         position:absolute; 
     491        position:absolute;
    465492        /*color:rgba(17, 65, 111, 0.1); */
    466493        color:rgba(128, 107, 82, 0.2);
    467         margin: 64px 0 0 0; 
     494        margin: 64px 0 0 0;
    468495        font-size:36px;
    469496        font-weight:bold;
    … …  
    510537.statistics li, .statistics div
    511538{
    512         font-family: Consolas,monaco,courier,monospace; 
     539        font-family: Consolas,monaco,courier,monospace;
    513540}
    514541

  • SRUAggregator/trunk/src/main/resources/assets/clarinservices/clarinservices.css

    r6156 r6171  
    11#clarinservices button.dropdown-toggle {
    22        background-color: transparent;
    3         padding: 4px 8px;
     3        padding: 4px 4px;
    44}
    55
    … …  
    1212        border-top-right-radius: 0 0;
    1313        padding: 20px;
     14}
     15
     16#clarinservices ul .flex {
     17  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
     18  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
     19  display: -ms-flexbox;      /* TWEENER - IE 10 */
     20  display: -webkit-flex;     /* NEW - Chrome */
     21  display: flex;
    1422}
    1523
    … …  
    2634        background-color: #fff;
    2735        padding: 30px 25px;
    28         transition: background-color .2s, border-color .2s;
     36        transition: all .2s;
    2937        border-radius: 50% 50%;
    3038        border: 2px solid #fff;

  • SRUAggregator/trunk/src/main/resources/assets/clarinservices/clarinservices.js

    r6156 r6171  
    101101        var rows = service_list.map(renderRow).join('');
    102102        var tablediv = "<div><table><tbody>" + rows + "</tbody></table></div>";
     103                        // '<span class="glyphicon glyphicon-th"></span>'+
     104                        // '<img src="img/moreapp60.png"></img>'+
    103105        return '<div class="dropdown">' +
    104106                '<button class="btn dropdown-toggle" type="button"'+
    105107                                ' id="dropdown-clarinservices" data-toggle="dropdown" aria-expanded="true">'+
    106                         // '<span class="glyphicon glyphicon-th"></span>'+
    107                         '<img src="img/moreapp60.png"></img>'+
     108                                        '<div id="clarinmore"> '+
     109                                                '<div></div> <div></div> <div></div> '+
     110                                                '<div></div> <div></div> <div></div> '+
     111                                                '<div></div> <div></div> <div></div> '+
     112                                         '</div>'+
    108113                '</button>'+
    109114                '<ul class="dropdown-menu" role="menu" aria-labelledby="dropdown-clarinservices">'+

  • SRUAggregator/trunk/src/main/resources/assets/js/main.js

    r6155 r6171  
    33"use strict";
    44
    5 var VERSION = window.MyAggregator.VERSION = "VERSION 2.0.0-beta-41";
     5var VERSION = window.MyAggregator.VERSION = "v.2.0.0-beta-43";
    66
    77var URLROOT = window.MyAggregator.URLROOT =
    … …  
    139139                                        )
    140140                                ),
     141                                React.createElement("ul", {className: "nav navbar-nav navbar-right"},
     142                                        React.createElement("li", null,
     143                                                React.createElement("div", {id: "clarinservices", style: {padding:4}})
     144                                        )
     145                                ),
    141146                                React.createElement("ul", {id: "CLARIN_header_right", className: "nav navbar-nav navbar-right"},
    142                                         React.createElement("li", null,
    143                                                 React.createElement("div", {id: "clarinservices", style: {padding:5}})
    144                                         ),
    145147                                        this.renderLogin()
    146148                                )
    … …  
    155157                return  (
    156158                        React.createElement("div", null,
    157                                 React.createElement("div", {className: "container"},
    158                                         React.createElement("div", {className: "beta-tag"},
    159                                                 React.createElement("span", null, "BETA")
    160                                         )
    161                                 ),
    162 
    163159                                React.createElement("div", {className: "navbar navbar-default navbar-static-top", role: "navigation"},
    164160                                        React.createElement("div", {className: "container"},
    … …  
    170166                                                                React.createElement("span", {className: "icon-bar"})
    171167                                                        ),
    172                                                         React.createElement("a", {className: "navbar-brand", href: URLROOT, tabIndex: "-1"}, React.createElement("header", null, "Federated Content Search"))
     168                                                        React.createElement("a", {href: URLROOT, tabIndex: "-1"},
     169                                                                React.createElement("img", {src: "img/magglass1.png"})
     170                                                        ),
     171                                                        React.createElement("a", {className: "navbar-brand", href: URLROOT, tabIndex: "-1"},
     172                                                                React.createElement("header", {className: "inline"}, " Content Search ")
     173                                                        )
    173174                                                ),
    174175                                                this.renderCollapsible()
    … …  
    177178
    178179                                React.createElement(ErrorPane, {errorMessages: this.state.errorMessages})
     180
    179181                        )
    180182                );
    … …  
    440442                return  React.createElement("div", null,
    441443                                        React.createElement("div", {className: "top-gap"},
    442                                                 React.createElement("h1", null, "About"),
     444                                                React.createElement("h1", {style: {padding:15}}, "About"),
     445
     446                                                React.createElement("div", {className: "col-md-6"},
    443447                                                React.createElement("h3", null, "Technology"),
    444448
    … …  
    495499                                                ),
    496500
     501                                                React.createElement("p", null, "The content search icon is made by",
     502                                                        React.createElement("a", {href: "http://www.freepik.com", title: "Freepik"}, " Freepik "),
     503                                                        "from",
     504                                                        React.createElement("a", {href: "http://www.flaticon.com", title: "Flaticon"}, " www.flaticon.com "),
     505                                                        "and licensed under",
     506                                                        React.createElement("a", {href: "http://creativecommons.org/licenses/by/3.0/", title: "Creative Commons BY 3.0"}, " CC BY 3.0 ")
     507                                                )
     508                                                ),
     509
     510                                                React.createElement("div", {className: "col-md-6"},
    497511                                                React.createElement("h3", null, "Statistics"),
    498512                                                React.createElement("button", {type: "button", className: "btn btn-default btn-lg", onClick: function() {main.toStatistics(true);}},
    499513                                                        React.createElement("span", {className: "glyphicon glyphicon-cog", 'aria-hidden': "true"}, " "),
    500514                                                        "View server log"
     515                                                )
    501516                                                )
    502517                                        )
    … …  
    533548                                        React.createElement("a", {title: "contact", href: "mailto:fcs@clarin.eu"},
    534549                                                React.createElement("span", {className: "glyphicon glyphicon-envelope"}),
    535                                                 React.createElement("span", null, " CONTACT")
     550                                                React.createElement("span", null, " Contact")
    536551                                        )
    537552                                )

  • SRUAggregator/trunk/src/main/resources/assets/js/main.jsx

    r6156 r6171  
    33"use strict";
    44
    5 var VERSION = window.MyAggregator.VERSION = "VERSION 2.0.0-beta-42";
     5var VERSION = window.MyAggregator.VERSION = "v.2.0.0-beta-43";
    66
    77var URLROOT = window.MyAggregator.URLROOT =
    … …  
    139139                                        </li>
    140140                                </ul>
     141                                <ul className="nav navbar-nav navbar-right">
     142                                        <li>
     143                                                <div id="clarinservices" style={{padding:4}}/>
     144                                        </li>
     145                                </ul>
    141146                                <ul id="CLARIN_header_right" className="nav navbar-nav navbar-right">
    142                                         <li>
    143                                                 <div id="clarinservices" style={{padding:5}}/>
    144                                         </li>
    145147                                        {this.renderLogin()}
    146148                                </ul>
    … …  
    155157                return  (
    156158                        <div>
    157                                 <div className="container">
    158                                         <div className="beta-tag">
    159                                                 <span>BETA</span>
    160                                         </div>
    161                                 </div>
    162 
    163159                                <div className="navbar navbar-default navbar-static-top" role="navigation">
    164160                                        <div className="container">
    … …  
    170166                                                                <span className="icon-bar"></span>
    171167                                                        </button>
    172                                                         <a className="navbar-brand" href={URLROOT} tabIndex="-1"><header>Federated Content Search</header></a>
     168                                                        <a href={URLROOT} tabIndex="-1">
     169                                                                <img src="img/magglass1.png"/>
     170                                                        </a>
     171                                                        <a className="navbar-brand" href={URLROOT} tabIndex="-1">
     172                                                                <header className="inline"> Content Search </header>
     173                                                        </a>
    173174                                                </div>
    174175                                                {this.renderCollapsible()}
    … …  
    177178
    178179                                <ErrorPane errorMessages={this.state.errorMessages} />
     180
    179181                        </div>
    180182                );
    … …  
    440442                return  <div>
    441443                                        <div className="top-gap">
    442                                                 <h1>About</h1>
     444                                                <h1 style={{padding:15}}>About</h1>
     445
     446                                                <div className="col-md-6">
    443447                                                <h3>Technology</h3>
    444448
    … …  
    495499                                                </ul>
    496500
     501                                                <p>The content search icon is made by
     502                                                        <a href="http://www.freepik.com" title="Freepik"> Freepik </a>
     503                                                        from
     504                                                        <a href="http://www.flaticon.com" title="Flaticon"> www.flaticon.com </a>
     505                                                        and licensed under
     506                                                        <a href="http://creativecommons.org/licenses/by/3.0/" title="Creative Commons BY 3.0"> CC BY 3.0 </a>
     507                                                </p>
     508                                                </div>
     509
     510                                                <div className="col-md-6">
    497511                                                <h3>Statistics</h3>
    498512                                                <button type="button" className="btn btn-default btn-lg" onClick={function() {main.toStatistics(true);}} >
    … …  
    500514                                                        View server log
    501515                                                </button>
     516                                                </div>
    502517                                        </div>
    503518                                </div>;
    … …  
    533548                                        <a title="contact" href="mailto:fcs@clarin.eu">
    534549                                                <span className="glyphicon glyphicon-envelope"></span>
    535                                                 <span> CONTACT</span>
     550                                                <span> Contact</span>
    536551                                        </a>
    537552                                </div>
Note: See TracChangeset for help on using the changeset viewer.