Difference between revisions of "Team:ASIJ Tokyo/CSS"
19andersonn (Talk | contribs) |
19andersonn (Talk | contribs) |
||
| Line 165: | Line 165: | ||
margin: 0; | margin: 0; | ||
padding: 0; | padding: 0; | ||
| + | } | ||
| + | |||
| + | div.container | ||
| + | { | ||
| + | font-family: Avenir; | ||
| + | font-weight: bold; | ||
| + | position: relative; | ||
| + | margin: 0 auto; | ||
| + | padding: 5em 3em; | ||
| + | text-align: center; | ||
| + | } | ||
| + | |||
| + | div.container a | ||
| + | { | ||
| + | color: #1e50a2; | ||
| + | text-decoration: none; | ||
| + | font: 20px Avenir; | ||
| + | margin: 0px 10px; | ||
| + | padding: 10px 10px; | ||
| + | position: relative; | ||
| + | z-index: 0; | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | |||
| + | div.topBotomBordersOut a:before, div.topBotomBordersOut a:after | ||
| + | { | ||
| + | position: absolute; | ||
| + | left: 0px; | ||
| + | width: 100%; | ||
| + | height: 2px; | ||
| + | background: #1e50a2; | ||
| + | content: ""; | ||
| + | opacity: 0; | ||
| + | transition: all 0.3s; | ||
| + | } | ||
| + | div.topBotomBordersOut a:before | ||
| + | { | ||
| + | top: 3px; | ||
| + | transform: translateY(10px); | ||
| + | } | ||
| + | div.topBotomBordersOut a:after | ||
| + | { | ||
| + | bottom: 3px; | ||
| + | transform: translateY(-10px); | ||
| + | } | ||
| + | div.topBotomBordersOut a:hover:before, div.topBotomBordersOut a:hover:after | ||
| + | { | ||
| + | opacity: 1; | ||
| + | transform: translateY(0px); | ||
} | } | ||
Revision as of 06:42, 31 August 2018