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 }
 124
 125 #site_nav_local_views li {
 126     margin-right: 6px;
 127     margin-bottom: 0px;
 128     clear: left;
 129 }
 130
 131 #site_nav_local_views li li {
 132     float: left;
 133     clear: none;
 134     margin-bottom: 6px;
 135 }
 136
 137 #site_nav_local_views a {
 138     color: #fff;
 139     text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);;
 140     background: #364a84;
 141     background: -moz-linear-gradient(top, #7b8dbb , #364a84);
 142     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7b8dbb), color-stop(100%,#364a84));
 143     font-size: 0.9em;
 144     width: auto;
 145 }
 146
 147 #site_nav_local_views a:hover {
 148     background: #7b8dbb;
 149     background: -moz-linear-gradient(top, #364a84 , #7b8dbb);
 150     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#364a84), color-stop(100%,#7b8dbb));
 151 }
 152
 153 #login #site_nav_local_views, #register #site_nav_local_views, #openidlogin #site_nav_local_views {
 154     display: block;
 155     margin-top: 25px;
 156 }
 157
 158 #login #navtoggle, #register #navtoggle, #openidlogin #navtoggle {
 159     display: none;
 160 }
 161
 162 #login #site_nav_local_views li, #register #site_nav_local_views li, #openidlogin #site_nav_local_views li {
 163     float: left;
 164     clear: none;
 165     margin-bottom: 6px;
 166 }
 167
 168 #content {
 169     width: 96%;
 170     padding: 10px 2%;
 171     margin: 0;
 172     min-height: auto;
 173     left: 0px;
 174 }
 175
 176 #content h1 {
 177     clear: left;
 178 }
 179
 180 #footer {
 181     margin: 0;
 182     padding: 10px 4px 4px 4px;
 183 }
 184
 185 .input_forms {
 186     display: block;
 187     width: 102%;
 188     top: -10px;
 189     left: -2%;
 190     padding-left: 2%;
 191     padding-right: 0;
 192 }
 193
 194 #input_form_nav li a {
 195     padding: 0px 4px 1px 4px;
 196     margin-right: 6px;
 197 }
 198
 199 .input_form {
 200     clear: left;
 201     width: 100%;
 202     padding-bottom: 0px;
 203 }
 204
 205 #input_form_status, #input_form_direct {
 206     padding-bottom: 40px;
 207 }
 208
 209 .form_notice_placeholder .placeholder {
 210     width: 290px;
 211     margin-bottom: 20px;
 212 }
 213
 214 .form_notice {
 215     float: left;
 216     margin-left: 0px;
 217     width: 300px;
 218     padding: 4px 0px;
 219 }
 220
 221 #form_notice-direct.form_notice {
 222     padding-top: 0px;
 223 }
 224
 225 .form_notice textarea, #form_notice-direct.form_notice textarea {
 226     width: 292px;
 227     height: 36px;
 228     padding: 4px 4px 16px 4px;
 229     font-size: 1em;
 230 }
 231
 232 .form_notice .count {
 233     position: absolute;
 234     top: 44px;
 235     left: 270px;
 236 }
 237
 238 #form_notice-direct.form_notice .count {
 239     top: 70px;
 240     left: 270px;
 241 }
 242
 243
 244 /*input type=file no good in
 245 iPhone/iPod Touch, Android, Opera Mini Simulator
 246 */
 247
 248 .form_notice .notice_data-attach, .form_notice .notice_data-geo_wrap label, .form_notice .notice_data-geo_wrap input {
 249     display:none;
 250 }
 251
 252 .checkbox-wrapper {
 253     margin-left: 0px;
 254     clear: left;
 255     float: left;
 256     width: 200px;
 257 }
 258
 259 .form_notice .checkbox-wrapper {
 260     display: inline;
 261     margin-left: 0px;
 262 }
 263
 264 .checkbox-wrapper label.checkbox {
 265     display: none;
 266 }
 267
 268 .checkbox-wrapper #notice_private {
 269     display: inline;
 270     margin-top: 10px;
 271     margin-left: 20px;
 272 }
 273
 274 .form_notice .checkbox-wrapper #notice_private {
 275     margin-left: 0px;
 276 }
 277
 278 .checkbox-wrapper:before {
 279     content: "Send privately?";
 280 }
 281
 282 .input_form fieldset fieldset {
 283     width: 300px;
 284 }
 285
 286 .input_form .form_settings li input {
 287     width: 292px;
 288 }
 289
 290 .input_form .form_settings li textarea {
 291     width: 292px;
 292 }
 293
 294 .bookmarkform-thumbnail {
 295     display: none;
 296 }
 297
 298 .input_form .form_settings .submit {
 299     font-size: 1em;
 300     margin: 10px 0;
 301     clear: left;
 302     float: left;
 303 }
 304
 305 .form_notice #notice_action-submit {
 306     text-align: center;
 307     left: 0px;
 308     top: 192px;
 309     width: 80px;
 310     font-size: 1em;
 311 }
 312
 313 #form_notice-direct.form_notice #notice_action-submit {
 314     top: 148px;
 315 }
 316
 317 .threaded-replies {
 318     width: 80%;
 319     margin-left: 59px;
 320 }
 321
 322 #content .notice .threaded-replies .notice {
 323     width: 95%;
 324 }
 325
 326 .threaded-replies .placeholder {
 327     margin: 10px;
 328     width: 92%;
 329 }
 330
 331 .threaded-replies .form_notice {
 332     margin-bottom: 10px;
 333 }
 334
 335 .threaded-replies .form_notice textarea {
 336     width: 220px;
 337 }
 338
 339 .threaded-replies .form_notice .count {
 340     left: 205px;
 341     top: 53px;
 342 }
 343
 344 .threaded-replies .form_notice #notice_action-submit {
 345     position: relative;
 346     top: 0;
 347     bottom: 0px;
 348     left: 0;
 349     margin-top: 10px;
 350 }
 351
 352 .threaded-replies .form_notice .error,
 353 .threaded-replies .form_notice .success,
 354 .threaded-replies .form_notice .notice-status {
 355     width: 210px;
 356 }
 357
 358 .form_settings fieldset {
 359 margin-bottom:7px;
 360 }
 361
 362 .form_settings label {
 363 width:auto;
 364 display:block;
 365 float:none;
 366     text-align: left;
 367 }
 368
 369 .form_settings .form_data li {
 370 margin-bottom:7px;
 371 }
 372
 373 .form_settings .form_data textarea,
 374 .form_settings .form_data select,
 375 .form_settings .form_data input {
 376 margin-left:0;
 377 display:block;
 378 }
 379 .form_settings .form_data textarea {
 380 width:96.41%;
 381 }
 382
 383 .form_settings .form_data label {
 384 float:none;
 385 }
 386
 387 .form_settings .form_data p.form_guide {
 388 width:auto;
 389 margin-left:0 !important;
 390 }
 391
 392 #settings_design_color .form_data {
 393  width: auto;
 394  margin-right: 0;
 395 }
 396
 397 .form_settings input.checkbox, .form_settings input.radio {
 398   left: 0px;
 399 }
 400
 401 .form_settings label.checkbox, .form_settings label.radio {
 402   left: -10px;
 403 }
 404
 405 .notice .addressees:before {
 406     content: '\003E';
 407 }
 408
 409 .notice .addressees:empty:before {
 410     content: none;
 411 }
 412
 413 .user_in .notice div.entry-content {
 414   max-width: 150px;
 415 }
 416
 417 ul.qna-dummy {
 418     width: 80%;
 419 }
 420
 421 .qna-dummy-placeholder input {
 422     width: 92%;
 423 }
 424
 425 .question #qna-answer, .qna-full-question #qna-answer {
 426     width: 220px;
 427 }
 428
 429 .threaded-replies #qna-answer-submit {
 430     float: left;
 431     clear: left;
 432     position: relative;
 433     top: 0;
 434     bottom: 0px;
 435     left: 0;
 436     margin-top: 10px;
 437 }