255 lines
20 KiB
CSS
255 lines
20 KiB
CSS
/* line 4, /Users/sdavis/Work/attentive/lib/assets/stylesheets/attentive.css.scss */
|
|
body, html {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
/* line 9, /Users/sdavis/Work/attentive/lib/assets/stylesheets/attentive.css.scss */
|
|
.timer {
|
|
position: absolute;
|
|
top: 10px;
|
|
left: 10px;
|
|
opacity: 0.5;
|
|
font-size: 30px;
|
|
font-family: Courier New, monospace;
|
|
}
|
|
/* line 19, /Users/sdavis/Work/attentive/lib/assets/stylesheets/attentive.css.scss */
|
|
.timer.hide {
|
|
display: none;
|
|
}
|
|
/* line 23, /Users/sdavis/Work/attentive/lib/assets/stylesheets/attentive.css.scss */
|
|
.timer.running {
|
|
color: #c00;
|
|
}
|
|
|
|
/* line 28, /Users/sdavis/Work/attentive/lib/assets/stylesheets/attentive.css.scss */
|
|
#slides-container {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
*zoom: 1;
|
|
}
|
|
|
|
/* line 36, /Users/sdavis/Work/attentive/lib/assets/stylesheets/attentive.css.scss */
|
|
body.loading .slide {
|
|
opacity: 0 !important;
|
|
}
|
|
|
|
/* line 41, /Users/sdavis/Work/attentive/lib/assets/stylesheets/attentive.css.scss */
|
|
#slides {
|
|
position: absolute;
|
|
top: 0;
|
|
height: 100%;
|
|
}
|
|
/* line 46, /Users/sdavis/Work/attentive/lib/assets/stylesheets/attentive.css.scss */
|
|
#slides .slide {
|
|
display: inline;
|
|
float: left;
|
|
position: relative;
|
|
height: 100%;
|
|
}
|
|
/* line 51, /Users/sdavis/Work/attentive/lib/assets/stylesheets/attentive.css.scss */
|
|
#slides .slide .content {
|
|
text-align: center;
|
|
position: absolute;
|
|
left: 5%;
|
|
width: 90%;
|
|
}
|
|
/* line 58, /Users/sdavis/Work/attentive/lib/assets/stylesheets/attentive.css.scss */
|
|
#slides .slide .content * {
|
|
line-height: 105%;
|
|
}
|
|
/* line 62, /Users/sdavis/Work/attentive/lib/assets/stylesheets/attentive.css.scss */
|
|
#slides .slide .content h1, #slides .slide .content h2, #slides .slide .content h3 {
|
|
margin: 0;
|
|
}
|
|
/* line 66, /Users/sdavis/Work/attentive/lib/assets/stylesheets/attentive.css.scss */
|
|
#slides .slide .content h1 {
|
|
font-size: 6.5em;
|
|
}
|
|
/* line 70, /Users/sdavis/Work/attentive/lib/assets/stylesheets/attentive.css.scss */
|
|
#slides .slide .content h2 {
|
|
font-size: 4em;
|
|
}
|
|
/* line 74, /Users/sdavis/Work/attentive/lib/assets/stylesheets/attentive.css.scss */
|
|
#slides .slide .content h3 {
|
|
font-size: 2em;
|
|
}
|
|
/* line 78, /Users/sdavis/Work/attentive/lib/assets/stylesheets/attentive.css.scss */
|
|
#slides .slide .content div.highlight {
|
|
text-align: left;
|
|
padding: 1em;
|
|
font-size: 160%;
|
|
}
|
|
/* line 85, /Users/sdavis/Work/attentive/lib/assets/stylesheets/attentive.css.scss */
|
|
#slides .slide .content div.highlight pre {
|
|
margin: 0;
|
|
}
|
|
/* line 92, /Users/sdavis/Work/attentive/lib/assets/stylesheets/attentive.css.scss */
|
|
#slides .slide.style-smaller div.highlight {
|
|
font-size: 125%;
|
|
}
|
|
/* line 98, /Users/sdavis/Work/attentive/lib/assets/stylesheets/attentive.css.scss */
|
|
#slides .slide.style-larger div.highlight {
|
|
font-size: 200%;
|
|
}
|
|
/* line 104, /Users/sdavis/Work/attentive/lib/assets/stylesheets/attentive.css.scss */
|
|
#slides .slide.style-even-larger div.highlight {
|
|
font-size: 250%;
|
|
}
|
|
|
|
/* line 17, /Users/sdavis/Work/sass_compass_unleashed/assets/stylesheets/application.css.scss */
|
|
body {
|
|
background-color: #212121;
|
|
}
|
|
|
|
/* line 28, /Users/sdavis/Work/sass_compass_unleashed/assets/stylesheets/application.css.scss */
|
|
.compass {
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 20px;
|
|
background-image: url("/assets/dark-logo.png");
|
|
background-repeat: no-repeat;
|
|
width: 414px;
|
|
height: 89px;
|
|
}
|
|
|
|
/* line 35, /Users/sdavis/Work/sass_compass_unleashed/assets/stylesheets/application.css.scss */
|
|
.sass {
|
|
position: absolute;
|
|
bottom: 10px;
|
|
right: 20px;
|
|
background-image: url("/assets/sass.gif");
|
|
background-repeat: no-repeat;
|
|
width: 123px;
|
|
height: 51px;
|
|
}
|
|
|
|
/* line 44, /Users/sdavis/Work/sass_compass_unleashed/assets/stylesheets/application.css.scss */
|
|
.rounded, #slides .highlight, #slides code {
|
|
-webkit-border-radius: 10px;
|
|
-moz-border-radius: 10px;
|
|
-ms-border-radius: 10px;
|
|
-o-border-radius: 10px;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
/* line 50, /Users/sdavis/Work/sass_compass_unleashed/assets/stylesheets/application.css.scss */
|
|
.na {
|
|
color: #19177C;
|
|
}
|
|
|
|
/* line 54, /Users/sdavis/Work/sass_compass_unleashed/assets/stylesheets/application.css.scss */
|
|
.err {
|
|
color: #008000;
|
|
border: none;
|
|
}
|
|
|
|
/* line 59, /Users/sdavis/Work/sass_compass_unleashed/assets/stylesheets/application.css.scss */
|
|
h1, h2, h3, li, p {
|
|
font-family: Nunito, sans-serif;
|
|
color: white;
|
|
}
|
|
|
|
/* line 64, /Users/sdavis/Work/sass_compass_unleashed/assets/stylesheets/application.css.scss */
|
|
#slides {
|
|
-webkit-transition-duration: 0.5s;
|
|
-moz-transition-duration: 0.5s;
|
|
-ms-transition-duration: 0.5s;
|
|
-o-transition-duration: 0.5s;
|
|
transition-duration: 0.5s;
|
|
}
|
|
/* line 68, /Users/sdavis/Work/sass_compass_unleashed/assets/stylesheets/application.css.scss */
|
|
#slides .highlight {
|
|
background-color: #dddddd;
|
|
width: 90%;
|
|
margin: 0 auto;
|
|
margin-top: 20px;
|
|
}
|
|
/* line 77, /Users/sdavis/Work/sass_compass_unleashed/assets/stylesheets/application.css.scss */
|
|
#slides .slide {
|
|
opacity: 0.4;
|
|
}
|
|
/* line 80, /Users/sdavis/Work/sass_compass_unleashed/assets/stylesheets/application.css.scss */
|
|
#slides .slide.active {
|
|
opacity: 1.0;
|
|
}
|
|
/* line 83, /Users/sdavis/Work/sass_compass_unleashed/assets/stylesheets/application.css.scss */
|
|
#slides .style-big-list li {
|
|
font-size: 60px;
|
|
}
|
|
/* line 87, /Users/sdavis/Work/sass_compass_unleashed/assets/stylesheets/application.css.scss */
|
|
#slides .style-sprite-layout ul {
|
|
width: 500px !important;
|
|
}
|
|
/* line 91, /Users/sdavis/Work/sass_compass_unleashed/assets/stylesheets/application.css.scss */
|
|
#slides .style-variable-why ul {
|
|
width: 450px !important;
|
|
margin: 0 auto;
|
|
}
|
|
/* line 96, /Users/sdavis/Work/sass_compass_unleashed/assets/stylesheets/application.css.scss */
|
|
#slides .style-better .highlight {
|
|
width: 800px;
|
|
}
|
|
/* line 100, /Users/sdavis/Work/sass_compass_unleashed/assets/stylesheets/application.css.scss */
|
|
#slides .style-bad .highlight, #slides .style-pallet .highlight {
|
|
width: 700px;
|
|
}
|
|
/* line 104, /Users/sdavis/Work/sass_compass_unleashed/assets/stylesheets/application.css.scss */
|
|
#slides .style-variables .highlight {
|
|
width: 500px;
|
|
}
|
|
/* line 108, /Users/sdavis/Work/sass_compass_unleashed/assets/stylesheets/application.css.scss */
|
|
#slides .style-mixins .highlight {
|
|
width: 900px;
|
|
}
|
|
/* line 112, /Users/sdavis/Work/sass_compass_unleashed/assets/stylesheets/application.css.scss */
|
|
#slides ul {
|
|
padding-top: 30px;
|
|
font-size: 30px;
|
|
width: 50%;
|
|
margin: 0 auto;
|
|
text-align: left;
|
|
}
|
|
/* line 118, /Users/sdavis/Work/sass_compass_unleashed/assets/stylesheets/application.css.scss */
|
|
#slides ul li {
|
|
padding-top: 10px;
|
|
}
|
|
/* line 123, /Users/sdavis/Work/sass_compass_unleashed/assets/stylesheets/application.css.scss */
|
|
#slides code {
|
|
background-color: #dddddd;
|
|
font-size: 90%;
|
|
font-weight: bold;
|
|
padding: 2px 10px;
|
|
color: #212121;
|
|
}
|
|
/* line 134, /Users/sdavis/Work/sass_compass_unleashed/assets/stylesheets/application.css.scss */
|
|
#slides .style-long h1 {
|
|
font-size: 60px !important;
|
|
}
|
|
/* line 140, /Users/sdavis/Work/sass_compass_unleashed/assets/stylesheets/application.css.scss */
|
|
#slides .style-important h1 {
|
|
color: red;
|
|
font-weight: normal;
|
|
}
|
|
|
|
/* line 149, /Users/sdavis/Work/sass_compass_unleashed/assets/stylesheets/application.css.scss */
|
|
.grid {
|
|
background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(5%, rgba(0, 0, 0, 0.5)), color-stop(5%, rgba(0, 0, 0, 0))), -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(1.042%, rgba(0, 0, 0, 0)), color-stop(1.042%, rgba(100, 100, 225, 0.25)), color-stop(5.208%, rgba(100, 100, 225, 0.25)), color-stop(5.208%, rgba(0, 0, 0, 0)), color-stop(7.292%, rgba(0, 0, 0, 0)), color-stop(7.292%, rgba(100, 100, 225, 0.25)), color-stop(11.458%, rgba(100, 100, 225, 0.25)), color-stop(11.458%, rgba(0, 0, 0, 0)), color-stop(13.542%, rgba(0, 0, 0, 0)), color-stop(13.542%, rgba(100, 100, 225, 0.25)), color-stop(17.708%, rgba(100, 100, 225, 0.25)), color-stop(17.708%, rgba(0, 0, 0, 0)), color-stop(19.792%, rgba(0, 0, 0, 0)), color-stop(19.792%, rgba(100, 100, 225, 0.25)), color-stop(23.958%, rgba(100, 100, 225, 0.25)), color-stop(23.958%, rgba(0, 0, 0, 0)), color-stop(26.042%, rgba(0, 0, 0, 0)), color-stop(26.042%, rgba(100, 100, 225, 0.25)), color-stop(30.208%, rgba(100, 100, 225, 0.25)), color-stop(30.208%, rgba(0, 0, 0, 0)), color-stop(32.292%, rgba(0, 0, 0, 0)), color-stop(32.292%, rgba(100, 100, 225, 0.25)), color-stop(36.458%, rgba(100, 100, 225, 0.25)), color-stop(36.458%, rgba(0, 0, 0, 0)), color-stop(38.542%, rgba(0, 0, 0, 0)), color-stop(38.542%, rgba(100, 100, 225, 0.25)), color-stop(42.708%, rgba(100, 100, 225, 0.25)), color-stop(42.708%, rgba(0, 0, 0, 0)), color-stop(44.792%, rgba(0, 0, 0, 0)), color-stop(44.792%, rgba(100, 100, 225, 0.25)), color-stop(48.958%, rgba(100, 100, 225, 0.25)), color-stop(48.958%, rgba(0, 0, 0, 0)), color-stop(51.042%, rgba(0, 0, 0, 0)), color-stop(51.042%, rgba(100, 100, 225, 0.25)), color-stop(55.208%, rgba(100, 100, 225, 0.25)), color-stop(55.208%, rgba(0, 0, 0, 0)), color-stop(57.292%, rgba(0, 0, 0, 0)), color-stop(57.292%, rgba(100, 100, 225, 0.25)), color-stop(61.458%, rgba(100, 100, 225, 0.25)), color-stop(61.458%, rgba(0, 0, 0, 0)), color-stop(63.542%, rgba(0, 0, 0, 0)), color-stop(63.542%, rgba(100, 100, 225, 0.25)), color-stop(67.708%, rgba(100, 100, 225, 0.25)), color-stop(67.708%, rgba(0, 0, 0, 0)), color-stop(69.792%, rgba(0, 0, 0, 0)), color-stop(69.792%, rgba(100, 100, 225, 0.25)), color-stop(73.958%, rgba(100, 100, 225, 0.25)), color-stop(73.958%, rgba(0, 0, 0, 0)), color-stop(76.042%, rgba(0, 0, 0, 0)), color-stop(76.042%, rgba(100, 100, 225, 0.25)), color-stop(80.208%, rgba(100, 100, 225, 0.25)), color-stop(80.208%, rgba(0, 0, 0, 0)), color-stop(82.292%, rgba(0, 0, 0, 0)), color-stop(82.292%, rgba(100, 100, 225, 0.25)), color-stop(86.458%, rgba(100, 100, 225, 0.25)), color-stop(86.458%, rgba(0, 0, 0, 0)), color-stop(88.542%, rgba(0, 0, 0, 0)), color-stop(88.542%, rgba(100, 100, 225, 0.25)), color-stop(92.708%, rgba(100, 100, 225, 0.25)), color-stop(92.708%, rgba(0, 0, 0, 0)), color-stop(94.792%, rgba(0, 0, 0, 0)), color-stop(94.792%, rgba(100, 100, 225, 0.25)), color-stop(98.958%, rgba(100, 100, 225, 0.25)), color-stop(98.958%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0)));
|
|
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%), -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 1.042%, rgba(100, 100, 225, 0.25) 1.042%, rgba(100, 100, 225, 0.25) 5.208%, rgba(0, 0, 0, 0) 5.208%, rgba(0, 0, 0, 0) 7.292%, rgba(100, 100, 225, 0.25) 7.292%, rgba(100, 100, 225, 0.25) 11.458%, rgba(0, 0, 0, 0) 11.458%, rgba(0, 0, 0, 0) 13.542%, rgba(100, 100, 225, 0.25) 13.542%, rgba(100, 100, 225, 0.25) 17.708%, rgba(0, 0, 0, 0) 17.708%, rgba(0, 0, 0, 0) 19.792%, rgba(100, 100, 225, 0.25) 19.792%, rgba(100, 100, 225, 0.25) 23.958%, rgba(0, 0, 0, 0) 23.958%, rgba(0, 0, 0, 0) 26.042%, rgba(100, 100, 225, 0.25) 26.042%, rgba(100, 100, 225, 0.25) 30.208%, rgba(0, 0, 0, 0) 30.208%, rgba(0, 0, 0, 0) 32.292%, rgba(100, 100, 225, 0.25) 32.292%, rgba(100, 100, 225, 0.25) 36.458%, rgba(0, 0, 0, 0) 36.458%, rgba(0, 0, 0, 0) 38.542%, rgba(100, 100, 225, 0.25) 38.542%, rgba(100, 100, 225, 0.25) 42.708%, rgba(0, 0, 0, 0) 42.708%, rgba(0, 0, 0, 0) 44.792%, rgba(100, 100, 225, 0.25) 44.792%, rgba(100, 100, 225, 0.25) 48.958%, rgba(0, 0, 0, 0) 48.958%, rgba(0, 0, 0, 0) 51.042%, rgba(100, 100, 225, 0.25) 51.042%, rgba(100, 100, 225, 0.25) 55.208%, rgba(0, 0, 0, 0) 55.208%, rgba(0, 0, 0, 0) 57.292%, rgba(100, 100, 225, 0.25) 57.292%, rgba(100, 100, 225, 0.25) 61.458%, rgba(0, 0, 0, 0) 61.458%, rgba(0, 0, 0, 0) 63.542%, rgba(100, 100, 225, 0.25) 63.542%, rgba(100, 100, 225, 0.25) 67.708%, rgba(0, 0, 0, 0) 67.708%, rgba(0, 0, 0, 0) 69.792%, rgba(100, 100, 225, 0.25) 69.792%, rgba(100, 100, 225, 0.25) 73.958%, rgba(0, 0, 0, 0) 73.958%, rgba(0, 0, 0, 0) 76.042%, rgba(100, 100, 225, 0.25) 76.042%, rgba(100, 100, 225, 0.25) 80.208%, rgba(0, 0, 0, 0) 80.208%, rgba(0, 0, 0, 0) 82.292%, rgba(100, 100, 225, 0.25) 82.292%, rgba(100, 100, 225, 0.25) 86.458%, rgba(0, 0, 0, 0) 86.458%, rgba(0, 0, 0, 0) 88.542%, rgba(100, 100, 225, 0.25) 88.542%, rgba(100, 100, 225, 0.25) 92.708%, rgba(0, 0, 0, 0) 92.708%, rgba(0, 0, 0, 0) 94.792%, rgba(100, 100, 225, 0.25) 94.792%, rgba(100, 100, 225, 0.25) 98.958%, rgba(0, 0, 0, 0) 98.958%, rgba(0, 0, 0, 0) 100%);
|
|
background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%), -moz-linear-gradient(left, rgba(0, 0, 0, 0) 1.042%, rgba(100, 100, 225, 0.25) 1.042%, rgba(100, 100, 225, 0.25) 5.208%, rgba(0, 0, 0, 0) 5.208%, rgba(0, 0, 0, 0) 7.292%, rgba(100, 100, 225, 0.25) 7.292%, rgba(100, 100, 225, 0.25) 11.458%, rgba(0, 0, 0, 0) 11.458%, rgba(0, 0, 0, 0) 13.542%, rgba(100, 100, 225, 0.25) 13.542%, rgba(100, 100, 225, 0.25) 17.708%, rgba(0, 0, 0, 0) 17.708%, rgba(0, 0, 0, 0) 19.792%, rgba(100, 100, 225, 0.25) 19.792%, rgba(100, 100, 225, 0.25) 23.958%, rgba(0, 0, 0, 0) 23.958%, rgba(0, 0, 0, 0) 26.042%, rgba(100, 100, 225, 0.25) 26.042%, rgba(100, 100, 225, 0.25) 30.208%, rgba(0, 0, 0, 0) 30.208%, rgba(0, 0, 0, 0) 32.292%, rgba(100, 100, 225, 0.25) 32.292%, rgba(100, 100, 225, 0.25) 36.458%, rgba(0, 0, 0, 0) 36.458%, rgba(0, 0, 0, 0) 38.542%, rgba(100, 100, 225, 0.25) 38.542%, rgba(100, 100, 225, 0.25) 42.708%, rgba(0, 0, 0, 0) 42.708%, rgba(0, 0, 0, 0) 44.792%, rgba(100, 100, 225, 0.25) 44.792%, rgba(100, 100, 225, 0.25) 48.958%, rgba(0, 0, 0, 0) 48.958%, rgba(0, 0, 0, 0) 51.042%, rgba(100, 100, 225, 0.25) 51.042%, rgba(100, 100, 225, 0.25) 55.208%, rgba(0, 0, 0, 0) 55.208%, rgba(0, 0, 0, 0) 57.292%, rgba(100, 100, 225, 0.25) 57.292%, rgba(100, 100, 225, 0.25) 61.458%, rgba(0, 0, 0, 0) 61.458%, rgba(0, 0, 0, 0) 63.542%, rgba(100, 100, 225, 0.25) 63.542%, rgba(100, 100, 225, 0.25) 67.708%, rgba(0, 0, 0, 0) 67.708%, rgba(0, 0, 0, 0) 69.792%, rgba(100, 100, 225, 0.25) 69.792%, rgba(100, 100, 225, 0.25) 73.958%, rgba(0, 0, 0, 0) 73.958%, rgba(0, 0, 0, 0) 76.042%, rgba(100, 100, 225, 0.25) 76.042%, rgba(100, 100, 225, 0.25) 80.208%, rgba(0, 0, 0, 0) 80.208%, rgba(0, 0, 0, 0) 82.292%, rgba(100, 100, 225, 0.25) 82.292%, rgba(100, 100, 225, 0.25) 86.458%, rgba(0, 0, 0, 0) 86.458%, rgba(0, 0, 0, 0) 88.542%, rgba(100, 100, 225, 0.25) 88.542%, rgba(100, 100, 225, 0.25) 92.708%, rgba(0, 0, 0, 0) 92.708%, rgba(0, 0, 0, 0) 94.792%, rgba(100, 100, 225, 0.25) 94.792%, rgba(100, 100, 225, 0.25) 98.958%, rgba(0, 0, 0, 0) 98.958%, rgba(0, 0, 0, 0) 100%);
|
|
background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%), -o-linear-gradient(left, rgba(0, 0, 0, 0) 1.042%, rgba(100, 100, 225, 0.25) 1.042%, rgba(100, 100, 225, 0.25) 5.208%, rgba(0, 0, 0, 0) 5.208%, rgba(0, 0, 0, 0) 7.292%, rgba(100, 100, 225, 0.25) 7.292%, rgba(100, 100, 225, 0.25) 11.458%, rgba(0, 0, 0, 0) 11.458%, rgba(0, 0, 0, 0) 13.542%, rgba(100, 100, 225, 0.25) 13.542%, rgba(100, 100, 225, 0.25) 17.708%, rgba(0, 0, 0, 0) 17.708%, rgba(0, 0, 0, 0) 19.792%, rgba(100, 100, 225, 0.25) 19.792%, rgba(100, 100, 225, 0.25) 23.958%, rgba(0, 0, 0, 0) 23.958%, rgba(0, 0, 0, 0) 26.042%, rgba(100, 100, 225, 0.25) 26.042%, rgba(100, 100, 225, 0.25) 30.208%, rgba(0, 0, 0, 0) 30.208%, rgba(0, 0, 0, 0) 32.292%, rgba(100, 100, 225, 0.25) 32.292%, rgba(100, 100, 225, 0.25) 36.458%, rgba(0, 0, 0, 0) 36.458%, rgba(0, 0, 0, 0) 38.542%, rgba(100, 100, 225, 0.25) 38.542%, rgba(100, 100, 225, 0.25) 42.708%, rgba(0, 0, 0, 0) 42.708%, rgba(0, 0, 0, 0) 44.792%, rgba(100, 100, 225, 0.25) 44.792%, rgba(100, 100, 225, 0.25) 48.958%, rgba(0, 0, 0, 0) 48.958%, rgba(0, 0, 0, 0) 51.042%, rgba(100, 100, 225, 0.25) 51.042%, rgba(100, 100, 225, 0.25) 55.208%, rgba(0, 0, 0, 0) 55.208%, rgba(0, 0, 0, 0) 57.292%, rgba(100, 100, 225, 0.25) 57.292%, rgba(100, 100, 225, 0.25) 61.458%, rgba(0, 0, 0, 0) 61.458%, rgba(0, 0, 0, 0) 63.542%, rgba(100, 100, 225, 0.25) 63.542%, rgba(100, 100, 225, 0.25) 67.708%, rgba(0, 0, 0, 0) 67.708%, rgba(0, 0, 0, 0) 69.792%, rgba(100, 100, 225, 0.25) 69.792%, rgba(100, 100, 225, 0.25) 73.958%, rgba(0, 0, 0, 0) 73.958%, rgba(0, 0, 0, 0) 76.042%, rgba(100, 100, 225, 0.25) 76.042%, rgba(100, 100, 225, 0.25) 80.208%, rgba(0, 0, 0, 0) 80.208%, rgba(0, 0, 0, 0) 82.292%, rgba(100, 100, 225, 0.25) 82.292%, rgba(100, 100, 225, 0.25) 86.458%, rgba(0, 0, 0, 0) 86.458%, rgba(0, 0, 0, 0) 88.542%, rgba(100, 100, 225, 0.25) 88.542%, rgba(100, 100, 225, 0.25) 92.708%, rgba(0, 0, 0, 0) 92.708%, rgba(0, 0, 0, 0) 94.792%, rgba(100, 100, 225, 0.25) 94.792%, rgba(100, 100, 225, 0.25) 98.958%, rgba(0, 0, 0, 0) 98.958%, rgba(0, 0, 0, 0) 100%);
|
|
background-image: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%), -ms-linear-gradient(left, rgba(0, 0, 0, 0) 1.042%, rgba(100, 100, 225, 0.25) 1.042%, rgba(100, 100, 225, 0.25) 5.208%, rgba(0, 0, 0, 0) 5.208%, rgba(0, 0, 0, 0) 7.292%, rgba(100, 100, 225, 0.25) 7.292%, rgba(100, 100, 225, 0.25) 11.458%, rgba(0, 0, 0, 0) 11.458%, rgba(0, 0, 0, 0) 13.542%, rgba(100, 100, 225, 0.25) 13.542%, rgba(100, 100, 225, 0.25) 17.708%, rgba(0, 0, 0, 0) 17.708%, rgba(0, 0, 0, 0) 19.792%, rgba(100, 100, 225, 0.25) 19.792%, rgba(100, 100, 225, 0.25) 23.958%, rgba(0, 0, 0, 0) 23.958%, rgba(0, 0, 0, 0) 26.042%, rgba(100, 100, 225, 0.25) 26.042%, rgba(100, 100, 225, 0.25) 30.208%, rgba(0, 0, 0, 0) 30.208%, rgba(0, 0, 0, 0) 32.292%, rgba(100, 100, 225, 0.25) 32.292%, rgba(100, 100, 225, 0.25) 36.458%, rgba(0, 0, 0, 0) 36.458%, rgba(0, 0, 0, 0) 38.542%, rgba(100, 100, 225, 0.25) 38.542%, rgba(100, 100, 225, 0.25) 42.708%, rgba(0, 0, 0, 0) 42.708%, rgba(0, 0, 0, 0) 44.792%, rgba(100, 100, 225, 0.25) 44.792%, rgba(100, 100, 225, 0.25) 48.958%, rgba(0, 0, 0, 0) 48.958%, rgba(0, 0, 0, 0) 51.042%, rgba(100, 100, 225, 0.25) 51.042%, rgba(100, 100, 225, 0.25) 55.208%, rgba(0, 0, 0, 0) 55.208%, rgba(0, 0, 0, 0) 57.292%, rgba(100, 100, 225, 0.25) 57.292%, rgba(100, 100, 225, 0.25) 61.458%, rgba(0, 0, 0, 0) 61.458%, rgba(0, 0, 0, 0) 63.542%, rgba(100, 100, 225, 0.25) 63.542%, rgba(100, 100, 225, 0.25) 67.708%, rgba(0, 0, 0, 0) 67.708%, rgba(0, 0, 0, 0) 69.792%, rgba(100, 100, 225, 0.25) 69.792%, rgba(100, 100, 225, 0.25) 73.958%, rgba(0, 0, 0, 0) 73.958%, rgba(0, 0, 0, 0) 76.042%, rgba(100, 100, 225, 0.25) 76.042%, rgba(100, 100, 225, 0.25) 80.208%, rgba(0, 0, 0, 0) 80.208%, rgba(0, 0, 0, 0) 82.292%, rgba(100, 100, 225, 0.25) 82.292%, rgba(100, 100, 225, 0.25) 86.458%, rgba(0, 0, 0, 0) 86.458%, rgba(0, 0, 0, 0) 88.542%, rgba(100, 100, 225, 0.25) 88.542%, rgba(100, 100, 225, 0.25) 92.708%, rgba(0, 0, 0, 0) 92.708%, rgba(0, 0, 0, 0) 94.792%, rgba(100, 100, 225, 0.25) 94.792%, rgba(100, 100, 225, 0.25) 98.958%, rgba(0, 0, 0, 0) 98.958%, rgba(0, 0, 0, 0) 100%);
|
|
background-image: linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%), linear-gradient(left, rgba(0, 0, 0, 0) 1.042%, rgba(100, 100, 225, 0.25) 1.042%, rgba(100, 100, 225, 0.25) 5.208%, rgba(0, 0, 0, 0) 5.208%, rgba(0, 0, 0, 0) 7.292%, rgba(100, 100, 225, 0.25) 7.292%, rgba(100, 100, 225, 0.25) 11.458%, rgba(0, 0, 0, 0) 11.458%, rgba(0, 0, 0, 0) 13.542%, rgba(100, 100, 225, 0.25) 13.542%, rgba(100, 100, 225, 0.25) 17.708%, rgba(0, 0, 0, 0) 17.708%, rgba(0, 0, 0, 0) 19.792%, rgba(100, 100, 225, 0.25) 19.792%, rgba(100, 100, 225, 0.25) 23.958%, rgba(0, 0, 0, 0) 23.958%, rgba(0, 0, 0, 0) 26.042%, rgba(100, 100, 225, 0.25) 26.042%, rgba(100, 100, 225, 0.25) 30.208%, rgba(0, 0, 0, 0) 30.208%, rgba(0, 0, 0, 0) 32.292%, rgba(100, 100, 225, 0.25) 32.292%, rgba(100, 100, 225, 0.25) 36.458%, rgba(0, 0, 0, 0) 36.458%, rgba(0, 0, 0, 0) 38.542%, rgba(100, 100, 225, 0.25) 38.542%, rgba(100, 100, 225, 0.25) 42.708%, rgba(0, 0, 0, 0) 42.708%, rgba(0, 0, 0, 0) 44.792%, rgba(100, 100, 225, 0.25) 44.792%, rgba(100, 100, 225, 0.25) 48.958%, rgba(0, 0, 0, 0) 48.958%, rgba(0, 0, 0, 0) 51.042%, rgba(100, 100, 225, 0.25) 51.042%, rgba(100, 100, 225, 0.25) 55.208%, rgba(0, 0, 0, 0) 55.208%, rgba(0, 0, 0, 0) 57.292%, rgba(100, 100, 225, 0.25) 57.292%, rgba(100, 100, 225, 0.25) 61.458%, rgba(0, 0, 0, 0) 61.458%, rgba(0, 0, 0, 0) 63.542%, rgba(100, 100, 225, 0.25) 63.542%, rgba(100, 100, 225, 0.25) 67.708%, rgba(0, 0, 0, 0) 67.708%, rgba(0, 0, 0, 0) 69.792%, rgba(100, 100, 225, 0.25) 69.792%, rgba(100, 100, 225, 0.25) 73.958%, rgba(0, 0, 0, 0) 73.958%, rgba(0, 0, 0, 0) 76.042%, rgba(100, 100, 225, 0.25) 76.042%, rgba(100, 100, 225, 0.25) 80.208%, rgba(0, 0, 0, 0) 80.208%, rgba(0, 0, 0, 0) 82.292%, rgba(100, 100, 225, 0.25) 82.292%, rgba(100, 100, 225, 0.25) 86.458%, rgba(0, 0, 0, 0) 86.458%, rgba(0, 0, 0, 0) 88.542%, rgba(100, 100, 225, 0.25) 88.542%, rgba(100, 100, 225, 0.25) 92.708%, rgba(0, 0, 0, 0) 92.708%, rgba(0, 0, 0, 0) 94.792%, rgba(100, 100, 225, 0.25) 94.792%, rgba(100, 100, 225, 0.25) 98.958%, rgba(0, 0, 0, 0) 98.958%, rgba(0, 0, 0, 0) 100%);
|
|
-webkit-background-size: 100% 20px, auto;
|
|
-moz-background-size: 100% 20px, auto;
|
|
-o-background-size: 100% 20px, auto;
|
|
background-size: 100% 20px, auto;
|
|
background-position: left top;
|
|
background-color: #dddddd;
|
|
margin: 0 auto;
|
|
height: 500px;
|
|
width: 700px;
|
|
}
|