Difference between revisions of "Template:Aix-Marseille"
| Line 452: | Line 452: | ||
} | } | ||
| − | + | .row-icons ul { display: flex; justify-content: space-around; margin: 0; padding: 0; } | |
| − | + | .row-icons ul li { list-style: none; } | |
| − | + | .row-icons ul li a { | |
/*background: #fff;*/ padding: 0.5em; border-radius: 50%; | /*background: #fff;*/ padding: 0.5em; border-radius: 50%; | ||
width: 9em; | width: 9em; | ||
| Line 461: | Line 461: | ||
} | } | ||
| − | + | .row-icons ul li a, .row-icons ul li .legend { | |
display: flex; align-items: center; justify-content: center; | display: flex; align-items: center; justify-content: center; | ||
} | } | ||
| − | + | .row-icons ul li .legend { | |
padding-top: 1em; | padding-top: 1em; | ||
} | } | ||
| − | + | .row-icons ul li a:hover, .row-icons ul li a:focus { | |
box-shadow: 0 0 0 10px #f6da05; | box-shadow: 0 0 0 10px #f6da05; | ||
} | } | ||
| − | # | + | |
| + | .row-icons ul li a:hover img, .row-icons ul li a:focus img { | ||
| + | |||
| + | -webkit-transition: all 0.4s ease; | ||
| + | -moz-transition: all 0.4s ease; | ||
| + | -ms-transition: all 0.4s ease; | ||
| + | -o-transition: all 0.4s ease; | ||
| + | transition: all 0.4s ease; | ||
| + | } | ||
| + | |||
| + | .row-icons ul li a:hover img, .row-icons ul li a:focus img { | ||
| + | transform: scale(1.2); | ||
| + | } | ||
| + | |||
| + | #people-icons ul li a:hover img, #people-icons ul li a:focus img { | ||
| + | filter: sepia(100%) saturate(10000%) hue-rotate(0deg); | ||
| + | } | ||
| + | |||
| + | #people-icons ul li a:hover .legend, #people-icons ul li a:focus .legend { | ||
| + | color: #f6da05; | ||
| + | } | ||
| + | |||
| + | .row-icons img { width: 7.5em; height: auto; margin: 1.5em; } | ||
</style> | </style> | ||
Revision as of 19:39, 9 October 2017
{{{title}}}
