plugins/settings/content/settings.css

   1 html, body {
   2     margin: 0;
   3     padding: 0;
   4     border: none;
   5     height: 100%;
   6     overflow: hidden;
   7 }
   8
   9 table#main {
  10     height: 85%;
  11     width: 98%;
  12     margin-left: auto;
  13     margin-right: auto;
  14     table-layout: fixed;
  15     text-align: left;
  16 }
  17
  18 table.settings {
  19     width: 100%;
  20 }
  21
  22 td.panel1 {
  23     width: 200px;
  24 }
  25
  26 td.panel2 {
  27     width: 350px;
  28 }
  29
  30 td.panel3 {
  31
  32 }
  33
  34 div#settings, div#sidesections {
  35     border-left: 1px dotted #999;
  36 }
  37
  38 td.panel {
  39     vertical-align: top;
  40     height: 100%
  41 }
  42
  43 td.ulined {
  44     border-bottom: 1px solid #999;
  45 }
  46
  47 div#leftframe {
  48     width: 100%;
  49     height: 100%;
  50     overflow: hidden;
  51 }
  52
  53 div#settings, div#sidesections, div.sett-sect, div.help-sect {
  54     width: 100%;
  55     height: 100%;
  56     overflow: auto;
  57 }
  58
  59 div#leftframe, div.sett-sect {
  60     text-align: center;
  61 }
  62
  63 div.add-setting {
  64     width: 100%;
  65     position: static;
  66 }
  67
  68 table.add-setting {
  69     width: 100%;
  70 }
  71
  72 div.add-button, div.add-field, div.sett-sect, div.help-sect {
  73     position: static;
  74     left: 0px;
  75     top: 0px;
  76 }
  77
  78 div.add-button {
  79     width: 100%;
  80 }
  81
  82 div.add-field, div.sett-sect {
  83     display: none;
  84 }
  85
  86 hr {
  87     border: 0px;
  88     background-color: #999;
  89     height: 1px;
  90     width: 90%;
  91 }
  92
  93 /* Smartphones (portrait and landscape) ----------- */
  94 @media only screen
  95 and (max-width : 750px) {
  96     html, body {
  97         margin: 0;
  98         padding: 0;
  99         border: none;
 100         height: auto;
 101         overflow: visible;
 102     }
 103
 104     table#main {
 105         height: auto;
 106         width: 98%;
 107         margin-left: auto;
 108         margin-right: auto;
 109         table-layout: fixed;
 110     }
 111
 112     table#main td {
 113         display: block;
 114     }
 115
 116     td.panel1 {
 117         width: 98%;
 118         text-align: center;
 119     }
 120
 121     td.panel2 {
 122         width: 98%;
 123         text-align: center;
 124     }
 125
 126     td.panel3 {
 127         width: 98%;
 128     }
 129
 130     input , select {
 131         width: 85%;
 132         font-size: large;
 133         margin: 5px;
 134     }
 135
 136     div#settings, div#sidesections {
 137         border-left: none;
 138     }
 139
 140     td.panel {
 141         vertical-align: top;
 142         height: auto;
 143         border-bottom: 1px dotted #000000;
 144     }
 145
 146     td.ulined {
 147         border-bottom: 1px solid #999;
 148         font-weight: bold;
 149         width: 85%;
 150         margin-left: auto;
 151         margin-right: auto;
 152     }
 153
 154     div#leftframe {
 155         width: 98%;
 156         margin-left: auto;
 157         margin-right: auto;
 158         height: auto;
 159         overflow: hidden;
 160     }
 161
 162     div#settings, div#sidesections, div.sett-sect, div.help-sect {
 163         width: 98%;
 164         margin-left: auto;
 165         margin-right: auto;
 166         height: auto;
 167         overflow: visible;
 168     }
 169 }