Project

General

Profile

Revision 6722d9a5

ID6722d9a5e1ee2f5f9cd49c048ad9d68298d4d5d1
Parent 20bfe15b
Child 87aa88d6

Added by Andreas Kohlbecker 10 months ago

ref #8739 description page: explainig bracketed numbers

View differences:

themes/zen_dataportal/sass/cdm.scss
30 30
  }
31 31
}
32 32

  
33
#content a.tabs-primary__tab-link{
34
  color: #333; // increasing specificity to avoid the color of the tabs to be overwritten
33
#content {
34
  a.tabs-primary__tab-link {
35
    color: #333; // increasing specificity to avoid the color of the tabs to be overwritten
36
  }
37

  
38
  table {
39
    caption-side: bottom;
40
    caption {
41
      text-align: right;
42
    }
43
  }
35 44
}
36 45

  
37
#page-toc {
38
  float:right;
46
  #page-toc {
47
    float:right;
39 48
    background-color: $page-background-color;
40
  h3 {
41
    margin-top: 0;
42
    line-height: $base-line-height;
49
    h3 {
50
      margin-top: 0;
51
      line-height: $base-line-height;
52
    }
43 53
  }
44
}
45 54

  
46
#taxonProfileImage{
47
  float: left;
48
}
55
  #taxonProfileImage{
56
    float: left;
57
  }
49 58

  
50
.block-cdm-dataportal-feature,  .media-caption, .specimens {
51
  clear: both;
52
  margin-bottom: $page-part-margin;
53
  dt {
59
  .block-cdm-dataportal-feature,  .media-caption, .specimens {
60
    clear: both;
61
    margin-bottom: $page-part-margin;
62
    dt {
54 63
      float: left;
55 64
      font-weight: bold;
56 65
      margin-right: 0.3em;
66
    }
67
    dd {
68
      margin: 0;
69
      margin-left: $zen-gutter-width;
70
    }
71
    dl dl {
72
      margin: 0; /* reset default from cdm_dataportal.css */
73
    }
57 74
  }
58
  dd {
59
    margin: 0;
60
    margin-left: $zen-gutter-width;
61
  }
62
  dl dl {
63
    margin: 0; /* reset default from cdm_dataportal.css */
64
  }
65
}
66 75

  
67
.breadcrumbs li {
68
  padding: 0 0 0 0;
69
}
76
  .breadcrumbs li {
77
    padding: 0 0 0 0;
78
  }
70 79

  
71
/*
72
 * Search results
73
 */
80
  /*
81
   * Search results
82
   */
74 83

  
75 84

  
76
#search_results{
77
  @include cdm-link-style;
85
  #search_results{
86
    @include cdm-link-style;
78 87

  
79
  table {
80
    margin: 1em 0;
88
    table {
89
      margin: 1em 0;
90
    }
81 91
  }
82
}
83 92

  
84
div.cdm-item-list div.item {
85
  margin: $base-line-height / 2 0;
86
}
93
  div.cdm-item-list div.item {
94
    margin: $base-line-height / 2 0;
95
  }
87 96

  
88
/*
89
 * Taxon page and parts
90
 */
97
  /*
98
   * Taxon page and parts
99
   */
91 100

  
92
.page-part {
93
  margin-bottom: $page-part-margin;
94
  clear: none;
95
}
101
  .page-part {
102
    margin-bottom: $page-part-margin;
103
    clear: none;
104
  }
96 105

  
97
/*
98
 * definition list container rendered by the
99
 * drupal theme function theme_description_list()
100
 */
