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