11@font-face {
2- font-family : ' ibm-plex-sans' ;
3- src : url (' ../fonts/static/IBMPlexSans-Regular.ttf' ) format (' truetype' );
2+ font-family : " ibm-plex-sans" ;
3+ src : url (" ../fonts/static/IBMPlexSans-Regular.ttf" ) format (" truetype" );
44 font-weight : normal;
55 font-style : normal;
66}
77
8- html .h5p-iframe , html .h5p-iframe > body {
9- font-family : 'ibm-plex-sans' ; /* Use the browser's default sans-serif font. (Since Heletica doesn't look nice on Windows, and Arial on OS X.) */
8+ html .h5p-iframe ,
9+ html .h5p-iframe > body {
10+ font-family : "ibm-plex-sans" ; /* Use the browser's default sans-serif font. (Since Heletica doesn't look nice on Windows, and Arial on OS X.) */
1011 width : 100% ;
1112 height : 100% ;
1213 margin : 0 ;
1314 padding : 0 ;
1415}
15- .h5p-semi-fullscreen , .h5p-fullscreen , html .h5p-iframe .h5p-container {
16+ .h5p-semi-fullscreen ,
17+ .h5p-fullscreen ,
18+ html .h5p-iframe .h5p-container {
1619 overflow : hidden;
1720}
1821.h5p-content {
1922 position : relative;
2023 background-color : white;
21- border : 1px solid # EEE ;
24+ border : 1px solid # eee ;
2225 border-radius : 0.2em ;
2326 border-bottom : none;
2427 box-sizing : border-box;
2528 -moz-box-sizing : border-box;
2629}
27- .h5p-noselect
28- {
30+ .h5p-noselect {
2931 -khtml-user-select : none;
3032 -ms-user-select : none;
3133 -moz-user-select : none;
@@ -69,7 +71,7 @@ body.h5p-semi-fullscreen {
6971 z-index : 101 ;
7072 width : 100% ;
7173 height : 100% ;
72- background-color : # FFF ;
74+ background-color : # fff ;
7375}
7476
7577.h5p-content-controls {
@@ -83,23 +85,27 @@ body.h5p-semi-fullscreen {
8385 display : none;
8486}
8587
86- .h5p-content-controls > a : link , .h5p-content-controls > a : visited , a .h5p-disable-fullscreen : link , a .h5p-disable-fullscreen : visited {
88+ .h5p-content-controls > a : link ,
89+ .h5p-content-controls > a : visited ,
90+ a .h5p-disable-fullscreen : link ,
91+ a .h5p-disable-fullscreen : visited {
8792 color : # e5eef6 ;
8893}
8994
9095.h5p-enable-fullscreen : before {
91- font-family : ' H5P' ;
96+ font-family : " H5P" ;
9297 content : "\e88c" ;
9398}
9499.h5p-disable-fullscreen : before {
95- font-family : ' H5P' ;
100+ font-family : " H5P" ;
96101 content : "\e891" ;
97102}
98- .h5p-enable-fullscreen , .h5p-disable-fullscreen {
103+ .h5p-enable-fullscreen ,
104+ .h5p-disable-fullscreen {
99105 cursor : pointer;
100- color : # EEE ;
101- background : rgb (0 , 0 , 0 );
102- background : rgba (0 , 0 , 0 , 0.3 );
106+ color : # eee ;
107+ background : rgb (0 , 0 , 0 );
108+ background : rgba (0 , 0 , 0 , 0.3 );
103109 line-height : 0.975em ;
104110 font-size : 2em ;
105111 width : 1.125em ;
@@ -119,8 +125,9 @@ body.h5p-semi-fullscreen {
119125 outline-offset : 0.25em ;
120126}
121127
122- .h5p-enable-fullscreen : hover , .h5p-disable-fullscreen : hover {
123- background : rgba (0 , 0 , 0 , 0.5 );
128+ .h5p-enable-fullscreen : hover ,
129+ .h5p-disable-fullscreen : hover {
130+ background : rgba (0 , 0 , 0 , 0.5 );
124131}
125132.h5p-semi-fullscreen .h5p-enable-fullscreen {
126133 display : none;
@@ -179,13 +186,14 @@ div.h5p-fullscreen {
179186 margin : 0 ;
180187 height : 25px ;
181188 font-size : 12px ;
182- background : # FAFAFA ;
183- border-top : 1px solid # EEE ;
184- border-bottom : 1px solid # EEE ;
189+ background : # fafafa ;
190+ border-top : 1px solid # eee ;
191+ border-bottom : 1px solid # eee ;
185192 clear : both;
186193 font-family : Sans-Serif;
187194}
188- .h5p-fullscreen .h5p-actions , .h5p-semi-fullscreen .h5p-actions {
195+ .h5p-fullscreen .h5p-actions ,
196+ .h5p-semi-fullscreen .h5p-actions {
189197 display : none;
190198}
191199.h5p-actions > .h5p-button {
@@ -213,7 +221,7 @@ div.h5p-fullscreen {
213221 display : inline-flex;
214222 padding : 0 ;
215223 margin : 0 ;
216- color : # 6A6A6A ;
224+ color : # 6a6a6a ;
217225 position : relative;
218226
219227 /* Disable default button style */
@@ -229,10 +237,10 @@ div.h5p-fullscreen {
229237 outline-style : solid;
230238 outline-width : thin;
231239 outline-offset : -2px ;
232- outline-color : # 5981A1 ;
240+ outline-color : # 5981a1 ;
233241}
234242.h5p-actions button : before {
235- font-family : ' H5P' ;
243+ font-family : " H5P" ;
236244 font-size : 20px ;
237245 line-height : 23px ;
238246 vertical-align : bottom;
@@ -250,15 +258,15 @@ div.h5p-fullscreen {
250258.h5p-actions .h5p-link {
251259 float : right;
252260 margin-right : 0 ;
253- font-size : 2.0 em ;
261+ font-size : 2 em ;
254262 line-height : 23px ;
255263 position : relative;
256264 color : # 6a6a6a ;
257265 text-decoration : none;
258266 outline : none;
259267}
260268.h5p-actions .h5p-link : before {
261- font-family : ' H5P' ;
269+ font-family : " H5P" ;
262270 content : "\e88e" ;
263271 vertical-align : bottom;
264272}
@@ -281,8 +289,8 @@ div.h5p-fullscreen {
281289 -moz-transition : opacity 0.2s ;
282290 -o-transition : opacity 0.2s ;
283291 transition : opacity 0.2s ;
284- background : # 000 ;
285- background : rgba (0 , 0 , 0 , 0.75 );
292+ background : # 000 ;
293+ background : rgba (0 , 0 , 0 , 0.75 );
286294}
287295.h5p-popup-dialog .h5p-open {
288296 opacity : 1 ;
@@ -388,10 +396,10 @@ div.h5p-fullscreen {
388396 color : # 656565 ;
389397 cursor : pointer;
390398 text-indent : -0.065em ;
391- z-index : 3
399+ z-index : 3 ;
392400}
393401.h5p-popup-dialog .h5p-close : after {
394- font-family : ' H5P' ;
402+ font-family : " H5P" ;
395403 content : "\e894" ;
396404}
397405.h5p-popup-dialog .h5p-close : hover : after ,
@@ -415,7 +423,7 @@ div.h5p-fullscreen {
415423 margin : 0 0.75em 0 0 ;
416424}
417425.h5p-popup-dialog dt : after {
418- content : ':' ;
426+ content : ":" ;
419427}
420428.h5p-popup-dialog dd {
421429 margin : 0 ;
@@ -455,7 +463,7 @@ div.h5p-fullscreen {
455463 padding-left : 0.25em ;
456464}
457465.h5p-throbber {
458- background : url (' ../images/throbber.gif?ver=1.2.1' ) 10px center no-repeat;
466+ background : url (" ../images/throbber.gif?ver=1.2.1" ) 10px center no-repeat;
459467 padding-left : 38px ;
460468 min-height : 30px ;
461469 line-height : 30px ;
@@ -488,7 +496,7 @@ div.h5p-fullscreen {
488496 border-radius : 0.25em ;
489497}
490498.h5p-big-button : before {
491- font-family : ' h5p' ;
499+ font-family : " h5p" ;
492500 content : "\e893" ;
493501 line-height : 1 ;
494502 font-size : 3em ;
@@ -573,7 +581,6 @@ div.h5p-fullscreen {
573581 overflow : auto;
574582}
575583
576-
577584/* This is loaded as part of Core and not Editor since this needs to be outside the editor iframe */
578585.h5peditor-semi-fullscreen {
579586 width : 100% ;
@@ -669,7 +676,7 @@ iframe.h5peditor-semi-fullscreen {
669676 transform : translate (-50% , 0% );
670677
671678 color : # 555 ;
672- box-shadow : 0 0 6px 6px rgba (10 , 10 , 10 , 0.3 );
679+ box-shadow : 0 0 6px 6px rgba (10 , 10 , 10 , 0.3 );
673680
674681 -webkit-transition : transform 0.1s ease-in;
675682 transition : transform 0.1s ease-in;
@@ -721,7 +728,7 @@ button.h5p-confirmation-dialog-exit {
721728
722729button .h5p-confirmation-dialog-exit : focus ,
723730button .h5p-confirmation-dialog-exit : hover {
724- color : # E4ECF5 ;
731+ color : # e4ecf5 ;
725732}
726733
727734.h5p-confirmation-dialog-exit : before {
@@ -759,7 +766,8 @@ button.h5p-confirmation-dialog-exit:hover {
759766 color : # 000 ;
760767}
761768
762- .h5p-confirmation-dialog-popup .offline .h5p-confirmation-dialog-confirm-button : before {
769+ .h5p-confirmation-dialog-popup .offline
770+ .h5p-confirmation-dialog-confirm-button : before {
763771 content : "\e90b" ;
764772 font-weight : normal;
765773 vertical-align : text-bottom;
@@ -787,7 +795,7 @@ button.h5p-confirmation-dialog-exit:hover {
787795 transform : translate (-50% , -50% );
788796}
789797
790- .throbber-wrapper .sending-requests-throbber {
798+ .throbber-wrapper .sending-requests-throbber {
791799 position : absolute;
792800 top : 7em ;
793801 left : 50% ;
@@ -796,7 +804,7 @@ button.h5p-confirmation-dialog-exit:hover {
796804
797805.throbber-wrapper .sending-requests-throbber : before {
798806 display : block;
799- font-family : ' H5P' ;
807+ font-family : " H5P" ;
800808 content : "\e90b" ;
801809 color : white;
802810 font-size : 10em ;
@@ -868,7 +876,7 @@ button.h5p-core-button:active {
868876 background : # 104888 ;
869877}
870878button .h5p-core-button : before {
871- font-family : ' H5P' ;
879+ font-family : " H5P" ;
872880 padding-right : 0.15em ;
873881 font-size : 1.5em ;
874882 vertical-align : middle;
@@ -908,7 +916,7 @@ button.h5p-core-cancel-button:focus {
908916 max-width : min (300px , 90% );
909917
910918 background : # 000 ;
911- color : # FFF ;
919+ color : # fff ;
912920
913921 cursor : default;
914922}
@@ -936,11 +944,12 @@ button.h5p-core-cancel-button:focus {
936944 width : 100% ;
937945 border-spacing : 0 ;
938946 border-width : 1px ;
939- border-color : # 494949 ;
947+ border-color : # 494949 ;
940948
941- td , th {
949+ td ,
950+ th {
942951 padding : 1px ;
943- border-color : # 494949 ;
952+ border-color : # 494949 ;
944953 border-bottom-style : solid;
945954 }
946955
@@ -950,7 +959,7 @@ button.h5p-core-cancel-button:focus {
950959
951960 th {
952961 text-align : left;
953- border-width : .167em ;
962+ border-width : 0 .167em ;
954963 }
955964
956965 tr : last-child > td {
@@ -963,9 +972,9 @@ button.h5p-core-cancel-button:focus {
963972 caption-side : top;
964973 color : # 333 ;
965974 display : table-caption;
966- font-size : .75em ;
975+ font-size : 0 .75em ;
967976 outline-offset : -1px ;
968- padding : .6em ;
977+ padding : 0 .6em ;
969978 text-align : center;
970979 word-break : break-word;
971980 }
0 commit comments