X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=plugins%2FMobileProfile%2Fmp-screen.css;h=0fc801612be9d4848bc4318057c5ea29741d6fef;hb=3172b50fc7eec9a2ae2b27abe5e9ab3e0875558c;hp=28b7f49ab1572a2a2dfe29ab06f76aeaf2329e3f;hpb=e6c4dceb5a39b9f834b37a0d68ea9aa018e15b74;p=quix0rs-gnu-social.git diff --git a/plugins/MobileProfile/mp-screen.css b/plugins/MobileProfile/mp-screen.css index 28b7f49ab1..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%; } @@ -70,13 +109,16 @@ iPhone/iPod Touch, Android, Opera Mini Simulator display:none; } #form_notice #notice_data-attach { -top:auto; -bottom:0; -left:0; -right:auto; -opacity:1; -z-index:9; +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 { @@ -94,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; @@ -109,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 { @@ -119,27 +173,67 @@ 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; } -.notice div.entry-content { +#content .notice .author .photo { +position:static; +float:left; +} +#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; @@ -191,8 +285,6 @@ height:auto; margin-right:5%; } - - #footer { width:96%; padding:2%;