mxmehl/website-mehlmx
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

adding highlight for active anchor items

Browse Source
This commit is contained in:
mxmehl
2016-08-30 11:22:40 +02:00
parent 156d5a905a
commit 605b9ff8a3
1 changed files with 9 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
style.css
View File

@@ -402,6 +402,15 @@ blockquote p, q p {
display:inline; display:inline;
} }
/* HIGHLIGHTING ACTIVE ANCHOR ITEMS */
:target {
background: #F5DEB3; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(left,rgba(245,222,179,1),rgba(245,222,179,0)); /*Safari 5.1-6*/
background: -o-linear-gradient(right,rgba(245,222,179,1),rgba(245,222,179,0)); /*Opera 11.1-12*/
background: -moz-linear-gradient(right,rgba(245,222,179,1),rgba(245,222,179,0)); /*Fx 3.6-15*/
background: linear-gradient(to right, rgba(245,222,179,1), rgba(245,222,179,0)); /*Standard*/
}
@media only screen and (max-device-width: 400px) { @media only screen and (max-device-width: 400px) {
.featured-box { .featured-box {
max-width: 90%; max-width: 90%;