CSS but not lighter for mobile

public/themes/default/pda.css

@@ -188,3 +188,77 @@ h3 {
 .mtt-notes-showhide {
     display: none;
 }
+
+body {
+   background-color: maroon;
+}
+
+.mtt-tab {
+   display: none;
+}
+
+.mtt-tabs-selected {
+   display: block;
+}
+
+#taskview ,
+#bar , 
+br[clear="all"] , 
+#task_placeholder > span ,
+#mtt_body > h2:first-child {
+   display: none !important;
+}
+#toolbar ,
+#taskcontainer {
+   z-index: 15;
+}
+#taskcontainer {
+   position: fixed;
+   top: 6em;
+   left: 0;
+   right: 0;
+   bottom: 0;
+   overflow-y: scroll;
+}
+
+@media
+(min-resolution: 192dpi) and (min-device-width: 350px) {
+   body {
+      font-size: 320%;
+      background-color: navy;
+      overflow: hidden;
+   }
+   input[type="checkbox"] ,
+   input[type="button"] ,
+   .taskactionbtn ,
+   input[type="submit"] {
+      transform: scale(6.4);
+      z-index: 999;
+   }
+   .taskactionbtn {
+      margin-right: 1em;
+   }
+   .form-row > input { 
+      transform: none;
+   }
+   .list-action ,
+   .mtt-tabs-add-button > span ,
+   .mtt-img-button ,
+   .mtt-searchbox-icon ,
+   .mtt-taskbox-icon {
+      transform: scale(2.1);
+   }
+   #tabs_buttons ,
+   #tabs_buttons > .mtt-tabs-select-button {
+      transform: scale(2.5);
+   }
+   #taskcontainer {
+      top: 3.7em;
+   }
+   input[type="checkbox"] {
+      margin-left: .7em;
+   }
+   .task-date {
+      display: none !important;
+   }
+}