www/css/index.css

   1 * {
   2     -webkit-tap-highlight-color: rgba(0,0,0,0); /* make transparent link selection, adjust last value opacity 0 to 1.0 */
   3 }
   4
   5 body {
   6     -webkit-touch-callout: none;                /* prevent callout to copy image, etc when tap to hold */
   7     -webkit-text-size-adjust: none;             /* prevent webkit from resizing text to fit */
   8     -webkit-user-select: none;                  /* prevent copy paste, to allow, change 'none' to 'text' */
   9 }
  10
  11
  12 body > section {
  13         height: 100%;
  14 }
  15 [data-position="right"] {
  16         position: absolute;
  17         top: 0;
  18         left: 0;
  19         right: 0;
  20         bottom: 0;
  21         transform: translateX(100%);
  22         -webkit-transform: translateX(100%);
  23         z-index: 15;
  24         z-index: 100; /* -> drawer */
  25 }
  26 section[role="region"][data-position="right"] {
  27         position: absolute;
  28 }
  29 [data-position="right"].current {
  30         animation: rightToCurrent 0.4s forwards;
  31         -webkit-animation: rightToCurrent 0.4s forwards;
  32 }
  33 [data-position="right"].right {
  34         animation: currentToRight 0.4s forwards;
  35         -webkit-animation: currentToRight 0.4s forwards;
  36 }
  37 [data-position="current"].left {
  38         animation: currentToLeft 0.4s forwards;
  39         -webkit-animation: currentToLeft 0.4s forwards;
  40 }
  41 [data-position="current"].current {
  42         animation: leftToCurrent 0.4s forwards;
  43         -webkit-animation: leftToCurrent 0.4s forwards;
  44 }
  45 [data-position="back"] {
  46         position: absolute;
  47         top: 0;
  48         left: 0;
  49         right: 0;
  50         bottom: 0;
  51         z-index: -1;
  52         opacity: 0;
  53         /* z-index: 100; -> drawer */
  54 }
  55 [data-position="back"].fade-in {
  56         z-index: 120;
  57         animation: fadeIn 0.2s forwards;
  58         -webkit-animation: fadeIn 0.2s forwards;
  59 }
  60 [data-position="back"].fade-out {
  61         animation: fadeOut 0.2s forwards;
  62         -webkit-animation: fadeOut 0.2s forwards;
  63 }
  64
  65 [data-position="edit-mode"] {
  66         position: absolute;
  67         top: -5rem;
  68         left: 0;
  69         right: 0;
  70         bottom: -7rem;
  71         z-index: -1;
  72         opacity: 0;
  73         transition: all 0.3s ease;
  74 }
  75 [data-position="edit-mode"].edit {
  76         position: absolute;
  77         top: 0;
  78         left: 0;
  79         right: 0;
  80         bottom: 0;
  81         z-index: 120;
  82         opacity: 1;
  83 }
  84
  85
  86 /* lista messaggi */
  87 [data-type="list"].fullmessage li {
  88         min-height: 60px;
  89         height: auto;
  90         clear: both;
  91 }
  92 [data-type="list"].fullmessage li p {
  93         text-overflow: auto;
  94         white-space: normal;
  95         overflow: auto;
  96 }
  97
  98
  99