MDL-20204 first batch of major theme changes, some regressions are still there, expec...
[moodle.git] / theme / base / style / core.css
CommitLineData
78946b9b
PS
1/***
2 * Accessibility features
3 **/
4
5/*Accessibility: text 'seen' by screen readers but not visual users. */
6.accesshide {
7 position:absolute;
8 top:-100000px;
9 left:10px;
10 font-weight:normal;
11 font-size:1em;
12}
13span.hide,
14div.hide {
15 display:none;
16}
17
18/*Accessibility: Skip block link, for keyboard-only users. */
19a.skip-block, a.skip {
20 position: absolute;
21 top: -1000em;
22 font-size: 0.85em;
23}
24a.skip-block:focus, a.skip-block:active,
25a.skip:focus, a.skip:active {
26 position: static;
27 display: block;
28}
29.skip-block-to {
30 display: block;
31 height: 1px;
32 overflow: hidden;
33}
34
35a.skip-block {
36 text-decoration:none;
37}
38
39/***
40 * General
41 **/
42
43.clearer {
44 clear:both;
45 margin:0;
46 padding:0;
47 height:1px;
48 border:none;
49 background:transparent;
50 display:block;
51}
52
53.clearfix:after {
54 min-width: 0;
55 content: ".";
56 display: block;
57 height: 0;
58 clear: both;
59 visibility: hidden;
60}
61
62.generalbox {
63 border-width: 1px;
64 border-style: solid;
65}
66
67.boxaligncenter {
68 margin-left:auto;
69 margin-right:auto;
70}
71
72.boxalignright {
73 margin-left:auto;
74 margin-right:0;
75}
76
77.boxalignleft {
78 margin-left:0;
79 margin-right:auto;
80}
81
82.boxwidthnarrow {
83 width: 30%
84}
85
86.boxwidthnormal {
87 width: 50%
88}
89
90.boxwidthwide {
91 width: 80%
92}
93
94.mdl-align {
95 text-align: center;
96}
97.mdl-left {
98 text-align: left;
99}
100.mdl-right {
101 text-align: right;
102}
103
104/***
105 * Header
106 **/
107
108.breadcrumb ul {
109 padding:0;
110 margin:0;
111 text-indent:0;
112 list-style:none;
113}
114.breadcrumb li {
115 display:inline;
116}
117
118.navbar .navbutton div,
119.navbar .navbutton form {
120 display:inline;
121}
122
123/***
124 ** Course stuff
125 **/
126
127.section_add_menus .horizontal div,
128.section_add_menus .horizontal form {
129 display:inline;
130}
131
132.course-content .section .activity img.activityicon {
133 vertical-align:middle;
134 height:16px;
135 width:16px;
136}