weekly release 3.0dev
[moodle.git] / theme / bootstrapbase / less / moodle / user.less
CommitLineData
8903b17b
BB
1/* user.less */
2.userprofile .fullprofilelink {
3 text-align: center;
4 margin: 10px;
5}
6.userprofile .description {
7 margin-bottom: 20px;
8}
b19cc4ef
AA
9
10.userprofile .profile_tree {
11 .content-columns(2);
12}
13.userprofile .profile_tree section {
14 display: inline-block;
15 width: 100%;
16}
8903b17b
BB
17.userprofile dl.list {
18 .dl-horizontal;
19}
20.user-box {
21 margin: 8px;
22 width: 115px;
23 height: 160px;
24 text-align: center;
25 float: left;
26 clear: none;
27}
b19cc4ef
AA
28#page-user-profile .node_category, .path-user .node_category {
29 li {
30 list-style-type: square;
31
32 &.contentnode {
33 list-style-type: none;
34 }
35 }
36}
37#page-user-profile.dir-ltr .node_category .contentnode, .path-user.dir-ltr .node_category .contentnode {
38 margin-left: -25px;
39}
40#page-user-profile.dir-rtl .node_category .contentnode , .path-user.dir-rtl .node_category .contentnode {
41 margin-right: -25px;
42}
43
293a1894
NK
44.dir-rtl {
45 .userprofile .description {
46 margin-right:0;
47 }
48 .user-box {
49 float:right;
50 }
51 .userprofile dl.list dt {
52 float:right;
53 text-align: left;
54 padding-left: 10px;
55 }
56 .userprofile dl.list dd {
57 margin-left:0;
58 }
59}
15699bad
FM
60
61@media (max-width: 480px) {
62 .userprofile .profile_tree {
63 /** Display the profile on one column on phones. */
64 .content-columns(1);
65 }
66}
67
3b42864d 68.userlist .action-icon img {
8903b17b
BB
69 vertical-align: middle;
70}
71.userlist #showall {
72 margin: 10px 0;
73}
74.userlist .buttons {
75 text-align: center;
76}
77.userlist .buttons label {
78 padding: 0 3px;
79}
80.userlist table#participants {
81 text-align: center;
82}
83.userlist table#participants td,
84.userlist table#participants th {
85 vertical-align: middle;
86 text-align: left;
87 padding: 4px;
88}
f82bc6be
FM
89.userlist {
90 table.controls {
91 width: 100%;
92 tr {
93 vertical-align: top;
94 }
95 .right {
96 text-align: right;
97 }
98 .groupselector {
99 margin-bottom: 0;
100 margin-top: 0;
101 label {
102 display: block;
103 }
104 }
105 }
a71b1f13 106}
8903b17b
BB
107.userinfobox {
108 width: 100%;
109 border: 1px solid;
110 border-collapse: separate;
111 padding: 10px;
112}
113.userinfobox .left,
114.userinfobox .side {
115 width: 100px;
116 vertical-align: top;
117}
118.userinfobox .userpicture {
119 width: 100px;
120 height: 100px;
121}
122.userinfobox .content {
123 vertical-align: top;
124}
125.userinfobox .links {
126 width: 100px;
127 padding: 5px;
128 vertical-align: bottom;
129}
130.userinfobox .links a {
131 display: block;
132}
133.userinfobox .list td {
134 padding: 3px;
135}
136.userinfobox .username {
137 padding-bottom: 20px;
138 font-weight: bold;
139}
140.userinfobox td.label {
141 text-align: right;
142 white-space: nowrap;
143 vertical-align: top;
144 font-weight: bold;
145}
146.groupinfobox {
cef25b2a 147 .well
8903b17b
BB
148}
149.groupinfobox .left {
150 padding: 10px;
151 width: 100px;
152 vertical-align: top;
153}
154.course-participation #showall {
155 text-align: center;
156 margin: 10px 0;
157}
158#user-policy .noticebox {
159 text-align: center;
160 margin-left: auto;
161 margin-right: auto;
162 margin-bottom: 10px;
163 width: 80%;
164 height: 250px;
165}
166#user-policy #policyframe {
167 width: 100%;
168 height: 100%;
169}
170.iplookup #map {
171 margin: auto;
172}
173.userselector select {
174 width: 100%;
175}
176.userselector div {
177 margin-top: 0.2em;
178}
179.userselector div label {
180 margin-right: 0.3em;
181}
182/* Next style does not work in all browsers but looks nicer when it does */
183.userselector .userselector-infobelow {
184 font-size: 0.8em;
185}
186#userselector_options {
187 padding: 0.3em 0;
188}
189#userselector_options .collapsibleregioncaption {
190 font-weight: bold;
191}
192#userselector_options p {
193 margin: 0.2em 0;
194 text-align: left;
195}
196.dir-rtl #userselector_options p {
197 text-align: right;
198}
199/** user full profile */
200#page-user-profile .messagebox {
201 text-align: center;
202 margin-left: auto;
203 margin-right: auto;
204}
205/** user course profile */
206#page-course-view-weeks .messagebox {
207 text-align: center;
208 margin-left: auto;
209 margin-right: auto;
210}
211/** Overide for RTL layout **/
8903b17b
BB
212.dir-rtl .userlist table#participants td,
213.dir-rtl .userlist table#participants th {
214 text-align: right;
215}
216.dir-rtl .userlist table#participants {
217 margin: 0 auto;
218}
3b42864d 219#page-my-index.dir-rtl .block h3 {
8903b17b
BB
220 text-align: right;
221}
3fa787ae
SH
222
223.profileeditor {
224 > .singleselect {
225 margin: 0 0.5em 0 0;
226 }
227 > .singlebutton {
228 display: inline-block;
229 margin: 0 0 0 0.5em;
230 div, input {
231 margin: 0;
232 }
233 }
234}
235.dir-rtl .profileeditor {
236 > .singleselect {
237 margin: 0 0 0 0.5em;
238 }
239 > .singlebutton {
240 margin: 0 0.5em 0 0;
241 }
242}
270a8f1b
BB
243#groupeditform {
244 .groups,
245 .members {
246 width: 49%;
247 float: left;
248 text-align: left;
249 }
250}
251.dir-rtl #groupeditform {
252 .groups,
253 .members {
254 float: right;
255 text-align: right;
256 }
257}
0e8418a8
FM
258
259/** Preferences page */
260.preferences-group {
261 ul {
262 list-style: none;
263 margin-left: 0;
264 margin-right: 0;
265 }
266}
267.dir-rtl {
268 .preferences-group {
269 float: right;
270 }
b19cc4ef 271}