theme/clean/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: 98%;
  42     padding: 4px 0;
  43     margin-left: -2%;
  44     height: auto;
  45     position:absolute;
  46     top:0;
  47     left:0;
  48     font-size: 1em;
  49         letter-spacing: 0em;
  50 }
  51
  52 #site_nav_global_primary li {
  53     margin-left:0;
  54     margin-right:10px;
  55     float:left;
  56     font-size:0.9em;
  57     padding: 2px 4px;
  58     line-height: 1em;
  59 }
  60
  61 .form_notice {
  62     float: left;
  63     margin-left: -10px;
  64     width: 300px;
  65     padding: 4px;
  66 }
  67
  68 #form_notice-direct.form_notice {
  69     padding-top: 10px;
  70 }
  71
  72 .form_notice textarea {
  73     width: 210px;
  74     height: 50px;
  75     padding: 4px;
  76 }
  77
  78 .form_notice .count {
  79 position:absolute;
  80 bottom:2px;
  81     left: 175px;
  82     font-size: 0.8em;
  83 z-index:9;
  84 }
  85
  86 #form_notice-direct.form_notice .count {
  87     left: 0px;
  88 }
  89
  90 /*input type=file no good in
  91 iPhone/iPod Touch, Android, Opera Mini Simulator
  92 */
  93 .form_notice .count + label,
  94 .form_notice label[for="notice_data-attach"] {
  95 display:none;
  96 }
  97 .form_notice input.notice_data-attach {
  98 position:static;
  99 clear:both;
 100 width:65%;
 101 height:auto;
 102 display:block;
 103 z-index:9;
 104 padding:0;
 105 margin:0;
 106 background:none;
 107 opacity:1;
 108 }
 109
 110 .form_notice .submit {
 111     text-align: center;
 112     left: 230px;
 113     top: 32px;
 114     width: 70px;
 115     font-size: 0.8em;
 116 }
 117
 118 #form_notice-direct.form_notice .submit {
 119     top: 62px;
 120 }
 121
 122 #site_nav_local_views {
 123     height: auto;
 124     font-size: 0.9em;
 125     line-height: 2em;
 126     margin-bottom: 0px;
 127     padding-left: 4px;
 128 }
 129
 130 #site_nav_local_views li {
 131     margin-right: 6px;
 132 }
 133
 134
 135 #core {
 136     width: 100%;
 137     margin: 0;
 138 }
 139
 140 #content {
 141     width: 96%;
 142     padding: 10px 2%;
 143     margin: 0;
 144     min-height: auto;
 145 }
 146
 147 #footer {
 148     margin: 0;
 149     padding: 10px 4px 4px 4px;
 150 }
 151
 152
 153 .form_settings fieldset {
 154 margin-bottom:7px;
 155 }
 156
 157 .form_settings label {
 158 width:auto;
 159 display:block;
 160 float:none;
 161     text-align: left;
 162 }
 163
 164 .form_settings .form_data li {
 165 margin-bottom:7px;
 166 }
 167
 168 .form_settings .form_data textarea,
 169 .form_settings .form_data select,
 170 .form_settings .form_data input {
 171 margin-left:0;
 172 display:block;
 173 }
 174 .form_settings .form_data textarea {
 175 width:96.41%;
 176 }
 177
 178 .form_settings .form_data label {
 179 float:none;
 180 }
 181
 182 .form_settings .form_data p.form_guide {
 183 width:auto;
 184 margin-left:0;
 185 }
 186
 187
 188 #settings_design_color .form_data {
 189  width: auto;
 190  margin-right: 0;
 191 }