Project

General

Profile

Download (3.4 KB) Statistics
| Branch: | Tag: | Revision:
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 {
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
ul.cdm_names li {
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
/*
177
 * Theme settings page
178
 */
179
#system-theme-settings {
180

    
181
  .image-preview {
182
    width: 600px;
183
    max-height: 150px;
184
    overflow: auto; // let it scroll
185
    img {
186
      max-width: none; /* reset style in mormalize.scss */
187
    }
188

    
189
  }
190
}
191

    
192
/*****************************************************************************************
193
 * RESPONSIVE
194
 *
195
 * using the same media queries here as in layout/_responsive.scss
196
 *****************************************************************************************/
197

    
198
#classification-breadcrumbs {
199
  font-size: 1.5em;
200
  line-height: 1.5em;
201
}
202

    
203
@media all and (min-width: 480px) and (max-width: 959px) {
204

    
205

    
206
}
207

    
208
@media all and (min-width: 960px) {
209
  #classification-breadcrumbs {
210
    font-size: 1em;
211
  }
212
}
(7-7/13)