Commit | Line | Data |
---|---|---|
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 | } | |
13 | span.hide, | |
14 | div.hide { | |
15 | display:none; | |
16 | } | |
17 | ||
18 | /*Accessibility: Skip block link, for keyboard-only users. */ | |
19 | a.skip-block, a.skip { | |
20 | position: absolute; | |
21 | top: -1000em; | |
22 | font-size: 0.85em; | |
23 | } | |
24 | a.skip-block:focus, a.skip-block:active, | |
25 | a.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 | ||
35 | a.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 | } |