diff options
author | Eric Bidelman | 2012-04-16 12:04:03 -0700 |
---|---|---|
committer | Eric Bidelman | 2012-04-16 12:04:03 -0700 |
commit | 32f207b326a2138c14e0502fcd58c5c3457cde35 (patch) | |
tree | 5231a40fb221a0fd3118eb18efb768e386da7c83 /theme/css | |
parent | 04153b7c8a3332c8008408227f6d71b8ef392c35 (diff) | |
download | io-slides-remote-32f207b326a2138c14e0502fcd58c5c3457cde35.tar.gz |
mobile tweaks. Modernizr touch detection
Diffstat (limited to 'theme/css')
-rw-r--r-- | theme/css/default.css | 101 | ||||
-rw-r--r-- | theme/css/phone.css | 8 |
2 files changed, 56 insertions, 53 deletions
diff --git a/theme/css/default.css b/theme/css/default.css index 7507b19..7c96455 100644 --- a/theme/css/default.css +++ b/theme/css/default.css | |||
@@ -884,25 +884,17 @@ article.smaller q:before, article.smaller q:after { | |||
884 | } | 884 | } |
885 | 885 | ||
886 | /* line 638, ../sass/default.scss */ | 886 | /* line 638, ../sass/default.scss */ |
887 | .with-notes slide.current { | ||
888 | -webkit-transform: rotateY(180deg) !important; | ||
889 | -moz-transform: rotateY(180deg) !important; | ||
890 | -ms-transform: rotateY(180deg) !important; | ||
891 | -o-transform: rotateY(180deg) !important; | ||
892 | transform: rotateY(180deg) !important; | ||
893 | } | ||
894 | /* line 641, ../sass/default.scss */ | ||
895 | .with-notes .note { | 887 | .with-notes .note { |
896 | opacity: 1; | 888 | opacity: 1; |
897 | -webkit-transform: rotateY(180deg); | 889 | -webkit-transform: translateY(0); |
898 | -moz-transform: rotateY(180deg); | 890 | -moz-transform: translateY(0); |
899 | -ms-transform: rotateY(180deg); | 891 | -ms-transform: translateY(0); |
900 | -o-transform: rotateY(180deg); | 892 | -o-transform: translateY(0); |
901 | transform: rotateY(180deg); | 893 | transform: translateY(0); |
902 | pointer-events: auto; | 894 | pointer-events: auto; |
903 | } | 895 | } |
904 | 896 | ||
905 | /* line 648, ../sass/default.scss */ | 897 | /* line 645, ../sass/default.scss */ |
906 | .note { | 898 | .note { |
907 | position: absolute; | 899 | position: absolute; |
908 | z-index: 100; | 900 | z-index: 100; |
@@ -930,18 +922,23 @@ article.smaller q:before, article.smaller q:after { | |||
930 | -moz-box-pack: center; | 922 | -moz-box-pack: center; |
931 | -ms-box-pack: center; | 923 | -ms-box-pack: center; |
932 | box-pack: center; | 924 | box-pack: center; |
933 | -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.1, 0.1, 0.25, 0.9), opacity 0.4s ease-in-out 0.4s; | ||
934 | -moz-transition: -moz-transform 0.2s cubic-bezier(0.1, 0.1, 0.25, 0.9), opacity 0.4s ease-in-out 0.4s; | ||
935 | -ms-transition: -ms-transform 0.2s cubic-bezier(0.1, 0.1, 0.25, 0.9), opacity 0.4s ease-in-out 0.4s; | ||
936 | -o-transition: -o-transform 0.2s cubic-bezier(0.1, 0.1, 0.25, 0.9), opacity 0.4s ease-in-out 0.4s; | ||
937 | transition: transform 0.2s cubic-bezier(0.1, 0.1, 0.25, 0.9), opacity 0.4s ease-in-out 0.4s; | ||
938 | -webkit-border-radius: 5px; | 925 | -webkit-border-radius: 5px; |
939 | -moz-border-radius: 5px; | 926 | -moz-border-radius: 5px; |
940 | -ms-border-radius: 5px; | 927 | -ms-border-radius: 5px; |
941 | -o-border-radius: 5px; | 928 | -o-border-radius: 5px; |
942 | border-radius: 5px; | 929 | border-radius: 5px; |
943 | } | 930 | -webkit-transform: translateY(350px); |
944 | /* line 664, ../sass/default.scss */ | 931 | -moz-transform: translateY(350px); |
932 | -ms-transform: translateY(350px); | ||
933 | -o-transform: translateY(350px); | ||
934 | transform: translateY(350px); | ||
935 | -webkit-transition: all 0.4s ease-in-out; | ||
936 | -moz-transition: all 0.4s ease-in-out; | ||
937 | -ms-transition: all 0.4s ease-in-out; | ||
938 | -o-transition: all 0.4s ease-in-out; | ||
939 | transition: all 0.4s ease-in-out; | ||
940 | } | ||
941 | /* line 662, ../sass/default.scss */ | ||
945 | .note > section { | 942 | .note > section { |
946 | background: #fff; | 943 | background: #fff; |
947 | -webkit-border-radius: 5px; | 944 | -webkit-border-radius: 5px; |
@@ -956,7 +953,7 @@ article.smaller q:before, article.smaller q:after { | |||
956 | padding: 2em; | 953 | padding: 2em; |
957 | } | 954 | } |
958 | 955 | ||
959 | /* line 673, ../sass/default.scss */ | 956 | /* line 671, ../sass/default.scss */ |
960 | .source { | 957 | .source { |
961 | font-size: 14px; | 958 | font-size: 14px; |
962 | color: #a9a9a9; | 959 | color: #a9a9a9; |
@@ -965,7 +962,7 @@ article.smaller q:before, article.smaller q:after { | |||
965 | left: 60px; | 962 | left: 60px; |
966 | } | 963 | } |
967 | 964 | ||
968 | /* line 681, ../sass/default.scss */ | 965 | /* line 679, ../sass/default.scss */ |
969 | input, button { | 966 | input, button { |
970 | vertical-align: middle; | 967 | vertical-align: middle; |
971 | } | 968 | } |
@@ -981,7 +978,7 @@ input, button { | |||
981 | -ms-box-reflect: below 3px -ms-linear-gradient(rgba(255,255,255,0) 85%, white 150%); | 978 | -ms-box-reflect: below 3px -ms-linear-gradient(rgba(255,255,255,0) 85%, white 150%); |
982 | box-reflect: below 3px linear-gradient(rgba(255,255,255,0) 85%, white 150%); | 979 | box-reflect: below 3px linear-gradient(rgba(255,255,255,0) 85%, white 150%); |
983 | }*/ | 980 | }*/ |
984 | /* line 697, ../sass/default.scss */ | 981 | /* line 695, ../sass/default.scss */ |
985 | .flexbox { | 982 | .flexbox { |
986 | display: -webkit-box !important; | 983 | display: -webkit-box !important; |
987 | display: -moz-box !important; | 984 | display: -moz-box !important; |
@@ -990,7 +987,7 @@ input, button { | |||
990 | display: box !important; | 987 | display: box !important; |
991 | } | 988 | } |
992 | 989 | ||
993 | /* line 701, ../sass/default.scss */ | 990 | /* line 699, ../sass/default.scss */ |
994 | .flexbox.vcenter { | 991 | .flexbox.vcenter { |
995 | -webkit-box-orient: vertical; | 992 | -webkit-box-orient: vertical; |
996 | -moz-box-orient: vertical; | 993 | -moz-box-orient: vertical; |
@@ -1008,7 +1005,7 @@ input, button { | |||
1008 | width: 100%; | 1005 | width: 100%; |
1009 | } | 1006 | } |
1010 | 1007 | ||
1011 | /* line 707, ../sass/default.scss */ | 1008 | /* line 705, ../sass/default.scss */ |
1012 | .flexbox.vleft { | 1009 | .flexbox.vleft { |
1013 | -webkit-box-orient: vertical; | 1010 | -webkit-box-orient: vertical; |
1014 | -moz-box-orient: vertical; | 1011 | -moz-box-orient: vertical; |
@@ -1026,7 +1023,7 @@ input, button { | |||
1026 | width: 100%; | 1023 | width: 100%; |
1027 | } | 1024 | } |
1028 | 1025 | ||
1029 | /* line 713, ../sass/default.scss */ | 1026 | /* line 711, ../sass/default.scss */ |
1030 | .auto-fadein { | 1027 | .auto-fadein { |
1031 | -webkit-transition: opacity 0.6s ease-in 1s; | 1028 | -webkit-transition: opacity 0.6s ease-in 1s; |
1032 | -moz-transition: opacity 0.6s ease-in 1s; | 1029 | -moz-transition: opacity 0.6s ease-in 1s; |
@@ -1037,7 +1034,7 @@ input, button { | |||
1037 | } | 1034 | } |
1038 | 1035 | ||
1039 | /* Clickable/tappable areas */ | 1036 | /* Clickable/tappable areas */ |
1040 | /* line 719, ../sass/default.scss */ | 1037 | /* line 717, ../sass/default.scss */ |
1041 | .slide-area { | 1038 | .slide-area { |
1042 | z-index: 1000; | 1039 | z-index: 1000; |
1043 | position: absolute; | 1040 | position: absolute; |
@@ -1051,59 +1048,59 @@ input, button { | |||
1051 | margin-top: -350px; | 1048 | margin-top: -350px; |
1052 | } | 1049 | } |
1053 | 1050 | ||
1054 | /* line 736, ../sass/default.scss */ | 1051 | /* line 734, ../sass/default.scss */ |
1055 | #prev-slide-area { | 1052 | #prev-slide-area { |
1056 | margin-left: -550px; | 1053 | margin-left: -550px; |
1057 | } | 1054 | } |
1058 | 1055 | ||
1059 | /* line 741, ../sass/default.scss */ | 1056 | /* line 739, ../sass/default.scss */ |
1060 | #next-slide-area { | 1057 | #next-slide-area { |
1061 | margin-left: 450px; | 1058 | margin-left: 450px; |
1062 | } | 1059 | } |
1063 | 1060 | ||
1064 | /* ===== SLIDE CONTENT ===== */ | 1061 | /* ===== SLIDE CONTENT ===== */ |
1065 | /* line 749, ../sass/default.scss */ | 1062 | /* line 747, ../sass/default.scss */ |
1066 | .logoslide img { | 1063 | .logoslide img { |
1067 | width: 383px; | 1064 | width: 383px; |
1068 | height: 92px; | 1065 | height: 92px; |
1069 | } | 1066 | } |
1070 | 1067 | ||
1071 | /* line 755, ../sass/default.scss */ | 1068 | /* line 753, ../sass/default.scss */ |
1072 | .segue { | 1069 | .segue { |
1073 | padding: 60px 120px; | 1070 | padding: 60px 120px; |
1074 | } | 1071 | } |
1075 | /* line 758, ../sass/default.scss */ | 1072 | /* line 756, ../sass/default.scss */ |
1076 | .segue h2 { | 1073 | .segue h2 { |
1077 | color: #e6e6e6; | 1074 | color: #e6e6e6; |
1078 | font-size: 60px; | 1075 | font-size: 60px; |
1079 | } | 1076 | } |
1080 | /* line 762, ../sass/default.scss */ | 1077 | /* line 760, ../sass/default.scss */ |
1081 | .segue h3 { | 1078 | .segue h3 { |
1082 | color: #e6e6e6; | 1079 | color: #e6e6e6; |
1083 | line-height: 2.8; | 1080 | line-height: 2.8; |
1084 | } | 1081 | } |
1085 | /* line 766, ../sass/default.scss */ | 1082 | /* line 764, ../sass/default.scss */ |
1086 | .segue hgroup { | 1083 | .segue hgroup { |
1087 | position: absolute; | 1084 | position: absolute; |
1088 | bottom: 225px; | 1085 | bottom: 225px; |
1089 | } | 1086 | } |
1090 | 1087 | ||
1091 | /* line 772, ../sass/default.scss */ | 1088 | /* line 770, ../sass/default.scss */ |
1092 | .thank-you-slide { | 1089 | .thank-you-slide { |
1093 | background: #4387fd; | 1090 | background: #4387fd; |
1094 | color: white; | 1091 | color: white; |
1095 | } | 1092 | } |
1096 | /* line 776, ../sass/default.scss */ | 1093 | /* line 774, ../sass/default.scss */ |
1097 | .thank-you-slide h2 { | 1094 | .thank-you-slide h2 { |
1098 | font-size: 60px; | 1095 | font-size: 60px; |
1099 | color: inherit; | 1096 | color: inherit; |
1100 | } | 1097 | } |
1101 | /* line 781, ../sass/default.scss */ | 1098 | /* line 779, ../sass/default.scss */ |
1102 | .thank-you-slide article > p { | 1099 | .thank-you-slide article > p { |
1103 | margin-top: 2em; | 1100 | margin-top: 2em; |
1104 | font-size: 20pt; | 1101 | font-size: 20pt; |
1105 | } | 1102 | } |
1106 | /* line 786, ../sass/default.scss */ |