moodle-block_mytreestudyplan/styles.css

145 lines
3.5 KiB
CSS

figure.levelbadge, figure.dummybadge {
text-align: center;
}
div.pointinfo {
text-align: center;
font-family: "Open Sans", Arial, helvetica, sans-serif;
}
div.pointinfo.complete {
font-weight: bold;
}
div.pointinfo span.currentpoints {
font-weight: bold;
}
div.pointinfo span.leveluppoints {
font-weight: bold;
}
div.teachermode {
text-align: center;
}
td.block_gradelevel_addlevel {
text-align: right;
}
input.jscolor[type=text] {
width: 5em;
}
div.skill_set ul {
padding-left: 0px;
margin-left: 0px;
}
div.skill_set li.skill_info {
position: relative; /* needed to have absolute positions be relative to this li */
list-style: none;
display: inline-block;
width: 220px;
height: 220px;
border-color: #ccc;
border-width: 1px;
border-style: solid;
margin: 5px;
padding: 5px;
padding-top: 10px;
}
div.skill_set li.skill_info figcaption {
text-align: center;
}
div.skill_set li.skill_info input[type=text] {
width: 150px;
}
div.skill_set li.skill_info a.editicon {
position: absolute;
top: 5px;
right: 10px;
}
div.skill_set li.skill_info a.deleteskill {
position: absolute;
top: 5px;
left: 7px;
}
div.skill_set li.skill_info a.deleteskill i.icon {
color: red;
}
div.skill_set li.skill_info a.deleteskill i.icon.disabled {
color: #ccc;
}
div.skill_set li.skill_info a.editname {
margin-left: 5px;
}
table.level_config tr[data-rowid='-255'] {
}
table.level_config tr[data-rowid='-255'] td {
}
table.level_config tr[data-rowid='-255'] input[data-name='points'] {
background-color: #F0F0F0;
}
div.block_gradelevel_results ul {
padding-left: 0px;
margin-left: 0px;
}
div .block_gradelevel_results li.result_badge {
position: relative; /* needed to have absolute positions be relative to this li */
list-style: none;
display: inline-block;
width: 190px;
height: 210px;
border-color: #ccc;
border-width: 1px;
border-style: solid;
margin: 5px;
padding: 5px;
padding-top: 10px;
}
div.block_gradelevel_results li.result_badge figcaption {
text-align: center;
height: 3em;
margin-bottom: 0.5rem;
}
div.block_gradelevel_results li.result_badge div.pointinfo {
font-size: 85%;
}
div.block_gradelevel_results li.result_badge figcaption span.namepart {
break-inside: avoid;
display: inline-block;
}
div.block_gradelevel_results figure.levelset_icon {
margin-bottom: 0.5rem;
}
figure.levelset_icon {
background-color: #ccc;
background-image: -moz-linear-gradient(45deg, #aaa 25%, transparent 25%), -moz-linear-gradient(-45deg, #aaa 25%, transparent 25%), -moz-linear-gradient(45deg, transparent 75%, #aaa 75%), -moz-linear-gradient(-45deg, transparent 75%, #aaa 75%);
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, #aaa), color-stop(.25, transparent)), -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #aaa), color-stop(.25, transparent)), -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.75, transparent), color-stop(.75, #aaa)), -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.75, transparent), color-stop(.75, #aaa));
-moz-background-size: 32px 32px;
background-size: 32px 33px;
-webkit-background-size: 32px 33px; /* override value for shitty webkit */
background-position: 0 0, 16px 0, 16px -16px, 0px 16px;
display: inline-block;
}