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