Project

General

Profile

Statistics
| Branch: | Tag: | Revision:

cdm-dataportal / themes / zen_dataportal / sass / cdm.scss @ 384ff2ba

History | View | Annotate | Download (4 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
.block, .node, #identificationKey, #content {
16
  @include cdm-link-style;
17
}
18

    
19
#page-toc {
20
  float:right;
21
    background-color: $page-background-color;
22
  h3 {
23
    margin-top: 0;
24
    line-height: $base-line-height;
25
  }
26
}
27

    
28
#taxonProfileImage{
29
  float: left;
30
}
31

    
32
.block-cdm-dataportal-feature,  .media-caption, .specimens {
33
  clear: both;
34
  margin-bottom: $page-part-margin;
35
  dt {
36
      float: left;
37
      font-weight: bold;
38
      margin-right: 0.3em;
39
  }
40
  dd {
41
    margin: 0;
42
    margin-left: $zen-gutter-width;
43
  }
44
  dl dl {
45
    margin: 0; /* reset default from cdm_dataportal.css */
46
  }
47
}
48

    
49
.breadcrumbs li {
50
  padding: 0 0 0 0;
51
}
52

    
53
/*
54
 * Search results
55
 */
56

    
57

    
58
#search_results{
59
  @include cdm-link-style;
60

    
61
  table {
62
    margin: 1em 0;
63
  }
64
}
65

    
66
div.cdm-item-list div.item {
67
  margin: $base-line-height / 2 0;
68
}
69

    
70
/*
71
 * Taxon page and parts
72
 */
73

    
74
.page-part {
75
  margin-bottom: $page-part-margin;
76
  clear: none;
77
}
78

    
79
/*
80
 * definition list container rendered by the
81
 * drupal theme function theme_description_list()
82
 */
83
.description_list {
84
  h3 {
85
    font-size: $base-font-size;
86
    line-height: $base-line-height;
87
    font-weight: bold;
88
  }
89
}
90

    
91

    
92

    
93
/*
94
 * Synonymy
95
 */
96

    
97
#synonymy {
98
  div.accepted-name {
99
    margin-bottom: -1em;
100
    margin-top: 1em;
101
  }
102

    
103
  .homotypic-synonymy-group, .heterotypic-synonymy-group, .taxon-relationships {
104
    border-bottom: 1px solid #DEDEDE;
105
    /* replace padding by margin */
106
    margin: 1em 0px;
107
    padding: 0;
108
  }
109
}
110

    
111
/*
112
 * Media
113
 */
114
dl.media-caption {
115
  margin: 0;
116
}
117
.media-caption {
118
  dd {
119
    margin-left: 0;
120
    .title {
121
      font-size: 100%;
122
    }
123
  }
124
}
125
.image-gallerie td.caption {
126
  padding-bottom: 1em;
127
}
128

    
129
/*
130
 * specimens
131
 */
132
#specimens {
133
  table.media_gallery {
134
    margin-top: 0.2em;
135
  }
136
  .description_list {
137
    clear: both;
138
    h3 {
139
      margin-top: 0;
140
      background-color: #ddd;
141
    }
142
    h4 {
143
      clear: left;
144
      margin-bottom: 0;
145
      font-style: italic;
146
    }
147
  }
148
  .dynabox_content {
149
    margin-left: $zen-gutter-width / 2;
150
    margin-right: $zen-gutter-width / 2;
151
  }
152
  .block-cdm-dataportal-feature {
153
    margin-left: $zen-gutter-width;
154
    margin-bottom: 0;
155
    h2 {
156
      font-size: $base-font-size;
157
      line-height: $base-line-height;
158
      font-weight: bold;
159
    }
160
  }
161
  ul.typeDesignations {
162
    clear: both;
163
  }
164
  .dna-sequence div {
165
    font-size: $base-font-size;
166
    font-family: monospace;
167
    clear: left;
168
    padding-left: $zen-gutter-width;
169
  }
170
  .derived_from {
171
    clear: both;
172
  }
173
}
174

    
175
/*
176
 * Registration page & items
177
 */
178
.registration {
179

    
180
  .name_type_designation .type_status{
181
    font-weight: bold;
182
  }
183

    
184
  .registration-date-and-institute {
185
    color: #999;
186
  }
187

    
188
  .published-name {
189
    .TaxonName .name {
190
      font-weight: bold;
191
    }
192
  }
193
  .typified-name .cdm\:TaxonName {
194
    color: #999;
195
    a {
196
      color: #999;
197
    }
198
    .TaxonName .name {
199
      font-weight: bold;
200
    }
201
  }
202

    
203
  .registration-summary {
204
    .registered_name .name {
205
      font-weight: bold;
206
    }
207
    .referenced_typified_name {
208
      color: #999;
209
    }
210
    .label {
211
      font-weight: bold;
212
    }
213
  }
214
}
215

    
216
/*
217
 * Theme settings page
218
 */
219
#system-theme-settings {
220

    
221
  .image-preview {
222
    width: 600px;
223
    max-height: 150px;
224
    overflow: auto; // let it scroll
225
    img {
226
      max-width: none; /* reset style in mormalize.scss */
227
    }
228

    
229
  }
230
}
231

    
232
/*****************************************************************************************
233
 * RESPONSIVE
234
 *
235
 * using the same media queries here as in layout/_responsive.scss
236
 *****************************************************************************************/
237

    
238
#classification-breadcrumbs {
239
  font-size: 1.5em;
240
  line-height: 1.5em;
241
}
242

    
243
@media all and (min-width: 480px) and (max-width: 959px) {
244

    
245

    
246
}
247

    
248
@media all and (min-width: 960px) {
249
  #classification-breadcrumbs {
250
    font-size: 1em;
251
  }
252
}
Add picture from clipboard (Maximum size: 40 MB)