flynx/ImageGrid
1
1
Fork 0
mirror of https://github.com/flynx/ImageGrid.git synced 2025-11-02 20:30:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

minor tweaking...

Browse Source 
Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
This commit is contained in:
Alex A. Naanou 2013-12-02 18:00:45 +04:00
parent bd5f9476df
commit 55b1b00069
1 changed files with 9 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
ui/experiments/seporate-image-and-background.html
View File

@ -158,8 +158,8 @@
.mark.blue, .mark.blue,
.mark.red, .mark.red,
.mark.yellow { .mark.yellow {
width: 25px; width: 0px;
margin-left: -25px; margin-left: 0px;
border: none; border: none;
} }
.mark.blue:after, .mark.blue:after,
@ -181,21 +181,17 @@
border-radius: 50%; border-radius: 50%;
} }
.mark.blue:after { .mark.blue:after {
left: -25px;
background: blue; background: blue;
} }
.mark.red {
left: -17px;
width: 25px;
}
.mark.red:after { .mark.red:after {
left: -42px;
background: red; background: red;
} }
.mark.yellow {
left: -34px;
width: 25px;
}
.mark.yellow:after { .mark.yellow:after {
left: -59px;
background: yellow; background: yellow;
} }
@ -242,9 +238,9 @@
<div id="1" class="current image2" style="background-image: url(image.jpg)"></div> <div id="1" class="current image2" style="background-image: url(image.jpg)"></div>
<div class="mark"></div> <div class="mark"></div>
<div class="mark blue"></div> <div class="mark blue" title="blue"></div>
<div class="mark red"></div> <div class="mark red" title="red"></div>
<div class="mark yellow"></div> <div class="mark yellow" title="yellow"></div>
</div> </div>
</body> </body>