MDL-38016 Themes - Add a bootstrap theme to core
[moodle.git] / theme / bootstrap / 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}
20.userlist .main .action-icon img {
21 vertical-align: middle;
22}
23.userlist #showall {
24 margin: 10px 0;
25}
26.userlist .buttons {
27 text-align: center;
28}
29.userlist .buttons label {
30 padding: 0 3px;
31}
32.userlist table#participants {
33 text-align: center;
34}
35.userlist table#participants td,
36.userlist table#participants th {
37 vertical-align: middle;
38 text-align: left;
39 padding: 4px;
40}
41.userlist table.controls {
42 width: 100%;
43}
44.userlist table.controls tr {
45 vertical-align: top;
46}
47.userlist table.controls td.right,
48.userlist table.controls td.left {
49 padding: 4px;
50}
51.userlist table.controls .right {
52 text-align: right;
53}
54.userinfobox {
55 width: 100%;
56 border: 1px solid;
57 border-collapse: separate;
58 padding: 10px;
59}
60.userinfobox .left,
61.userinfobox .side {
62 width: 100px;
63 vertical-align: top;
64}
65.userinfobox .userpicture {
66 width: 100px;
67 height: 100px;
68}
69.userinfobox .content {
70 vertical-align: top;
71}
72.userinfobox .links {
73 width: 100px;
74 padding: 5px;
75 vertical-align: bottom;
76}
77.userinfobox .links a {
78 display: block;
79}
80.userinfobox .list td {
81 padding: 3px;
82}
83.userinfobox .username {
84 padding-bottom: 20px;
85 font-weight: bold;
86}
87.userinfobox td.label {
88 text-align: right;
89 white-space: nowrap;
90 vertical-align: top;
91 font-weight: bold;
92}
93.groupinfobox {
94 border: 1px solid;
95}
96.groupinfobox .left {
97 padding: 10px;
98 width: 100px;
99 vertical-align: top;
100}
101.course-participation #showall {
102 text-align: center;
103 margin: 10px 0;
104}
105#user-policy .noticebox {
106 text-align: center;
107 margin-left: auto;
108 margin-right: auto;
109 margin-bottom: 10px;
110 width: 80%;
111 height: 250px;
112}
113#user-policy #policyframe {
114 width: 100%;
115 height: 100%;
116}
117.iplookup #map {
118 margin: auto;
119}
120.userselector select {
121 width: 100%;
122}
123.userselector div {
124 margin-top: 0.2em;
125}
126.userselector div label {
127 margin-right: 0.3em;
128}
129/* Next style does not work in all browsers but looks nicer when it does */
130.userselector .userselector-infobelow {
131 font-size: 0.8em;
132}
133#userselector_options {
134 padding: 0.3em 0;
135}
136#userselector_options .collapsibleregioncaption {
137 font-weight: bold;
138}
139#userselector_options p {
140 margin: 0.2em 0;
141 text-align: left;
142}
143.dir-rtl #userselector_options p {
144 text-align: right;
145}
146/** user full profile */
147#page-user-profile .messagebox {
148 text-align: center;
149 margin-left: auto;
150 margin-right: auto;
151}
152/** user course profile */
153#page-course-view-weeks .messagebox {
154 text-align: center;
155 margin-left: auto;
156 margin-right: auto;
157}
158/** Overide for RTL layout **/
159.dir-rtl .descriptionbox {
160 margin-right: 110px;
161 margin-left: 0;
162}
163.dir-rtl .userlist table#participants td,
164.dir-rtl .userlist table#participants th {
165 text-align: right;
166}
167.dir-rtl .userlist table#participants {
168 margin: 0 auto;
169}
170#page-my-index.dir-rtl .block h3.main {
171 text-align: right;
172}