a46dde3b343797a84369152408550cdab984629a
[moodle.git] / theme / noname / scss / moodle / user.scss
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     // Copied from dl.row.
31     > dd + dt {
32       clear: left;
33     }
34 }
35 .user-box {
36     margin: 8px;
37     width: 115px;
38     height: 160px;
39     text-align: center;
40     float: left;
41     clear: none;
42 }
43 #page-user-profile .node_category,
44 .path-user .node_category {
45     ul {
46         margin-left: 0;
47         margin-right: 0;
48         list-style: none;
49     }
50     li {
51         margin-top: 5px;
52     }
53     .editprofile,
54     .viewmore {
55         text-align: right;
56     }
57 }
59 @media (max-width: 480px) {
60     .userprofile .profile_tree {
61         /** Display the profile on one column on phones@mixin  */
62         column-count: 1;
63     }
64 }
66 .userlist .action-icon img {
67     vertical-align: middle;
68 }
69 .userlist #showall {
70     margin: 10px 0;
71 }
72 .userlist .buttons {
73     text-align: center;
74 }
75 .userlist .buttons label {
76     padding: 0 3px;
77 }
78 .userlist table#participants {
79     text-align: center;
80 }
81 .userlist table#participants td,
82 .userlist table#participants th {
83     vertical-align: middle;
84     text-align: left;
85     padding: 4px;
86 }
87 .userlist {
88     table.controls {
89         width: 100%;
90         tr {
91             vertical-align: top;
92         }
93         .right {
94             text-align: right;
95         }
96         .groupselector {
97             margin-bottom: 0;
98             margin-top: 0;
99             label {
100                 display: block;
101             }
102         }
103     }
105 .userinfobox {
106     width: 100%;
107     border: 1px solid;
108     border-collapse: separate;
109     padding: 10px;
111 .userinfobox .left,
112 .userinfobox .side {
113     width: 100px;
114     vertical-align: top;
116 .userinfobox .userpicture {
117     width: 100px;
118     height: 100px;
120 .userinfobox .content {
121     vertical-align: top;
123 .userinfobox .links {
124     width: 100px;
125     padding: 5px;
126     vertical-align: bottom;
128 .userinfobox .links a {
129     display: block;
131 .userinfobox .list td {
132     padding: 3px;
134 .userinfobox .username {
135     padding-bottom: 20px;
136     font-weight: bold;
138 .userinfobox td.label {
139     text-align: right;
140     white-space: nowrap;
141     vertical-align: top;
142     font-weight: bold;
144 .groupinfobox {
145     @extend .card;
147 .groupinfobox .left {
148     padding: 10px;
149     width: 100px;
150     vertical-align: top;
152 .course-participation #showall {
153     text-align: center;
154     margin: 10px 0;
156 #user-policy .noticebox {
157     text-align: center;
158     margin-left: auto;
159     margin-right: auto;
160     margin-bottom: 10px;
161     width: 80%;
162     height: 250px;
164 #user-policy #policyframe {
165     width: 100%;
166     height: 100%;
168 .iplookup #map {
169     margin: auto;
171 .userselector select {
172     width: 100%;
174 .userselector div {
175     margin-top: 0.2em;
177 .userselector div label {
178     margin-right: 0.3em;
180 /* Next style does not work in all browsers but looks nicer when it does */
181 .userselector .userselector-infobelow {
182     font-size: 0.8em;
184 #userselector_options {
185     padding: 0.3em 0;
187 #userselector_options .collapsibleregioncaption {
188     font-weight: bold;
190 #userselector_options p {
191     margin: 0.2em 0;
192     text-align: left;
194 /** user full profile */
195 #page-user-profile .messagebox {
196     text-align: center;
197     margin-left: auto;
198     margin-right: auto;
200 /** user course profile */
201 #page-course-view-weeks .messagebox {
202     text-align: center;
203     margin-left: auto;
204     margin-right: auto;
207 .profileeditor {
208     > .singleselect {
209         margin: 0 0.5em 0 0;
210     }
211     > .singlebutton {
212         display: inline-block;
213         margin: 0 0 0 0.5em;
214         div, input {
215             margin: 0;
216         }
217     }
220 #groupeditform {
221     .groups,
222     .members {
223         min-width: 175px;
224         width: 49%;
225         float: left;
226         text-align: left;
228         select {
229             min-width: 175px;
230         }
231     }