redu/autorregulacao

/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the top of the
 * compiled file, but it's generally better to create a new file per style scope.
 *
 *= require bootstrap-redu
 *= require_self
 */

@import "variables";

.container {
  width: 745px; // canvas container
}

.development {

  &.space-canvas {
    .container {
      position: relative;
      top: 220px;
      left: 280px;
    }

    position: absolute;
    background: url('space-background.png') no-repeat -75px 0;
  }

  &.lecture-canvas {
    .container {
      position: relative;
      top: 440px;
      left: 300px;
    }

    position: absolute;
    background: url('lecture-background.png') no-repeat -75px 0;
  }
}

.cooperation-nav, .admin-nav {
  margin-bottom: 40px;
}

.statement {
  line-height: 140%;
  padding: 20px 0;

  p { margin: 5px 0 10px 0; }
  img { margin: 5px 0 10px 0; }
}

.history-actions {
  text-align: right;
  margin-bottom: 15px;
  font-size: 85%;
}

// Forms

.instructions {
  font-size: 110%;
  padding: 10px 0;
  line-height: 140%;
  color: $gray6;
  margin-bottom: 10px;
}

.form-actions {
  margin-top: 20px;
  margin-bottom: 20px;
}

// Cooperate

.answer-author {
  margin-bottom: 15px;
}

.answer-review {
  border-left: 5px solid $gray2;
  padding-left: 10px;
  color: $gray6;
}

// Feedback

.feedback {
  padding: 10px;
  overflow: hidden;

  .positive-feedback {
    margin-right: 20px;
  }

  .positive-feedback, .negative-feedback {
    width: 45px;
    float: left;
  }

  h6 {
    float: left;
    margin-top: 8px;
    margin-right: 15px;
  }

}

// Admin

.ar-exercise {
  margin-bottom: 40px;
  margin-top: 20px;

  .ar-exercise-title {
    margin-top: 10px;
    margin-bottom: 10px;
    float: left;
  }

  .ar-exercise-actions {
    float: right;
  }

  .table-with-borderradius {
    clear: both;
  }

}

.ar-exercise-form { margin-top: 15px; }
.ar-exercise-fieldset {
  margin-bottom: 15px;

  legend {
    color: $gray6;
    font-size: 120%;
    margin-bottom: 10px;
   }


}