Style changes for new sort form

This commit is contained in:
mgbennet 2019-04-14 13:15:33 -07:00 committed by Alex Cabal
parent f361c1a552
commit 6afb0c14e2

View file

@ -455,7 +455,8 @@ nav a[rel]:focus{
a.button:active,
a[rel~="previous"]:active,
a[rel~="next"]:active{
a[rel~="next"]:active,
aside.sort button:active{
top: 2px;
left: 2px;
box-shadow: none;
@ -493,22 +494,42 @@ a[rel="previous"][href]:hover::before{
transition: all 200ms ease;
}
aside.sort p{
width: 100%;
margin-bottom: 1rem;
aside.sort select{
margin-left: .5rem;
background-color: rgba(0, 0, 0, .1);
border-radius: 5px;
padding: 4px;
color: #222;
font-family: 'League spartan', sans-serif;
text-transform: lowercase;
box-shadow: 1px 1px 0 rgba(255, 255, 255, .5) inset;
font-size: 18px;
cursor: pointer;
}
aside.sort a.button.check:before{
font-family: "FontAwesome";
content: "\f00c";
aside.sort button{
position: relative;
right: 0;
margin-right: .5rem;
margin-left: .5rem;
font-style: normal;
box-sizing: border-box;
background-color: #1d6878;
border: 0;
border-radius: 5px;
padding: .25rem 1rem;
color: #fff;
text-decoration: none;
font-size: 18px;
font-family: 'League spartan', sans-serif;
text-shadow: 1px 1px 0 rgba(0, 0, 0, .5);
box-shadow: 2px 2px 0 #194149;
text-transform: lowercase;
cursor: pointer;
}
a.button:hover,
a[rel~="previous"]:hover,
a[rel~="next"]:hover{
a[rel~="next"]:hover,
aside.sort button:hover{
background-color: #288da4;
}