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;
 }
 
}