Project

General

Profile

Revision e03a7102

IDe03a710252cfa691e383d99c305dbee31891f907
Parent 53c705d4
Child c4b9aa67, 8a4cface

Added by Andreas Kohlbecker almost 4 years ago

ref #5956 classification breadcrumb navigation for mobiles fixed

View differences:

themes/zen_dataportal/sass/cdm.scss
50 50
  padding: 0 0 0 0;
51 51
}
52 52

  
53
  /*
54
   * Search results
55
   */
53
/*
54
 * Search results
55
 */
56 56

  
57 57

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

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

  
66
  ul.cdm_names li {
67
    margin: $base-line-height / 2 0;
68
  }
66
ul.cdm_names li {
67
  margin: $base-line-height / 2 0;
68
}
69 69

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

  
74
  .page-part {
75
    margin-bottom: $page-part-margin;
76
    clear: none;
77
  }
74
.page-part {
75
  margin-bottom: $page-part-margin;
76
  clear: none;
77
}
78 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
    }
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;
89 88
  }
89
}
90 90

  
91 91

  
92 92

  
93
  /*
94
   * Synonymy
95
   */
96

  
97
  #synonymy {
98
    div.accepted-name {
99
      margin-bottom: -1em;
100
      margin-top: 1em;
101
    }
93
/*
94
 * Synonymy
95
 */
102 96

  
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
    }
97
#synonymy {
98
  div.accepted-name {
99
    margin-bottom: -1em;
100
    margin-top: 1em;
109 101
  }
110 102

  
111
  /*
112
   * Media
113
   */
114
  dl.media-caption {
115
    margin: 0;
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;
116 108
  }
117
  .media-caption {
118
    dd {
119
      margin-left: 0;
120
      .title {
121
        font-size: 100%;
122
      }
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%;
123 122
    }
124 123
  }
125
  .image-gallerie td.caption {
126
    padding-bottom: 1em;
127
  }
124
}
125
.image-gallerie td.caption {
126
  padding-bottom: 1em;
127
}
128 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;
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;
151 141
    }
152
    .block-cdm-dataportal-feature {
153
      margin-left: $zen-gutter-width;
142
    h4 {
143
      clear: left;
154 144
      margin-bottom: 0;
155
      h2 {
156
        font-size: $base-font-size;
157
        line-height: $base-line-height;
158
        font-weight: bold;
159
      }
145
      font-style: italic;
160 146
    }
161
    ul.typeDesignations {
162
      clear: both;
163
    }
164
    .dna-sequence div {
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 {
165 156
      font-size: $base-font-size;
166
      font-family: monospace;
167
      clear: left;
168
      padding-left: $zen-gutter-width;
157
      line-height: $base-line-height;
158
      font-weight: bold;
169 159
    }
170
    .derived_from {
171
      clear: both;
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 */
172 187
    }
188

  
173 189
  }
190
}
174 191

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

  
176
  /*
177
   * Theme settings page
178
   */
179
  #system-theme-settings {
198
#classification-breadcrumbs {
199
  font-size: 1.5em;
200
  line-height: 1.5em;
201
}
180 202

  
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
      }
203
@media all and (min-width: 480px) and (max-width: 959px) {
188 204

  
189
    }
205

  
206
}
207

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

Also available in: Unified diff

Add picture from clipboard (Maximum size: 40 MB)