Line 32: |
Line 32: |
| background-size: cover; | | background-size: cover; |
| } | | } |
| + | |
| | | |
| | | |
Line 109: |
Line 110: |
| } | | } |
| | | |
− | .mp-category a{
| |
− | color:initial;
| |
− | text-decoration:none;
| |
− | background-image: linear-gradient(#0645ad, #0645ad);
| |
− | background-size: 100% 1px, auto;
| |
− | background-repeat: no-repeat;
| |
− | background-position: left bottom;
| |
− | transition: all .2s ease-out;
| |
− | }
| |
− |
| |
− | .mp-category a:hover{
| |
− | background-size: 100% 100%, auto;
| |
− | color:white;
| |
− | text-decoration:none;
| |
− | }
| |
| | | |
| .fc-text{ | | .fc-text{ |
Line 129: |
Line 115: |
| } | | } |
| | | |
− | .fc-text a{ | + | .fc-text a {} |
− | color:initial;
| |
− | text-decoration:none;
| |
− | background-image: linear-gradient(#0645ad, #0645ad);
| |
− | background-size: 100% 1px, auto;
| |
− | background-repeat: no-repeat;
| |
− | background-position: left bottom;
| |
− | transition: all .2s ease-out;
| |
− | } | |
| | | |
− | .fc-text a:hover{ | + | .fc-text a:hover {} |
− | background-size: 100% 100%, auto;
| |
− | color:white;
| |
− | text-decoration:none;
| |
− | } | |
| | | |
| .fc-grid{ | | .fc-grid{ |
Line 180: |
Line 154: |
| .mp-category-grid>* { | | .mp-category-grid>* { |
| width: 100px; | | width: 100px; |
− | height: 150px; | + | height: 160px; |
| text-align:center; | | text-align:center; |
| border-radius:10px; | | border-radius:10px; |
Line 197: |
Line 171: |
| height: auto; | | height: auto; |
| width: auto; | | width: auto; |
| + | } |
| + | |
| + | .fc-img{ |
| + | margin-bottom:2em; |
| + | text-align:center; |
| + | width:200px; |
| + | min-height: 200px; |
| + | max-height: 200px; |
| + | margin-top:1em; |
| + | margin-left:auto; |
| + | margin-right:auto; |
| + | position:relative; |
| + | overflow:hidden; |
| + | border-radius:10px; |
| + | box-shadow:2px 2px 4px rgba(0,0,0,0.3); |
| } | | } |
| | | |
Line 777: |
Line 766: |
| .compact-ambox .hide-when-compact { | | .compact-ambox .hide-when-compact { |
| display: none; | | display: none; |
| + | } |
| + | |
| + | /* Text Age Coloration */ |
| + | @keyframes transition1 { |
| + | from {color: black;} |
| + | to {color: #efefef;} |
| + | } |
| + | @keyframes transition2 { |
| + | from {color: black;} |
| + | to {color: #d9d9d9;} |
| + | } |
| + | @keyframes transition3 { |
| + | from {color: black;} |
| + | to {color: #cccccc;} |
| + | } |
| + | @keyframes transition4 { |
| + | from {color: black;} |
| + | to {color: #b7b7b7;} |
| + | } |
| + | @keyframes transition5 { |
| + | from {color: black;} |
| + | to {color: #999999;} |
| + | } |
| + | @keyframes transition6 { |
| + | from {color: black;} |
| + | to {color: #666666;} |
| + | } |
| + | @keyframes transition7 { |
| + | from {color: black;} |
| + | to {color: #333333;} |
| + | } |
| + | |
| + | .cycle1{ |
| + | color: #efefef; |
| + | animation-name: transition1; |
| + | animation-duration: 8s; |
| + | animation-delay: 0s; |
| + | |
| + | } |
| + | .cycle2{ |
| + | color: #d9d9d9; |
| + | animation-name: transition2; |
| + | animation-duration: 8s; |
| + | animation-delay: 0s; |
| + | |
| + | } |
| + | .cycle3{ |
| + | color: #cccccc; |
| + | animation-name: transition3; |
| + | animation-duration: 8s; |
| + | animation-delay: 0s; |
| + | |
| + | } |
| + | .cycle4{ |
| + | color: #b7b7b7; |
| + | animation-name: transition4; |
| + | animation-duration: 8s; |
| + | animation-delay: 0s; |
| + | |
| + | } |
| + | .cycle5{ |
| + | color: #999999; |
| + | animation-name: transition5; |
| + | animation-duration: 8s; |
| + | animation-delay: 0s; |
| + | |
| + | } |
| + | .cycle6{ |
| + | color: #666666; |
| + | animation-name: transition6; |
| + | animation-duration: 5s; |
| + | animation-delay: 0s; |
| + | |
| + | } |
| + | .cycle7{ |
| + | color: #333333; |
| + | animation-name: transition7; |
| + | animation-duration: 8s; |
| + | animation-delay: 0s; |
| + | } |
| + | .cycle8{ |
| + | color: black; |
| } | | } |