MediaWiki:Common.css: Difference between revisions
From Future Of Mankind
No edit summary |
No edit summary |
||
| 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;
}
}