de-IDifying labels in notice form to fix issue with geo pin activating the wrong...

[quix0rs-gnu-social.git] / plugins / MobileProfile / mp-screen.css

diff --git a/plugins/MobileProfile/mp-screen.css b/plugins/MobileProfile/mp-screen.css
index 28b7f49ab1572a2a2dfe29ab06f76aeaf2329e3f..d82486182a42ed2122a68203fd0916d4ecfea16b 100644 (file)
--- 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 <csarven@status.net>
+ * @copyright 2009-2010 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%;
 }
@@ -55,7 +94,7 @@ width:60%;
 height:20px;
 }
 
-#notice_text-count {
+.form_notice .count {
 position:absolute;
 bottom:2px;
 right:40%;
@@ -65,21 +104,24 @@ z-index:9;
 /*input type=file no good in
 iPhone/iPod Touch, Android, Opera Mini Simulator
 */
-#form_notice #notice_text-count + label,
+.form_notice .count + label,
 #form_notice label[for="notice_data-attach"] {
 display:none;
 }
-#form_notice #notice_data-attach {
-top:auto;
-bottom:0;
-left:0;
-right:auto;
-opacity:1;
-z-index:9;
+#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 {
+#form_notice .submit {
 width:20%;
 right:2%;
 text-align:center;
@@ -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,63 @@ 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.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 +281,6 @@ height:auto;
 margin-right:5%;
 }
 
-
-
 #footer {
 width:96%;
 padding:2%;