X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=plugins%2FMobileProfile%2Fmp-screen.css;h=0fc801612be9d4848bc4318057c5ea29741d6fef;hb=3172b50fc7eec9a2ae2b27abe5e9ab3e0875558c;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..0fc801612b 100644 --- a/plugins/MobileProfile/mp-screen.css +++ b/plugins/MobileProfile/mp-screen.css @@ -1,5 +1,11 @@ -@import url(../../theme/base/css/display.css); -@import url(../../theme/identica/css/display.css); +/** theme: mobile profile screen + * + * @package StatusNet + * @author Sarven Capadisli + * @copyright 2009 StatusNet, Inc. + * @license http://www.fsf.org/licensing/licenses/agpl-3.0.html GNU Affero General Public License version 3.0 + * @link http://status.net/ + */ #wrap { min-width:0; @@ -8,12 +14,14 @@ max-width:100%; #header { margin:0; -padding:2%; +padding:0.7em 2%; width:96%; } address { -margin:4% 0 0 0; +margin:1em 0 0 0; +float:left; +width:100%; } address .vcard .photo { margin-right:0; @@ -21,8 +29,8 @@ margin-right:0; address img + .fn { display:block; -margin-top:8%; -width:100%; +margin-top:1em; +float:left; } .vcard .photo { @@ -30,6 +38,38 @@ margin-right:7px; } +.form_settings fieldset { +margin-bottom:7px; +} + +.form_settings label { +width:auto; +display:block; +float:none; +} +.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; +} + #site_nav_global_primary { margin:0; width:100%; @@ -40,12 +80,11 @@ left:0; } #site_nav_global_primary li { margin-left:0; -margin-right:2%; +margin-right:4%; float:left; font-size:0.9em; } - #form_notice { width:100%; } @@ -66,16 +105,25 @@ z-index:9; iPhone/iPod Touch, Android, Opera Mini Simulator */ #form_notice #notice_text-count + label, -#form_notice label[for="notice_data-attach"], +#form_notice label[for="notice_data-attach"] { +display:none; +} #form_notice #notice_data-attach { -top:0; -/*right:28%; Looks good but no good in iDevice, Android*/ -right:40%; +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 { width:20%; -right:4%; +right:2%; text-align:center; } @@ -88,8 +136,9 @@ margin-right:0; margin-left:0; } #site_nav_local_views a { -padding:0; +padding:1px 3px; display:block; +font-size:0.9em; } #site_nav_local_views .current a { text-shadow:none; @@ -103,6 +152,17 @@ box-shadow:none; #content { width:96.41%; +min-height:auto; +} +#content, +#site_nav_local_views a, +#aside_primary { +border:0; +} + +.instructions p, +.instructions ul { +margin-bottom:4px; } h1 { @@ -113,19 +173,117 @@ margin-bottom:0; .profile { padding-top:4px; padding-bottom:4px; +min-height:65px; } -.notice .entry-title { - +#content .notice .entry-title { +float:left; +width:100%; +margin-left:0; +} +#content .notice .author .photo { +position:static; +float:left; } -.notice div.entry-content { +#content .notice div.entry-content { margin-left:0; width:75%; +max-width:100%; +min-width:0; } .notice-options { -width:70px; -margin-right:2%; +width:43px; +margin-right:1%; +} + +.notice-options form { +width:16px; +height:16px; +} +.notice-options form.processing { +background-image:none; +} +#wrap .notice-options form.processing input.submit { +background-position:0 47%; } +.notice .notice-options a, +.notice .notice-options input { +box-shadow:none; +-moz-box-shadow:none; +-webkit-box-shadow:none; +} +.notice .notice-options a, +.notice .notice-options form { +margin:-4px 0 0 0; +} +.notice .notice-options .form_repeat, +.notice .notice-options .notice_delete { +margin-top:11px; +} +.notice .notice-options .form_favor, +.notice .notice-options .form_disfavor, +.notice .notice-options .form_repeat { +margin-right:11px; +} + +.notice .notice-options .notice_delete { +float:left; +} + +.entity_profile { +width:auto; +} + +.entity_actions { +margin-right:0; +margin-left:0; +clear:both; +float:none; +width:100%; +max-width:9999px; +} + +.entity_profile { +margin-bottom:7px; +min-height:0; +} + +.entity_profile .entity_fn, +.entity_profile .entity_nickname, +.entity_profile .entity_location, +.entity_profile .entity_url, +.entity_profile .entity_note, +.entity_profile .entity_tags, +.entity_profile .entity_aliases { +line-height:1.4; +margin-left:0; +} + +.entity_profile .entity_depiction { +margin-bottom:1%; +margin-right:7px; +} + +.entity_actions { +margin-bottom:1%; +float:left; +width:100%; +} + +.entity_actions li { +float:left; +margin-right:1.5%; +margin-bottom:0; +height:29px; +width:40%; +} + +.user_in .entity_actions .entity_subscribe { +margin-bottom:47px; +width:auto; +height:auto; +margin-right:5%; +} #footer { width:96%;