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