burningpony/phd_checker

View on GitHub
app/assets/stylesheets/screen.scss

Summary

Maintainability
Test Coverage

a.modalCloseImg {

    background:url(/images/x.png) no-repeat;

    /* adjust url as required */

    width:25px;

    height:29px;

    display:inline;

    z-index:3200;

    position:absolute;

    top:-15px;

    right:-18px;

    cursor:pointer;

}

.label {

    font-weight: bold;

}

/* start hidden */

.instructions {

    display:none;

}

.participant, .error-modal {

    display:none;

}

.confirm_quit {

    display:none;

}

.score_card {

    display:none;

}

.finished {

    display:none;

}

.other_participants {

    display:none;

}

.fixed {

    position:fixed;

}

/*timer*/

.timer {

    position:fixed;

    right: 15px;

    top: 15px;

    padding: 10px;

    font-size:20px;

}

/*round notification*/

.round {

    position:fixed;

    right: 15px;

    bottom: 15px;

    padding: 10px;

    font-size:20px;

}

.round, .timer {

    color:#fff;

    text-shadow: 0 1px 3px rgba(0, 0, 0, .5);

}

/*menu */

.menu {

    position:fixed;

    left:50px;

    top:50px;

}

.content {

    display:none;

    /*start hidden */

    position:absolute;

    background-color: #fff;

    padding:20px;
    margin-top: 50px;
    border-radius: 4px;
    border-bottom: 1px solid #dddddd;

}

#spinner {
  position: absolute; /* fixed not supported by IE */
  top: -15px;
  left: 40%;
  width: 20%;
  text-align: center;
  padding: 2em;
  z-index: 100;
  filter: alpha(opacity=80);
  opacity: 0.8;
  color:white;
}