Better alignment for notice options in MobileProfile
[statusnet:ostatus.git] / theme / base / css / mobile.css
1 /** theme: base
2  *
3  * @package   StatusNet
4  * @author    Meitar Moscovitz <meitar@maymay.net>
5  * @author    Sarven Capadisli <csarven@status.net>
6  * @license   http://www.fsf.org/licensing/licenses/agpl-3.0.html GNU Affero General Public License version 3.0
7  * @link      http://status.net/
8  */
9
10 body {
11 font-size:2.5em;
12 }
13
14 #wrap {
15 width:95%;
16 }
17
18 #header,
19 #header address,
20 #anon_notice,
21 #site_nav_local_views .nav,
22 #form_notice,
23 #form_notice .form_data li,
24 #core,
25 #content_inner,
26 #notices_primary,
27 .notice,
28 .notice .entry-title,
29 .notice div.entry-content,
30 .notice-options,
31 .notice .notice-options a,
32 .pagination,
33 .pagination .nav,
34 .aside .section {
35 float:none;
36 }
37
38 .notice-options .notice_reply,
39 .notice-options .notice_delete,
40 .notice-options .form_favor,
41 .notice-options .form_disfavor {
42 position:static;
43 }
44
45 #form_notice,
46 #anon_notice,
47 #footer,
48 #form_notice .form_actions input.submit {
49 width:auto;
50 }
51
52 .form_settings label {
53 width:25%;
54 }
55 .form_settings .form_data p.form_guide {
56 margin-left:26%;
57 }
58
59 #site_nav_global_primary {
60 width:75%;
61 }
62
63 .entity_profile {
64 width:65%;
65 }
66 .entity_actions {
67 margin-left:0;
68 }
69
70 #form_notice,
71 #anon_notice {
72 clear:both;
73 }
74
75 #content,
76 #aside_primary {
77 width:96%;
78 padding-left:2%;
79 padding-right:2%;
80 }
81
82 #site_notice {
83 position:static;
84 float:right;
85 clear:right;
86 width:75%;
87 margin-right:0;
88 margin-bottom:11px;
89 }
90
91 .notices {
92 font-size:1.5em;
93 }
94
95 #form_notice textarea {
96 width:80%;
97 height:5em;
98 }
99 #form_notice .form_note {
100 right:20%;
101 top:6em;
102 }
103
104
105 .vcard .photo,
106 .section .vcard .photo {
107 margin-right:18px;
108 }
109 .notice,
110 .profile {
111 margin-bottom:18px;
112 }
113
114 .notices .entry-title,
115 .notices div.entry-content {
116 width:90%;
117 }
118 .notice div.entry-content {
119 margin-left:0;
120 }
121
122 .notice .author .photo {
123 height:4.5em;
124 width:4.5em;
125 }
126 .notice-options {
127 position:absolute;
128 top:0;
129 right:0;
130 padding-left:7%;
131 width:3%;
132 }
133
134 .notice-options .notice_delete a {
135 float:left;
136 }
137 .pagination .nav {
138 overflow:auto;
139 }
140
141 #export_data {
142 display:none;
143 }
144
145 #site_nav_local_views li {
146 margin-right:4px;
147 }
148 #site_nav_local_views a {
149 padding:18px 11px;
150 }