1
+ /* eXeLearning Style Designer Compatible Style */
2
+ /* vietnamese */
3
+ @font-face {
4
+ font-family : 'Encode Sans' ;
5
+ font-style : normal;
6
+ font-weight : 300 ;
7
+ src : local ('Encode Sans Light' ), local ('EncodeSans-Light' ), url (EncodeSans-Light_vietnamese.woff2) format ('woff2' );
8
+ unicode-range : U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
9
+ }
10
+ /* latin-ext */
11
+ @font-face {
12
+ font-family : 'Encode Sans' ;
13
+ font-style : normal;
14
+ font-weight : 300 ;
15
+ src : local ('Encode Sans Light' ), local ('EncodeSans-Light' ), url (EncodeSans-Light_latin-ext.woff2) format ('woff2' );
16
+ unicode-range : U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
17
+ }
18
+ /* latin */
19
+ @font-face {
20
+ font-family : 'Encode Sans' ;
21
+ font-style : normal;
22
+ font-weight : 300 ;
23
+ src : local ('Encode Sans Light' ), local ('EncodeSans-Light' ), url (EncodeSans-Light_latin.woff2) format ('woff2' );
24
+ unicode-range : U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
25
+ }
26
+ html {font-size : 105% }
27
+ body {font : 105% / 1.5 "Encode Sans" , Arial, Helvetica, sans-serif;padding : 15px ;margin : 0 ;text-align : left}
28
+
29
+ h2 {font-size : 1.3em }
30
+ h3 {font-size : 1.2em }
31
+ h4 {font-size : 1.1em }
32
+ h5 {font-size : 1em }
33
+ p {margin : 1em 0 }
34
+ .score .js-feedback {margin-bottom : 1em }
35
+
36
+ # header , # emptyHeader , # nodeDecoration {padding : 0 20px ;height : auto!important ;height : 120px ;min-height : 120px ;font-size : 1.6em ;font-weight : 300 ;border-style : 1px ;border-width : 1px }
37
+ # headerContent {padding-top : 70px }
38
+ # header h1 , # nodeDecoration h1 {margin : -.5em 0 1em 0 ;font-size : 1em ;text-align : left}
39
+ # nodeDecoration {margin-bottom : 15px } /* Single page */
40
+
41
+ .nodeDecoration h1 {font-size : 1.5em }
42
+
43
+ /* iDevices */
44
+ .iDevice {margin : 20px 0 }
45
+ .iDevice_header {letter-spacing : .5px ;padding : .5em 40px .5em 0 ;height : auto!important ;height : 1.7em ;min-height : 1.7em ;position : relative}
46
+ .iDevice_header [style ]{background-image : none!important }
47
+ .iDeviceTitle {font-size : 1.3em ;vertical-align : bottom;top : auto;display : inline-block;font-weight : 300 ;
48
+ padding : 5px 10px 5px 43px ;background-repeat : no-repeat;background-position : 0 50% ;margin : 0 }
49
+ .iDevice_header_noIcon .iDeviceTitle {background-image : none;padding-left : 20px }
50
+ .iDeviceTitle {* display : inline;* line-height : 2em }/* IE6, IE7 */
51
+ .iDevice_inner {padding : 10px 20px ;border-width : 1px ;border-style : solid}
52
+
53
+ /* Clearfix */
54
+ .iDevice_content {overflow : auto}
55
+ .FileAttachIdeviceInc .iDevice_content {margin-bottom : -.5em }
56
+
57
+ /* Hide/Show iDevice */
58
+ .toggle-idevice {display : block;margin : 0 ;text-align : right;height : 16px }
59
+ .toggle-idevice a {display : block;width : 16px ;height : 16px ;background : url (_style_icons.png) no-repeat -50px -50px ;outline : none;position : absolute;top : 0 ;right : 0 ;z-index : 100 ;border-bottom-left-radius : 1px }
60
+ .toggle-idevice .show-idevice {background-position : 0 -50px }
61
+ .toggle-idevice span {position : absolute;overflow : hidden;clip : rect (0 , 0 , 0 , 0 );height : 0 }
62
+ .toggle-idevice a : hover , .toggle-idevice a : focus {filter : alpha (opacity=100);opacity : 1 }
63
+ /* em */
64
+ .iDevice_header .toggle-idevice {position : absolute;top : 14px ;right : 14px }
65
+ /* No em */
66
+ .toggle-em0 {position : relative;top : 0 ;right : 15px ;margin-bottom : -21px }
67
+ .toggle-em0 + .iDevice .iDevice_content p : first-child {padding-right : 50px } /* To review */
68
+ .hidden-idevice .toggle-em0 {margin-bottom : 0 }
69
+
70
+ /* iDevice title with background-color */
71
+ input .feedbackbutton {margin : 0 }
72
+ .iDevice .emphasis1 {box-shadow : rgba (0 , 0 , 0 , 0.25 ) 3px 3px 4px }
73
+ .iDevice_header {border-width : 1px ;border-style : solid;padding-left : 13px }
74
+ .iDevice_inner {border-top : 0 }
75
+
76
+ .ExternalUrlIdevice iframe {border : 0 }
77
+
78
+ /* Reset base.css */
79
+ .block , .feedback {padding : 0 }
80
+ .feedback {font-family : inherit;font-size : 1em }
81
+ li {list-style-position : outside}
82
+ .styled-qc {margin-top : 2.5em }
83
+ .exe-dl .icon , .exe-dl-toggler a {width : 24px ;height : 24px ;border-radius : 12px }
84
+ .exe-dl-toggler a {line-height : 22px }
85
+ .js .exe-dl dd {margin-left : 44px }
86
+ .exe-enlarge-icon b {font-size : 1.2em }
87
+ .pre-code {border-radius : 0 }
88
+
89
+ /* Forms */
90
+ input , select {font-size : 1em ;font-family : inherit}
91
+ .iDevice_hint_title a {padding-left : 25px }
92
+ .iDevice_buttons input {font-size : 1em ;margin-right : .5em ;padding : .15em .45em }
93
+ .MultichoiceIdevice .feedback p : first-child {margin-top : 0 }
94
+ .MultichoiceIdevice .activity-form , .MultiSelectIdevice .activity-form {margin-bottom : 1em }
95
+ .TrueFalseIdevice .activity-form {margin-top : 1.5em }
96
+ .TrueFalseIdevice .activity-form : first-child {margin-top : 0 }
97
+ .TrueFalseIdevice label {margin : 0 1em }
98
+ .MultichoiceIdevice input [type = radio ], .MultiSelectIdevice input [type = checkbox ], .QuizTestIdevice input [type = radio ]{width : 16px ;height : 16px ;margin : 5px 0 0 12px }
99
+ .custom-inputs .iDevice_answer-field {width : 40px }
100
+ .custom-inputs .iDevice_answer-content , .custom-inputs .iDevice_answer-feedback {padding-left : 55px }
101
+ .custom-inputs .iDevice_answer-content {padding-top : 4px }
102
+ .styledRadio , .styledCheckbox {margin-left : 12px }
103
+ .MultichoiceIdevice .feedback {margin-top : 1em }
104
+ .right-option , .wrong-option {font-style : italic}
105
+ .readingIdevice .iDevice_content : first-child p : last-child ,
106
+ .CasestudyIdevice .iDevice_content : first-child p : last-child {margin-bottom : 0 }
107
+ .readingIdevice .feedbackbutton ,
108
+ .CasestudyIdevice .feedbackbutton ,
109
+ .ReflectionIdevice .feedbackbutton {margin : .5em 0 1em 0 }
110
+ .TrueFalseIdevice .exe-radio-option .styledRadio {display : inline-block;vertical-align : middle;margin : -2px 5px 0 0 }
111
+
112
+ /* Licenses */
113
+ # packageLicense {margin : 2.5em 0 1.5em 0 ;text-align : left;line-height : 1.2em ;font-size : .9em }
114
+ # packageLicense .cc {padding-left : 95px ;background : url (_style_licenses.png) no-repeat 0 0 }
115
+ # packageLicense .cc-by-sa {background-position : 0 -100px }
116
+ # packageLicense .cc-by-nd {background-position : 0 -200px }
117
+ # packageLicense .cc-by-nc {background-position : 0 -300px }
118
+ # packageLicense .cc-by-nc-sa {background-position : 0 -400px }
119
+ # packageLicense .cc-by-nc-nd {background-position : 0 -500px }
120
+ # packageLicense .cc-0 {background-position : 0 -600px }
121
+ # siteFooter {padding : 20px }
122
+
123
+ /* Download package iDevice */
124
+ .download-packageIdevice .exe-download-package-link a {background : # 333 }
125
+
126
+ /* Lightbox */
127
+ .lightboxOverlay {filter : progid:DXImageTransform.Microsoft.Alpha(Opacity=95);opacity : 0.95 }
128
+ # lightbox .lb-caption {font-size : 1em }
129
+
130
+ /* Effects - iDevices with emphasis */
131
+ .emphasis1 .exe-fx .fx-C2 ,
132
+ .emphasis1 .exe-fx .fx-C2 a ,
133
+ .emphasis1 .fx-pagination a {
134
+ background : # ededed ;
135
+ }
136
+
137
+ @media print {
138
+ div .node {page-break-after : auto} /* base.css */
139
+ .iDevice {margin-bottom : 20px }
140
+ html body {background : # fff ;color : # 000 ;font-size : 11pt }
141
+ @page {margin : 1.5cm }
142
+ a [href ^= http ]{font-weight : bold;text-decoration : none!important }
143
+ a [href ^= http ]: after {content : " <" attr (href) "> " }
144
+ # main .iDeviceTitle {background : none;padding-left : 0 }
145
+ .iDevice .emphasis1 {box-shadow : none}
146
+ body # header , body # emptyHeader , body # nodeDecoration {height : auto!important ;min-height : 0 ;border : none;padding : 0 }
147
+ # packageLicense .cc {padding-left : 0 }
148
+ .toggle-idevice {display : none}
149
+ }
150
+
151
+ /* eXeLearning Style Designer */
152
+ .iDevice_header {
153
+ /*emTitleColor*/
154
+ color : # 0d528a ;
155
+ /*emTitleBGColor*/
156
+ background-color : # f5f7f8 ;border-color : # f5f7f8 ;
157
+ }
158
+ .iDevice_inner {
159
+ /*emBGColor*/
160
+ background-color : # f5f7f8 ;border-color : /*emBorderColor*/
161
+ # f5f7f8 ;
162
+ }
163
+ .iDeviceTitle {
164
+ background-image : url (icon_star.png);
165
+ }
166
+ .activityIdevice .iDeviceTitle {
167
+ background-image : url (icon_assignment.png);
168
+ }
169
+ .readingIdevice .iDeviceTitle {
170
+ background-image : url (icon_unread.png);
171
+ }
172
+ .FileAttachIdeviceInc .iDeviceTitle {
173
+ background-image : url (icon_download.png);
174
+ }
175
+ .WikipediaIdevice .iDeviceTitle {
176
+ background-image : url (icon_description.png);
177
+ }
178
+ .ListaIdevice .iDeviceTitle , .QuizTestIdevice .iDeviceTitle , .MultichoiceIdevice .iDeviceTitle , .TrueFalseIdevice .iDeviceTitle , .MultiSelectIdevice .iDeviceTitle , .ClozeIdevice .iDeviceTitle {
179
+ background-image : url (icon_question.png);
180
+ }
181
+ .preknowledgeIdevice .iDeviceTitle {
182
+ background-image : url (icon_announcement.png);
183
+ }
184
+ .GalleryIdevice .iDeviceTitle {
185
+ background-image : url (icon_media.png);
186
+ }
187
+ .objectivesIdevice .iDeviceTitle {
188
+ background-image : url (icon_info.png);
189
+ }
190
+ .ReflectionIdevice .iDeviceTitle {
191
+ background-image : url (icon_account.png);
192
+ }
193
+ body {
194
+ /*bodyColor*/
195
+ color : # 333333 ;
196
+ /*fontSize*/
197
+ font-size : 95% ;
198
+ /*contentBGColor*/
199
+ background-color : # ffffff ;
200
+ }
201
+ a {
202
+ /*aColor*/
203
+ color : # 2495ff ;
204
+ }
205
+ # header , # emptyHeader , # nodeDecoration {
206
+ height : auto!important ;
207
+ /*headerHeight*/
208
+ height : 100px ;min-height : 100px ;
209
+ /*headerBGColor*/
210
+ background-color : # 2980b9 ;border : 1px solid /*headerBorderColor*/
211
+ # e1e4e5 ;
212
+ }
213
+ # headerContent {
214
+ /*headerTitleTopMargin*/
215
+ padding-top : 65px ;
216
+ /*headerTitleColor*/
217
+ color : # ffffff ;
218
+ }
219
+ # siteFooter {
220
+ border : 1px solid /*footerBorderColor*/
221
+ # e1e4e5 ;
222
+ /*footerColor*/
223
+ color : # ffffff ;
224
+ /*footerBGColor*/
225
+ background-color : # 343131 ;
226
+ /*footerFontSize*/
227
+ font-size : 95% ;
228
+ }
229
+ # siteFooter a {
230
+ /*footerAColor*/
231
+ color : # ecd078 ;
232
+ }
0 commit comments