theme/shiny/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     margin-left: -2%;
  42     width: 94%;
  43     padding: 2%;
  44     height: auto;
  45     position:absolute;
  46     top:0;
  47     left:0;
  48     background: #333;
  49     font-size: 1em;
  50         letter-spacing: 0em;
  51 }
  52
  53 #site_nav_global_primary li {
  54     margin-left:0;
  55     margin-right:10px;
  56     float:left;
  57     font-size:0.9em;
  58     padding: 2px 4px;
  59     line-height: 1em;
  60 }
  61
  62 #site_nav_global_primary li a {
  63     color: #fff !important;
  64 }
  65
  66 .form_notice {
  67     float: left;
  68     margin-left: -10px;
  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 .form_notice .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 .count {
  92     left: -185px;
  93 }
  94
  95 /*input type=file no good in
  96 iPhone/iPod Touch, Android, Opera Mini Simulator
  97 */
  98 .form_notice .count + label,
  99 .form_notice label[for="notice_data-attach"] {
 100 display:none;
 101 }
 102 .form_notice input.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 .submit {
 116     text-align: center;
 117     left: 230px;
 118     top: 34px;
 119     width: 70px;
 120     font-size: 0.8em;
 121 }
 122
 123 #form_notice-direct.form_notice .submit {
 124     top: 64px;
 125 }
 126
 127 #site_nav_local_views {\r
 128         position: relative;\r
 129         z-index: 9;\r
 130         float: left;\r
 131         margin: 0px 10px 2px 4px;\r
 132     width: auto;
 133 }
 134
 135 #site_nav_local_views li {\r
 136         width: auto;\r
 137         text-align: left;
 138 }
 139
 140 #site_nav_local_views a {
 141     background: none;
 142         display:block;
 143     float: left;\r
 144         padding: 4px;
 145     margin: 0px 10px 10px 0px;\r
 146         border: none !important;\r
 147         font-size: 0.9em;
 148         font-weight: normal;
 149         letter-spacing: 0em;
 150         text-transform: uppercase;
 151         color: #f2f2f2 !important;
 152     background-color: #444;
 153         text-shadow: none;
 154         border-radius: 4px;\r
 155         -moz-border-radius: 4px;\r
 156         -webkit-border-radius: 4px;
 157 }
 158
 159 #site_nav_local_views li:first-child a {
 160         border-radius: 4px;\r
 161         -moz-border-radius: 4px;\r
 162         -webkit-border-radius: 4px;
 163 }\r
 164
 165 #site_nav_local_views a:hover {
 166     background: none;
 167     background-color: #b3b3b3;
 168 }
 169
 170 #site_nav_local_views .current a {
 171     background: none;
 172         display: inline;
 173     color: #4d4d4d !important;
 174     box-shadow: none;
 175     -moz-box-shadow: none;
 176         -webkit-box-shadow: none;\r
 177         border-bottom: 1px solid #fff;
 178         text-shadow: 1px 1px 0px rgba(0,0,0,0.2);
 179     background-color: #e2e2e2;
 180     text-decoration: none;
 181 }
 182
 183 #core {
 184     width: 100%;
 185     margin: 0;
 186 }
 187
 188 #content {
 189     width: 96%;
 190     padding: 10px 2%;
 191     margin: 0;
 192     min-height: auto;
 193         border-radius-topright: 4px;\r
 194         -moz-border-radius-topright: 4px;
 195         -webkit-border-top-right-radius: 4px;
 196 }
 197
 198 #footer {
 199     margin: 0;
 200     padding: 10px 4px 4px 4px;
 201 }
 202
 203
 204 .form_settings fieldset {
 205 margin-bottom:7px;
 206 }
 207
 208 .form_settings label {
 209 width:auto;
 210 display:block;
 211 float:none;
 212     text-align: left;
 213 }
 214
 215 .form_settings .form_data li {
 216 margin-bottom:7px;
 217 }
 218
 219 .form_settings .form_data textarea,
 220 .form_settings .form_data select,
 221 .form_settings .form_data input {
 222 margin-left:0;
 223 display:block;
 224 }
 225 .form_settings .form_data textarea {
 226 width:96.41%;
 227 }
 228
 229 .form_settings .form_data label {
 230 float:none;
 231 }
 232
 233 .form_settings .form_data p.form_guide {
 234 width:auto;
 235 margin-left:0;
 236 }
 237
 238
 239 #settings_design_color .form_data {
 240  width: auto;
 241  margin-right: 0;
 242 }