101
.description_list {
102
  h3 {
103
    font-size: $base-font-size;
104
    line-height: $base-line-height;
105
    font-weight: bold;
106
  /*
107
   * definition list container rendered by the
108
   * drupal theme function theme_description_list()
109
   */
110
  .description_list {
111
    h3 {
112
      font-size: $base-font-size;
113
      line-height: $base-line-height;
114
      font-weight: bold;
115
    }
106 116
  }
107
}
108 117

  
109 118

  
110 119

  
111
/*
112
 * Synonymy
113
 */
120
  /*
121
   * Synonymy
122
   */
114 123

  
115
#synonymy {
116
  div.accepted-name {
117
    margin-bottom: -1em;
118
    margin-top: 1em;
119
  }
124
  #synonymy {
125
    div.accepted-name {
126
      margin-bottom: -1em;
127
      margin-top: 1em;
128
    }
120 129

  
121
  .homotypic-synonymy-group, .heterotypic-synonymy-group, .taxon-relationships {
122
    border-bottom: 1px solid #DEDEDE;
123
    /* replace padding by margin */
124
    margin: 1em 0px;
125
    padding: 0;
130
    .homotypic-synonymy-group, .heterotypic-synonymy-group, .taxon-relationships {
131
      border-bottom: 1px solid #DEDEDE;
132
      /* replace padding by margin */
133
      margin: 1em 0px;
134
      padding: 0;
135
    }
126 136
  }
127
}
128 137

  
129
/*
130
 * Media
131
 */
