gnu-social/plugins/MobileProfile/mp-screen.css

293 lines
4.2 KiB
CSS
Raw Normal View History

/** theme: mobile profile screen
*
* @package StatusNet
* @author Sarven Capadisli <csarven@status.net>
* @copyright 2009 StatusNet, Inc.
* @license http://www.fsf.org/licensing/licenses/agpl-3.0.html GNU Affero General Public License version 3.0
* @link http://status.net/
*/
#wrap {
min-width:0;
max-width:100%;
}
#header {
2009-10-09 16:34:57 +01:00
margin:0;
padding:0.7em 2%;
2009-10-09 16:34:57 +01:00
width:96%;
}
address {
margin:1em 0 0 0;
float:left;
width:100%;
}
address .vcard .photo {
margin-right:0;
}
2009-10-09 16:34:57 +01:00
address img + .fn {
display:block;
2009-10-15 15:52:49 +01:00
margin-top:1em;
float:left;
2009-10-09 16:34:57 +01:00
}
.vcard .photo {
margin-right:7px;
}
2009-10-15 15:59:21 +01:00
.form_settings fieldset {
margin-bottom:7px;
}
2009-10-15 15:05:43 +01:00
.form_settings label {
width:auto;
display:block;
float:none;
}
2009-10-15 15:59:21 +01:00
.form_settings .form_data li {
margin-bottom:7px;
}
2009-10-15 15:05:43 +01:00
.form_settings .form_data textarea,
.form_settings .form_data select,
.form_settings .form_data input {
margin-left:0;
display:block;
2009-10-15 15:20:42 +01:00
}
.form_settings .form_data textarea {
2009-10-15 15:05:43 +01:00
width:96.41%;
}
2009-10-15 15:20:42 +01:00
2009-10-15 15:05:43 +01:00
.form_settings .form_data label {
float:none;
}
.form_settings .form_data p.form_guide {
width:auto;
margin-left:0;
}
#site_nav_global_primary {
2009-10-09 16:34:57 +01:00
margin:0;
width:100%;
list-style-type:none;
2009-10-09 16:34:57 +01:00
position:absolute;
top:0;
left:0;
}
#site_nav_global_primary li {
2009-10-09 16:34:57 +01:00
margin-left:0;
margin-right:4%;
2009-10-09 16:34:57 +01:00
float:left;
font-size:0.9em;
}
#form_notice {
width:100%;
}
2009-10-05 17:59:41 +01:00
#form_notice textarea {
2009-10-09 12:31:52 +01:00
width:60%;
height:20px;
2009-10-05 17:59:41 +01:00
}
#notice_text-count {
position:absolute;
bottom:2px;
2009-10-09 12:31:52 +01:00
right:40%;
2009-10-05 17:59:41 +01:00
z-index:9;
}
2009-10-09 16:34:57 +01:00
/*input type=file no good in
iPhone/iPod Touch, Android, Opera Mini Simulator
*/
#form_notice #notice_text-count + label,
2009-10-13 14:42:58 +01:00
#form_notice label[for="notice_data-attach"] {
display:none;
}
2009-10-09 12:31:52 +01:00
#form_notice #notice_data-attach {
position:static;
clear:both;
2009-11-30 12:29:02 +00:00
width:65%;
height:auto;
display:block;
2009-10-13 14:42:58 +01:00
z-index:9;
padding:0;
margin:0;
background:none;
opacity:1;
2009-10-09 12:31:52 +01:00
}
#form_notice #notice_action-submit {
width:20%;
2009-10-13 14:42:58 +01:00
right:2%;
2009-10-09 12:31:52 +01:00
text-align:center;
2009-10-05 17:59:41 +01:00
}
#site_nav_local_views li {
2009-10-09 16:34:57 +01:00
margin-left:0;
margin-right:0;
}
#site_nav_local_views li:first-child {
margin-left:0;
}
#site_nav_local_views a {
padding:1px 3px;
display:block;
font-size:0.9em;
}
#site_nav_local_views .current a {
text-shadow:none;
}
#site_nav_local_views li {
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#content {
width:96.41%;
2009-10-15 15:52:49 +01:00
min-height:auto;
}
#content,
#site_nav_local_views a,
#aside_primary {
border:0;
}
2009-10-15 15:59:21 +01:00
.instructions p,
.instructions ul {
margin-bottom:4px;
}
2009-10-09 17:18:47 +01:00
h1 {
margin-bottom:0;
}
.notice,
.profile {
padding-top:4px;
padding-bottom:4px;
min-height:65px;
2009-10-09 17:18:47 +01:00
}
#content .notice .entry-title {
float:left;
width:100%;
margin-left:0;
}
#content .notice .author .photo {
position:static;
float:left;
}
#content .notice div.entry-content {
2009-10-09 17:18:47 +01:00
margin-left:0;
width:75%;
max-width:100%;
min-width:0;
2009-10-09 17:18:47 +01:00
}
2009-10-09 13:28:38 +01:00
.notice-options {
width:43px;
margin-right:1%;
2009-10-09 13:28:38 +01:00
}
.notice-options form {
width:16px;
height:16px;
}
.notice-options form.processing {
background-image:none;
}
#wrap .notice-options form.processing input.submit {
background-position:0 47%;
}
.notice .notice-options a,
.notice .notice-options input {
box-shadow:none;
-moz-box-shadow:none;
-webkit-box-shadow:none;
}
.notice .notice-options a,
.notice .notice-options form {
margin:-4px 0 0 0;
}
.notice .notice-options .form_repeat,
.notice .notice-options .notice_delete {
margin-top:11px;
}
.notice .notice-options .form_favor,
.notice .notice-options .form_disfavor,
.notice .notice-options .form_repeat {
margin-right:11px;
}
.notice .notice-options .notice_delete {
float:left;
}
2009-10-13 14:42:58 +01:00
.entity_profile {
width:auto;
}
2009-10-13 15:56:58 +01:00
2009-10-13 14:42:58 +01:00
.entity_actions {
margin-right:0;
margin-left:0;
clear:both;
2009-10-13 15:56:58 +01:00
float:none;
width:100%;
2009-10-13 14:42:58 +01:00
max-width:9999px;
}
.entity_profile {
margin-bottom:7px;
2009-10-13 15:56:58 +01:00
min-height:0;
2009-10-13 14:42:58 +01:00
}
2009-10-13 15:56:58 +01:00
.entity_profile .entity_fn,
.entity_profile .entity_nickname,
.entity_profile .entity_location,
.entity_profile .entity_url,
.entity_profile .entity_note,
.entity_profile .entity_tags,
.entity_profile .entity_aliases {
line-height:1.4;
margin-left:0;
2009-10-13 15:56:58 +01:00
}
.entity_profile .entity_depiction {
margin-bottom:1%;
margin-right:7px;
2009-10-13 15:56:58 +01:00
}
.entity_actions {
margin-bottom:1%;
float:left;
width:100%;
2009-10-13 15:56:58 +01:00
}
2009-10-13 14:42:58 +01:00
.entity_actions li {
float:left;
margin-right:1.5%;
margin-bottom:0;
height:29px;
width:40%;
}
.user_in .entity_actions .entity_subscribe {
margin-bottom:47px;
width:auto;
height:auto;
margin-right:5%;
}
2009-10-09 17:18:47 +01:00
#footer {
width:96%;
padding:2%;
}