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     margin: 0;
 186     padding: 10px 4px 4px 4px;
 187 }
 188
 189 .input_forms {
 190     display: block;
 191     width: 102%;
 192     top: -10px;
 193     left: -2%;
 194     padding-left: 2%;
 195     padding-right: 0;
 196 }
 197
 198 #input_form_nav li a {
 199     padding: 0px 4px 1px 4px;
 200     margin-right: 6px;
 201 }
 202
 203 .input_form {
 204     clear: left;
 205     width: 100%;
 206     padding-bottom: 0px;
 207 }
 208
 209 #input_form_status, #input_form_direct {
 210     padding-bottom: 40px;
 211 }
 212
 213 .form_notice_placeholder .placeholder {
 214     width: 290px;
 215     margin-bottom: 20px;
 216 }
 217
 218 .form_notice {
 219     float: left;
 220     margin-left: 0px;
 221     width: 300px;
 222     padding: 4px 0px;
 223 }
 224
 225 #form_notice-direct.form_notice {
 226     padding-top: 0px;
 227 }
 228
 229 .form_notice textarea, #form_notice-direct.form_notice textarea {
 230     width: 292px;
 231     height: 36px;
 232     padding: 4px 4px 16px 4px;
 233     font-size: 1em;
 234 }
 235
 236 .form_notice .count {
 237     position: absolute;
 238     top: 44px;
 239     left: 270px;
 240 }
 241
 242 #form_notice-direct.form_notice .count {
 243     top: 70px;
 244     left: 270px;
 245 }
 246
 247 .form_notice .error,
 248 .form_notice .success,
 249 .form_notice .notice-status {
 250     width: 285px;
 251 }
 252
 253
 254 /*input type=file no good in
 255 iPhone/iPod Touch, Android, Opera Mini Simulator
 256 */
 257
 258 .form_notice .notice_data-attach, .form_notice .notice_data-geo_wrap label, .form_notice .notice_data-geo_wrap input {
 259     display:none;
 260 }
 261
 262 .checkbox-wrapper {
 263     margin-left: 0px;
 264     clear: left;
 265     float: left;
 266     width: 200px;
 267     z-index: 2;
 268 }
 269
 270 .form_notice .checkbox-wrapper {
 271     display: inline;
 272     margin-left: 0px;
 273 }
 274
 275 .checkbox-wrapper label.checkbox {
 276     display: none !important;
 277 }
 278
 279 .checkbox-wrapper #notice_private {
 280     display: inline;
 281     margin-top: 10px;
 282     margin-left: 20px;
 283 }
 284
 285 .form_notice .checkbox-wrapper #notice_private {
 286     margin-left: 0px;
 287 }
 288
 289 .checkbox-wrapper:before {
 290     content: "Send privately?";
 291 }
 292
 293 .input_form fieldset fieldset {
 294     width: 300px;
 295 }
 296
 297 .input_form .form_settings label {
 298     display: inline;
 299 }
 300
 301 .input_form .form_settings li input {
 302     width: 292px;
 303 }
 304
 305 .input_form .form_settings li textarea {
 306     width: 292px;
 307 }
 308
 309 .bookmarkform-thumbnail {
 310     display: none;
 311 }
 312
 313 #event-startdate, #event-starttime, #event-enddate, #event-endtime {
 314     width: 120px;
 315     margin-right: 12px;
 316 }
 317
 318 .input_form .form_settings .submit {
 319     font-size: 1em;
 320     margin: 10px 0;
 321     clear: left;
 322     float: left;
 323 }
 324
 325 .form_notice #notice_action-submit {
 326     text-align: center;
 327     left: 0px;
 328     top: 100%;
 329     margin-top: -45px;
 330     width: 80px;
 331     font-size: 1em;
 332 }
 333
 334 #form_notice-direct.form_notice #notice_action-submit {
 335     top: 148px;
 336 }
 337
 338 .threaded-replies {
 339     width: 80%;
 340     margin-left: 59px;
 341 }
 342
 343 #content .notice .threaded-replies .notice {
 344     width: 95%;
 345 }
 346
 347 .threaded-replies .placeholder {
 348     margin: 10px;
 349     width: 92%;
 350 }
 351
 352 .threaded-replies .form_notice {
 353     margin-bottom: 10px;
 354 }
 355
 356 .threaded-replies .form_notice textarea {
 357     width: 220px;
 358 }
 359
 360 .threaded-replies .form_notice .count {
 361     left: 205px;
 362     top: 53px;
 363 }
 364
 365 .threaded-replies .form_notice #notice_action-submit {
 366     position: relative;
 367     top: 0;
 368     bottom: 0px;
 369     left: 0;
 370     margin-top: 10px;
 371 }
 372
 373 .threaded-replies .form_notice .error,
 374 .threaded-replies .form_notice .success,
 375 .threaded-replies .form_notice .notice-status {
 376     width: 210px;
 377 }
 378
 379 .form_settings fieldset {
 380 margin-bottom:7px;
 381 }
 382
 383 .form_settings label {
 384 width:auto;
 385 display:block;
 386 float:none;
 387     text-align: left;
 388 }
 389
 390 .form_settings .form_data li {
 391 margin-bottom:7px;
 392 }
 393
 394 .form_settings .form_data textarea,
 395 .form_settings .form_data select,
 396 .form_settings .form_data input {
 397 margin-left:0;
 398 display:block;
 399 }
 400 .form_settings .form_data textarea {
 401 width:96.41%;
 402 }
 403
 404 .form_settings .form_data label {
 405 float:none;
 406 }
 407
 408 .form_settings .form_data p.form_guide {
 409 width:auto;
 410 margin-left:0 !important;
 411 }
 412
 413 #settings_design_color .form_data {
 414  width: auto;
 415  margin-right: 0;
 416 }
 417
 418 .form_settings input.checkbox, .form_settings input.radio {
 419   left: 0px;
 420 }
 421
 422 .form_settings label.checkbox, .form_settings label.radio {
 423   left: -10px;
 424 }
 425
 426 .notice .addressees:before {
 427     content: '\003E';
 428 }
 429
 430 .notice .addressees:empty {
 431     display: none;
 432 }
 433
 434 .user_in .notice div.entry-content {
 435   max-width: 150px;
 436 }
 437
 438 ul.qna-dummy {
 439     width: 80%;
 440 }
 441
 442 .qna-dummy-placeholder input {
 443     width: 92%;
 444 }
 445
 446 .question #qna-answer, .qna-full-question #qna-answer {
 447     width: 220px;
 448 }
 449
 450 .threaded-replies #answer-form fieldset {
 451     width: 220px;
 452 }
 453
 454 .threaded-replies #qna-answer-submit {
 455     float: left;
 456     clear: left;
 457     position: relative;
 458     top: 0;
 459     bottom: 0px;
 460     left: 0;
 461     margin-top: 10px;
 462 }