Project

General

Profile

Statistics
| Branch: | Tag: | Revision:

cdm-dataportal / themes / zen_dataportal / sass / cdm.scss @ 6722d9a5

History | View | Annotate | Download (4.98 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
    caption-side: bottom;
40
    caption {
41
      text-align: right;
42
    }
43
  }
44
}
45

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

    
55
  #taxonProfileImage{
56
    float: left;
57
  }
58

    
59
  .block-cdm-dataportal-feature,  .media-caption, .specimens {
60
    clear: both;
61
    margin-bottom: $page-part-margin;
62
    dt {
63
      float: left;
64
      font-weight: bold;
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
    }
74
  }
75

    
76
  .breadcrumbs li {
77
    padding: 0 0 0 0;
78
  }
79

    
80
  /*
81
   * Search results
82
   */
83

    
84

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

    
88
    table {
89
      margin: 1em 0;
90
    }
91
  }
92

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

    
97
  /*
98
   * Taxon page and parts
99
   */
100

    
101
  .page-part {
102
    margin-bottom: $page-part-margin;
103
    clear: none;
104
  }
105

    
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
    }
116
  }
117

    
118

    
119

    
120
  /*
121
   * Synonymy
122
   */
123

    
124
  #synonymy {
125
    div.accepted-name {
126
      margin-bottom: -1em;
127
      margin-top: 1em;
128
    }
129

    
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
    }
136
  }
137

    
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
      }
150
    }
151
  }
152
  .image-gallerie td.caption {
153
    padding-bottom: 1em;
154
  }
155

    
156
  /*
157
   * specimens and type designations
158
   */
159
  #specimens {
160
    table.media_gallery {
161
      margin-top: 0.2em;
162
    }
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;
181
      margin-bottom: 0;
182
      h2 {
183
        font-size: $base-font-size;
184
        line-height: $base-line-height;
185
        font-weight: bold;
186
      }
187
    }
188
    ul.typeDesignations {
189
      clear: both;
190
    }
191
    .dna-sequence div {
192
      font-size: $base-font-size;
193
      font-family: monospace;
194
      clear: left;
195
      padding-left: $zen-gutter-width;
196
    }
197
    .derived_from {
198
      clear: both;
199
    }
200
  }
201

    
202
  /*
203
   * Map
204
   */
205
  .openlayers-container {
206
    margin-top: $zen-gutter-width / 4;
207
    margin-bottom: $zen-gutter-width / 4;
208
  }
209

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

    
215
    .type-status{
216
      font-weight: bold;
217
    }
218

    
219
    .registration-date-and-institute {
220
      color: #999;
221
    }
222

    
223

    
224
    .published-name {
225
      .TaxonName .name {
226
        font-weight: bold;
227
      }
228
    }
229
    .typified-name .cdm\:TaxonName {
230
      color: #999;
231
      a {
232
        color: #999;
233
      }
234
      .TaxonName .name {
235
        font-weight: bold;
236
      }
237
    }
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
      }
249
    }
250
  }
251

    
252
  /*
253
   * Theme settings page
254
   */
255
  #system-theme-settings {
256

    
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
      }
264

    
265
    }
266
  }
267

    
268
  /*****************************************************************************************
269
   * RESPONSIVE
270
   *
271
   * using the same media queries here as in layout/_responsive.scss
272
   *****************************************************************************************/
273

    
274
  #classification-breadcrumbs {
275
    font-size: 1.5em;
276
    line-height: 1.5em;
277
  }
278

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

    
281

    
282
  }
283

    
284
  @media all and (min-width: 960px) {
285
    #classification-breadcrumbs {
286
      font-size: 1em;
287
    }
288
  }
Add picture from clipboard (Maximum size: 40 MB)