attentive/lib/assets/stylesheets/attentive.css.scss

111 lines
1.3 KiB
SCSS
Raw Normal View History

2012-02-14 21:32:35 +00:00
@import 'compass/utilities';
@import 'compass/css3/transition';
2012-02-14 21:32:35 +00:00
2012-02-09 22:05:12 +00:00
body, html {
margin: 0;
padding: 0;
}
2012-02-15 16:34:08 +00:00
.timer {
position: absolute;
top: 10px;
left: 10px;
opacity: 0.5;
font-size: 30px;
font-family: Courier New, monospace;
&.hide {
display: none;
}
2012-02-20 21:53:48 +00:00
&.running {
color: #c00;
}
2012-02-15 16:34:08 +00:00
}
2012-02-14 21:32:35 +00:00
#slides-container {
position: absolute;
width: 100%;
height: 100%;
@include clearfix;
}
body.loading {
#slides-container {
opacity: 0;
}
}
2012-02-09 22:05:12 +00:00
#slides {
2012-02-14 21:32:35 +00:00
position: absolute;
top: 0;
height: 100%;
2012-02-09 22:05:12 +00:00
.slide {
2012-02-14 21:32:35 +00:00
@include float-left;
position: relative;
height: 100%;
2012-02-09 22:05:12 +00:00
.content {
text-align: center;
2012-02-14 21:32:35 +00:00
position: absolute;
left: 5%;
width: 90%;
2012-02-09 22:05:12 +00:00
2012-02-20 21:53:48 +00:00
* {
line-height: 105%;
}
2012-02-09 22:05:12 +00:00
h1, h2, h3 {
margin: 0;
}
h1 {
2012-02-20 21:53:48 +00:00
font-size: 6.5em;
2012-02-09 22:05:12 +00:00
}
h2 {
2012-02-20 21:53:48 +00:00
font-size: 4em;
2012-02-09 22:05:12 +00:00
}
h3 {
2012-02-20 21:53:48 +00:00
font-size: 2em;
2012-02-09 22:05:12 +00:00
}
div.highlight {
text-align: left;
padding: 1em;
font-size: 160%;
pre {
margin: 0;
}
}
}
2012-02-15 16:34:08 +00:00
&.style-smaller {
div.highlight {
font-size: 125%;
}
}
2012-02-09 22:05:12 +00:00
&.style-larger {
div.highlight {
font-size: 200%;
}
}
&.style-even-larger {
div.highlight {
font-size: 250%;
}
}
}
}