diff options
Diffstat (limited to 'site/assets/css/mobile.css')
| -rw-r--r-- | site/assets/css/mobile.css | 91 |
1 files changed, 91 insertions, 0 deletions
diff --git a/site/assets/css/mobile.css b/site/assets/css/mobile.css new file mode 100644 index 00000000..6a742277 --- /dev/null +++ b/site/assets/css/mobile.css @@ -0,0 +1,91 @@ +/* MOBILE - iphone/ipad css */ + +@media all and (max-device-width: 1024px) { + /* header / footer */ + .slogan { + padding-left: 10px; + } + header .splash { + display: none; + } + header .links a { + margin-right: 14px; + font-size: 14px; + } + + /* MOBILE content */ + + .intro_section { + padding: 50px 0 20px 0; + } + .intro_section .hero_desc { + font-size: 28px; + line-height: 50px; + margin-bottom: 20px; + } + .intro_section .inner { + margin: 0; + max-width: 100%; + padding: 20px; + } + .intro_section .hero_subdesc { + max-width: 100%; + } + section h1, section h2, section h3, section h4, section h5, section h6, section p { + max-width: 100%; + } + section { + width: 100%; + padding: 0 10px; + } + .meta { + margin-right: 0px; + margin-bottom: 10px; + } + .modal img { + max-width: 100%; + } + th { + overflow: hidden; + text-overflow: ellipsis; + } + .citationHeader { + + } + section.wide { + width: 100%; + } + .map, .map .applet { + height: 360px; + } + + /* MOBILE datasets page */ +} + +/* iphone-specific */ +@media all and (max-device-width: 640px) { + .right-sidebar { + float: none; + width: 100%; + border: 0; + margin: 0 0 14px 0; + padding: 0 2px; + } + .map, .map .applet { + height: 360px; + } + .citationBrowser input.q { + max-width: 180px; + } + .columns { + flex-direction: column; + } + .columns .column { + margin: 0; + } + .columns-2 .column, + .columns-3 .column, + .columns-4 .column { + width: 100%; + } +}
\ No newline at end of file |