theme/neo-blue/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     padding: 2px 2px 2px 6px;
  32 }
  33
  34 address img + .fn {
  35     display:block;
  36     margin-top: 8px;
  37     clear: left;
  38     float: left;
  39     color: #000;
  40     margin-left: 6px;
  41 }
  42
  43 #site_nav_global_primary {
  44     margin:0;
  45     width: 100%;
  46     padding: 2px 0;
  47     height: auto;
  48     position:absolute;
  49     top:0;
  50     left:0;
  51     font-size: 1em;
  52         letter-spacing: 0em;
  53     border-top: none;
  54     -webkit-border-top-right-radius: 0px;
  55     -moz-border-radius-topright: 0px;
  56     border-top-right-radius: 0px;
  57     height: 24px;
  58     line-height: 16px;
  59 }
  60
  61 #site_nav_global_primary li {
  62     margin-left:0;
  63     margin-right: 2px;
  64     float:left;
  65     font-size:0.9em;
  66     padding: 2px 4px;
  67     line-height: 1em;
  68     height: auto;
  69 }
  70
  71 #site_nav_global_primary li:last-child {
  72     margin-right: 0px;
  73 }
  74
  75 #site_nav_global_primary a {
  76     padding: 2px 4px;
  77     height: 20px;
  78 }
  79
  80 #core {
  81     width: 100%;
  82     border-left: none;
  83     border-right: none;
  84 }
  85
  86 #aside_primary_wrapper {
  87     background: none;
  88 }
  89
  90 #content_wrapper {
  91     right: 0px;
  92     border: none;
  93 }
  94
  95 #site_nav_local_views_wrapper  {
  96     right: 0px;
  97     border: none;
  98 }
  99
 100 #navtoggle {
 101     float: right;
 102     padding: 2px 6px;
 103     text-decoration: none;
 104 }
 105
 106 #site_nav_local_views {
 107     height: auto;
 108     font-size: 1em;
 109     line-height: 2em;
 110     margin-bottom: 0px;
 111     padding: 10px 0px 10px 6px;
 112     background: none;
 113     left: 0px;
 114     width: 100%;
 115     display: none;
 116 }
 117
 118 #site_nav_local_views h3 {
 119     color: #333;
 120     font-size: 1em;
 121     margin-bottom: 0px;
 122     background: none;
 123     text-transform: none;
 124     letter-spacing: 0;
 125     padding-bottom: 0;
 126 }
 127
 128 #site_nav_local_views li {
 129     margin-right: 6px;
 130     margin-bottom: 0px;
 131     clear: left;
 132 }
 133
 134 #site_nav_local_views li li {
 135     float: left;
 136     clear: none;
 137     margin-bottom: 6px;
 138 }
 139
 140 #site_nav_local_views a {
 141     color: #fff;
 142     text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);;
 143     background: #364a84;
 144     background: -moz-linear-gradient(top, #7b8dbb , #364a84);
 145     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7b8dbb), color-stop(100%,#364a84));
 146     font-size: 0.9em;
 147     width: auto;
 148 }
 149
 150 #site_nav_local_views a:hover {
 151     background: #7b8dbb;
 152     background: -moz-linear-gradient(top, #364a84 , #7b8dbb);
 153     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#364a84), color-stop(100%,#7b8dbb));
 154 }
 155
 156 #login #site_nav_local_views, #register #site_nav_local_views, #openidlogin #site_nav_local_views {
 157     display: block;
 158     margin-top: 25px;
 159 }
 160
 161 #login #navtoggle, #register #navtoggle, #openidlogin #navtoggle {
 162     display: none;
 163 }
 164
 165 #login #site_nav_local_views li, #register #site_nav_local_views li, #openidlogin #site_nav_local_views li {
 166     float: left;
 167     clear: none;
 168     margin-bottom: 6px;
 169 }
 170
 171 #content {
 172     width: 96%;
 173     padding: 10px 2%;
 174     margin: 0;
 175     min-height: auto;
 176     left: 0px;
 177 }
 178
 179 #content h1 {
 180     clear: left;
 181 }
 182
 183 #footer {
 184     width: auto;
 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 .user_in .notice div.entry-content {
 431   max-width: 150px;
 432 }
 433
 434 ul.qna-dummy {
 435     width: 80%;
 436 }
 437
 438 .qna-dummy-placeholder input {
 439     width: 92%;
 440 }
 441
 442 .question #qna-answer, .qna-full-question #qna-answer {
 443     width: 220px;
 444 }
 445
 446 .threaded-replies #answer-form fieldset {
 447     width: 220px;
 448 }
 449
 450 .threaded-replies #qna-answer-submit {
 451     float: left;
 452     clear: left;
 453     position: relative;
 454     top: 0;
 455     bottom: 0px;
 456     left: 0;
 457     margin-top: 10px;
 458 }
 459
 460 a.company_logo {
 461     display: none !important;
 462 }