diff --git a/theme/neo/css/mp-screen.css b/theme/neo/css/mp-screen.css index 1b7480ecaf..559e71ce00 100644 --- a/theme/neo/css/mp-screen.css +++ b/theme/neo/css/mp-screen.css @@ -10,36 +10,41 @@ body { padding: 0; min-width:0; max-width:100%; + width: auto; + border: none; } #header { - width: 96%; - padding: 0 2%; - padding-top: 20px; -} - -.user_in #header { - padding-top: 40px; + width: 100%; + padding: 0; } address { -margin:1em 0 0 0; -float:left; -width:100%; + float:left; + margin: 0px; + width: auto; + left: 0px; +} + +address img { + float: left; + background: #fff; + padding: 2px 2px 2px 6px; } address img + .fn { -display:block; -margin-top:1em; - margin-right: 10px; -clear: left; -float:left; + display:block; + margin-top: 8px; + clear: left; + float: left; + color: #000; + margin-left: 6px; } #site_nav_global_primary { margin:0; width: 100%; - padding: 4px 0; + padding: 2px 0; height: auto; position:absolute; top:0; @@ -47,11 +52,16 @@ float:left; font-size: 1em; letter-spacing: 0em; border-top: none; + -webkit-border-top-right-radius: 0px; + -moz-border-radius-topright: 0px; + border-top-right-radius: 0px; + height: 24px; + line-height: 16px; } #site_nav_global_primary li { margin-left:0; - margin-right:0px; + margin-right: 2px; float:left; font-size:0.9em; padding: 2px 4px; @@ -59,96 +69,100 @@ float:left; height: auto; } -#site_nav_global_primary li a { - height: auto; +#site_nav_global_primary li:last-child { + margin-right: 0px; } -.form_notice { - float: left; - margin-left: 0px; - 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 input.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; - background: none; -} - -#site_nav_local_views li { - margin-right: 6px; -} - -#site_nav_local_views a { - background-color: #7080aa; - -webkit-border-radius: 6px; - -moz-border-radius: 6px; - border-radius: 6px; - margin-right: 2px; - margin-bottom: 2px; +#site_nav_global_primary a { + padding: 2px 4px; + height: 20px; } #core { width: 100%; - margin: 0; + border-left: none; + border-right: none; +} + +#aside_primary_wrapper { + background: none; +} + +#content_wrapper { + right: 0px; + border: none; +} + +#site_nav_local_views_wrapper { + right: 0px; + border: none; +} + +#navtoggle { + float: right; + padding: 2px 6px; + text-decoration: none; +} + +#site_nav_local_views { + height: auto; + font-size: 1em; + line-height: 2em; + margin-bottom: 0px; + padding: 10px 0px 10px 6px; + background: none; + left: 0px; + width: 100%; + display: none; +} + +#site_nav_local_views h3 { + color: #333; + font-size: 1em; + margin-bottom: 0px; +} + +#site_nav_local_views li { + margin-right: 6px; + margin-bottom: 0px; + clear: left; +} + +#site_nav_local_views li li { + float: left; + clear: none; + margin-bottom: 6px; +} + +#site_nav_local_views a { + color: #fff; + text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);; + background: #364a84; + background: -moz-linear-gradient(top, #7b8dbb , #364a84); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7b8dbb), color-stop(100%,#364a84)); + font-size: 0.9em; + width: auto; +} + +#site_nav_local_views a:hover { + background: #7b8dbb; + background: -moz-linear-gradient(top, #364a84 , #7b8dbb); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#364a84), color-stop(100%,#7b8dbb)); +} + +#login #site_nav_local_views, #register #site_nav_local_views, #openidlogin #site_nav_local_views { + display: block; + margin-top: 25px; +} + +#login #navtoggle, #register #navtoggle, #openidlogin #navtoggle { + display: none; +} + +#login #site_nav_local_views li, #register #site_nav_local_views li, #openidlogin #site_nav_local_views li { + float: left; + clear: none; + margin-bottom: 6px; } #content { @@ -156,6 +170,11 @@ opacity:1; padding: 10px 2%; margin: 0; min-height: auto; + left: 0px; +} + +#content h1 { + clear: left; } #footer { @@ -163,6 +182,178 @@ opacity:1; padding: 10px 4px 4px 4px; } +.input_forms { + display: block; + width: 102%; + top: -10px; + left: -2%; + padding-left: 2%; + padding-right: 0; +} + +#input_form_nav li a { + padding: 0px 4px 1px 4px; + margin-right: 6px; +} + +.input_form { + clear: left; + width: 100%; + padding-bottom: 0px; +} + +#input_form_status, #input_form_direct { + padding-bottom: 40px; +} + +.form_notice_placeholder .placeholder { + width: 290px; + margin-bottom: 20px; +} + +.form_notice { + float: left; + margin-left: 0px; + width: 300px; + padding: 4px 0px; +} + +#form_notice-direct.form_notice { + padding-top: 0px; +} + +.form_notice textarea, #form_notice-direct.form_notice textarea { + width: 292px; + height: 36px; + padding: 4px 4px 16px 4px; + font-size: 1em; +} + +.form_notice .count { + position: absolute; + top: 44px; + left: 270px; +} + +#form_notice-direct.form_notice .count { + top: 70px; + left: 270px; +} + + +/*input type=file no good in +iPhone/iPod Touch, Android, Opera Mini Simulator +*/ + +.form_notice .notice_data-attach, .form_notice .notice_data-geo_wrap label, .form_notice .notice_data-geo_wrap input { + display:none; +} + +.checkbox-wrapper { + margin-left: 0px; + clear: left; + float: left; + width: 200px; +} + +.form_notice .checkbox-wrapper { + display: inline; + margin-left: 0px; +} + +.checkbox-wrapper label.checkbox { + display: none; +} + +.checkbox-wrapper #notice_private { + display: inline; + margin-top: 10px; + margin-left: 20px; +} + +.form_notice .checkbox-wrapper #notice_private { + margin-left: 0px; +} + +.checkbox-wrapper:before { + content: "Send privately?"; +} + +.input_form fieldset fieldset { + width: 300px; +} + +.input_form .form_settings li input { + width: 292px; +} + +.input_form .form_settings li textarea { + width: 292px; +} + +.bookmarkform-thumbnail { + display: none; +} + +.input_form .form_settings .submit { + font-size: 1em; + margin: 10px 0; + clear: left; + float: left; +} + +.form_notice #notice_action-submit { + text-align: center; + left: 0px; + top: 192px; + width: 80px; + font-size: 1em; +} + +#form_notice-direct.form_notice #notice_action-submit { + top: 148px; +} + +.threaded-replies { + width: 80%; + margin-left: 59px; +} + +#content .notice .threaded-replies .notice { + width: 95%; +} + +.threaded-replies .placeholder { + margin: 10px; + width: 92%; +} + +.threaded-replies .form_notice { + margin-bottom: 10px; +} + +.threaded-replies .form_notice textarea { + width: 220px; +} + +.threaded-replies .form_notice .count { + left: 205px; + top: 53px; +} + +.threaded-replies .form_notice #notice_action-submit { + position: relative; + top: 0; + bottom: 0px; + left: 0; + margin-top: 10px; +} + +.threaded-replies .form_notice .error, +.threaded-replies .form_notice .success, +.threaded-replies .form_notice .notice-status { + width: 210px; +} .form_settings fieldset { margin-bottom:7px; @@ -195,10 +386,52 @@ float:none; .form_settings .form_data p.form_guide { width:auto; -margin-left:0; +margin-left:0 !important; } #settings_design_color .form_data { width: auto; margin-right: 0; } + +.form_settings input.checkbox, .form_settings input.radio { + left: 0px; +} + +.form_settings label.checkbox, .form_settings label.radio { + left: -10px; +} + +.notice .addressees:before { + content: '\003E'; +} + +.notice .addressees:empty:before { + content: none; +} + +.user_in .notice div.entry-content { + max-width: 150px; +} + +ul.qna-dummy { + width: 80%; +} + +.qna-dummy-placeholder input { + width: 92%; +} + +.question #qna-answer, .qna-full-question #qna-answer { + width: 220px; +} + +.threaded-replies #qna-answer-submit { + float: left; + clear: left; + position: relative; + top: 0; + bottom: 0px; + left: 0; + margin-top: 10px; +} diff --git a/theme/neo/mobilelogo.png b/theme/neo/mobilelogo.png index 781e79578c..cd2e0e7f16 100644 Binary files a/theme/neo/mobilelogo.png and b/theme/neo/mobilelogo.png differ