MDL-30903 Accessibility: user profile page uses table headers
[moodle.git] / theme / base / style / user.css
1 /*$$$$$$$$$$$$$$$$$ User $$$$$$$$$$$$$$$$$$$$*/
3 .userprofile .fullprofilelink {text-align:center; margin:10px;}
4 .userprofile .profilepicture {float:left; margin-right:20px;}
5 .userprofile .description {margin-bottom:20px;}
6 .userprofile .label {font-weight:normal;text-align:left;}
8 .user-box {margin:8px;width:115px;height:160px;text-align:center;float:left;clear: none;}
10 .userlist #showall {margin: 10px 0px;}
11 .userlist .buttons {text-align: center;}
12 .userlist table#participants {text-align:center;}
13 .userlist table#participants td,
14 .userlist table#participants th {vertical-align: middle;text-align: left;padding: 4px;}
15 .userlist table.controls {width: 100%;}
16 .userlist table.controls tr {vertical-align: top;}
17 .userlist table.controls td.right,
18 .userlist table.controls td.left {padding: 4px;}
19 .userlist table.controls .right {text-align: right;}
21 .userinfobox {width:100%;border:1px solid;border-collapse: separate;padding:10px;}
22 .userinfobox .left,
23 .userinfobox .side {width: 100px;vertical-align: top;}
24 .userinfobox .userpicture {width: 100px;height: 100px;}
25 .userinfobox .content {vertical-align: top;}
26 .userinfobox .links {width: 100px;padding: 5px;vertical-align: bottom;}
27 .userinfobox .links a {display: block;}
28 .userinfobox .list td {padding: 3px;}
29 .userinfobox .username {padding-bottom: 20px;font-weight: bold;}
30 .userinfobox td.label {text-align:right;white-space: nowrap;vertical-align: top;font-weight:bold;}
32 .groupinfobox {border:1px solid;}
33 .groupinfobox .left {padding: 10px;width: 100px;vertical-align: top;}
35 .course-participation #showall {text-align:center;margin: 10px 0px;}
36 #user-policy .noticebox {text-align:center;margin-left:auto;margin-right:auto;margin-bottom:10px;width:80%;height:250px;}
37 #user-policy #policyframe {width:100%;height:100%;}
38 .iplookup #map {margin:auto;}
40 .userselector select {width: 100%;}
41 .userselector div {margin-top: 0.2em;}
42 .userselector div label {margin-right: 0.3em;}
43 #userselector_options {padding:0.3em 0;}
44 #userselector_options .collapsibleregioncaption {font-weight: bold;}
45 #userselector_options p {margin:0.2em 0;text-align:left;}
46 .dir-rtl #userselector_options p {text-align:right;}
47 /** user full profile */
48 #page-user-profile .messagebox {text-align:center;margin-left:auto;margin-right:auto;}
49 /** user course profile */
50 #page-course-view-weeks .messagebox {text-align:center;margin-left:auto;margin-right:auto;}
52 /** Overide for RTL layout **/
53 .dir-rtl .userprofile .profilepicture {float:right; margin-left:20px;margin-right:0px;}
54 .dir-rtl .descriptionbox {margin-right: 110px;margin-left: 0px; }
55 .dir-rtl .userlist table#participants td,
56 .dir-rtl .userlist table#participants th {text-align: right;}
57 .dir-rtl .userlist table#participants {margin: 0 auto;}
59 #page-my-index.dir-rtl .block h3.main { text-align: right;}