blob: 25772622e194e1b9f00fbd181a6cfbeaa9c6f632 [file] [log] [blame]
.block-user-message {
/*User messages*/
background: #ffeb8e;
border: 1px solid #ff9c00;
padding: 10px 15px;
text-align: center;
a {
color: #d14936;
&.more {
background:url(@image_arrow_red_sm) right center no-repeat;
font-weight: bold;
padding-right: 11px;
}
}
}
.block-user-welcome {
background: @color_grey url(@image_block_user_welcome_bg) 0 0 repeat-x;
border: 1px solid #b4b4b4;
padding: 18px 38px 18px 13px;
.block-user-welcome-title {
float: left;
}
.subhead,
.name {
display: block;
float: left;
}
.name {
clear: left;
color: #c53926;
font-family: 'Oswald', sans-serif;
font-size: 38px;
line-height: 38px;
text-transform: uppercase;
}
.btn {
float: right;
margin-top: 15px;
}
.user-ranking {
float: left;
margin-left: 30px;
}
}
.block-user-welcome .subhead,
.user-ranking-item .cap {
color: #0f649d;
font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
font-size: 18px;
font-weight: bold;
line-height: 20px;
text-transform: uppercase;
}
.block.block-tabs {
/*Default tab styles*/
background: none;
}
.block-user-tabs {
/*Dashboard-specific tab styles*/
&.ui-tabs {
border: none;
.lh-border-radius(0px);
padding: 0;
.ui-tabs-nav {
background: none;
border: none;
border-bottom: 6px solid #0082c8;
.lh-border-radius(0px);
font-weight: normal;
padding: 0;
li {
background: @color_grey;
border: none;
.lh-border-top-left-radius(10px);
.lh-border-top-right-radius(10px);
font-family: 'Oswald', sans-serif;
font-size: 20px;
font-weight: normal;
text-transform: uppercase;
&.ui-state-active {
background: #0082c8;
a {
color: #fff;
}
}
a {
color: #6d6e71;
padding: 7px 15px 0px 15px;
}
}
}
.ui-tabs-panel {
border: none;
.lh-border-radius(0px);
padding: 0;
}
}
.task-group-title {
background: #59bbff;
color: #fff;
display: block;
font-size: 18px;
font-weight: bold;
padding: 3px 0 3px 12px;
}
}
.task-single {
background: url(@image_dashboard_task_single_bg) 0 0 repeat-y;
background-color: @color_grey;
font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
padding: 3px 0;
&.even {
background-color: #ebebeb;
}
&.level-hard .task-single-difficulty .emph {
color: #ed174f;
}
&.level-medium .task-single-difficulty .emph {
color: #ae9300;
}
&.level-easy .task-single-difficulty .emph {
color: #218c1b;
}
.task-single-title {
display: block;
float: left;
font-size: 17px;
line-height: 18px;
margin: 6px 0 2px 0;
width: 440px;
}
&.task-single-admin {
.task-single-title,
.task-single-content-bottom {
width: 380px;
}
.task-single-content-bottom {
float: left;
}
.task-single-admin-btns {
float: right;
width: 200px;
}
}
.task-single-check {
float: left;
margin-right: 8px;
.checker {
margin: 8px 0 0 0;
}
}
.task-single-content {
overflow: hidden;
.task-single-content-bottom {
clear: left;
}
}
.task-single-content-col1,
.task-single-content-col2,
.task-single-content-col3 {
float: left;
width: 33%;
}
form input[type="submit"].task-btn,
.task-btn {
float: right;
}
&.task-single-admin .task-btn {
margin: 7px 8px 3px 0;
padding-left: 20px;
padding-right: 0;
text-align: left;
width: 85px;
}
.task-single-info {
display: block;
text-transform: uppercase;
}
}
.task-single.task-single-admin {
.task-single-content-col1,
.task-single-content-col2 {
width: 50%;
}
}
.task-single-in-progress {
.task-single-status .emph {
color: #0082c8;
}
.task-single-complete .emph {
color: #000;
}
}
.task-group {
.task-group-actions {
background: #d3d3d3;
border-bottom: 6px solid #0082c8;
padding: 8px 0 8px 47px;
.task-group-actions-select-all {
float: left;
margin-right: 5px;
.task-group-actions-select-all-text {
color: #0f649d;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
}
}
.task-btn {
margin: 2px 10px 0 0;
}
}
.task-group-pager {
background: #ebebeb;
padding: 5px 0;
ul {
margin-bottom: 0;
li {
font-size: 17px;
font-weight: bold;
}
}
}
}
.block-task {
/*Task block styles*/
.block-title {
color: #fff;
.block-task-title {
display: block;
float: left;
padding-bottom: 5px;
padding-top: 10px;
width: 350px;
.title {
font-family: 'Oswald', sans-serif;
font-size: 24px;
line-height: 30px;
text-transform: uppercase;
}
.project {
display: block;
font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
font-size: 12px;
font-weight: bold;
line-height: 18px;
padding-left: 2px;
padding-top: 5px;
}
}
.block-task-action {
background: url(@image_block_task_action_bg) center left no-repeat;
float: right;
padding: 6px 0 10px 0;
width: 229px;
min-height: 87px;
.block-task-action-title {
color: #d14936;
display: block;
font-size: 15px;
font-weight: bold;
line-height: 18px;
margin-bottom: 4px;
text-align: center;
}
.task-btn {
float: left;
margin-bottom: 2px;
margin-left: 37px;
}
.task-btn-edit {
clear: left;
}
.task-btn-delete {
margin-left: 0;
}
}
}
&.level-easy .block-task-difficulty .difficulty .emph {
color: #21e917;
}
&.level-medium .block-task-difficulty .difficulty .emph {
color: #ffd800;
}
&.level-hard .block-task-difficulty .difficulty .emph {
color: #751204;
}
.block-content {
background: #d0e8f9;
padding: 0;
.block-task-description {
padding: 30px 25px 20px 40px;
p {
margin-bottom: 10px;
}
}
}
.block-task-countdown {
background: #b6dcf7;
float: right;
position: relative;
width: 250px;
.stopwatch {
margin: 20px 25px 20px 20px;
}
.task-btn-extended-deadline {
background-position: 20px -81px;
margin-left: 22px;
margin-right: 0;
margin-top: 0;
padding-left: 35px;
padding-right: 25px;
}
#deadline-extend {
bottom: -55px;
display: none;
height: 76px;
left: 18px;
position: absolute;
width: 213px;
.deadline-extend-top {
background: url(@image_extend_deadline_top_arrow) top center no-repeat;
display: block;
height: 20px;
width: 100%;
}
.deadline-extend-content {
background: #0082c8;
.lh-border-radius(7px);
color: #fff;
height: 56px;
}
#deadline-extend-close {
color: #fff;
cursor: pointer;
display: block;
font-size: 12px;
font-weight: bold;
position: absolute;
right: 5px;
text-decoration: none;
text-transform: none;
top: 19px;
z-index: 100;
}
form {
.form-row {
color: #fff;
float: left;
font-size: 18px;
margin: 0;
width: auto;
input[type="text"] {
float: left;
font-size: 24px;
margin: 12px 0 0 0;
width: 30px;
}
}
.task-btn {
background: #fff url(@image_dashboard_task_icons) no-repeat scroll 8px -81px;
.lh-box-shadow(none);
border: none;
.lh-border-radius(10px);
color: #0F649D;
display: block;
float: left;
font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
font-size: 12px;
font-weight: bold;
line-height: normal !important;
margin: 17px 0 0 0;
padding: 3px 13px 4px 20px;
text-decoration: none;
text-transform: uppercase;
}
}
span {
&.plus,
&.time {
float: left;
font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
font-weight: normal !important;
}
&.plus {
font-size: 26px;
line-height: 56px;
margin: 0 4px 0 8px;
}
&.time {
line-height: 56px;
margin: 0 7px;
}
}
}
}
}
.block-task-difficulty {
background: #d14a37;
color: #faafa5;
display: block;
font-size: 13px;
font-weight: bold;
line-height: 16px;
padding: 4px 0 6px 84px;
text-transform: uppercase;
.emph {
color: #fff;
padding-right: 5px;
}
.mentor .emph {
padding-right: 0;
}
.mentor .emph,
.remaining .emph {
text-transform: none;
}
.beginner-task {
border-radius: 3px;
color: #fff;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
font-weight: 100;
padding: 0 4px;
&.green {
background-color: @color_green;
}
&.red {
background-color: @color_dark_red;
}
}
}
.block-student-featured-task {
/*Student featured task*/
.lh-border-top-right-radius(12px);
.block-title {
.lh-border-top-right-radius(12px);
font-size: 20px;
line-height: 25px;
padding-left: 84px;
.project {
display: block;
font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
font-size: 12px;
font-weight: bold;
line-height: 18px;
padding-left: 2px;
text-transform: none;
}
}
.block-footer {
padding-left: 38px;
a:first-child {
margin-right: 20px;
}
}
}
.block-task-mentor,
.block-task-student {
.cog {
background-image: url(@image_block_cog_task);
height: 103px;
width: 98px;
}
&.level-easy .cog {
background-position: 0 0;
}
&.level-medium .cog {
background-position: 0 -103px;
}
&.level-hard .cog {
background-position: 0 -206px;
}
&.block-task-open .cog {
background-image: url(@image_block_cog_task_open);
}
.block-title {
background: #0082c8 url(@image_block_task_title_bg) top right repeat-y;
font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
font-size: 12px;
font-weight: normal;
line-height: 18px;
margin: 0;
padding-bottom: 0;
padding-left: 105px;
padding-top: 0;
text-transform: none;
}
.block-task-difficulty {
font-size: 14px;
padding-left: 105px;
padding-right: 10px;
}
}
.block-completed-tasks {
/*Student completed task*/
.lh-border-top-left-radius(12px);
.lh-border-top-right-radius(12px);
.block-title {
.lh-border-top-left-radius(12px);
.lh-border-top-right-radius(12px);
font-size: 20px;
line-height: 25px;
}
.task-single {
.task-single-title {
margin-top: 15px;
width: auto;
}
.task-single-content-bottom {
padding-left: 2px;
}
.task-single-info {
text-transform: none;
}
}
}
.block-task-claimed {
/*Student claimed task*/
.block-title .block-task-action .block-task-action-title {
color: #666;
font-size: 17px;
margin-top: 10px;
}
}
.block-task-open {
/*Student open task*/
.block-task-action {
text-align: center;
.btn {
display: inline-block;
float: none;
margin: 15px 0 10px 0;
}
}
}
.block-task-owned {
/*Student owned task*/
.block-title {
.block-task-action {
text-align: center;
.block-task-action-title {
color: #d14936;
font-size: 22px;
line-height: 22px;
margin: 7px 20px 10px 20px;
}
.task-btn {
background-position: 12px -16px;
display: inline-block;
float: none;
margin: 0 0 10px 0;
padding-left: 25px;
padding-right: 15px;
}
}
}
}