mirror/pcottle.learnGitBranching
1
0
Fork 0
mirror of https://github.com/pcottle/learnGitBranching.git synced 2025-06-21 05:45:41 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

css improvements

Browse source
This commit is contained in:
Patolord 2024-11-19 09:57:58 -03:00
parent b3d0004427
commit 77723046a0
2 changed files with 27 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

37
src/style/main.css
View file

@ -1011,8 +1011,22 @@ a.levelIcon.solved:active {
}
a.levelIcon.best {
border-color: gold;
background: gold;
background: -webkit-linear-gradient(top, #FFD700, #FFA500);
background: -moz-linear-gradient(top, #FFD700, #FFA500);
background: -o-linear-gradient(top, #FFD700, #FFA500);
background: -ms-linear-gradient(top, #FFD700, #FFA500);
background: linear-gradient(top, #FFD700, #FFA500);
border-top: 1px solid #FFE750;
}
a.levelIcon.best:hover {
border-top-color: #FFD700;
background: #FFD700;
}
a.levelIcon.best:active {
border-top-color: #FFA500;
background: #FFA500;
}
a.levelIcon div.index {
@ -1023,21 +1037,22 @@ a.levelIcon div.index {
-webkit-text-stroke: 1px #111;
}
/* Icon states */
a.levelIcon div.index i {
display: none;
}
a.levelIcon.solved div.index i {
display: block;
color: white;
-webkit-text-stroke: 0;
text-shadow: none;
font-size: 2em;
-webkit-text-stroke: 0;
}
a.levelIcon.solved div.index div.indexNum {
display: none;
}
/* Show appropriate icon based on state */
a.levelIcon.solved .icon-ok-circle { display: block; }
a.levelIcon.best .icon-ok-circle { display: none; }
a.levelIcon.best .icon-star { display: block; }
/* Hide number when icons are shown */
a.levelIcon.solved div.index div.indexNum,
a.levelIcon.best div.index div.indexNum { display: none; }
/* MultiView Builder */
.multiViewBuilder div.view {

1
src/template.index.html
View file

@ -129,6 +129,7 @@
<a href="javascript:void(0)" class="levelIcon box center centerAlign vertical" id="levelIcon-<%=ids[i]%>" data-id="<%=ids[i]%>">
<div class="index box" data-id="<%=ids[i]%>">
<i class="icon-ok-circle" data-id="<%=ids[i]%>"></i>
<i class="icon-star" data-id="<%=ids[i]%>"></i>
<div class="indexNum" data-id="<%=ids[i]%>">
<%= i + 1 %>
</div>