Merge branch '0.9.x' of git@gitorious.org:statusnet/mainline into 0.9.x

[quix0rs-gnu-social.git] / theme / base / css / mobile.css

diff --git a/theme/base/css/mobile.css b/theme/base/css/mobile.css
index 6cd717a4df156e3705e5e1d25599b51f5e7bfacb..f6c53ea8dcd035977e179e688ebf184e2fdb4f56 100644 (file)
--- a/theme/base/css/mobile.css
+++ b/theme/base/css/mobile.css
@@ -1,48 +1,150 @@
 /** theme: base
  *
- * @package   Laconica
+ * @package   StatusNet
  * @author    Meitar Moscovitz <meitar@maymay.net>
+ * @author    Sarven Capadisli <csarven@status.net>
  * @license   http://www.fsf.org/licensing/licenses/agpl-3.0.html GNU Affero General Public License version 3.0
- * @link      http://laconi.ca/
+ * @link      http://status.net/
  */
 
-/* Go linear. */
+body {
+font-size:2.5em;
+}
+
+#wrap {
+width:95%;
+}
+
 #header,
 #header address,
-#site_nav_global_primary,
 #anon_notice,
 #site_nav_local_views .nav,
+#form_notice,
+#form_notice .form_data li,
 #core,
 #content_inner,
 #notices_primary,
 .notice,
 .notice .entry-title,
 .notice div.entry-content,
+.notice-options,
+.notice .notice-options a,
 .pagination,
 .pagination .nav,
-.aside .section { float: none; }
+.aside .section {
+float:none;
+}
+
+.notice-options .notice_reply,
+.notice-options .notice_delete,
+.notice-options .form_favor,
+.notice-options .form_disfavor {
+position:static;
+}
+
+#form_notice,
+#anon_notice,
+#footer,
+#form_notice .form_actions input.submit {
+width:auto;
+}
+
+.form_settings label {
+width:25%;
+}
+.form_settings .form_data p.form_guide {
+margin-left:26%;
+}
+
+#site_nav_global_primary {
+width:75%;
+}
 
-/* And liquid. */
-#wrap { width: 95%; }
+.entity_profile {
+width:65%;
+}
+.entity_actions {
+margin-left:0;
+}
 
-body { font-size: 2em; } /* Make things bigger on smaller screens. */
+#form_notice,
+#anon_notice {
+clear:both;
+}
+
+#content,
+#aside_primary {
+width:96%;
+padding-left:2%;
+padding-right:2%;
+}
+
+#site_notice {
+position:static;
+float:right;
+clear:right;
+width:75%;
+margin-right:0;
+margin-bottom:11px;
+}
+
+.notices {
+font-size:1.5em;
+}
+
+#form_notice textarea {
+width:80%;
+height:5em;
+}
+#form_notice .form_note {
+right:20%;
+top:6em;
+}
+
+
+.vcard .photo,
+.section .vcard .photo {
+margin-right:18px;
+}
+.notice,
+.profile {
+margin-bottom:18px;
+}
 
-#site_nav_global_primary, #site_nav_global_secondary { text-align: center; }
+.notices .entry-title,
+.notices div.entry-content {
+width:90%;
+}
+.notice div.entry-content {
+margin-left:0;
+}
 
-.notice div.entry-content { margin-left: 0; }
-address { margin: 0; }
+.notice .author .photo {
+height:4.5em;
+width:4.5em;
+}
+.notice-options {
+position:absolute;
+top:0;
+right:0;
+padding-left:7%;
+width:3%;
+}
 
-#anon_notice, #footer { clear: left; width: auto; font-size: .5em; }
+.notice-options .notice_delete a {
+float:left;
+}
+.pagination .nav {
+overflow:auto;
+}
 
-#content { padding: 18px 0; width: 100%; }
-#content h1, #page_notice, #content_inner { padding: 0 18px; }
-#content_inner { width: auto; }
-.pagination .nav { overflow: auto; }
+#export_data {
+display:none;
+}
 
-#aside_primary { margin: 10px 0 0 0; border: none; padding: 0; width: 100%; }
-#popular_notices { float: none; width: auto; }
-/* Columns for supplemental info. */
-.aside .section { clear: none; padding: 9px; width: 45%; }
-#top_groups_by_post { float: left; }
-#featured_users { float: right; }
-#export_data { display: none; }
+#site_nav_local_views li {
+margin-right:4px;
+}
+#site_nav_local_views a {
+padding:18px 11px;
+}