diff --git a/theme/clean/css/mp-screen.css b/theme/clean/css/mp-screen.css index c9fb6dcc4f..d544fcb767 100644 --- a/theme/clean/css/mp-screen.css +++ b/theme/clean/css/mp-screen.css @@ -1,7 +1,191 @@ -/* just a placeholder for now */ +/* mobile style */ + +body { + background-image: none; + min-width: 0; +} + +#wrap { + margin: 0; + padding: 0; + min-width:0; + max-width:100%; +} + +#header { + width: 96%; + padding: 0 2%; + padding-top: 20px; +} + +.user_in #header { + padding-top: 40px; +} + +address { +margin:1em 0 0 0; +float:left; +width:100%; +} address img + .fn { display:block; margin-top:1em; + margin-right: 10px; +clear: left; float:left; } + +#site_nav_global_primary { + margin:0; + width: 98%; + padding: 4px 0; + margin-left: -2%; + height: auto; + position:absolute; + top:0; + left:0; + font-size: 1em; + letter-spacing: 0em; +} + +#site_nav_global_primary li { + margin-left:0; + margin-right:10px; + float:left; + font-size:0.9em; + padding: 2px 4px; + line-height: 1em; +} + +.form_notice { + float: left; + margin-left: -10px; + width: 300px; + padding: 4px; +} + +#form_notice-direct.form_notice { + padding-top: 10px; +} + +.form_notice textarea { + width: 210px; + height: 50px; + padding: 4px; +} + +#notice_text-count { +position:absolute; +bottom:2px; + left: 175px; + font-size: 0.8em; +z-index:9; +} + +#form_notice-direct.form_notice #notice_text-count { + left: 0px; +} + +/*input type=file no good in +iPhone/iPod Touch, Android, Opera Mini Simulator +*/ +.form_notice #notice_text-count + label, +.form_notice label[for="notice_data-attach"] { +display:none; +} +.form_notice #notice_data-attach { +position:static; +clear:both; +width:65%; +height:auto; +display:block; +z-index:9; +padding:0; +margin:0; +background:none; +opacity:1; +} + +.form_notice #notice_action-submit { + text-align: center; + left: 230px; + top: 32px; + width: 70px; + font-size: 0.8em; +} + +#form_notice-direct.form_notice #notice_action-submit { + top: 62px; +} + +#site_nav_local_views { + height: auto; + font-size: 0.9em; + line-height: 2em; + margin-bottom: 0px; + padding-left: 4px; +} + +#site_nav_local_views li { + margin-right: 6px; +} + + +#core { + width: 100%; + margin: 0; +} + +#content { + width: 96%; + padding: 10px 2%; + margin: 0; + min-height: auto; +} + +#footer { + margin: 0; + padding: 10px 4px 4px 4px; +} + + +.form_settings fieldset { +margin-bottom:7px; +} + +.form_settings label { +width:auto; +display:block; +float:none; + text-align: left; +} + +.form_settings .form_data li { +margin-bottom:7px; +} + +.form_settings .form_data textarea, +.form_settings .form_data select, +.form_settings .form_data input { +margin-left:0; +display:block; +} +.form_settings .form_data textarea { +width:96.41%; +} + +.form_settings .form_data label { +float:none; +} + +.form_settings .form_data p.form_guide { +width:auto; +margin-left:0; +} + + +#settings_design_color .form_data { + width: auto; + margin-right: 0; +} diff --git a/theme/shiny/css/mp-screen.css b/theme/shiny/css/mp-screen.css index 85e46c69fd..6a47b8e7f4 100644 --- a/theme/shiny/css/mp-screen.css +++ b/theme/shiny/css/mp-screen.css @@ -45,7 +45,7 @@ float:left; position:absolute; top:0; left:0; - background: #000; + background: #333; font-size: 1em; letter-spacing: 0em; } @@ -63,14 +63,18 @@ float:left; color: #fff !important; } -#form_notice { +.form_notice { float: left; margin-left: -10px; width: 300px; padding: 4px; } -#form_notice textarea { +#form_notice-direct.form_notice { + padding-top: 10px; +} + +.form_notice textarea { width: 210px; height: 50px; padding: 4px; @@ -84,14 +88,18 @@ bottom:2px; z-index:9; } +#form_notice-direct.form_notice #notice_text-count { + left: -185px; +} + /*input type=file no good in iPhone/iPod Touch, Android, Opera Mini Simulator */ -#form_notice #notice_text-count + label, -#form_notice label[for="notice_data-attach"] { +.form_notice #notice_text-count + label, +.form_notice label[for="notice_data-attach"] { display:none; } -#form_notice #notice_data-attach { +.form_notice #notice_data-attach { position:static; clear:both; width:65%; @@ -104,19 +112,23 @@ background:none; opacity:1; } -#form_notice #notice_action-submit { -text-align:center; +.form_notice #notice_action-submit { + text-align: center; left: 230px; top: 34px; width: 70px; font-size: 0.8em; } +#form_notice-direct.form_notice #notice_action-submit { + top: 64px; +} + #site_nav_local_views { position: relative; z-index: 9; float: left; - margin: 0px 10px 2px 0px; + margin: 0px 10px 2px 4px; width: auto; } @@ -131,14 +143,14 @@ text-align:center; float: left; padding: 4px; margin: 0px 10px 10px 0px; - border: none; + border: none !important; font-size: 0.9em; font-weight: normal; letter-spacing: 0em; text-transform: uppercase; color: #f2f2f2 !important; background-color: #444; - text-shadow: 0px 1px 0px rgba(0,0,0,0.8); + text-shadow: none; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; @@ -159,9 +171,9 @@ text-align:center; background: none; display: inline; color: #4d4d4d !important; - box-shadow: 1px 1px 1px rgba(0,0,0,0.5); - -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.5); - -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.5); + box-shadow: none; + -moz-box-shadow: none; + -webkit-box-shadow: none; border-bottom: 1px solid #fff; text-shadow: 1px 1px 0px rgba(0,0,0,0.2); background-color: #e2e2e2; @@ -178,9 +190,53 @@ text-align:center; padding: 10px 2%; margin: 0; min-height: auto; + border-radius-topright: 4px; + -moz-border-radius-topright: 4px; + -webkit-border-top-right-radius: 4px; } #footer { - margin: 10px 0px 0px 0px; - padding: 4px; + margin: 0; + padding: 10px 4px 4px 4px; +} + + +.form_settings fieldset { +margin-bottom:7px; +} + +.form_settings label { +width:auto; +display:block; +float:none; + text-align: left; +} + +.form_settings .form_data li { +margin-bottom:7px; +} + +.form_settings .form_data textarea, +.form_settings .form_data select, +.form_settings .form_data input { +margin-left:0; +display:block; +} +.form_settings .form_data textarea { +width:96.41%; +} + +.form_settings .form_data label { +float:none; +} + +.form_settings .form_data p.form_guide { +width:auto; +margin-left:0; +} + + +#settings_design_color .form_data { + width: auto; + margin-right: 0; }