diff options
Diffstat (limited to 'theme/css')
-rw-r--r-- | theme/css/default.css | 212 |
1 files changed, 135 insertions, 77 deletions
diff --git a/theme/css/default.css b/theme/css/default.css index 92b9dbe..014e1e7 100644 --- a/theme/css/default.css +++ b/theme/css/default.css | |||
@@ -98,11 +98,16 @@ body.loaded { | |||
98 | } | 98 | } |
99 | 99 | ||
100 | /* line 68, ../sass/_base.scss */ | 100 | /* line 68, ../sass/_base.scss */ |
101 | input, button { | ||
102 | vertical-align: middle; | ||
103 | } | ||
104 | |||
105 | /* line 72, ../sass/_base.scss */ | ||
101 | slides > slide[hidden] { | 106 | slides > slide[hidden] { |
102 | display: none !important; | 107 | display: none !important; |
103 | } | 108 | } |
104 | 109 | ||
105 | /* line 72, ../sass/_base.scss */ | 110 | /* line 76, ../sass/_base.scss */ |
106 | slides { | 111 | slides { |
107 | width: 100%; | 112 | width: 100%; |
108 | height: 100%; | 113 | height: 100%; |
@@ -120,7 +125,7 @@ slides { | |||
120 | transform-style: preserve-3d; | 125 | transform-style: preserve-3d; |
121 | } | 126 | } |
122 | 127 | ||
123 | /* line 83, ../sass/_base.scss */ | 128 | /* line 87, ../sass/_base.scss */ |
124 | slides > slide { | 129 | slides > slide { |
125 | display: block; | 130 | display: block; |
126 | position: absolute; | 131 | position: absolute; |
@@ -887,26 +892,89 @@ article.smaller q:before, article.smaller q:after { | |||
887 | color: #515151; | 892 | color: #515151; |
888 | } | 893 | } |
889 | 894 | ||
890 | /* line 638, ../sass/default.scss */ | 895 | /* line 632, ../sass/default.scss */ |
891 | .with-notes slides.layout-widescreen slide.next, | 896 | .note { |
892 | .with-notes slides.layout-faux-widescreen slide.next { | 897 | position: absolute; |
898 | z-index: 100; | ||
899 | width: 100%; | ||
900 | height: 100%; | ||
901 | top: 0; | ||
902 | left: 0; | ||
903 | padding: 1em; | ||
904 | background: rgba(0, 0, 0, 0.3); | ||
905 | opacity: 0; | ||
906 | pointer-events: none; | ||
907 | display: -webkit-box !important; | ||
908 | display: -moz-box !important; | ||
909 | display: -ms-box !important; | ||
910 | display: -o-box !important; | ||
911 | display: box !important; | ||
912 | -webkit-box-orient: vertical; | ||
913 | -moz-box-orient: vertical; | ||
914 | -ms-box-orient: vertical; | ||
915 | box-orient: vertical; | ||
916 | -webkit-box-align: center; | ||
917 | -moz-box-align: center; | ||
918 | -ms-box-align: center; | ||
919 | box-align: center; | ||
920 | -webkit-box-pack: center; | ||
921 | -moz-box-pack: center; | ||
922 | -ms-box-pack: center; | ||
923 | box-pack: center; | ||
924 | -webkit-border-radius: 5px; | ||
925 | -moz-border-radius: 5px; | ||
926 | -ms-border-radius: 5px; | ||
927 | -o-border-radius: 5px; | ||
928 | border-radius: 5px; | ||
929 | -webkit-box-sizing: border-box; | ||
930 | -moz-box-sizing: border-box; | ||
931 | box-sizing: border-box; | ||
932 | -webkit-transform: translateY(350px); | ||
933 | -moz-transform: translateY(350px); | ||
934 | -ms-transform: translateY(350px); | ||
935 | -o-transform: translateY(350px); | ||
936 | transform: translateY(350px); | ||
937 | -webkit-transition: all 0.4s ease-in-out; | ||
938 | -moz-transition: all 0.4s ease-in-out; | ||
939 | -ms-transition: all 0.4s ease-in-out; | ||
940 | -o-transition: all 0.4s ease-in-out; | ||
941 | transition: all 0.4s ease-in-out; | ||
942 | } | ||
943 | /* line 650, ../sass/default.scss */ | ||
944 | .note > section { | ||
945 | background: #fff; | ||
946 | -webkit-border-radius: 5px; | ||
947 | -moz-border-radius: 5px; | ||
948 | -ms-border-radius: 5px; | ||
949 | -o-border-radius: 5px; | ||
950 | border-radius: 5px; | ||
951 | -webkit-box-shadow: 0 0 10px #797979; | ||
952 | -moz-box-shadow: 0 0 10px #797979; | ||
953 | box-shadow: 0 0 10px #797979; | ||
954 | width: 60%; | ||
955 | padding: 2em; | ||
956 | } | ||
957 | |||
958 | /* line 667, ../sass/default.scss */ | ||
959 | .with-notes.popup slides.layout-widescreen slide.next, | ||
960 | .with-notes.popup slides.layout-faux-widescreen slide.next { | ||
893 | -webkit-transform: translate3d(690px, 80px, 0) scale(0.35); | 961 | -webkit-transform: translate3d(690px, 80px, 0) scale(0.35); |
894 | -moz-transform: translate3d(690px, 80px, 0) scale(0.35); | 962 | -moz-transform: translate3d(690px, 80px, 0) scale(0.35); |
895 | -ms-transform: translate3d(690px, 80px, 0) scale(0.35); | 963 | -ms-transform: translate3d(690px, 80px, 0) scale(0.35); |
896 | -o-transform: translate3d(690px, 80px, 0) scale(0.35); | 964 | -o-transform: translate3d(690px, 80px, 0) scale(0.35); |
897 | transform: translate3d(690px, 80px, 0) scale(0.35); | 965 | transform: translate3d(690px, 80px, 0) scale(0.35); |
898 | } | 966 | } |
899 | /* line 641, ../sass/default.scss */ | 967 | /* line 670, ../sass/default.scss */ |
900 | .with-notes slides.layout-widescreen slide .note, | 968 | .with-notes.popup slides.layout-widescreen slide .note, |
901 | .with-notes slides.layout-faux-widescreen slide .note { | 969 | .with-notes.popup slides.layout-faux-widescreen slide .note { |
902 | -webkit-transform: translate3d(300px, 800px, 0) scale(1.5); | 970 | -webkit-transform: translate3d(300px, 800px, 0) scale(1.5); |
903 | -moz-transform: translate3d(300px, 800px, 0) scale(1.5); | 971 | -moz-transform: translate3d(300px, 800px, 0) scale(1.5); |
904 | -ms-transform: translate3d(300px, 800px, 0) scale(1.5); | 972 | -ms-transform: translate3d(300px, 800px, 0) scale(1.5); |
905 | -o-transform: translate3d(300px, 800px, 0) scale(1.5); | 973 | -o-transform: translate3d(300px, 800px, 0) scale(1.5); |
906 | transform: translate3d(300px, 800px, 0) scale(1.5); | 974 | transform: translate3d(300px, 800px, 0) scale(1.5); |
907 | } | 975 | } |
908 | /* line 647, ../sass/default.scss */ | 976 | /* line 676, ../sass/default.scss */ |
909 | .with-notes slide { | 977 | .with-notes.popup slide { |
910 | overflow: visible; | 978 | overflow: visible; |
911 | background: white; | 979 | background: white; |
912 | -webkit-transition: none; | 980 | -webkit-transition: none; |
@@ -921,8 +989,8 @@ article.smaller q:before, article.smaller q:after { | |||
921 | -o-transform-origin: 0 0; | 989 | -o-transform-origin: 0 0; |
922 | transform-origin: 0 0; | 990 | transform-origin: 0 0; |
923 | } | 991 | } |
924 | /* line 654, ../sass/default.scss */ | 992 | /* line 683, ../sass/default.scss */ |
925 | .with-notes slide:not(.backdrop) { | 993 | .with-notes.popup slide:not(.backdrop) { |
926 | -webkit-transform: scale(0.6) translate3d(0.5em, 0.5em, 0); | 994 | -webkit-transform: scale(0.6) translate3d(0.5em, 0.5em, 0); |
927 | -moz-transform: scale(0.6) translate3d(0.5em, 0.5em, 0); | 995 | -moz-transform: scale(0.6) translate3d(0.5em, 0.5em, 0); |
928 | -ms-transform: scale(0.6) translate3d(0.5em, 0.5em, 0); | 996 | -ms-transform: scale(0.6) translate3d(0.5em, 0.5em, 0); |
@@ -932,8 +1000,8 @@ article.smaller q:before, article.smaller q:after { | |||
932 | -moz-box-shadow: 0 0 10px #797979; | 1000 | -moz-box-shadow: 0 0 10px #797979; |
933 | box-shadow: 0 0 10px #797979; | 1001 | box-shadow: 0 0 10px #797979; |
934 | } | 1002 | } |
935 | /* line 659, ../sass/default.scss */ | 1003 | /* line 688, ../sass/default.scss */ |
936 | .with-notes slide.backdrop { | 1004 | .with-notes.popup slide.backdrop { |
937 | background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 600, color-stop(0%, #b1dfff), color-stop(100%, #4387fd)); | 1005 | background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 600, color-stop(0%, #b1dfff), color-stop(100%, #4387fd)); |
938 | background-image: -webkit-radial-gradient(50% 50%, #b1dfff 0%, #4387fd 600px); | 1006 | background-image: -webkit-radial-gradient(50% 50%, #b1dfff 0%, #4387fd 600px); |
939 | background-image: -moz-radial-gradient(50% 50%, #b1dfff 0%, #4387fd 600px); | 1007 | background-image: -moz-radial-gradient(50% 50%, #b1dfff 0%, #4387fd 600px); |
@@ -941,8 +1009,8 @@ article.smaller q:before, article.smaller q:after { | |||
941 | background-image: -ms-radial-gradient(50% 50%, #b1dfff 0%, #4387fd 600px); | 1009 | background-image: -ms-radial-gradient(50% 50%, #b1dfff 0%, #4387fd 600px); |
942 | background-image: radial-gradient(50% 50%, #b1dfff 0%, #4387fd 600px); | 1010 | background-image: radial-gradient(50% 50%, #b1dfff 0%, #4387fd 600px); |
943 | } | 1011 | } |
944 | /* line 665, ../sass/default.scss */ | 1012 | /* line 694, ../sass/default.scss */ |
945 | .with-notes slide.next { | 1013 | .with-notes.popup slide.next { |
946 | -webkit-transform: translate3d(570px, 80px, 0) scale(0.35); | 1014 | -webkit-transform: translate3d(570px, 80px, 0) scale(0.35); |
947 | -moz-transform: translate3d(570px, 80px, 0) scale(0.35); | 1015 | -moz-transform: translate3d(570px, 80px, 0) scale(0.35); |
948 | -ms-transform: translate3d(570px, 80px, 0) scale(0.35); | 1016 | -ms-transform: translate3d(570px, 80px, 0) scale(0.35); |
@@ -950,34 +1018,16 @@ article.smaller q:before, article.smaller q:after { | |||
950 | transform: translate3d(570px, 80px, 0) scale(0.35); | 1018 | transform: translate3d(570px, 80px, 0) scale(0.35); |
951 | opacity: 1 !important; | 1019 | opacity: 1 !important; |
952 | } | 1020 | } |
953 | /* line 669, ../sass/default.scss */ | 1021 | /* line 698, ../sass/default.scss */ |
954 | .with-notes slide.next .note { | 1022 | .with-notes.popup slide.next .note { |
955 | display: none; | 1023 | display: none !important; |
956 | } | ||
957 | /* line 674, ../sass/default.scss */ | ||
958 | .with-notes .note { | ||
959 | opacity: 1; | ||
960 | pointer-events: auto; | ||
961 | } | 1024 | } |
962 | 1025 | /* line 704, ../sass/default.scss */ | |
963 | /* line 680, ../sass/default.scss */ | 1026 | .with-notes.popup .note { |
964 | .note { | ||
965 | position: absolute; | ||
966 | z-index: 100; | ||
967 | width: 109%; | 1027 | width: 109%; |
968 | height: 260px; | 1028 | height: 260px; |
969 | top: 0; | ||
970 | left: 0; | ||
971 | background: #e6e6e6; | 1029 | background: #e6e6e6; |
972 | pointer-events: none; | 1030 | padding: 0; |
973 | -webkit-border-radius: 5px; | ||
974 | -moz-border-radius: 5px; | ||
975 | -ms-border-radius: 5px; | ||
976 | -o-border-radius: 5px; | ||
977 | border-radius: 5px; | ||
978 | -webkit-box-sizing: border-box; | ||
979 | -moz-box-sizing: border-box; | ||
980 | box-sizing: border-box; | ||
981 | -webkit-box-shadow: 0 0 10px #797979; | 1031 | -webkit-box-shadow: 0 0 10px #797979; |
982 | -moz-box-shadow: 0 0 10px #797979; | 1032 | -moz-box-shadow: 0 0 10px #797979; |
983 | box-shadow: 0 0 10px #797979; | 1033 | box-shadow: 0 0 10px #797979; |
@@ -992,8 +1042,8 @@ article.smaller q:before, article.smaller q:after { | |||
992 | -o-transition: opacity 400ms ease-in-out; | 1042 | -o-transition: opacity 400ms ease-in-out; |
993 | transition: opacity 400ms ease-in-out; | 1043 | transition: opacity 400ms ease-in-out; |
994 | } | 1044 | } |
995 | /* line 697, ../sass/default.scss */ | 1045 | /* line 715, ../sass/default.scss */ |
996 | .note > section { | 1046 | .with-notes.popup .note > section { |
997 | background: #fff; | 1047 | background: #fff; |
998 | -webkit-border-radius: 5px; | 1048 | -webkit-border-radius: 5px; |
999 | -moz-border-radius: 5px; | 1049 | -moz-border-radius: 5px; |
@@ -1005,11 +1055,24 @@ article.smaller q:before, article.smaller q:after { | |||
1005 | -webkit-box-sizing: border-box; | 1055 | -webkit-box-sizing: border-box; |
1006 | -moz-box-sizing: border-box; | 1056 | -moz-box-sizing: border-box; |
1007 | box-sizing: border-box; |