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