plugins/MobileProfile/mp-screen.css

   1 @import url(../../theme/base/css/display.css);
   2 @import url(../../theme/identica/css/display.css);
   3
   4 #wrap {
   5 min-width:0;
   6 max-width:100%;
   7 }
   8
   9 #header {
  10 margin:0;
  11 padding:0.7em 2%;
  12 width:96%;
  13 }
  14
  15 address {
  16 margin:1em 0 0 0;
  17 float:left;
  18 width:100%;
  19 }
  20 address .vcard .photo {
  21 margin-right:0;
  22 }
  23
  24 address img + .fn {
  25 display:block;
  26 margin-top:1.25em;
  27 float:left;
  28 }
  29
  30 .vcard .photo {
  31 margin-right:7px;
  32 }
  33
  34
  35 .form_settings label {
  36 width:auto;
  37 display:block;
  38 float:none;
  39 }
  40 .form_settings .form_data textarea,
  41 .form_settings .form_data select,
  42 .form_settings .form_data input {
  43 margin-left:0;
  44 display:block;
  45 }
  46 .form_settings .form_data textarea {
  47 width:96.41%;
  48 }
  49
  50 .form_settings .form_data label {
  51 float:none;
  52 }
  53
  54 .form_settings .form_data p.form_guide {
  55 width:auto;
  56 margin-left:0;
  57 }
  58
  59
  60
  61 #site_nav_global_primary {
  62 margin:0;
  63 width:100%;
  64 list-style-type:none;
  65 position:absolute;
  66 top:0;
  67 left:0;
  68 }
  69 #site_nav_global_primary li {
  70 margin-left:0;
  71 margin-right:4%;
  72 float:left;
  73 font-size:0.9em;
  74 }
  75
  76
  77 #form_notice {
  78 width:100%;
  79 }
  80
  81 #form_notice textarea {
  82 width:60%;
  83 height:20px;
  84 }
  85
  86 #notice_text-count {
  87 position:absolute;
  88 bottom:2px;
  89 right:40%;
  90 z-index:9;
  91 }
  92
  93 /*input type=file no good in
  94 iPhone/iPod Touch, Android, Opera Mini Simulator
  95 */
  96 #form_notice #notice_text-count + label,
  97 #form_notice label[for="notice_data-attach"] {
  98 display:none;
  99 }
 100 #form_notice #notice_data-attach {
 101 top:auto;
 102 bottom:0;
 103 left:0;
 104 right:auto;
 105 opacity:1;
 106 z-index:9;
 107 width:65%;
 108 }
 109
 110 #form_notice #notice_action-submit {
 111 width:20%;
 112 right:2%;
 113 text-align:center;
 114 }
 115
 116
 117 #site_nav_local_views li {
 118 margin-left:0;
 119 margin-right:0;
 120 }
 121 #site_nav_local_views li:first-child {
 122 margin-left:0;
 123 }
 124 #site_nav_local_views a {
 125 padding:1px 4px;
 126 display:block;
 127 font-size:0.9em;
 128 }
 129 #site_nav_local_views .current a {
 130 text-shadow:none;
 131 }
 132 #site_nav_local_views li {
 133 -moz-box-shadow:none;
 134 -webkit-box-shadow:none;
 135 box-shadow:none;
 136 }
 137
 138
 139 #content {
 140 width:96.41%;
 141 }
 142 #content,
 143 #site_nav_local_views a,
 144 #aside_primary {
 145 border:0;
 146 }
 147
 148 h1 {
 149 margin-bottom:0;
 150 }
 151
 152 .notice,
 153 .profile {
 154 padding-top:4px;
 155 padding-bottom:4px;
 156 }
 157 .notice .entry-title {
 158
 159 }
 160 .notice div.entry-content {
 161 margin-left:0;
 162 width:65%;
 163 }
 164 .notice-options {
 165 width:30%;
 166 margin-right:2%;
 167 }
 168
 169
 170
 171 .entity_profile {
 172 width:auto;
 173 }
 174
 175
 176
 177 .entity_actions {
 178 margin-right:0;
 179 margin-left:0;
 180 clear:both;
 181 float:none;
 182 width:100%;
 183 max-width:9999px;
 184 }
 185
 186 .entity_profile {
 187 margin-bottom:7px;
 188 min-height:0;
 189 }
 190
 191 .entity_profile .entity_fn,
 192 .entity_profile .entity_nickname,
 193 .entity_profile .entity_location,
 194 .entity_profile .entity_url,
 195 .entity_profile .entity_note,
 196 .entity_profile .entity_tags,
 197 .entity_profile .entity_aliases {
 198 line-height:1.4;
 199 margin-left:0;
 200 }
 201
 202 .entity_profile .entity_depiction {
 203 margin-bottom:1%;
 204 margin-right:7px;
 205 }
 206
 207 .entity_actions {
 208 margin-bottom:1%;
 209 float:left;
 210 width:100%;
 211 }
 212
 213 .entity_actions li {
 214 float:left;
 215 margin-right:1.5%;
 216 margin-bottom:0;
 217 height:29px;
 218 width:40%;
 219 }
 220
 221 .user_in .entity_actions .entity_subscribe {
 222 margin-bottom:47px;
 223 width:auto;
 224 height:auto;
 225 margin-right:5%;
 226 }
 227
 228
 229
 230 #footer {
 231 width:96%;
 232 padding:2%;
 233 }
 234