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 { a.levelIcon.best {
border-color: gold; background: -webkit-linear-gradient(top, #FFD700, #FFA500);
background: gold; 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 { a.levelIcon div.index {
@ -1023,21 +1037,22 @@ a.levelIcon div.index {
-webkit-text-stroke: 1px #111; -webkit-text-stroke: 1px #111;
} }
/* Icon states */
a.levelIcon div.index i { a.levelIcon div.index i {
display: none; display: none;
}
a.levelIcon.solved div.index i {
display: block;
color: white; color: white;
-webkit-text-stroke: 0;
text-shadow: none;
font-size: 2em; font-size: 2em;
-webkit-text-stroke: 0;
} }
a.levelIcon.solved div.index div.indexNum { /* Show appropriate icon based on state */
display: none; 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 */ /* MultiView Builder */
.multiViewBuilder div.view { .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]%>"> <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]%>"> <div class="index box" data-id="<%=ids[i]%>">
<i class="icon-ok-circle" data-id="<%=ids[i]%>"></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]%>"> <div class="indexNum" data-id="<%=ids[i]%>">
<%= i + 1 %> <%= i + 1 %>
</div> </div>