|
|
-
- @color: #efefef;
-
-
- html, body{
- margin: 0;
- padding: 0;
- height: auto;
- width: 100%;
- }
- body{
- background-color: #333;
- font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
- font-weight: 300;
-
- }
-
- .transition{
- -webkit-transition: all .5s ease-in-out; /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6 */
- transition: all .5s ease-in-out;
- }
- .bottomRight{
- position: fixed;
- left: 0;
- bottom: 0;
- z-index: 9999;
- background: #666;
- padding: 10px;
- button{
- margin-left: 10px;
- margin-right: 10px;
- }
- input{
- min-width: 200px;
- }
-
- }
- #controlBar{
- position: fixed;
- top: 0;
- width: 100%;
- margin: 0 auto;
- text-align: center;
- z-index: 999;
- // display: none;
- &.visible{
- display: block;
- }
- .lefting{
- background: rgba(20,20,20, .5);
- color: white;
- float: left;
- padding: 10px;
-
- }
- }
- #honeyComb{
- canvas{
- position: absolute;
- display: none;
- height: 100%;
- &.visible{
- display: block;
- }
- }
-
- }
-
- .honeycombIndex{
- position: fixed;
- top: 0;
- left: 0;
- background-color: rgba(185, 5, 198, 0.29);
- padding: 20px;
- z-index: 999;
- font-size: 50px;
-
-
- }
- .honeycombScore:extend(.honeycombIndex){
- top: 120px;
- background-color: rgba(175, 0, 198, 0.29);
-
- }
- .canvasRendered{
- background-color: #333;
- }
-
-
|