theme/cleaner/css/mp-screen.css

   1 /* mobile style */
   2
   3 body {
   4     background-image: none;
   5     min-width: 0;
   6 }
   7
   8 #wrap {
   9     margin: 0;
  10     padding: 0;
  11     min-width:0;
  12     max-width:100%;
  13 }
  14
  15 #header {
  16     width: 96%;
  17     padding: 0 2%;
  18     padding-top: 20px;
  19 }
  20
  21 .user_in #header {
  22     padding-top: 40px;
  23 }
  24
  25 address {
  26 margin:1em 0 0 0;
  27 float:left;
  28 width:100%;
  29 }
  30
  31 address img + .fn {
  32 display:block;
  33 margin-top:1em;
  34     margin-right: 10px;
  35 clear: left;
  36 float:left;
  37 }
  38
  39 #site_nav_global_primary {
  40     margin:0;
  41     width: 100%;
  42     padding: 4px 0;
  43     height: auto;
  44     position:absolute;
  45     top:0;
  46     left:0;
  47     font-size: 1em;
  48         letter-spacing: 0em;
  49     border-top: none;
  50 }
  51
  52 #site_nav_global_primary li {
  53     margin-left:0;
  54     margin-right:0px;
  55     float:left;
  56     font-size:0.9em;
  57     padding: 2px 4px;
  58     line-height: 1em;
  59     height: auto;
  60 }
  61
  62 #site_nav_global_primary li a {
  63     height: auto;
  64 }
  65
  66 .form_notice {
  67     float: left;
  68     margin-left: 0px;
  69     width: 300px;
  70     padding: 4px;
  71 }
  72
  73 #form_notice-direct.form_notice {
  74     padding-top: 10px;
  75 }
  76
  77 .form_notice textarea {
  78     width: 210px;
  79     height: 50px;
  80     padding: 4px;
  81 }
  82
  83 #notice_text-count {
  84 position:absolute;
  85 bottom:2px;
  86     left: 175px;
  87     font-size: 0.8em;
  88 z-index:9;
  89 }
  90
  91 #form_notice-direct.form_notice #notice_text-count {
  92     left: 0px;
  93 }
  94
  95 /*input type=file no good in
  96 iPhone/iPod Touch, Android, Opera Mini Simulator
  97 */
  98 .form_notice #notice_text-count + label,
  99 .form_notice label[for="notice_data-attach"] {
 100 display:none;
 101 }
 102 .form_notice #notice_data-attach {
 103 position:static;
 104 clear:both;
 105 width:65%;
 106 height:auto;
 107 display:block;
 108 z-index:9;
 109 padding:0;
 110 margin:0;
 111 background:none;
 112 opacity:1;
 113 }
 114
 115 .form_notice #notice_action-submit {
 116     text-align: center;
 117     left: 230px;
 118     top: 32px;
 119     width: 70px;
 120     font-size: 0.8em;
 121 }
 122
 123 #form_notice-direct.form_notice #notice_action-submit {
 124     top: 62px;
 125 }
 126
 127 #site_nav_local_views {
 128     height: auto;
 129     font-size: 0.9em;
 130     line-height: 2em;
 131     margin-bottom: 0px;
 132     padding-left: 4px;
 133     background: none;
 134 }
 135
 136 #site_nav_local_views li {
 137     margin-right: 6px;
 138 }
 139
 140 #site_nav_local_views a {
 141     background-color: #7080aa;
 142     -webkit-border-radius: 6px;
 143     -moz-border-radius: 6px;
 144     border-radius: 6px;
 145     margin-right: 2px;
 146     margin-bottom: 2px;
 147 }
 148
 149 #core {
 150     width: 100%;
 151     margin: 0;
 152 }
 153
 154 #content {
 155     width: 96%;
 156     padding: 10px 2%;
 157     margin: 0;
 158     min-height: auto;
 159 }
 160
 161 #footer {
 162     margin: 0;
 163     padding: 10px 4px 4px 4px;
 164 }
 165
 166
 167 .form_settings fieldset {
 168 margin-bottom:7px;
 169 }
 170
 171 .form_settings label {
 172 width:auto;
 173 display:block;
 174 float:none;
 175     text-align: left;
 176 }
 177
 178 .form_settings .form_data li {
 179 margin-bottom:7px;
 180 }
 181
 182 .form_settings .form_data textarea,
 183 .form_settings .form_data select,
 184 .form_settings .form_data input {
 185 margin-left:0;
 186 display:block;
 187 }
 188 .form_settings .form_data textarea {
 189 width:96.41%;
 190 }
 191
 192 .form_settings .form_data label {
 193 float:none;
 194 }
 195
 196 .form_settings .form_data p.form_guide {
 197 width:auto;
 198 margin-left:0;
 199 }
 200
 201 #settings_design_color .form_data {
 202  width: auto;
 203  margin-right: 0;
 204 }