Project

General

Profile

Statistics
| Branch: | Tag: | Revision:

cdm-dataportal / themes / zen_dataportal / sass / cdm.scss @ 31d293b1

History | View | Annotate | Download (5.36 KB)

1
/**
2
 * @file
3
 * cdm_dataportal specific styling
4
 *
5
 * Style the markup found in the cdm_dataportal module.
6
 */
7

    
8
@import "init";
9

    
10

    
11
$page-part-margin: $base-line-height * 1;
12

    
13
// style links only for content in blocks and node and backbutton
14
// added also #identificationKey since there are not yet drupal nodes
15
// #content requires the fix below!
16
.block, .node, #identificationKey, #content {
17
  @include cdm-link-style;
18
}
19

    
20
.node-cdm-name {
21
  .name-page-name {
22
    margin-top: $zen-gutter-width / 2;
23
    margin-bottom: $zen-gutter-width / 2;
24
  }
25
  .registered_name{
26
    font-weight: bold;
27
  }
28
  .type-status {
29
    font-weight: bold;
30
  }
31
}
32

    
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
    th {
40
      text-align: left;
41
    }
42
    caption-side: bottom;
43
    caption {
44
      text-align: right;
45
    }
46
  }
47
}
48

    
49
  #page-toc {
50
    float:right;
51
    background-color: $page-background-color;
52
    h3 {
53
      margin-top: 0;
54
      line-height: $base-line-height;
55
    }
56
  }
57

    
58
  #taxonProfileImage{
59
    float: left;
60
  }
61

    
62
  .block-cdm-dataportal-feature {
63
    .content-caption {
64
      text-align: right;
65
    }
66
    .label { // for CategoricalData and QuantitativeData but could be used for other situations, therefore style rule is not too specific
67
      font-style: italic;
68
    }
69
  }
70

    
71
  .block-cdm-dataportal-feature,  .media-caption, .specimens {
72
    clear: both;
73
    margin-bottom: $page-part-margin;
74
    dt {
75
      float: left;
76
      font-weight: bold;
77
      margin-right: 0.3em;
78
    }
79
    dd {
80
      margin: 0;
81
      margin-left: $zen-gutter-width;
82
    }
83
    dl dl {
84
      margin: 0; /* reset default from cdm_dataportal.css */
85
    }
86
  }
87

    
88
  .breadcrumbs li {
89
    padding: 0 0 0 0;
90
  }
91

    
92
  .description-table .described-entities {
93
    .label {
94
      font-weight: bold;
95
    }
96

    
97
  }
98

    
99
  /*
100
   * Search results
101
   */
102

    
103

    
104
  #search_results{
105
    @include cdm-link-style;
106

    
107
    table {
108
      margin: 1em 0;
109
    }
110
  }
111

    
112
  div.cdm-item-list div.item {
113
    margin: $base-line-height / 2 0;
114
  }
115

    
116
  /*
117
   * Taxon page and parts
118
   */
119

    
120
  .page-part {
121
    margin-bottom: $page-part-margin;
122
    clear: none;
123
  }
124

    
125
  /*
126
   * definition list container rendered by the
127
   * drupal theme function theme_description_list()
128
   */
129
  .description_list {
130
    h3 {
131
      font-size: $base-font-size;
132
      line-height: $base-line-height;
133
      font-weight: bold;
134
    }
135
  }
136

    
137

    
138

    
139
  /*
140
   * Synonymy
141
   */
142

    
143
  #synonymy {
144
    div.accepted-name {
145
      margin-bottom: -1em;
146
      margin-top: 1em;
147
    }
148

    
149
    .homotypic-synonymy-group, .heterotypic-synonymy-group, .taxon-relationships {
150
      border-bottom: 1px solid #DEDEDE;
151
      /* replace padding by margin */
152
      margin: 1em 0px;
153
      padding: 0;
154
    }
155
  }
156

    
157
  /*
158
   * Media
159
   */
160
  dl.media-caption {
161
    margin: 0;
162
  }
163
  .media-caption {
164
    dd {
165
      margin-left: 0;
166
      .title {
167
        font-size: 100%;
168
      }
169
    }
170
  }
171
  .image-gallerie td.caption {
172
    padding-bottom: 1em;
173
  }
174

    
175
  /*
176
   * specimens and type designations
177
   */
178
  #specimens {
179
    table.media_gallery {
180
      margin-top: 0.2em;
181
    }
182
    .description_list {
183
      clear: both;
184
      h3 {
185
        margin-top: 0;
186
        background-color: #ddd;
187
      }
188
      h4 {
189
        clear: left;
190
        margin-bottom: 0;
191
        font-style: italic;
192
      }
193
    }
194
    .dynabox_content {
195
      margin-left: $zen-gutter-width / 2;
196
      margin-right: $zen-gutter-width / 2;
197
    }
198
    .block-cdm-dataportal-feature {
199
      margin-left: $zen-gutter-width;
200
      margin-bottom: 0;
201
      h2 {
202
        font-size: $base-font-size;
203
        line-height: $base-line-height;
204
        font-weight: bold;
205
      }
206
    }
207

    
208
    ul.typeDesignations {
209
      clear: both;
210
    }
211
    .dna-sequence div {
212
      font-size: $base-font-size;
213
      font-family: monospace;
214
      clear: left;
215
      padding-left: $zen-gutter-width;
216
    }
217
    .derived_from {
218
      clear: both;
219
    }
220
  }
221

    
222
  /*
223
   * Map
224
   */
225
  .openlayers-container {
226
    margin-top: $zen-gutter-width / 4;
227
    margin-bottom: $zen-gutter-width / 4;
228
  }
229

    
230
  /*
231
   * Registration page & items
232
   */
233
  .registration {
234

    
235
    .type-status{
236
      font-weight: bold;
237
    }
238

    
239
    .registration-date-and-institute {
240
      color: #999;
241
    }
242

    
243

    
244
    .published-name {
245
      .TaxonName .name {
246
        font-weight: bold;
247
      }
248
    }
249
    .typified-name .cdm\:TaxonName {
250
      color: #999;
251
      a {
252
        color: #999;
253
      }
254
      .TaxonName .name {
255
        font-weight: bold;
256
      }
257
    }
258

    
259
    .registration-summary {
260
      .registered_name .name {
261
        font-weight: bold;
262
      }
263
      .referenced_typified_name {
264
        color: #999;
265
      }
266
      .label {
267
        font-weight: bold;
268
      }
269
    }
270
  }
271

    
272
  /*
273
   * Theme settings page
274
   */
275
  #system-theme-settings {
276

    
277
    .image-preview {
278
      width: 600px;
279
      max-height: 150px;
280
      overflow: auto; // let it scroll
281
      img {
282
        max-width: none; /* reset style in mormalize.scss */
283
      }
284

    
285
    }
286
  }
287

    
288
  /*****************************************************************************************
289
   * RESPONSIVE
290
   *
291
   * using the same media queries here as in layout/_responsive.scss
292
   *****************************************************************************************/
293

    
294
  #classification-breadcrumbs {
295
    font-size: 1.5em;
296
    line-height: 1.5em;
297
  }
298

    
299
  @media all and (min-width: 480px) and (max-width: 959px) {
300

    
301

    
302
  }
303

    
304
  @media all and (min-width: 960px) {
305
    #classification-breadcrumbs {
306
      font-size: 1em;
307
    }
308
  }
Add picture from clipboard (Maximum size: 40 MB)