Difference between revisions of "MediaWiki:Common.css"
From Future Of Mankind
Line 68: | Line 68: | ||
line-height: 4em; | line-height: 4em; | ||
font-weight: bold; | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | |||
+ | #slidingphotocontainer { | ||
+ | width: 1000px; | ||
+ | overflow: hidden; | ||
+ | margin: 10px auto; | ||
+ | background: white; | ||
+ | } | ||
+ | |||
+ | .photobanner { | ||
+ | height: 233px; | ||
+ | width: 3550px; | ||
+ | margin-bottom: 10px; | ||
+ | } | ||
+ | |||
+ | .photobanner img {; | ||
+ | height: 233px; | ||
+ | width: 350px; | ||
+ | -webkit-transition: all 0.5s ease; | ||
+ | -moz-transition: all 0.5s ease; | ||
+ | -o-transition: all 0.5s ease; | ||
+ | -ms-transition: all 0.5s ease; | ||
+ | transition: all 0.5s ease; | ||
+ | } | ||
+ | |||
+ | .photobanner img:hover { | ||
+ | -webkit-transform: scale(1.4); | ||
+ | -moz-transform: scale(1.4); | ||
+ | -o-transform: scale(1.4); | ||
+ | -ms-transform: scale(1.4); | ||
+ | transform: scale(1.4); | ||
+ | cursor: pointer; | ||
+ | |||
+ | -webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.2); | ||
+ | -moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.2); | ||
+ | box-shadow: 0px 3px 5px rgba(0,0,0,0.2); | ||
+ | } | ||
+ | /*keyframe animations*/ | ||
+ | .first { | ||
+ | -webkit-animation: bannermove 30s linear infinite; | ||
+ | -moz-animation: bannermove 30s linear infinite; | ||
+ | -ms-animation: bannermove 30s linear infinite; | ||
+ | -o-animation: bannermove 30s linear infinite; | ||
+ | animation: bannermove 30s linear infinite; | ||
+ | } | ||
+ | |||
+ | @keyframes "bannermove" { | ||
+ | 0% { | ||
+ | margin-left: 0px; | ||
+ | } | ||
+ | 100% { | ||
+ | margin-left: -2125px; | ||
+ | } | ||
+ | |||
+ | } | ||
+ | |||
+ | @-moz-keyframes bannermove { | ||
+ | 0% { | ||
+ | margin-left: 0px; | ||
+ | } | ||
+ | 100% { | ||
+ | margin-left: -2125px; | ||
+ | } | ||
+ | |||
+ | } | ||
+ | |||
+ | @-webkit-keyframes "bannermove" { | ||
+ | 0% { | ||
+ | margin-left: 0px; | ||
+ | } | ||
+ | 100% { | ||
+ | margin-left: -2125px; | ||
+ | } | ||
+ | |||
+ | } | ||
+ | |||
+ | @-ms-keyframes "bannermove" { | ||
+ | 0% { | ||
+ | margin-left: 0px; | ||
+ | } | ||
+ | 100% { | ||
+ | margin-left: -2125px; | ||
+ | } | ||
+ | |||
+ | } | ||
+ | |||
+ | @-o-keyframes "bannermove" { | ||
+ | 0% { | ||
+ | margin-left: 0px; | ||
+ | } | ||
+ | 100% { | ||
+ | margin-left: -2125px; | ||
+ | } | ||
+ | |||
} | } |
Revision as of 18:57, 20 January 2022
/* Changes the default font used for MediaWiki to Arial (does not include headings or monospaced text): */ body { font-family: Arial } /* Changes the default font used for MediaWiki headings to Noto Serif: */ #content h1 {font-family: "Noto Serif", serif} #mw-site-navigation .sidebar-chunk h3, #mw-related-navigation .sidebar-chunk h3 {font-size:1.3em} .toctitle {text-align:center; font-size:1.2em; line-height:2em} .mw-body .toctitle h2 {font-family:Arial; font-weight:bold} .toctogglespan {font-size:70%} .toc ul {line-height:1.4em} .toc {border:1px solid #a2a9b1; padding:0 12px} /* mouse over link */ a:hover {text-decoration:underline} /* selected link */ a:active {text-decoration:underline; color:orange} ul > li:nth-child(2) > div:last-child, li:nth-child(4) > div:last-child {display:none} ul > li:nth-child(4) > div:nth-child(2) {display:none} ul > li:nth-child(3) > div:last-child {display:none} .responsive-image img {width:100%; height:auto} .thumbinner img {border:1px solid #ddd} .FOMclock { margin: 0 auto; } .FOMclock ul { margin: 0 auto; padding: 0; text-align: inline } .FOMclock ul li { display: inline; } .FOMdate { display: inline; } .DateRange, .DateDiv { display: none; } h4{ display: inline-block; } table {border-spacing:1.5em 0; margin:0 -1em} td, th, div {vertical-align:top; line-height:1.35em} /* #btnHideEnglish, #btnHideGerman { cursor: pointer; } */ /* The following class is used on the Test page. */ tr.contactperson td { background-color: cyan; line-height: 4em; font-weight: bold; } #slidingphotocontainer { width: 1000px; overflow: hidden; margin: 10px auto; background: white; } .photobanner { height: 233px; width: 3550px; margin-bottom: 10px; } .photobanner img {; height: 233px; width: 350px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; } .photobanner img:hover { -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -o-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4); cursor: pointer; -webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.2); -moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.2); box-shadow: 0px 3px 5px rgba(0,0,0,0.2); } /*keyframe animations*/ .first { -webkit-animation: bannermove 30s linear infinite; -moz-animation: bannermove 30s linear infinite; -ms-animation: bannermove 30s linear infinite; -o-animation: bannermove 30s linear infinite; animation: bannermove 30s linear infinite; } @keyframes "bannermove" { 0% { margin-left: 0px; } 100% { margin-left: -2125px; } } @-moz-keyframes bannermove { 0% { margin-left: 0px; } 100% { margin-left: -2125px; } } @-webkit-keyframes "bannermove" { 0% { margin-left: 0px; } 100% { margin-left: -2125px; } } @-ms-keyframes "bannermove" { 0% { margin-left: 0px; } 100% { margin-left: -2125px; } } @-o-keyframes "bannermove" { 0% { margin-left: 0px; } 100% { margin-left: -2125px; } }