Project

General

Profile

Statistics
| Branch: | Tag: | Revision:

cdm-dataportal / themes / zen_dataportal / sass / cdm.scss @ fa094d60

History | View | Annotate | Download (5.39 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: top;
43
    caption {
44
      text-align: right;
45
      font-size: smaller;
46
    }
47
  }
48
}
49

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

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

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

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

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

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

    
98
  }
99

    
100
  /*
101
   * Search results
102
   */
103

    
104

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

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

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

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

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

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

    
138

    
139

    
140
  /*
141
   * Synonymy
142
   */
143

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

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

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

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

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

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

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

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

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

    
244

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

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

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

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

    
286
    }
287
  }
288

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

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

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

    
302

    
303
  }
304

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