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