From 06b4740ef7d0aecc01f325ca8c7d21679877c274 Mon Sep 17 00:00:00 2001 From: Luke Date: Thu, 29 Mar 2012 15:45:09 +1100 Subject: adding inital code --- theme/base.css | 123 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 123 insertions(+) create mode 100644 theme/base.css (limited to 'theme/base.css') diff --git a/theme/base.css b/theme/base.css new file mode 100644 index 0000000..f9991b3 --- /dev/null +++ b/theme/base.css @@ -0,0 +1,123 @@ +/** + * Base SlideDeck Styles + */ +html { + height: 100%; + overflow: hidden; +} + +body { + margin: 0; + padding: 0; + + display: block !important; + + height: 100%; + min-height: 740px; + + overflow-x: hidden; + overflow-y: auto; + + color: #fff; + -webkit-font-smoothing: antialiased; +} + +slides { + width: 100%; + height: 100%; + position: absolute; + left: 0; + top: 0; + -webkit-transform: translate3d(0, 0, 0); + -webkit-perspective: 1000; + -webkit-transform-style: preserve-3d; + -moz-transform: translate(0); + -moz-perspective: 1000; + -moz-transform-style: preserve-3d; +} + +slides > slide { + display: block; + position: absolute; + overflow: hidden; + left: 50%; + top: 50%; + -o-box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} + + +/* Clickable/tappable areas */ +/* +.slide-area { + z-index: 1000; + + position: absolute; + left: 0; + top: 0; + width: 150px; + height: 700px; + + left: 50%; + top: 50%; + + cursor: pointer; + margin-top: -350px; + + tap-highlight-color: transparent; + -o-tap-highlight-color: transparent; + -moz-tap-highlight-color: transparent; + -webkit-tap-highlight-color: transparent; +} +#prev-slide-area { + margin-left: -550px; +} +#next-slide-area { + margin-left: 400px; +} +.slides.layout-widescreen #prev-slide-area, +.slides.layout-faux-widescreen #prev-slide-area { + margin-left: -650px; +} +.slides.layout-widescreen #next-slide-area, +.slides.layout-faux-widescreen #next-slide-area { + margin-left: 500px; +}*/ + +/* Slide styles */ + + +article.fill iframe { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + + border: 0; + margin: 0; + + border-radius: 10px; + -o-border-radius: 10px; + -moz-border-radius: 10px; + -webkit-border-radius: 10px; + + z-index: -1; +} + +slide.fill { + background-repeat: no-repeat; + background-size: cover; +} + +slide.fill img { + position: absolute; + left: 0; + top: 0; + min-width: 100%; + min-height: 100%; + + z-index: -1; +} -- cgit v1.2.3