201 lines
3.4 KiB
SCSS
201 lines
3.4 KiB
SCSS
div.staff-grading,
|
|
div.peer-grading{
|
|
textarea.feedback-area {
|
|
height: 75px;
|
|
margin: 0px;
|
|
}
|
|
|
|
ul.rubric-list{
|
|
list-style-type: none;
|
|
padding:0;
|
|
margin:0;
|
|
li {
|
|
&.rubric-list-item{
|
|
margin-bottom: 0px;
|
|
padding: 0px;
|
|
}
|
|
}
|
|
}
|
|
|
|
h1 {
|
|
margin : 0 0 0 10px;
|
|
}
|
|
|
|
h2{
|
|
a
|
|
{
|
|
text-size: .5em;
|
|
}
|
|
}
|
|
|
|
div {
|
|
margin: 0px;
|
|
&.submission-container{
|
|
overflow-y: auto;
|
|
height: 150px;
|
|
background: #F6F6F6;
|
|
border: 1px solid #ddd;
|
|
@include clearfix;
|
|
}
|
|
}
|
|
|
|
label {
|
|
margin: 0px;
|
|
padding: 2px;
|
|
min-width: 50px;
|
|
background-color: white;
|
|
text-size: 1.5em;
|
|
}
|
|
|
|
/* Toggled State */
|
|
input[type=radio]:checked + label {
|
|
background: #666;
|
|
color: white;
|
|
}
|
|
|
|
input[name='score-selection'],
|
|
input[name='grade-selection'] {
|
|
display: none;
|
|
}
|
|
|
|
.problem-list
|
|
{
|
|
text-align: center;
|
|
table-layout: auto;
|
|
width:100%;
|
|
th
|
|
{
|
|
padding: 2px;
|
|
}
|
|
td
|
|
{
|
|
padding:2px;
|
|
}
|
|
td.problem-name
|
|
{
|
|
text-align:left;
|
|
}
|
|
.ui-progressbar
|
|
{
|
|
height:1em;
|
|
margin:0px;
|
|
padding:0px;
|
|
}
|
|
}
|
|
|
|
.prompt-information-container,
|
|
.rubric-wrapper,
|
|
.calibration-feedback-wrapper,
|
|
.grading-container
|
|
{
|
|
padding: 2px;
|
|
}
|
|
.error-container
|
|
{
|
|
background-color: #FFCCCC;
|
|
padding: 2px;
|
|
margin-left: 0px;
|
|
}
|
|
.submission-wrapper
|
|
{
|
|
h3
|
|
{
|
|
margin-bottom: 2px;
|
|
}
|
|
p
|
|
{
|
|
margin-left:2px;
|
|
}
|
|
padding: 2px;
|
|
padding-bottom: 15px;
|
|
}
|
|
.meta-info-wrapper
|
|
{
|
|
background-color: #eee;
|
|
padding:2px;
|
|
div
|
|
{
|
|
display : inline;
|
|
}
|
|
}
|
|
.message-container,
|
|
.grading-message
|
|
{
|
|
background-color: $yellow;
|
|
padding: 2px;
|
|
margin-left:0px;
|
|
}
|
|
|
|
.breadcrumbs
|
|
{
|
|
margin-top:2px;
|
|
margin-left:0px;
|
|
margin-bottom:2px;
|
|
font-size: .8em;
|
|
}
|
|
|
|
.instructions-panel
|
|
{
|
|
|
|
margin-right:2px;
|
|
> div
|
|
{
|
|
padding: 2px;
|
|
margin-bottom: 5px;
|
|
background: #eee;
|
|
width:47.6%;
|
|
h3
|
|
{
|
|
text-align:center;
|
|
text-transform:uppercase;
|
|
color: #777;
|
|
}
|
|
p
|
|
{
|
|
color: #777;
|
|
}
|
|
}
|
|
.calibration-panel
|
|
{
|
|
float:left;
|
|
}
|
|
.grading-panel
|
|
{
|
|
float:right;
|
|
}
|
|
.current-state
|
|
{
|
|
background: #1D9DD9;
|
|
h3, p
|
|
{
|
|
color: white;
|
|
}
|
|
}
|
|
@include clearfix;
|
|
}
|
|
|
|
|
|
.collapsible
|
|
{
|
|
margin-left: 0px;
|
|
header
|
|
{
|
|
margin-top:2px;
|
|
margin-bottom:2px;
|
|
font-size: 1.2em;
|
|
}
|
|
}
|
|
|
|
.interstitial-page
|
|
{
|
|
text-align: center;
|
|
input[type=button]
|
|
{
|
|
margin-top: 20px;
|
|
}
|
|
}
|
|
padding: 15px;
|
|
border: none;
|
|
}
|
|
|