Continued to improve the layout.

This commit is contained in:
Wynne Crisman
2017-11-25 15:07:14 -08:00
parent f848ea9a8f
commit d8a6a31525
15 changed files with 63 additions and 190 deletions

View File

@@ -45,11 +45,11 @@
position: absolute
right: -30px
top: 10px
-webkit-transition: .25s ease-in
-moz-transition: .25s ease-in
-o-transition: .25s ease-in
-ms-transition: .25s ease-in
transition: .25s ease-in
-webkit-transition: .5s ease-in
-moz-transition: .5s ease-in
-o-transition: .5s ease-in
-ms-transition: .5s ease-in
transition: .5s ease-in
-webkit-border-top-right-radius: 5px
-webkit-border-bottom-right-radius: 5px
-moz-border-radius-topright: 5px
@@ -148,26 +148,47 @@
text-decoration: none
display: block
.tag
padding: .2em .5em
font-size: .7em
padding: .3em .6em
margin-top: -.2em
font-size: .8em
color: #ddd
white-space: nowrap
vertical-align: baseline
border-radius: .5em
border: 1px solid #000000
float: right
.subMenu
background-color: #999
padding: .3em .6em
margin-top: -.2em
font-size: .8em
color: #fff
white-space: nowrap
vertical-align: baseline
border-radius: .25em
border-radius: .5em
border: 1px solid #000000
float: right
.subMenu.active
background-color: #333
li:hover
background-color: #333
-webkit-animation: neon6 1.5s ease-in-out infinite alternate;
-moz-animation: neon6 1.5s ease-in-out infinite alternate;
animation: neon6 1.5s ease-in-out infinite alternate;
// Note: neon6 is defined in effects.import.styl
background-color: #666
-webkit-animation: neon6 1.5s ease-in-out infinite alternate
-moz-animation: neon6 1.5s ease-in-out infinite alternate
animation: neon6 1.5s ease-in-out infinite alternate
.subMenu
// Note: neon6 is defined in effects.import.styl
background-color: #999
-webkit-animation: neon7 1.5s ease-in-out infinite alternate
-moz-animation: neon7 1.5s ease-in-out infinite alternate
animation: neon7 1.5s ease-in-out infinite alternate
li.active
background-color: #333
a
> a
color: #96a2ae
li.active:hover
background-color: #333
a
> a
color: white
.footer
flex: 0 0 auto