MDL-55402 theme_noname: Convert bootstrapbase to bs4
[moodle.git] / theme / noname / 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;
18 //display: inline-block;
19 //width: 100%;
20 //border: 1px solid #ddd;
21 //border-radius: $baseBorderRadius;
22 //padding: 0 15px;
23 //margin-bottom: 20px;
24 //@include box-sizing(border-box);
25}
26.userprofile .profile_tree section h3 {
27 @extend .lead;
28}
29.userprofile dl.list {
30 @extend .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}
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 }
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
63.userlist .action-icon img {
64 vertical-align: middle;
65}
66.userlist #showall {
67 margin: 10px 0;
68}
69.userlist .buttons {
70 text-align: center;
71}
72.userlist .buttons label {
73 padding: 0 3px;
74}
75.userlist table#participants {
76 text-align: center;
77}
78.userlist table#participants td,
79.userlist table#participants th {
80 vertical-align: middle;
81 text-align: left;
82 padding: 4px;
83}
84.userlist {
85 table.controls {
86 width: 100%;
87 tr {
88 vertical-align: top;
89 }
90 .right {
91 text-align: right;
92 }
93 .groupselector {
94 margin-bottom: 0;
95 margin-top: 0;
96 label {
97 display: block;
98 }
99 }
100 }
101}
102.userinfobox {
103 width: 100%;
104 border: 1px solid;
105 border-collapse: separate;
106 padding: 10px;
107}
108.userinfobox .left,
109.userinfobox .side {
110 width: 100px;
111 vertical-align: top;
112}
113.userinfobox .userpicture {
114 width: 100px;
115 height: 100px;
116}
117.userinfobox .content {
118 vertical-align: top;
119}
120.userinfobox .links {
121 width: 100px;
122 padding: 5px;
123 vertical-align: bottom;
124}
125.userinfobox .links a {
126 display: block;
127}
128.userinfobox .list td {
129 padding: 3px;
130}
131.userinfobox .username {
132 padding-bottom: 20px;
133 font-weight: bold;
134}
135.userinfobox td.label {
136 text-align: right;
137 white-space: nowrap;
138 vertical-align: top;
139 font-weight: bold;
140}
141.groupinfobox {
142 @extend .card;
143}
144.groupinfobox .left {
145 padding: 10px;
146 width: 100px;
147 vertical-align: top;
148}
149.course-participation #showall {
150 text-align: center;
151 margin: 10px 0;
152}
153#user-policy .noticebox {
154 text-align: center;
155 margin-left: auto;
156 margin-right: auto;
157 margin-bottom: 10px;
158 width: 80%;
159 height: 250px;
160}
161#user-policy #policyframe {
162 width: 100%;
163 height: 100%;
164}
165.iplookup #map {
166 margin: auto;
167}
168.userselector select {
169 width: 100%;
170}
171.userselector div {
172 margin-top: 0.2em;
173}
174.userselector div label {
175 margin-right: 0.3em;
176}
177/* Next style does not work in all browsers but looks nicer when it does */
178.userselector .userselector-infobelow {
179 font-size: 0.8em;
180}
181#userselector_options {
182 padding: 0.3em 0;
183}
184#userselector_options .collapsibleregioncaption {
185 font-weight: bold;
186}
187#userselector_options p {
188 margin: 0.2em 0;
189 text-align: left;
190}
191/** user full profile */
192#page-user-profile .messagebox {
193 text-align: center;
194 margin-left: auto;
195 margin-right: auto;
196}
197/** user course profile */
198#page-course-view-weeks .messagebox {
199 text-align: center;
200 margin-left: auto;
201 margin-right: auto;
202}
203
204.profileeditor {
205 > .singleselect {
206 margin: 0 0.5em 0 0;
207 }
208 > .singlebutton {
209 display: inline-block;
210 margin: 0 0 0 0.5em;
211 div, input {
212 margin: 0;
213 }
214 }
215}
216
217#groupeditform {
218 .groups,
219 .members {
220 min-width: 175px;
221 width: 49%;
222 float: left;
223 text-align: left;
224
225 select {
226 min-width: 175px;
227 }
228 }
229}
230
231/** Preferences page */
232.preferences-group {
233 ul {
234 list-style: none;
235 margin-left: 0;
236 margin-right: 0;
237 }
238}