theme/base/css/mobile.css

   1 /** theme: base
   2  *
   3  * @package   Laconica
   4  * @author    Meitar Moscovitz <meitar@maymay.net>
   5  * @license   http://www.fsf.org/licensing/licenses/agpl-3.0.html GNU Affero General Public License version 3.0
   6  * @link      http://laconi.ca/
   7  */
   8
   9 /* Go linear. */
  10 #header,
  11 #header address,
  12 #site_nav_global_primary,
  13 #anon_notice,
  14 #site_nav_local_views .nav,
  15 #core,
  16 #content_inner,
  17 #notices_primary,
  18 .notice,
  19 .notice .entry-title,
  20 .notice div.entry-content,
  21 .pagination,
  22 .pagination .nav,
  23 .aside .section { float: none; }
  24
  25 /* And liquid. */
  26 #wrap { width: 95%; }
  27
  28 body { font-size: 2em; } /* Make things bigger on smaller screens. */
  29
  30 #site_nav_global_primary, #site_nav_global_secondary { text-align: center; }
  31
  32 .notice div.entry-content { margin-left: 0; }
  33 address { margin: 0; }
  34
  35 #anon_notice, #footer { clear: left; width: auto; font-size: .5em; }
  36
  37 #content { padding: 18px 0; width: 100%; }
  38 #content h1, #page_notice, #content_inner { padding: 0 18px; }
  39 #content_inner { width: auto; }
  40 .pagination .nav { overflow: auto; }
  41
  42 #aside_primary { margin: 10px 0 0 0; border: none; padding: 0; width: 100%; }
  43 #popular_notices { float: none; width: auto; }
  44 /* Columns for supplemental info. */
  45 .aside .section { clear: none; padding: 9px; width: 45%; }
  46 #top_groups_by_post { float: left; }
  47 #featured_users { float: right; }
  48 #export_data { display: none; }