theme/mnml/css/mp-screen.css

   1 /** theme: mobile profile screen
   2  *
   3  * @package   StatusNet
   4  * @author    Sarven Capadisli <csarven@status.net>
   5  * @copyright 2009-2010 StatusNet, Inc.
   6  * @license   http://creativecommons.org/licenses/by/3.0/ Creative Commons Attribution 3.0 Unported
   7  * @link      http://status.net/
   8  */
   9
  10 #wrap {
  11 min-width:0;
  12 max-width:100%;
  13 }
  14
  15 body {
  16     max-width: 100%;
  17     margin: 0 1em;
  18 }
  19
  20 #header {
  21 margin:0;
  22 padding:0.7em 2%;
  23 width:96%;
  24 }
  25
  26 address {
  27 margin:1em 0 0 0;
  28 float:left;
  29 width:100%;
  30 }
  31 address .vcard .photo {
  32 margin-right:0;
  33 }
  34
  35 address img + .fn {
  36 display:block;
  37 margin-top:1em;
  38 float:left;
  39 }
  40
  41 .vcard .photo {
  42 margin-right:7px;
  43 }
  44
  45
  46 .form_settings fieldset {
  47 margin-bottom:7px;
  48 }
  49
  50 .form_settings label {
  51 width:auto;
  52 display:block;
  53 float:none;
  54 }
  55 .form_settings .form_data li {
  56 margin-bottom:7px;
  57 }
  58
  59 .form_settings .form_data textarea,
  60 .form_settings .form_data select,
  61 .form_settings .form_data input {
  62 margin-left:0;
  63 display:block;
  64 }
  65 .form_settings .form_data textarea {
  66 width:96.41%;
  67 }
  68
  69 .form_settings .form_data label {
  70 float:none;
  71 }
  72
  73 .form_settings .form_data p.form_guide {
  74 width:auto;
  75 margin-left:0;
  76 }
  77
  78 #site_nav_global_primary {
  79 margin:0;
  80 width:100%;
  81 list-style-type:none;
  82 position:absolute;
  83 top:0;
  84 left:0;
  85 }
  86 #site_nav_global_primary li {
  87 margin-left:0;
  88 margin-right:4%;
  89 float:left;
  90 font-size:0.9em;
  91 }
  92
  93 #form_notice {
  94 width:100%;
  95 margin-left: 0;
  96 }
  97
  98 #form_notice textarea {
  99 width:60%;
 100 height:20px;
 101 }
 102
 103 .form_notice .count {
 104 position:absolute;
 105 bottom:2px;
 106 right:40%;
 107 z-index:9;
 108 }
 109
 110 /*input type=file no good in
 111 iPhone/iPod Touch, Android, Opera Mini Simulator
 112 */
 113 .form_notice .count + label,
 114 #form_notice label[for="notice_data-attach"] {
 115 display:none;
 116 }
 117 #form_notice input.notice_data-attach {
 118 position:static;
 119 clear:both;
 120 width:65%;
 121 height:auto;
 122 display:block;
 123 z-index:9;
 124 padding:0;
 125 margin:0;
 126 background:none;
 127 opacity:1;
 128 }
 129
 130 #form_notice .submit {
 131 width:20%;
 132 right:2%;
 133 text-align:center;
 134 }
 135
 136
 137 #site_nav_local_views li {
 138 margin-left:0;
 139 margin-right:0;
 140 }
 141 #site_nav_local_views li:first-child {
 142 margin-left:0;
 143 }
 144 #site_nav_local_views a {
 145 padding:1px 3px;
 146 display:block;
 147 font-size:0.9em;
 148 }
 149 #site_nav_local_views .current a {
 150 text-shadow:none;
 151 }
 152 #site_nav_local_views li {
 153 -moz-box-shadow:none;
 154 -webkit-box-shadow:none;
 155 box-shadow:none;
 156 }
 157
 158
 159 #content {
 160 width:96.41%;
 161 min-height:auto;
 162 }
 163 #content,
 164 #site_nav_local_views a,
 165 #aside_primary {
 166 border:0;
 167 }
 168
 169 .instructions p,
 170 .instructions ul {
 171 margin-bottom:4px;
 172 }
 173
 174 h1 {
 175 margin-bottom:0;
 176 }
 177
 178 .notice,
 179 .profile {
 180 padding-top:4px;
 181 padding-bottom:4px;
 182 min-height:65px;
 183 }
 184 #content .notice .entry-title {
 185 float:left;
 186 width:100%;
 187 margin-left:0;
 188 }
 189 #content .notice .author .photo {
 190 position:static;
 191 float:left;
 192 }
 193 #content .notice div.entry-content {
 194 margin-left:0;
 195 width:75%;
 196 max-width:100%;
 197 min-width:0;
 198 }
 199 .notice-options {
 200 margin-right:1%;
 201 }
 202
 203 .notice-options form.processing {
 204 background-image:none;
 205 }
 206 #wrap .notice-options form.processing input.submit {
 207 background-position:0 47%;
 208 }
 209
 210 .notice .notice-options a,
 211 .notice .notice-options input {
 212 box-shadow:none;
 213 -moz-box-shadow:none;
 214 -webkit-box-shadow:none;
 215 }
 216 .notice .notice-options a,
 217 .notice .notice-options form {
 218 margin: 0;
 219 }
 220 .notice .notice-options .form_repeat,
 221 .notice .notice-options .notice_delete {
 222 margin-top:0px;
 223 }
 224 .notice .notice-options .form_favor,
 225 .notice .notice-options .form_disfavor,
 226 .notice .notice-options .form_repeat {
 227 margin-right:11px;
 228 }
 229
 230 .notice .notice-options .notice_delete {
 231 float:left;
 232 }
 233
 234 .entity_profile {
 235 width:auto;
 236 }
 237
 238 .entity_actions {
 239 margin-right:0;
 240 margin-left:0;
 241 clear:both;
 242 float:none;
 243 width:100%;
 244 max-width:9999px;
 245 }
 246
 247 .entity_profile {
 248 margin-bottom:7px;
 249 min-height:0;
 250 }
 251
 252 .entity_profile .entity_fn,
 253 .entity_profile .entity_nickname,
 254 .entity_profile .entity_location,
 255 .entity_profile .entity_url,
 256 .entity_profile .entity_note,
 257 .entity_profile .entity_tags,
 258 .entity_profile .entity_aliases {
 259 line-height:1.4;
 260 margin-left:0;
 261 }
 262
 263 .entity_profile .entity_depiction {
 264 margin-bottom:1%;
 265 margin-right:7px;
 266 }
 267
 268 .entity_actions {
 269 margin-bottom:1%;
 270 float:left;
 271 width:100%;
 272 }
 273
 274 .entity_actions li {
 275 float:left;
 276 margin-right:1.5%;
 277 margin-bottom:0;
 278 height:29px;
 279 width:40%;
 280 }
 281
 282 .user_in .entity_actions .entity_subscribe {
 283 margin-bottom:47px;
 284 width:auto;
 285 height:auto;
 286 margin-right:5%;
 287 }
 288
 289 #footer {
 290 width:96%;
 291 padding:2%;
 292 }
 293