aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorMichael Buesch <m@bues.ch>2019-08-12 18:54:21 +0200
committerMichael Buesch <m@bues.ch>2019-08-12 18:54:21 +0200
commitf959f50d30d9711cdfe83e16a0707a24501a1ba3 (patch)
tree8453baf7d55702ea6c34d510bd0f1f57b2acff20
parent7548110a1d329c26bffa2c5886dfffbe368be7f5 (diff)
downloadcms-f959f50d30d9711cdfe83e16a0707a24501a1ba3.tar.xz
cms-f959f50d30d9711cdfe83e16a0707a24501a1ba3.zip
example/css: Add basic css for mobile devices
Signed-off-by: Michael Buesch <m@bues.ch>
-rw-r--r--example/cms.css66
1 files changed, 66 insertions, 0 deletions
diff --git a/example/cms.css b/example/cms.css
index edda734..8434505 100644
--- a/example/cms.css
+++ b/example/cms.css
@@ -386,7 +386,73 @@ pre {
font-size: xx-small;
}
+/******************************************************************************/
+/* MEDIA: Small screen */
+/******************************************************************************/
+
+@media screen and (max-width: 1024px) {
+ body {
+ width: 100%;
+ font-size: 1.25rem;
+ }
+
+ .titlebar {
+ padding: 25px;
+ }
+
+ .navbar {
+ float: left;
+ }
+
+ .navbar .navgroups {
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+
+ width: auto;
+ margin: 10px 75px 25px 25px;
+ padding: 5px;
+ }
+
+ .navbar .navgroups .navgroup:hover {
+ border-radius: 15px;
+ }
+
+ .navbar .navgroups .navgroup:hover .navelems {
+ display: none;
+ }
+
+ .navbar .navgroups .navhome a {
+ padding: 20px;
+ margin: 0px;
+ }
+
+ .navbar .navgroups .navgroup .navhead a {
+ font-size: 1.75rem;
+ padding: 20px;
+ }
+ .page-listing .navelems .navelem {
+ padding: 20px;
+ }
+
+ .page-listing .navelems .navelem a {
+ font-size: 1.75rem;
+ padding: 20px;
+ }
+
+ .main {
+ margin: 0px 25px 0px 25px;
+ padding-bottom: 25px;
+ }
+
+ .ssl {
+ display: none;
+ }
+
+ .checker {
+ display: none;
+ }
}
/******************************************************************************/
bues.ch cgit interface