forked from GNUsocial/gnu-social
5bdc6fa5d4
will use whichever theme is loaded as its base and then add its own mobile styles. Of course, if a theme comes with its own mobile styles, it will use that instead as an addition to its own base.
293 lines
4.2 KiB
CSS
293 lines
4.2 KiB
CSS
/** 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 {
|
|
margin:0;
|
|
padding:0.7em 2%;
|
|
width:96%;
|
|
}
|
|
|
|
address {
|
|
margin:1em 0 0 0;
|
|
float:left;
|
|
width:100%;
|
|
}
|
|
address .vcard .photo {
|
|
margin-right:0;
|
|
}
|
|
|
|
address img + .fn {
|
|
display:block;
|
|
margin-top:1em;
|
|
float:left;
|
|
}
|
|
|
|
.vcard .photo {
|
|
margin-right:7px;
|
|
}
|
|
|
|
|
|
.form_settings fieldset {
|
|
margin-bottom:7px;
|
|
}
|
|
|
|
.form_settings label {
|
|
width:auto;
|
|
display:block;
|
|
float:none;
|
|
}
|
|
.form_settings .form_data li {
|
|
margin-bottom:7px;
|
|
}
|
|
|
|
.form_settings .form_data textarea,
|
|
.form_settings .form_data select,
|
|
.form_settings .form_data input {
|
|
margin-left:0;
|
|
display:block;
|
|
}
|
|
.form_settings .form_data textarea {
|
|
width:96.41%;
|
|
}
|
|
|
|
.form_settings .form_data label {
|
|
float:none;
|
|
}
|
|
|
|
.form_settings .form_data p.form_guide {
|
|
width:auto;
|
|
margin-left:0;
|
|
}
|
|
|
|
#site_nav_global_primary {
|
|
margin:0;
|
|
width:100%;
|
|
list-style-type:none;
|
|
position:absolute;
|
|
top:0;
|
|
left:0;
|
|
}
|
|
#site_nav_global_primary li {
|
|
margin-left:0;
|
|
margin-right:4%;
|
|
float:left;
|
|
font-size:0.9em;
|
|
}
|
|
|
|
#form_notice {
|
|
width:100%;
|
|
}
|
|
|
|
#form_notice textarea {
|
|
width:60%;
|
|
height:20px;
|
|
}
|
|
|
|
#notice_text-count {
|
|
position:absolute;
|
|
bottom:2px;
|
|
right:40%;
|
|
z-index:9;
|
|
}
|
|
|
|
/*input type=file no good in
|
|
iPhone/iPod Touch, Android, Opera Mini Simulator
|
|
*/
|
|
#form_notice #notice_text-count + label,
|
|
#form_notice label[for="notice_data-attach"] {
|
|
display:none;
|
|
}
|
|
#form_notice #notice_data-attach {
|
|
position:static;
|
|
clear:both;
|
|
width:65%;
|
|
height:auto;
|
|
display:block;
|
|
z-index:9;
|
|
padding:0;
|
|
margin:0;
|
|
background:none;
|
|
opacity:1;
|
|
}
|
|
|
|
#form_notice #notice_action-submit {
|
|
width:20%;
|
|
right:2%;
|
|
text-align:center;
|
|
}
|
|
|
|
|
|
#site_nav_local_views li {
|
|
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%;
|
|
min-height:auto;
|
|
}
|
|
#content,
|
|
#site_nav_local_views a,
|
|
#aside_primary {
|
|
border:0;
|
|
}
|
|
|
|
.instructions p,
|
|
.instructions ul {
|
|
margin-bottom:4px;
|
|
}
|
|
|
|
h1 {
|
|
margin-bottom:0;
|
|
}
|
|
|
|
.notice,
|
|
.profile {
|
|
padding-top:4px;
|
|
padding-bottom:4px;
|
|
min-height:65px;
|
|
}
|
|
#content .notice .entry-title {
|
|
float:left;
|
|
width:100%;
|
|
margin-left:0;
|
|
}
|
|
#content .notice .author .photo {
|
|
position:static;
|
|
float:left;
|
|
}
|
|
#content .notice div.entry-content {
|
|
margin-left:0;
|
|
width:75%;
|
|
max-width:100%;
|
|
min-width:0;
|
|
}
|
|
.notice-options {
|
|
width:43px;
|
|
margin-right:1%;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.entity_profile {
|
|
width:auto;
|
|
}
|
|
|
|
.entity_actions {
|
|
margin-right:0;
|
|
margin-left:0;
|
|
clear:both;
|
|
float:none;
|
|
width:100%;
|
|
max-width:9999px;
|
|
}
|
|
|
|
.entity_profile {
|
|
margin-bottom:7px;
|
|
min-height:0;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.entity_profile .entity_depiction {
|
|
margin-bottom:1%;
|
|
margin-right:7px;
|
|
}
|
|
|
|
.entity_actions {
|
|
margin-bottom:1%;
|
|
float:left;
|
|
width:100%;
|
|
}
|
|
|
|
.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%;
|
|
}
|
|
|
|
#footer {
|
|
width:96%;
|
|
padding:2%;
|
|
}
|
|
|