Changeset 5142


Ignore:
Timestamp:
05/07/14 12:17:49 (10 years ago)
Author:
Twan Goosen
Message:

split off the actual header style and other top stuff (minimising the difference between clarin-d and default themes)

Location:
vlo/trunk/vlo-web-app/src/main/resources/eu/clarin/cmdi/vlo/wicket/pages
Files:
4 edited
1 copied

Legend:

Unmodified
Added
Removed

  • vlo/trunk/vlo-web-app/src/main/resources/eu/clarin/cmdi/vlo/wicket/pages/clarin-d/vlo-header.css

    r5137 r5142  
    4343    display: block;
    4444    position: relative;
    45     top: 65px;
    46     height: 40px;
     45    top: 10px;
     46    height: 140px;
    4747}
    4848
    … …  
    5252
    5353a#headerlink_clarin {
    54     left: 600px;
    55     width: 50px;
     54    left: 700px;
     55    width: 260px;
    5656}
    57 
    58 /* Navigation bar */
    59 
    60 #topnavigation {
    61     margin: 8px 15px 2px 15px;
    62     padding: 0px 4px 0px 8px;
    63     /*min-height: 1.5em;*/
    64 }
    65 
    66 #topnavigation #breadcrumbs {
    67     float: left;
    68     clear: left;
    69     width: 75%;
    70     padding-bottom: .5em;
    71 }
    72 
    73 #topnavigation #topnavigationlinks {
    74     float: right;
    75     clear: right;
    76     text-align: right;
    77     width: 20%;
    78     padding-bottom: .5em;
    79 }
    80 
    81 span.breadcrumbfacet {
    82     padding: 4px;
    83 }
    84 
    85 a.breadcrumbunselect, a.breadcrumbunselect:hover {
    86     text-decoration: none;
    87 }
    88 
    89 a.breadcrumbunselect {
    90     display: inline-block;
    91     width: 16px;
    92     height: 20px;
    93     background-image: url('../x-mark-128.png');
    94     background-repeat: no-repeat;
    95     background-size: 12px;
    96     background-position: 2px 3px;
    97     vertical-align: middle;
    98 }
    99 
    100 a.breadcrumbunselect span {
    101     display: none;
    102 }
    103 
    104 form#permalink {
    105     display: inline;
    106 }
    107 
    108 form#permalink input {
    109     /* permalink submit button should look like link to fit in with other links */
    110     display: inline;
    111     border: none;
    112     background: none;
    113     text-decoration: underline;
    114     color: #00f;
    115     font-family: inherit;
    116     font-size: inherit;
    117     padding: 0;
    118     cursor: pointer;
    119 }
    120 
    121 form#permalink input:hover {
    122     color: #000;
    123 }
    124 
    125 #permalinkfield
    126 {
    127     float: right;
    128     position: relative;
    129     top: 1em;
    130     width: 30em;
    131     margin-bottom: 1em;
    132     text-align: right;
    133 }
    134 
    135 /* Feedback panel */
    136 
    137 div#feedback ul {
    138     margin-right: 2em;
    139     list-style-type: none;
    140 }
    141 
    142 div#feedback li {
    143     list-style-type: none;
    144     padding: .2em;
    145 }
    146 
    147 div#feedback li.feedbackPanelERROR {
    148     border: 3px solid red;
    149     color: red;
    150     font-weight: bold;
    151 }

  • vlo/trunk/vlo-web-app/src/main/resources/eu/clarin/cmdi/vlo/wicket/pages/vlo-header.css

    r5137 r5142  
    5555    width: 50px;
    5656}
    57 
    58 /* Navigation bar */
    59 
    60 #topnavigation {
    61     margin: 8px 15px 2px 15px;
    62     padding: 0px 4px 0px 8px;
    63     /*min-height: 1.5em;*/
    64 }
    65 
    66 #topnavigation #breadcrumbs {
    67     float: left;
    68     clear: left;
    69     width: 75%;
    70     padding-bottom: .5em;
    71 }
    72 
    73 #topnavigation #topnavigationlinks {
    74     float: right;
    75     clear: right;
    76     text-align: right;
    77     width: 20%;
    78     padding-bottom: .5em;
    79 }
    80 
    81 span.breadcrumbfacet {
    82     padding: 4px;
    83 }
    84 
    85 a.breadcrumbunselect, a.breadcrumbunselect:hover {
    86     text-decoration: none;
    87 }
    88 
    89 a.breadcrumbunselect {
    90     display: inline-block;
    91     width: 16px;
    92     height: 20px;
    93     background-image: url('x-mark-128.png');
    94     background-repeat: no-repeat;
    95     background-size: 12px;
    96     background-position: 2px 3px;
    97     vertical-align: middle;
    98 }
    99 
    100 a.breadcrumbunselect span {
    101     display: none;
    102 }
    103 
    104 form#permalink {
    105     display: inline;
    106 }
    107 
    108 form#permalink input {
    109     /* permalink submit button should look like link to fit in with other links */
    110     display: inline;
    111     border: none;
    112     background: none;
    113     text-decoration: underline;
    114     color: #00f;
    115     font-family: inherit;
    116     font-size: inherit;
    117     padding: 0;
    118     cursor: pointer;
    119 }
    120 
    121 form#permalink input:hover {
    122     color: #000;
    123 }
    124 
    125 #permalinkfield
    126 {
    127     float: right;
    128     position: relative;
    129     top: 1em;
    130     width: 30em;
    131     margin-bottom: 1em;
    132     text-align: right;
    133 }
    134 
    135 /* Feedback panel */
    136 
    137 div#feedback ul {
    138     margin-right: 2em;
    139     list-style-type: none;
    140 }
    141 
    142 div#feedback li {
    143     list-style-type: none;
    144     padding: .2em;
    145 }
    146 
    147 div#feedback li.feedbackPanelERROR {
    148     border: 3px solid red;
    149     color: red;
    150     font-weight: bold;
    151 }

  • vlo/trunk/vlo-web-app/src/main/resources/eu/clarin/cmdi/vlo/wicket/pages/vlo-top.css

    r5137 r5142  
    1919    Author     : twagoo
    2020*/
    21 
    22 /* Header image and icons */
    23 
    24 #header {
    25     width: 980px;
    26     height: 176px;
    27     border: 0px;
    28 }
    29 
    30 #header #logo {
    31     background: url('vloheader.png') no-repeat;
    32     width: 100%;
    33     height: 100%;
    34 }
    35 
    36 #header #logo h1 {
    37     display: none;
    38 }
    39 
    40 /* positioning of logo links */
    41 
    42 #header #logo a {
    43     display: block;
    44     position: relative;
    45     top: 65px;
    46     height: 40px;
    47 }
    48 
    49 #header #logo a span {
    50     display: none;
    51 }
    52 
    53 a#headerlink_clarin {
    54     left: 600px;
    55     width: 50px;
    56 }
    5721
    5822/* Navigation bar */

  • vlo/trunk/vlo-web-app/src/main/resources/eu/clarin/cmdi/vlo/wicket/pages/vlo.css

    r4919 r5142  
    2424@import "colour.css";
    2525
    26 /* styles for header and static topic section */
     26/* styles for header image */
    2727@import "vlo-header.css";
     28
     29/* styles for static topic section */
     30@import "vlo-top.css";
    2831
    2932/* styles for collection selection */

  • vlo/trunk/vlo-web-app/src/main/resources/eu/clarin/cmdi/vlo/wicket/pages/vlo_clarin-d.css

    r4920 r5142  
    2929@import "clarin-d/vlo-header.css";
    3030
     31/* styles for static topic section */
     32@import "vlo-top.css";
     33
    3134/* styles for collection selection */
    3235@import "vlo-collections.css";
Note: See TracChangeset for help on using the changeset viewer.