plugins/MobileProfile/mp-screen.css

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