X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=plugins%2FMobileProfile%2Fmp-screen.css;h=7a5a616f8cf7dfc81f1dab21e0ab71b37072a635;hb=414a95a784294d63f4c636ef17e468db9428a446;hp=9b42149c0509f5ecc6f285bbabaafe1873935e30;hpb=8513ce94d29f03b18ccc06071144b0d50b3c6205;p=quix0rs-gnu-social.git diff --git a/plugins/MobileProfile/mp-screen.css b/plugins/MobileProfile/mp-screen.css index 9b42149c05..7a5a616f8c 100644 --- a/plugins/MobileProfile/mp-screen.css +++ b/plugins/MobileProfile/mp-screen.css @@ -1,134 +1,357 @@ -@import url(../../theme/base/css/display.css); -@import url(../../theme/identica/css/display.css); - #wrap { -min-width:0; -max-width:100%; + margin: 0; + padding: 0; + min-width:0; + max-width:100%; + width: auto; + border: none; } #header { -margin:0; -padding:2%; -width:96%; + width: 100%; } address { -margin:4% 0 0 0; + margin: 1px 0 0; + height: 24px; } -address .vcard .photo { -margin-right:0; + +address img { + float: left; + background: #fff; + padding: 2px 2px 2px 6px; } address img + .fn { -display:block; -margin-top:8%; -width:100%; + display:block; + margin-top: 8px; + clear: left; + float: left; + color: #000; + margin-left: 6px; } -.vcard .photo { -margin-right:7px; +#site_nav_global_primary { + width: 100%; + padding: 2px 0; + height: auto; + left:0; } +#site_nav_global_primary li { + margin-right: 4px; +} -#site_nav_global_primary { -margin:0; -width:100%; -list-style-type:none; -position:absolute; -top:0; -left:0; +#site_nav_global_primary li:last-child { + margin-right: 0px; } -#site_nav_global_primary li { -margin-left:0; -margin-right:2%; -float:left; -font-size:0.9em; + +#site_nav_global_primary a { + padding: 2px 4px; +} + +#core { + width: 100%; + 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 { + margin-bottom: 0px; + padding: 10px 0px 10px 6px; + left: 0px; + width: 100%; + display: none; +} + +#site_nav_local_views h3 { + font-size: 1em; + margin-bottom: 0px; +} + +#site_nav_local_views li { + margin: 0 6px 0 0; + clear: left; +} + +#site_nav_local_views li li { + float: left; + clear: none; + margin: 0 10px 6px 0; +} + +#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: 0 10px 6px 0; +} + +#content { + width: 96%; + padding: 10px 2%; + min-height: auto; + left: 0px; +} + +#content h1 { + clear: left; +} + +#footer { + width: auto; + padding: 10px 4px 4px 4px; +} + +.input_forms { + width: 102%; + left: -2%; + padding-left: 2%; +} -#form_notice { -width:100%; +#input_form_nav li a { + margin-right: 6px; } -#form_notice textarea { -width:60%; -height:20px; +.input_form { + clear: left; + width: 100%; + padding-bottom: 0px; } -#notice_text-count { -position:absolute; -bottom:2px; -right:40%; -z-index:9; +#input_form_status, #input_form_direct { + padding-bottom: 40px; } +.form_notice_placeholder .placeholder { + width: 290px; + margin-bottom: 20px; +} + +.form_notice { + float: left; + 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: 46px; + left: 278px; +} + +#form_notice-direct.form_notice .count { + top: 76px; + left: 278px; +} + +.form_notice .error, +.form_notice .success, +.form_notice .notice-status { + width: 285px; +} + + /*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_data-attach { -top:0; -/*right:28%; Looks good but no good in iDevice, Android*/ -right:40%; + +.form_notice .notice_data-attach, .form_notice .notice_data-geo_wrap label, .form_notice .notice_data-geo_wrap input { + display:none; } -#form_notice #notice_action-submit { -width:20%; -right:4%; -text-align:center; +.checkbox-wrapper { + margin-left: 0px; + clear: left; + float: left; + width: 200px; + z-index: 2; } +.form_notice .checkbox-wrapper { + margin-left: 0px; +} -#site_nav_local_views li { -margin-left:0; -margin-right:0; +.checkbox-wrapper label.checkbox { + display: none !important; } -#site_nav_local_views li:first-child { -margin-left:0; + +.checkbox-wrapper #notice_private { + display: inline; + margin-top: 10px; + margin-left: 20px; } -#site_nav_local_views a { -padding:0; -display:block; + +.form_notice .checkbox-wrapper #notice_private { + margin-left: 0px; } -#site_nav_local_views .current a { -text-shadow:none; + +.checkbox-wrapper:before { + content: "Send privately?"; } -#site_nav_local_views li { --moz-box-shadow:none; --webkit-box-shadow:none; -box-shadow:none; + +.input_form .form_settings fieldset fieldset { + width: 300px; } +.input_form .form_settings label { + display: inline; +} -#content { -width:96.41%; +label[for=blog-entry-content] { + display: none !important; +} + +.input_form .form_settings li input { + width: 292px; } -h1 { -margin-bottom:0; +.input_form .form_settings li textarea { + width: 292px; } -.notice, -.profile { -padding-top:4px; -padding-bottom:4px; +.bookmarkform-thumbnail { + display: none; } -.notice .entry-title { +.input_form .form_settings .submit { + margin: 10px 0; + clear: left; + float: left; } -.notice div.entry-content { -margin-left:0; -width:75%; + +.form_notice input.submit { + margin-top: -45px; + width: 80px; } -.notice-options { -width:70px; -margin-right:2%; + +#form_notice-direct.form_notice #notice_action-submit { + top: 148px; } +.threaded-replies { + width: 80%; +} -#footer { -width:96%; -padding:2%; +#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: 215px; + top: 55px; } +.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; +} + +.form_settings label { + width: auto; + display: block; + text-align: left; +} + +.form_settings .form_data li { + margin-bottom: 10px; +} + +.form_settings .form_data textarea, +.form_settings .form_data select, +.form_settings .form_data input { + margin-left: 0; +} + +.form_settings .form_data textarea { + width: 98%; +} + +.form_settings .form_data label { + float: none; +} + +.form_settings .form_data p.form_guide { + margin-left: 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'; +} + +.user_in .notice div.e-content { + max-width: 150px; +}