diff options
-rw-r--r-- | css/narrow.css | 73 | ||||
-rw-r--r-- | css/standard.css | 78 | ||||
-rw-r--r-- | include/output.php | 3 |
3 files changed, 79 insertions, 75 deletions
diff --git a/css/narrow.css b/css/narrow.css deleted file mode 100644 index dc69296..0000000 --- a/css/narrow.css +++ /dev/null @@ -1,73 +0,0 @@ -.main { - background-color: #fff; - margin-left: 0em; - margin-right: 0em; - min-height: 0em; -} - -header, footer { - margin-left: 0em; - margin-right: 0em; -} - - -.lastlogin { - position: relative; - left: 0em; - top: 0em; - width: 100%; - text-align: center; - border-top: 1px solid gray; -} - -.session div.sessionscore div, .status { - right:0em; -} - -.usermenu { - left: 0em; -} - -.notes { - position:relative; - top:0em; - left:0; - margin:0.1em; - margin-top:0em; - margin-left:0em; - - width: 100%; - - border: 2px solid gray; - - padding:0.3em; - - background-color: #efefef; - - height:100%; - overflow: auto; - z-index:0; -} - -.user { margin-left:5%;margin-right:5%; } - -div.table img.table { - width:50%; -} - -.message { - position: relative; - background-color: #fff; - width: 100%; - top:0em; - left:0%; - right:0%; - text-align: center; - z-index:1; -} -.message >div { border: 2px solid black; } -.message div div { - width: 100%; - text-align: right; - font-size: smaller; -} diff --git a/css/standard.css b/css/standard.css index b23516d..626c218 100644 --- a/css/standard.css +++ b/css/standard.css @@ -770,3 +770,81 @@ div span.numberoftricks { .about .translation { background-color: #fce94f; } + + +/* special layout for mobile devices */ +@media only screen and (max-width: 900px) { +.main { + background-color: #fff; + margin-left: 0em; + margin-right: 0em; + min-height: 0em; +} + +header, footer { + margin-left: 0em; + margin-right: 0em; +} + + +.lastlogin { + position: relative; + left: 0em; + top: 0em; + width: 100%; + text-align: center; + border-top: 1px solid gray; +} + +.session div.sessionscore div, .status { + right:0em; +} + +.usermenu { + left: 0em; +} + +.notes { + position:relative; + top:0em; + left:0; + margin:0.1em; + margin-top:0em; + margin-left:0em; + + width: 100%; + + border: 2px solid gray; + + padding:0.3em; + + background-color: #efefef; + + height:100%; + overflow: auto; + z-index:0; +} + +.user { margin-left:5%;margin-right:5%; } + +div.table img.table { + width:50%; +} + +.message { + position: relative; + background-color: #fff; + width: 100%; + top:0em; + left:0%; + right:0%; + text-align: center; + z-index:1; +} +.message >div { border: 2px solid black; } +.message div div { + width: 100%; + text-align: right; + font-size: smaller; +} +}
\ No newline at end of file diff --git a/include/output.php b/include/output.php index c6d78e3..42f4085 100644 --- a/include/output.php +++ b/include/output.php @@ -378,8 +378,7 @@ function output_header() <meta charset="utf-8" /> <link rel="shortcut icon" href="pics/edoko-favicon.png" /> <link rel="stylesheet" href="css/normalize.css?v=1" /> - <link rel="stylesheet" href="css/standard.css?v=35" /> - <link rel="stylesheet" media="screen and (max-width: 600px)" href="css/narrow.css?v=2" /> + <link rel="stylesheet" href="css/standard.css?v=36" /> <link rel="stylesheet" href="css/dateinput.css?v=1"/> <script type="text/javascript" src="include/jquery.js"> </script> <script type="text/javascript" src="include/jquery.tablesorter.js"></script> |