theme/base/css/mobile.css

   1 /** theme: base
   2  *
   3  * @package   Laconica
   4  * @author    Meitar Moscovitz <meitar@maymay.net>
   5  * @author    Sarven Capadisli <csarven@controlyourself.ca>
   6  * @license   http://www.fsf.org/licensing/licenses/agpl-3.0.html GNU Affero General Public License version 3.0
   7  * @link      http://laconi.ca/
   8  */
   9
  10 body {
  11 font-size:2.5em;
  12 }
  13
  14 #wrap {
  15 width:95%;
  16 }
  17
  18 #header,
  19 #header address,
  20 #anon_notice,
  21 #site_nav_local_views .nav,
  22 #form_notice,
  23 #form_notice .form_data li,
  24 #core,
  25 #content_inner,
  26 #notices_primary,
  27 .notice,
  28 .notice .entry-title,
  29 .notice div.entry-content,
  30 .notice-options,
  31 .notice .notice-options a,
  32 .pagination,
  33 .pagination .nav,
  34 .aside .section {
  35 float:none;
  36 }
  37
  38 .notice-options .notice_reply,
  39 .notice-options .notice_delete,
  40 .notice-options .form_favor,
  41 .notice-options .form_disfavor {
  42 position:static;
  43 }
  44
  45 #form_notice,
  46 #anon_notice,
  47 #footer,
  48 #form_notice .form_actions input.submit {
  49 width:auto;
  50 }
  51
  52 .form_settings label {
  53 width:25%;
  54 }
  55 .form_settings .form_data p.form_guide {
  56 margin-left:26%;
  57 }
  58
  59 #site_nav_global_primary {
  60 width:75%;
  61 }
  62
  63 .entity_profile {
  64 width:65%;
  65 }
  66 .entity_actions {
  67 margin-left:0;
  68 }
  69
  70 #form_notice,
  71 #anon_notice {
  72 clear:both;
  73 }
  74
  75 #content,
  76 #aside_primary {
  77 width:96%;
  78 padding-left:2%;
  79 padding-right:2%;
  80 }
  81
  82 #site_notice {
  83 position:static;
  84 float:right;
  85 clear:right;
  86 width:75%;
  87 margin-right:0;
  88 margin-bottom:11px;
  89 }
  90
  91 .notices {
  92 font-size:1.5em;
  93 }
  94
  95 #form_notice textarea {
  96 width:80%;
  97 height:5em;
  98 }
  99 #form_notice .form_note {
 100 right:20%;
 101 top:6em;
 102 }
 103
 104
 105 .vcard .photo,
 106 .section .vcard .photo {
 107 margin-right:18px;
 108 }
 109 .notice,
 110 .profile {
 111 margin-bottom:18px;
 112 }
 113
 114 .notices .entry-title,
 115 .notices div.entry-content {
 116 width:90%;
 117 }
 118 .notice div.entry-content {
 119 margin-left:0;
 120 }
 121
 122 .notice .author .photo {
 123 height:4.5em;
 124 width:4.5em;
 125 }
 126 .notice-options {
 127 position:absolute;
 128 top:0;
 129 right:0;
 130 padding-left:7%;
 131 width:3%;
 132 }
 133
 134 .notice-options .notice_delete a {
 135 float:left;
 136 }
 137 .pagination .nav {
 138 overflow:auto;
 139 }
 140
 141 #export_data {
 142 display:none;
 143 }
 144
 145 #site_nav_local_views li {
 146 margin-right:4px;
 147 }
 148 #site_nav_local_views a {
 149 padding:18px 11px;
 150 }