132
dl.media-caption {
133
  margin: 0;
134
}
135
.media-caption {
136
  dd {
137
    margin-left: 0;
138
    .title {
139
      font-size: 100%;
138
  /*
139
   * Media
140
   */
141
  dl.media-caption {
142
    margin: 0;
143
  }
144
  .media-caption {
145
    dd {
146
      margin-left: 0;
147
      .title {
148
        font-size: 100%;
149
      }
140 150
    }
141 151
  }
142
}
143
.image-gallerie td.caption {
144
  padding-bottom: 1em;
145
}
146

  
147
/*
148
 * specimens and type designations
149
 */
150
#specimens {
151
  table.media_gallery {
152
    margin-top: 0.2em;
152
  .image-gallerie td.caption {
153
    padding-bottom: 1em;
153 154
  }
154
  .description_list {
155
    clear: both;
156
    h3 {
157
      margin-top: 0;
158
      background-color: #ddd;
155

  
156
  /*
157
   * specimens and type designations
158
   */
159
  #specimens {
160
    table.media_gallery {
161
      margin-top: 0.2em;
159 162
    }
160
    h4 {
161
      clear: left;
163
    .description_list {
164
      clear: both;
165
      h3 {
166
        margin-top: 0;
167
        background-color: #ddd;
168
      }
169
      h4 {
170
        clear: left;
171
        margin-bottom: 0;
172
        font-style: italic;
173
      }
174
    }
175
    .dynabox_content {
176
      margin-left: $zen-gutter-width / 2;
177
      margin-right: $zen-gutter-width / 2;
178
    }
179
    .block-cdm-dataportal-feature {
180
      margin-left: $zen-gutter-width;
162 181
      margin-bottom: 0;
163
      font-style: italic;
182
      h2 {
183
        font-size: $base-font-size;
184
        line-height: $base-line-height;
185
        font-weight: bold;
186
      }
164 187
    }
165
  }
166
  .dynabox_content {
167
    margin-left: $zen-gutter-width / 2;
168
    margin-right: $zen-gutter-width / 2;
169
  }
170
  .block-cdm-dataportal-feature {
171
    margin-left: $zen-gutter-width;
172
    margin-bottom: 0;
173
    h2 {
188
    ul.typeDesignations {
189
      clear: both;
190
    }
191
    .dna-sequence div {
174 192
      font-size: $base-font-size;
175
      line-height: $base-line-height;
176
      font-weight: bold;
193
      font-family: monospace;
194
      clear: left;
195
      padding-left: $zen-gutter-width;
196
    }
197
    .derived_from {
198
      clear: both;
177 199
    }
178
  }
179
  ul.typeDesignations {
180
    clear: both;
181
  }
182
  .dna-sequence div {
183
    font-size: $base-font-size;
184
    font-family: monospace;
185
    clear: left;
186
    padding-left: $zen-gutter-width;
187
  }
188
  .derived_from {
189
    clear: both;
190
  }
191
}
192

  
193
/*
194
 * Map
195
 */
196
.openlayers-container {
197
  margin-top: $zen-gutter-width / 4;
198
  margin-bottom: $zen-gutter-width / 4;
199
}
200

  
201
/*
202
 * Registration page & items
203
 */
204
.registration {
205

  
206
  .type-status{
207
    font-weight: bold;
208 200
  }
209 201

  
210
  .registration-date-and-institute {
211
    color: #999;
202
  /*
203
   * Map
204
   */
205
  .openlayers-container {
206
    margin-top: $zen-gutter-width / 4;
207
    margin-bottom: $zen-gutter-width / 4;
212 208
  }
213 209

  
210
  /*
211
   * Registration page & items
212
   */
213
  .registration {
214 214

  
215
  .published-name {
216
    .TaxonName .name {
215
    .type-status{
217 216
      font-weight: bold;
218 217
    }
219
  }
220
  .typified-name .cdm\:TaxonName {
221
    color: #999;
222
    a {
218

  
219
    .registration-date-and-institute {
223 220
      color: #999;
224 221
    }
225
    .TaxonName .name {
226
      font-weight: bold;
227
    }
228
  }
229 222

  
230
  .registration-summary {
231
    .registered_name .name {
232
      font-weight: bold;
223

  
224
    .published-name {
225
      .TaxonName .name {
226
        font-weight: bold;
227
      }
233 228
    }
234
    .referenced_typified_name {
229
    .typified-name .cdm\:TaxonName {
235 230
      color: #999;
231
      a {
232
        color: #999;
233
      }
234
      .TaxonName .name {
235
        font-weight: bold;
236
      }
236 237
    }
237
    .label {
238
      font-weight: bold;
238

  
239
    .registration-summary {
240
      .registered_name .name {
241
        font-weight: bold;
242
      }
243
      .referenced_typified_name {
244
        color: #999;
245
      }
246
      .label {
247
        font-weight: bold;
248
      }
239 249
    }
240 250
  }
241
}
242 251

  
243
/*
244
 * Theme settings page
245
 */
246
#system-theme-settings {
247

  
248
  .image-preview {
249
    width: 600px;
250
    max-height: 150px;
251
    overflow: auto; // let it scroll
252
    img {
253
      max-width: none; /* reset style in mormalize.scss */
254
    }
252
  /*
253
   * Theme settings page
254
   */
255
  #system-theme-settings {
255 256

  
256
  }
257
}
257
    .image-preview {
258
      width: 600px;
259
      max-height: 150px;
260
      overflow: auto; // let it scroll
261
      img {
262
        max-width: none; /* reset style in mormalize.scss */
263
      }
258 264

  
259
/*****************************************************************************************
260
 * RESPONSIVE
261
 *
262
 * using the same media queries here as in layout/_responsive.scss
263
 *****************************************************************************************/
265
    }
266
  }
264 267

  
265
#classification-breadcrumbs {
266
  font-size: 1.5em;
267
  line-height: 1.5em;
268
}
268
  /*****************************************************************************************
269
   * RESPONSIVE
270
   *
271
   * using the same media queries here as in layout/_responsive.scss
272
   *****************************************************************************************/
269 273

  
270
@media all and (min-width: 480px) and (max-width: 959px) {
274
  #classification-breadcrumbs {
275
    font-size: 1.5em;
276
    line-height: 1.5em;
277
  }
271 278

  
279
  @media all and (min-width: 480px) and (max-width: 959px) {
272 280

  
273
}
274 281

  
275
@media all and (min-width: 960px) {
276
  #classification-breadcrumbs {
277
    font-size: 1em;
278 282
  }
279
}
283

  
284
  @media all and (min-width: 960px) {
285
    #classification-breadcrumbs {
286
      font-size: 1em;
287
    }
288
  }

Also available in: Unified diff

Add picture from clipboard (Maximum size: 40 MB)