theme/neo/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     width: auto;
  14     border: none;
  15 }
  16
  17 #header {
  18     width: 100%;
  19     padding: 0;
  20 }
  21
  22 address {
  23     float:left;
  24     margin: 0px;
  25     width: auto;
  26     left: 0px;
  27 }
  28
  29 address img {
  30     float: left;
  31     background: #fff;
  32     padding: 2px 2px 2px 6px;
  33 }
  34
  35 address img + .fn {
  36     display:block;
  37     margin-top: 8px;
  38     clear: left;
  39     float: left;
  40     color: #000;
  41     margin-left: 6px;
  42 }
  43
  44 #site_nav_global_primary {
  45     margin:0;
  46     width: 100%;
  47     padding: 2px 0;
  48     height: auto;
  49     position:absolute;
  50     top:0;
  51     left:0;
  52     font-size: 1em;
  53         letter-spacing: 0em;
  54     border-top: none;
  55     -webkit-border-top-right-radius: 0px;
  56     -moz-border-radius-topright: 0px;
  57     border-top-right-radius: 0px;
  58     height: 24px;
  59     line-height: 16px;
  60 }
  61
  62 #site_nav_global_primary li {
  63     margin-left:0;
  64     margin-right: 2px;
  65     float:left;
  66     font-size:0.9em;
  67     padding: 2px 4px;
  68     line-height: 1em;
  69     height: auto;
  70 }
  71
  72 #site_nav_global_primary li:last-child {
  73     margin-right: 0px;
  74 }
  75
  76 #site_nav_global_primary a {
  77     padding: 2px 4px;
  78     height: 20px;
  79 }
  80
  81 #core {
  82     width: 100%;
  83     border-left: none;
  84     border-right: none;
  85 }
  86
  87 #aside_primary_wrapper {
  88     background: none;
  89 }
  90
  91 #content_wrapper {
  92     right: 0px;
  93     border: none;
  94 }
  95
  96 #site_nav_local_views_wrapper  {
  97     right: 0px;
  98     border: none;
  99 }
 100
 101 #navtoggle {
 102     float: right;
 103     padding: 2px 6px;
 104     text-decoration: none;
 105 }
 106
 107 #site_nav_local_views {
 108     height: auto;
 109     font-size: 1em;
 110     line-height: 2em;
 111     margin-bottom: 0px;
 112     padding: 10px 0px 10px 6px;
 113     background: none;
 114     left: 0px;
 115     width: 100%;
 116     display: none;
 117 }
 118
 119 #site_nav_local_views h3 {
 120     color: #333;
 121     font-size: 1em;
 122     margin-bottom: 0px;
 123     background: none;
 124     text-transform: none;
 125     letter-spacing: 0;
 126     padding-bottom: 0;
 127 }
 128
 129 #site_nav_local_views li {
 130     margin-right: 6px;
 131     margin-bottom: 0px;
 132     clear: left;
 133 }
 134
 135 #site_nav_local_views li li {
 136     float: left;
 137     clear: none;
 138     margin-bottom: 6px;
 139 }
 140
 141 #site_nav_local_views a {
 142     color: #fff;
 143     text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);;
 144     background: #364a84;
 145     background: -moz-linear-gradient(top, #7b8dbb , #364a84);
 146     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7b8dbb), color-stop(100%,#364a84));
 147     font-size: 0.9em;
 148     width: auto;
 149 }
 150
 151 #site_nav_local_views a:hover {
 152     background: #7b8dbb;
 153     background: -moz-linear-gradient(top, #364a84 , #7b8dbb);
 154     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#364a84), color-stop(100%,#7b8dbb));
 155 }
 156
 157 #login #site_nav_local_views, #register #site_nav_local_views, #openidlogin #site_nav_local_views {
 158     display: block;
 159     margin-top: 25px;
 160 }
 161
 162 #login #navtoggle, #register #navtoggle, #openidlogin #navtoggle {
 163     display: none;
 164 }
 165
 166 #login #site_nav_local_views li, #register #site_nav_local_views li, #openidlogin #site_nav_local_views li {
 167     float: left;
 168     clear: none;
 169     margin-bottom: 6px;
 170 }
 171
 172 #content {
 173     width: 96%;
 174     padding: 10px 2%;
 175     margin: 0;
 176     min-height: auto;
 177     left: 0px;
 178 }
 179
 180 #content h1 {
 181     clear: left;
 182 }
 183
 184 #footer {
 185     width: auto;
 186     margin: 0;
 187     padding: 10px 4px 4px 4px;
 188 }
 189
 190 .input_forms {
 191     display: block;
 192     width: 102%;
 193     top: -10px;
 194     left: -2%;
 195     padding-left: 2%;
 196     padding-right: 0;
 197 }
 198
 199 #input_form_nav li a {
 200     padding: 0px 4px 1px 4px;
 201     margin-right: 6px;
 202 }
 203
 204 .input_form {
 205     clear: left;
 206     width: 100%;
 207     padding-bottom: 0px;
 208 }
 209
 210 #input_form_status, #input_form_direct {
 211     padding-bottom: 40px;
 212 }
 213
 214 .form_notice_placeholder .placeholder {
 215     width: 290px;
 216     margin-bottom: 20px;
 217 }
 218
 219 .form_notice {
 220     float: left;
 221     margin-left: 0px;
 222     width: 300px;
 223     padding: 4px 0px;
 224 }
 225
 226 #form_notice-direct.form_notice {
 227     padding-top: 0px;
 228 }
 229
 230 .form_notice textarea, #form_notice-direct.form_notice textarea {
 231     width: 292px;
 232     height: 36px;
 233     padding: 4px 4px 16px 4px;
 234     font-size: 1em;
 235 }
 236
 237 .form_notice .count {
 238     position: absolute;
 239     top: 44px;
 240     left: 270px;
 241 }
 242
 243 #form_notice-direct.form_notice .count {
 244     top: 70px;
 245     left: 270px;
 246 }
 247
 248 .form_notice .error,
 249 .form_notice .success,
 250 .form_notice .notice-status {
 251     width: 285px;
 252 }
 253
 254
 255 /*input type=file no good in
 256 iPhone/iPod Touch, Android, Opera Mini Simulator
 257 */
 258
 259 .form_notice .notice_data-attach, .form_notice .notice_data-geo_wrap label, .form_notice .notice_data-geo_wrap input {
 260     display:none;
 261 }
 262
 263 .checkbox-wrapper {
 264     margin-left: 0px;
 265     clear: left;
 266     float: left;
 267     width: 200px;
 268     z-index: 2;
 269 }
 270
 271 .form_notice .checkbox-wrapper {
 272     display: inline;
 273     margin-left: 0px;
 274 }
 275
 276 .checkbox-wrapper label.checkbox {
 277     display: none !important;
 278 }
 279
 280 .checkbox-wrapper #notice_private {
 281     display: inline;
 282     margin-top: 10px;
 283     margin-left: 20px;
 284 }
 285
 286 .form_notice .checkbox-wrapper #notice_private {
 287     margin-left: 0px;
 288 }
 289
 290 .checkbox-wrapper:before {
 291     content: "Send privately?";
 292 }
 293
 294 .input_form fieldset fieldset {
 295     width: 300px;
 296 }
 297
 298 .input_form .form_settings label {
 299     display: inline;
 300 }
 301
 302 .input_form .form_settings li input {
 303     width: 292px;
 304 }
 305
 306 .input_form .form_settings li textarea {
 307     width: 292px;
 308 }
 309
 310 .bookmarkform-thumbnail {
 311     display: none;
 312 }
 313
 314 #event-startdate, #event-starttime, #event-enddate, #event-endtime {
 315     width: 120px;
 316     margin-right: 12px;
 317 }
 318
 319 .input_form .form_settings .submit {
 320     font-size: 1em;
 321     margin: 10px 0;
 322     clear: left;
 323     float: left;
 324 }
 325
 326 .form_notice #notice_action-submit {
 327     text-align: center;
 328     left: 0px;
 329     top: 100%;
 330     margin-top: -45px;
 331     width: 80px;
 332     font-size: 1em;
 333 }
 334
 335 #form_notice-direct.form_notice #notice_action-submit {
 336     top: 148px;
 337 }
 338
 339 .threaded-replies {
 340     width: 80%;
 341     margin-left: 59px;
 342 }
 343
 344 #content .notice .threaded-replies .notice {
 345     width: 95%;
 346 }
 347
 348 .threaded-replies .placeholder {
 349     margin: 10px;
 350     width: 92%;
 351 }
 352
 353 .threaded-replies .form_notice {
 354     margin-bottom: 10px;
 355 }
 356
 357 .threaded-replies .form_notice textarea {
 358     width: 220px;
 359 }
 360
 361 .threaded-replies .form_notice .count {
 362     left: 205px;
 363     top: 53px;
 364 }
 365
 366 .threaded-replies .form_notice #notice_action-submit {
 367     position: relative;
 368     top: 0;
 369     bottom: 0px;
 370     left: 0;
 371     margin-top: 10px;
 372 }
 373
 374 .threaded-replies .form_notice .error,
 375 .threaded-replies .form_notice .success,
 376 .threaded-replies .form_notice .notice-status {
 377     width: 210px;
 378 }
 379
 380 .form_settings fieldset {
 381 margin-bottom:7px;
 382 }
 383
 384 .form_settings label {
 385 width:auto;
 386 display:block;
 387 float:none;
 388     text-align: left;
 389 }
 390
 391 .form_settings .form_data li {
 392 margin-bottom:7px;
 393 }
 394
 395 .form_settings .form_data textarea,
 396 .form_settings .form_data select,
 397 .form_settings .form_data input {
 398 margin-left:0;
 399 display:block;
 400 }
 401 .form_settings .form_data textarea {
 402 width:96.41%;
 403 }
 404
 405 .form_settings .form_data label {
 406 float:none;
 407 }
 408
 409 .form_settings .form_data p.form_guide {
 410 width:auto;
 411 margin-left:0 !important;
 412 }
 413
 414 #settings_design_color .form_data {
 415  width: auto;
 416  margin-right: 0;
 417 }
 418
 419 .form_settings input.checkbox, .form_settings input.radio {
 420   left: 0px;
 421 }
 422
 423 .form_settings label.checkbox, .form_settings label.radio {
 424   left: -10px;
 425 }
 426
 427 .notice .addressees:before {
 428     content: '\003E';
 429 }
 430
 431 .user_in .notice div.entry-content {
 432   max-width: 150px;
 433 }
 434
 435 ul.qna-dummy {
 436     width: 80%;
 437 }
 438
 439 .qna-dummy-placeholder input {
 440     width: 92%;
 441 }
 442
 443 .question #qna-answer, .qna-full-question #qna-answer {
 444     width: 220px;
 445 }
 446
 447 .threaded-replies #answer-form fieldset {
 448     width: 220px;
 449 }
 450
 451 .threaded-replies #qna-answer-submit {
 452     float: left;
 453     clear: left;
 454     position: relative;
 455     top: 0;
 456     bottom: 0px;
 457     left: 0;
 458     margin-top: 10px;
 459 }
 460
 461 a.company_logo {
 462     display: none !important;
 463 }