Merge branch 'MDL-45379' of https://github.com/totara/openbadges
This commit is contained in:
Eloy Lafuente (stronk7)
+61
-13
@@ -1625,6 +1625,51 @@ body.jsenabled .formlisting {
|
||||
/**
|
||||
* Badges styles
|
||||
*/
|
||||
#badge-overview h3,
|
||||
#badge h3 {
|
||||
clear: both;
|
||||
text-align: left;
|
||||
padding-top: 10px;
|
||||
}
|
||||
.dir-rtl #badge h3 {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
#badge-image,
|
||||
#badge-details {
|
||||
display: inline-block;
|
||||
}
|
||||
#badge-image {
|
||||
width: 200px;
|
||||
vertical-align: top;
|
||||
}
|
||||
#badge-image .singlebutton {
|
||||
padding-top: 5px;
|
||||
margin-left: 20px;
|
||||
}
|
||||
#badge-overview dl,
|
||||
#badge-details dl {
|
||||
margin: 0;
|
||||
}
|
||||
#badge-overview dt,
|
||||
#badge-details dt {
|
||||
font-weight: bold;
|
||||
clear: both;
|
||||
float: left;
|
||||
width: 20%;
|
||||
}
|
||||
#badge-overview dd,
|
||||
#badge-details dd {
|
||||
float: left;
|
||||
width: 75%;
|
||||
}
|
||||
#badge-overview dd,
|
||||
#badge-details dd,
|
||||
#badge-overview dt,
|
||||
#badge-details dt {
|
||||
padding: 3px 0;
|
||||
}
|
||||
|
||||
#page-badges-view .collection { width: 90%; margin: 1em auto; }
|
||||
#page-badges-index .collection { width: 85%; margin: 1em auto; }
|
||||
|
||||
@@ -1652,25 +1697,18 @@ table.collection .name { text-align: left; vertical-align: middle; }
|
||||
|
||||
a.criteria-action { padding: 0px 3px; float: right; }
|
||||
.dir-rtl a.criteria-action { float: left; }
|
||||
table.issuedbadgebox { width: 750px; background-color: white; }
|
||||
table.badgeissuedimage { width: 150px; text-align: center; }
|
||||
table.badgeissuedinfo { width: 600px; }
|
||||
table.badgeissuedinfo .bvalue { text-align: left; vertical-align: middle; }
|
||||
.dir-rtl table.badgeissuedinfo .bvalue { text-align: right; }
|
||||
table.badgeissuedinfo .bfield { width: 125px; text-align: left; font-style: italic; }
|
||||
.dir-rtl table.badgeissuedinfo .bfield { text-align: right; }
|
||||
|
||||
ul.badges { margin: 0; list-style: none; }
|
||||
.badges li { position: relative; display: inline-block; padding-bottom: 2em; text-align: center; vertical-align: top; width: 150px; }
|
||||
.badges li .badge-name { display: block; padding: 5px; }
|
||||
.badges li > img { position: absolute; }
|
||||
.badges li .badge-image { width: 90px; height: 90px; left: 10px; top: 0px; z-index: 1; }
|
||||
.badges li .badge-image { width: 100px; height: 100px; left: 10px; top: 0px; z-index: 1; }
|
||||
.dir-rtl .badges li .badge-image { right: 10px; }
|
||||
.badges li .badge-actions { position: relative; }
|
||||
|
||||
div.badge { position: relative; display: block; }
|
||||
div.badge .expireimage { width: 100px; height: 100px; left: 20px; top: 0px; }
|
||||
.expireimage { width: 90px; height: 90px; left: 30px; top: 0px; position: absolute; z-index:10; filter: alpha(opacity = 85); -moz-opacity: 0.85; -khtml-opacity: 0.85; opacity: 0.85;}
|
||||
div.badge .expireimage { width: 100px; height: 100px; left: 0px; top: 0px; }
|
||||
.expireimage { width: 100px; height: 100px; left: 25px; top: 0px; position: absolute; z-index:10; filter: alpha(opacity = 85); -moz-opacity: 0.85; -khtml-opacity: 0.85; opacity: 0.85;}
|
||||
|
||||
.badge-profile { vertical-align: top; }
|
||||
.connected { color: #006600; }
|
||||
@@ -1683,11 +1721,21 @@ div.badge .expireimage { width: 100px; height: 100px; left: 20px; top: 0px; }
|
||||
#page-badges-award .recipienttable tr td.existing,
|
||||
#page-badges-award .recipienttable tr td.potential { width: 42%; }
|
||||
|
||||
.statustable { margin-bottom: 0px; }
|
||||
.statusbox { border-color: #BBBBBB; }
|
||||
#issued-badge-table .activatebadge {
|
||||
display: inline-block;
|
||||
}
|
||||
#issued-badge-table div.activatebadge {
|
||||
margin-left: 3px;
|
||||
}
|
||||
.statusbox { border-color: #BBBBBB; padding: 5px;text-align: center;}
|
||||
.statusbox.active { background-color: #D9F991; }
|
||||
.statusbox.inactive { background-color: #FFEBA8; }
|
||||
.activatebadge { margin: 0px; text-align: left; vertical-align: middle; }
|
||||
.statusbox .activatebadge {
|
||||
display: inline-block;
|
||||
}
|
||||
.statusbox .activatebadge input[type=submit]{
|
||||
margin: 3px;
|
||||
}
|
||||
.dir-rtl .activatebadge { text-align: right; }
|
||||
.addcourse { float: right; }
|
||||
.dir-rtl .addcourse { float: left; }
|
||||
|
||||
@@ -1856,32 +1856,6 @@ a.criteria-action {
|
||||
padding: 0px 3px;
|
||||
float: right;
|
||||
}
|
||||
table.issuedbadgebox {
|
||||
width: 750px;
|
||||
background-color: @wellBackground;
|
||||
}
|
||||
table.badgeissuedimage {
|
||||
width: 150px;
|
||||
text-align: center;
|
||||
}
|
||||
table.badgeissuedinfo {
|
||||
width: 600px;
|
||||
}
|
||||
table.badgeissuedinfo .bvalue {
|
||||
text-align: left;
|
||||
vertical-align: middle;
|
||||
}
|
||||
table.badgeissuedinfo .bfield {
|
||||
width: 125px;
|
||||
text-align: left;
|
||||
font-style: italic;
|
||||
}
|
||||
.dir-rtl {
|
||||
table.badgeissuedinfo .bvalue,
|
||||
table.badgeissuedinfo .bfield {
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
ul.badges {
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
@@ -1902,8 +1876,8 @@ ul.badges {
|
||||
position: absolute;
|
||||
}
|
||||
.badges li .badge-image {
|
||||
width: 90px;
|
||||
height: 90px;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
left: 10px;
|
||||
top: 0px;
|
||||
z-index: 1;
|
||||
@@ -1911,24 +1885,78 @@ ul.badges {
|
||||
.badges li .badge-actions {
|
||||
position: relative;
|
||||
}
|
||||
div.badge {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
div.badge .expireimage {
|
||||
.badges li .expireimage {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
left: 20px;
|
||||
top: 0px;
|
||||
}
|
||||
.expireimage {
|
||||
.opacity(85);
|
||||
width: 90px; height: 90px;
|
||||
left: 30px;
|
||||
left: 25px;
|
||||
top: 0px;
|
||||
position: absolute;
|
||||
z-index:10;
|
||||
z-index: 10;
|
||||
opacity: 0.85;
|
||||
}
|
||||
|
||||
#badge-image {
|
||||
background-color: transparent;
|
||||
padding: 0;
|
||||
position: relative;
|
||||
min-width: 100px;
|
||||
width: 20%;
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
margin-top: 17px;
|
||||
|
||||
.expireimage {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
.opacity(85);
|
||||
position: absolute;
|
||||
z-index:10;
|
||||
}
|
||||
|
||||
.singlebutton {
|
||||
padding-top: 5px;
|
||||
|
||||
input {
|
||||
margin-left: 0px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.dir-rtl #badge-image {
|
||||
float: right;
|
||||
|
||||
.expireimage {
|
||||
left: 41px;
|
||||
}
|
||||
}
|
||||
#badge-details {
|
||||
display: inline-block;
|
||||
width: 79%;
|
||||
}
|
||||
|
||||
#badge-overview dl,
|
||||
#badge-details dl {
|
||||
margin: 0;
|
||||
|
||||
dt,
|
||||
dd {
|
||||
vertical-align: top;
|
||||
padding: 3px 0;
|
||||
}
|
||||
dt {
|
||||
clear: both;
|
||||
display: inline-block;
|
||||
width: 20%;
|
||||
min-width: 100px;
|
||||
}
|
||||
dd {
|
||||
display: inline-block;
|
||||
width: 79%;
|
||||
margin-left: 1%;
|
||||
}
|
||||
}
|
||||
|
||||
.badge-profile {
|
||||
vertical-align: top;
|
||||
}
|
||||
@@ -1954,8 +1982,8 @@ div.badge .expireimage {
|
||||
width: 42%;
|
||||
}
|
||||
|
||||
.statustable {
|
||||
margin-bottom: 0px;
|
||||
#issued-badge-table .activatebadge {
|
||||
display: inline-block;
|
||||
}
|
||||
.statusbox.active {
|
||||
background-color: @successBackground;
|
||||
@@ -1963,6 +1991,17 @@ div.badge .expireimage {
|
||||
.statusbox.inactive {
|
||||
background-color: @warningBackground;
|
||||
}
|
||||
.statusbox {
|
||||
text-align: center;
|
||||
margin-bottom: 5px;
|
||||
padding: 5px;
|
||||
}
|
||||
.statusbox .activatebadge {
|
||||
display: inline-block;
|
||||
}
|
||||
.statusbox .activatebadge input[type=submit]{
|
||||
margin: 3px;
|
||||
}
|
||||
.activatebadge {
|
||||
margin: 0px;
|
||||
text-align: left;
|
||||
|
||||
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user