Difference between revisions of "Template:Cologne-Duesseldorf/css"
| Line 81: | Line 81: | ||
padding: 20px; | padding: 20px; | ||
font-size: 5vw; | font-size: 5vw; | ||
| − | transition: all | + | transition: all 0.5s ease; |
} | } | ||
#bodyContent footer i:hover { | #bodyContent footer i:hover { | ||
| Line 357: | Line 357: | ||
list-style-type: none; | list-style-type: none; | ||
color: #149375; | color: #149375; | ||
| − | transition: all | + | transition: all 0.5s ease; |
} | } | ||
#bodyContent a:hover { | #bodyContent a:hover { | ||
| Line 390: | Line 390: | ||
border-radius: 0; | border-radius: 0; | ||
box-shadow: 0px 4px 12px 2px rgba(0, 0, 0, 0.3); | box-shadow: 0px 4px 12px 2px rgba(0, 0, 0, 0.3); | ||
| − | transition: border | + | transition: border 0.5s ease; |
} | } | ||
#bodyContent #sidebar-btn:hover { | #bodyContent #sidebar-btn:hover { | ||
| Line 396: | Line 396: | ||
#bodyContent #sidebar-btn i { | #bodyContent #sidebar-btn i { | ||
| − | transition: color | + | transition: color 0.5s ease; |
} | } | ||
| Line 417: | Line 417: | ||
visibility: hidden; | visibility: hidden; | ||
opacity: 0; | opacity: 0; | ||
| − | transition: all | + | transition: all 0.5s ease; |
overflow-y: auto; | overflow-y: auto; | ||
} | } | ||
| Line 430: | Line 430: | ||
#bodyContent #sidebar ul li { | #bodyContent #sidebar ul li { | ||
list-style: none; | list-style: none; | ||
| − | transition: all | + | transition: all 0.5s ease; |
} | } | ||
#bodyContent #sidebar ul li a { | #bodyContent #sidebar ul li a { | ||
| Line 441: | Line 441: | ||
padding: 10px; | padding: 10px; | ||
text-decoration: none; | text-decoration: none; | ||
| − | transition: all | + | transition: all 0.5s ease; |
} | } | ||
#bodyContent #sidebar ul li a:hover { | #bodyContent #sidebar ul li a:hover { | ||
| Line 455: | Line 455: | ||
padding: 10px; | padding: 10px; | ||
text-decoration: none; | text-decoration: none; | ||
| − | transition: all | + | transition: all 0.5s ease; |
} | } | ||
#bodyContent #sidebar ul ul a:hover { | #bodyContent #sidebar ul ul a:hover { | ||
| Line 480: | Line 480: | ||
visibility: hidden; | visibility: hidden; | ||
opacity: 0; | opacity: 0; | ||
| − | transition: all | + | transition: all 0.5s ease; |
} | } | ||
#bodyContent #overlay.active { | #bodyContent #overlay.active { | ||
| Line 508: | Line 508: | ||
height: auto; | height: auto; | ||
filter: grayscale(100%); | filter: grayscale(100%); | ||
| − | transition: all | + | transition: all 0.5s ease; |
} | } | ||
#bodyContent .flex-gallery a img:hover { | #bodyContent .flex-gallery a img:hover { | ||
| Line 522: | Line 522: | ||
z-index: 99999; | z-index: 99999; | ||
opacity: 0; | opacity: 0; | ||
| − | transition: opacity | + | transition: opacity 0.5s ease-in; |
pointer-events: none; | pointer-events: none; | ||
} | } | ||
| Line 563: | Line 563: | ||
background: #149375; | background: #149375; | ||
color: white; | color: white; | ||
| − | transition: all | + | transition: all 0.5s ease; |
} | } | ||
#bodyContent a.close:visited { | #bodyContent a.close:visited { | ||
| Line 596: | Line 596: | ||
text-align: left; | text-align: left; | ||
outline: none; | outline: none; | ||
| − | transition: all | + | transition: all 0.5s ease; |
} | } | ||
#bodyContent button.accordion.active, | #bodyContent button.accordion.active, | ||
| Line 616: | Line 616: | ||
max-height: 0; | max-height: 0; | ||
overflow: hidden; | overflow: hidden; | ||
| − | transition: max-height 0. | + | transition: max-height 0.5s ease-out; |
} | } | ||
#bodyContent .panel p { | #bodyContent .panel p { | ||
| Line 634: | Line 634: | ||
#mega-menu a { | #mega-menu a { | ||
color: #263238; | color: #263238; | ||
| − | transition: all | + | transition: all 0.5s ease; |
} | } | ||
#mega-menu a:link { | #mega-menu a:link { | ||
| Line 658: | Line 658: | ||
text-decoration: none; | text-decoration: none; | ||
color: rgba(0, 0, 0, 0.6); | color: rgba(0, 0, 0, 0.6); | ||
| − | transition: all | + | transition: all 2s ease; |
} | } | ||
| Line 703: | Line 703: | ||
border: 3px solid white; | border: 3px solid white; | ||
border-radius: 100%; | border-radius: 100%; | ||
| + | transition: opacity 0.5s ease; | ||
} | } | ||
| Line 712: | Line 713: | ||
} | } | ||
#bodyContent #sidebar-btn.active { | #bodyContent #sidebar-btn.active { | ||
| − | opacity:0; | + | opacity:0; |
} | } | ||
#bodyContent #back-to-top { | #bodyContent #back-to-top { | ||
Revision as of 08:06, 27 September 2017
