GNUsocial
/
gnu-social
4
0
Fork 1
Code Issues Releases Wiki Activity

Updated typography and layout

This commit is contained in:
Sarven Capadisli 2009-03-02 00:06:29 +00:00
parent 458c037867
commit 8b9e559167
1 changed files with 111 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

144
theme/base/css/mobile.css
View File

@ -2,14 +2,21 @@
* *
* @package Laconica * @package Laconica
* @author Meitar Moscovitz <meitar@maymay.net> * @author Meitar Moscovitz <meitar@maymay.net>
* @author Sarven Capadisli <csarven@controlyourself.ca>
* @license http://www.fsf.org/licensing/licenses/agpl-3.0.html GNU Affero General Public License version 3.0 * @license http://www.fsf.org/licensing/licenses/agpl-3.0.html GNU Affero General Public License version 3.0
* @link http://laconi.ca/ * @link http://laconi.ca/
*/ */
/* Go linear. */ body {
font-size:2.5em;
}
#wrap {
width:95%;
}
#header, #header,
#header address, #header address,
#site_nav_global_primary,
#anon_notice, #anon_notice,
#site_nav_local_views .nav, #site_nav_local_views .nav,
#form_notice, #form_notice,
@ -24,49 +31,120 @@
.notice .notice-options a, .notice .notice-options a,
.pagination, .pagination,
.pagination .nav, .pagination .nav,
.aside .section { float: none; } .aside .section {
float:none;
}
.notice-options .notice_reply, .notice-options .notice_reply,
.notice-options .notice_delete, .notice-options .notice_delete,
.notice-options .form_favor, .notice-options .form_favor,
.notice-options .form_disfavor { position: static; } .notice-options .form_disfavor {
position:static;
}
#form_notice, #form_notice,
#anon_notice, #anon_notice,
#content_inner, #footer,
#footer { width: auto; } #form_notice .form_actions input.submit {
width:auto;
}
/* And liquid. */ .form_settings label {
#wrap { width: 95%; } width:25%;
}
.form_settings .form_data p.form_guide {
margin-left:26%;
}
/* Make things bigger on smaller screens. */ #site_nav_global_primary {
body { font-size: 2em; } width:75%;
.notices { font-size: 1.5em; } }
#site_nav_global_primary, #site_nav_global_secondary { text-align: center; } .entity_profile {
width:65%;
}
.entity_actions {
margin-left:0;
}
.notice div.entry-content { margin-left: 0; } #form_notice,
address { margin: 0; } #anon_notice {
clear:both;
}
#anon_notice, #footer { clear: left; font-size: .5em; } #content,
#aside_primary {
width:96%;
padding-left:2%;
padding-right:2%;
}
#form_notice textarea { width: 80%; height: 5em; } #site_notice {
#form_notice .form_note { right: 20%; top: 6em; } position:static;
#form_notice .form_actions input.submit { width: auto; } float:right;
clear:right;
width:75%;
margin-right:0;
margin-bottom:11px;
}
#content { padding: 18px 0; width: 100%; } .notices {
#content h1, #page_notice, #content_inner { padding: 0 18px; } font-size:1.5em;
.notices .entry-title, .notices div.entry-content { width: 90%; } }
.notice .author .photo { height: 4.5em; width: 4.5em; } /* about double physical size; TODO: do this scaling better */
.notice-options { position: absolute; top: 0; right: 0; padding-left: 7%; width: 3%; }
.notice-options .notice_delete a { float: left; } /* Works, but feels like it shouldn't. */
/* TODO: Make the icons of the notice options bigger. Probably with mobile-specific images. */
.pagination .nav { overflow: auto; }
#aside_primary { margin: 10px 0 0 0; border: none; padding: 0; width: 100%; } #form_notice textarea {
#popular_notices { float: none; width: auto; } width:80%;
/* Columns for supplemental info. */ height:5em;
.aside .section { clear: none; padding: 9px; width: 45%; } }
#top_groups_by_post { float: left; } #form_notice .form_note {
#featured_users { float: right; } right:20%;
#export_data { display: none; } top:6em;
}
.vcard .photo,
.section .vcard .photo {
margin-right:18px;
}
.notice,
.profile {
margin-bottom:18px;
}
.notices .entry-title,
.notices div.entry-content {
width:90%;
}
.notice div.entry-content {
margin-left:0;
}
.notice .author .photo {
height:4.5em;
width:4.5em;
}
.notice-options {
position:absolute;
top:0;
right:0;
padding-left:7%;
width:3%;
}
.notice-options .notice_delete a {
float:left;
}
.pagination .nav {
overflow:auto;
}
#export_data {
display:none;
}
#site_nav_local_views li {
margin-right:4px;
}
#site_nav_local_views a {
padding:18px 11px;
}