MDL-55607 theme_noname: Remove icon styles - We only need .icon everywhere.
[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 #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     }
102 .userinfobox {
103     width: 100%;
104     border: 1px solid;
105     border-collapse: separate;
106     padding: 10px;
108 .userinfobox .left,
109 .userinfobox .side {
110     width: 100px;
111     vertical-align: top;
113 .userinfobox .userpicture {
114     width: 100px;
115     height: 100px;
117 .userinfobox .content {
118     vertical-align: top;
120 .userinfobox .links {
121     width: 100px;
122     padding: 5px;
123     vertical-align: bottom;
125 .userinfobox .links a {
126     display: block;
128 .userinfobox .list td {
129     padding: 3px;
131 .userinfobox .username {
132     padding-bottom: 20px;
133     font-weight: bold;
135 .userinfobox td.label {
136     text-align: right;
137     white-space: nowrap;
138     vertical-align: top;
139     font-weight: bold;
141 .groupinfobox {
142     @extend .card;
144 .groupinfobox .left {
145     padding: 10px;
146     width: 100px;
147     vertical-align: top;
149 .course-participation #showall {
150     text-align: center;
151     margin: 10px 0;
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;
161 #user-policy #policyframe {
162     width: 100%;
163     height: 100%;
165 .iplookup #map {
166     margin: auto;
168 .userselector select {
169     width: 100%;
171 .userselector div {
172     margin-top: 0.2em;
174 .userselector div label {
175     margin-right: 0.3em;
177 /* Next style does not work in all browsers but looks nicer when it does */
178 .userselector .userselector-infobelow {
179     font-size: 0.8em;
181 #userselector_options {
182     padding: 0.3em 0;
184 #userselector_options .collapsibleregioncaption {
185     font-weight: bold;
187 #userselector_options p {
188     margin: 0.2em 0;
189     text-align: left;
191 /** user full profile */
192 #page-user-profile .messagebox {
193     text-align: center;
194     margin-left: auto;
195     margin-right: auto;
197 /** user course profile */
198 #page-course-view-weeks .messagebox {
199     text-align: center;
200     margin-left: auto;
201     margin-right: auto;
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     }
217 #groupeditform {
218     .groups,
219     .members {
220         min-width: 175px;
221         width: 49%;
222         float: left;
223         text-align: left;
225         select {
226             min-width: 175px;
227         }
228     }