ripple-core
Version:
Ripple is an interactive audience response system that allows presenters to survey audience members in real time communication through their mobile devices.
51 lines (50 loc) • 3.54 kB
CSS
.clearfix{*zoom:1;}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0;}
.clearfix:after{clear:both;}
.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;}
.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*{-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
#alert{color:#CCC;}
#question{font-size:2em;color:#DDD;margin:0 20px 20px;word-wrap:break-word;}#question li{line-height:1.25em;}
.buttonAnswers{list-style:none;width:80%;font-size:1.25em;}
.buttonAnswers .true-btn-wrap .btn{display:block;margin-left:auto;margin-right:auto;width:4em;}
.highlight{background:#FFF48F;}
.highlight li{background:#CCC;}
#messages{height:200px;overflow:auto;font-size:14px;padding-top:0;}
#message-txt{width:80%;font-size:.75em;}
.navbar #chat-notify{font-size:34px;margin-top:12px;}
.navbar #nav-logo{margin-left:20px;width:80px;}
#roomDisplay{color:#FFF;opacity:1;filter:alpha(opacity=100);}
.submitted-answer{font-size:1.5em;font-weight:bold;}
#answer .btn-primary,#send-button{margin-bottom:20px;}
#T,#F{font-size:1.5em;}
.button-answer{position:relative;margin-bottom:2em;}
.input-full-height{display:block;height:100%;position:relative;margin-top:-1.75em;margin-bottom:-3.5em;}.input-full-height .mc-btn{font-size:1.5em;padding:0.5em 0.75em;margin-bottom:0;}
.lt-ie10 .input-full-height{margin-bottom:-3em;}
.text-wrap{display:block;width:80%;width:-moz-calc(100% - 4em);width:-webkit-calc(100% - 4em);width:calc(100% - 4em);padding-top:0.5em;padding-left:4em;box-sizing:border-box;}
#open-wrap{margin-top:1em;}
#open-response{width:90%;}
#slider-wrap{position:relative;margin:0 2em 3em 2em;}#slider-wrap .label{font-size:1.5em;padding:0.3em;}
#slider-wrap .start-index,#slider-wrap .stop-index{position:absolute;top:-2em;}
#slider-wrap .stop-index{right:0;}
#slider{margin-top:4em;}#slider .slider-tip{opacity:1;bottom:120%;margin-left:0.25em;}
#slider .tickmark-wrap{position:relative;left:-0.45em;}
#slider .tickmark{font-size:1.75em;font-weight:bold;top:-0.65em;color:#000;}
#slider .tick-values{font-size:0.5em;color:#DDD;}
#slider .single-digit{margin-left:0.25em;}
#slider .double-digit{margin-left:-0.25em;}
#slider .triple-digit{margin-left:-0.5em;}
#slider.ui-slider .ui-slider-handle{height:2em;width:2em;top:-0.75em;margin-left:-1em;}
#numeric-wrap{margin-bottom:1em;}
#keypad{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;}#keypad .row{margin-left:0;}
#keypad .btn{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
#keypad .btn:focus{margin-bottom:-4px;}
#keypad .btn-top-left{border-top-left-radius:0.5em;}
#keypad .btn-top-right{border-top-right-radius:0.5em;}
#keypad .btn-bottom-left{border-bottom-left-radius:0.5em;}
#keypad .btn-bottom-right{border-bottom-right-radius:0.5em;}
.cloud-wrap input,.cloud-wrap .word-note{width:200px;display:block;}
.cloud-wrap .word-note{margin:0;color:#CCC;font-size:0.85em;}
#message-txt{width:235px;}
#jGrowl .answer-sent i{font-size:2em;margin-right:0.5em;}
#jGrowl .answer-sent i.icon-ok-sign{color:green;}
@media (max-width:767px){.buttonAnswers{width:inherit;margin-right:100px;} #keypad .btn{box-sizing:border-box;width:20%;float:left;}}@media (max-width:400px){.buttonAnswers{margin-right:40px;} #keypad .btn{width:30%;} .text-wrap{clear:left;width:100%;padding:0;margin-top:3em;} .lt-ie10 .text-wrap{margin-top:2.5em;}}