mirror/ffmprovisr
1
0
Fork 0
mirror of https://github.com/amiaopensource/ffmprovisr.git synced 2025-01-12 11:37:08 +01:00
Code Issues Packages Projects Releases Wiki Activity

cleans up hover css, keeps text white on hover

Browse Source
This commit is contained in:
Ashley Blewer 2017-10-18 12:00:37 -04:00
parent 921b75bb2e
commit 66139ce781
1 changed files with 18 additions and 41 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

59
css/css.css
View File

@ -137,32 +137,41 @@ div {
color: white; color: white;
} }
.recipe { .sidebar a {
text-decoration: none;
}
.recipe, .contents-list {
color: white; color: white;
background-color: #383838; background-color: #383838;
padding: 14px; padding: 14px;
padding-left: 2.8em;
font-family: "Montserrat"; font-family: "Montserrat";
font-weight: bold;
font-size: 1.2em; font-size: 1.2em;
font-weight: bold;
letter-spacing: 0.1em;
border: 1px solid black; border: 1px solid black;
transition: all .5s ease-out;
position: relative;
width: 100%; width: 100%;
cursor: pointer; cursor: pointer;
position: relative;
padding-left: 2.8em;
transition: all .5s ease-out;
} }
.recipe:hover { .recipe:hover, .contents-list:hover {
color: black;
background-color: #449d44; background-color: #449d44;
border: 1px solid black;
} }
.recipe:before { .recipe:before {
content: "💫"; content: "💫";
}
.contents-list:before {
content: "📼";
}
.recipe:before, .contents-list:before {
position: absolute; position: absolute;
left: 1em; left: 1em;
padding: 0 1px;
padding-right: 1em; padding-right: 1em;
} }
@ -171,38 +180,6 @@ div {
transition: 0.5s; transition: 0.5s;
} }
.sidebar a {
text-decoration: none;
}
.contents-list {
color: white;
background-color: #383838;
padding: 14px;
padding-left: 2.8em;
font-family: "Montserrat";
font-weight: bold;
font-size: 1em;
border: 1px solid black;
transition: all .5s ease-out;
position: relative;
cursor: pointer;
}
.contents-list:hover {
color: black;
background-color: #449d44;
border:1px solid black;
}
.contents-list:before {
content: "📼";
position: absolute;
left: 1em;
padding: 0 1px;
padding-right: 1em;
}
.contents-list:hover:before, .contents-list:focus:before, .contents-list:active:before { .contents-list:hover:before, .contents-list:focus:before, .contents-list:active:before {
transform: scale(1.8) translateX(0.3em); transform: scale(1.8) translateX(0.3em);
transition: 0.5s; transition: 0.5s;