aboutsummaryrefslogtreecommitdiff
path: root/theme/css
diff options
context:
space:
mode:
authorEric Bidelman2012-04-16 12:04:03 -0700
committerEric Bidelman2012-04-16 12:04:03 -0700
commit32f207b326a2138c14e0502fcd58c5c3457cde35 (patch)
tree5231a40fb221a0fd3118eb18efb768e386da7c83 /theme/css
parent04153b7c8a3332c8008408227f6d71b8ef392c35 (diff)
downloadio-slides-remote-32f207b326a2138c14e0502fcd58c5c3457cde35.tar.gz
mobile tweaks. Modernizr touch detection
Diffstat (limited to 'theme/css')
-rw-r--r--theme/css/default.css101
-rw-r--r--theme/css/phone.css8
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 */
969input, button { 966input, 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 */